Align props with figma

app/components/ToggleGroup/ToggleGroup.container.tsx

@@ -3,14 +3,15 @@
 import { memo, useCallback, useId, forwardRef } from "react";
 import { ToggleGroupView } from "./ToggleGroup.view";
 import type { ToggleGroupProps } from "./ToggleGroup.types";
+import { normalizeToggleState, normalizeToggleGroupPosition } from "../../../lib/propNormalization";
 
 const ToggleGroupContainer = memo(
   forwardRef<HTMLButtonElement, ToggleGroupProps>((props, _ref) => {
     const {
       children,
       className = "",
-      position = "left",
-      state = "default",
+      position: positionProp = "left",
+      state: stateProp = "default",
       showText = true,
       ariaLabel,
       onChange,
@@ -18,6 +19,10 @@ const ToggleGroupContainer = memo(
       onBlur,
       ...rest
     } = props;
+    
+    // Normalize props to handle both PascalCase (Figma) and lowercase (codebase)
+    const position = normalizeToggleGroupPosition(positionProp);
+    const state = normalizeToggleState(stateProp);
 
     const groupId = useId();
 

app/components/ToggleGroup/ToggleGroup.types.ts

@@ -1,11 +1,23 @@
+import type { StateValue } from "../../../lib/propNormalization";
+
+export type ToggleGroupPositionValue = "left" | "middle" | "right" | "Left" | "Middle" | "Right";
+
 export interface ToggleGroupProps extends Omit<
   React.ButtonHTMLAttributes<HTMLButtonElement>,
   "onChange"
 > {
   children?: React.ReactNode;
   className?: string;
-  position?: "left" | "middle" | "right";
-  state?: "default" | "hover" | "focus" | "selected";
+  /**
+   * Toggle group position. Accepts both lowercase and PascalCase (case-insensitive).
+   * Figma uses PascalCase, codebase uses lowercase - both are supported.
+   */
+  position?: ToggleGroupPositionValue;
+  /**
+   * Visual state. Accepts "default"/"Default", "hover"/"Hover", "focus"/"Focus", "selected"/"Selected" (case-insensitive).
+   * Figma uses PascalCase, codebase uses lowercase - both are supported.
+   */
+  state?: StateValue | "selected" | "Selected";
   showText?: boolean;
   ariaLabel?: string;
   onChange?: (