@humain/ui 2.2.4 → 2.2.5

package/dist/wc-react/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","names":["__iconNode","React","_formatErrorMessage","React","ownerWindow","REASONS.none"],"sources":["../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.27.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/moon.mjs","../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.27.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/sun.mjs","../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/@base-ui+react@1.6.0+1c528c44af60ea5b/node_modules/@base-ui/react/switch/root/SwitchRootContext.mjs","../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/@base-ui+react@1.6.0+1c528c44af60ea5b/node_modules/@base-ui/react/switch/root/SwitchRootDataAttributes.mjs","../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/@base-ui+react@1.6.0+1c528c44af60ea5b/node_modules/@base-ui/react/switch/stateAttributesMapping.mjs","../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/@base-ui+react@1.6.0+1c528c44af60ea5b/node_modules/@base-ui/react/switch/root/SwitchRoot.mjs","../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/@base-ui+react@1.6.0+1c528c44af60ea5b/node_modules/@base-ui/react/switch/thumb/SwitchThumb.mjs","../../src/components/ThemeProvider/theme-provider.tsx","../../src/components/atoms/forms/Switch/Switch.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.27.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401\",\n      key: \"kfwtm\"\n    }\n  ]\n];\nconst Moon = createLucideIcon(\"moon\", __iconNode);\n\nexport { __iconNode, Moon as default };\n//# sourceMappingURL=moon.mjs.map\n","/**\n * @license lucide-react v1.27.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"4\", key: \"4exip2\" }],\n  [\"path\", { d: \"M12 2v2\", key: \"tus03m\" }],\n  [\"path\", { d: \"M12 20v2\", key: \"1lh1kg\" }],\n  [\"path\", { d: \"m4.93 4.93 1.41 1.41\", key: \"149t6j\" }],\n  [\"path\", { d: \"m17.66 17.66 1.41 1.41\", key: \"ptbguv\" }],\n  [\"path\", { d: \"M2 12h2\", key: \"1t8f8n\" }],\n  [\"path\", { d: \"M20 12h2\", key: \"1q8mjw\" }],\n  [\"path\", { d: \"m6.34 17.66-1.41 1.41\", key: \"1m8zz5\" }],\n  [\"path\", { d: \"m19.07 4.93-1.41 1.41\", key: \"1shlcs\" }]\n];\nconst Sun = createLucideIcon(\"sun\", __iconNode);\n\nexport { __iconNode, Sun as default };\n//# sourceMappingURL=sun.mjs.map\n","'use client';\n\nimport _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nexport const SwitchRootContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== \"production\") SwitchRootContext.displayName = \"SwitchRootContext\";\nexport function useSwitchRootContext() {\n  const context = React.useContext(SwitchRootContext);\n  if (context === undefined) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: SwitchRootContext is missing. Switch parts must be placed within <Switch.Root>.' : _formatErrorMessage(63));\n  }\n  return context;\n}","export let SwitchRootDataAttributes = /*#__PURE__*/function (SwitchRootDataAttributes) {\n  /**\n   * Present when the switch is checked.\n   */\n  SwitchRootDataAttributes[\"checked\"] = \"data-checked\";\n  /**\n   * Present when the switch is not checked.\n   */\n  SwitchRootDataAttributes[\"unchecked\"] = \"data-unchecked\";\n  /**\n   * Present when the switch is disabled.\n   */\n  SwitchRootDataAttributes[\"disabled\"] = \"data-disabled\";\n  /**\n   * Present when the switch is readonly.\n   */\n  SwitchRootDataAttributes[\"readonly\"] = \"data-readonly\";\n  /**\n   * Present when the switch is required.\n   */\n  SwitchRootDataAttributes[\"required\"] = \"data-required\";\n  /**\n   * Present when the switch is in a valid state (when wrapped in Field.Root).\n   */\n  SwitchRootDataAttributes[\"valid\"] = \"data-valid\";\n  /**\n   * Present when the switch is in an invalid state (when wrapped in Field.Root).\n   */\n  SwitchRootDataAttributes[\"invalid\"] = \"data-invalid\";\n  /**\n   * Present when the switch has been touched (when wrapped in Field.Root).\n   */\n  SwitchRootDataAttributes[\"touched\"] = \"data-touched\";\n  /**\n   * Present when the switch's value has changed (when wrapped in Field.Root).\n   */\n  SwitchRootDataAttributes[\"dirty\"] = \"data-dirty\";\n  /**\n   * Present when the switch is active (when wrapped in Field.Root).\n   */\n  SwitchRootDataAttributes[\"filled\"] = \"data-filled\";\n  /**\n   * Present when the switch is focused (when wrapped in Field.Root).\n   */\n  SwitchRootDataAttributes[\"focused\"] = \"data-focused\";\n  return SwitchRootDataAttributes;\n}({});","import { fieldValidityMapping } from \"../internals/field-constants/constants.mjs\";\nimport { SwitchRootDataAttributes } from \"./root/SwitchRootDataAttributes.mjs\";\nexport const stateAttributesMapping = {\n  ...fieldValidityMapping,\n  checked(value) {\n    if (value) {\n      return {\n        [SwitchRootDataAttributes.checked]: ''\n      };\n    }\n    return {\n      [SwitchRootDataAttributes.unchecked]: ''\n    };\n  }\n};","'use client';\n\nimport * as React from 'react';\nimport { useControlled } from '@base-ui/utils/useControlled';\nimport { useMergedRefs } from '@base-ui/utils/useMergedRefs';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { visuallyHidden, visuallyHiddenInput } from '@base-ui/utils/visuallyHidden';\nimport { EMPTY_OBJECT } from '@base-ui/utils/empty';\nimport { ownerWindow } from '@base-ui/utils/owner';\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\nimport { mergeProps } from \"../../merge-props/index.mjs\";\nimport { useBaseUiId } from \"../../internals/useBaseUiId.mjs\";\nimport { useButton } from \"../../internals/use-button/index.mjs\";\nimport { SwitchRootContext } from \"./SwitchRootContext.mjs\";\nimport { stateAttributesMapping } from \"../stateAttributesMapping.mjs\";\nimport { useFieldRootContext } from \"../../internals/field-root-context/FieldRootContext.mjs\";\nimport { useRegisterFieldControl } from \"../../internals/field-register-control/useRegisterFieldControl.mjs\";\nimport { useFormContext } from \"../../internals/form-context/FormContext.mjs\";\nimport { useLabelableContext } from \"../../internals/labelable-provider/LabelableContext.mjs\";\nimport { useAriaLabelledBy } from \"../../internals/labelable-provider/useAriaLabelledBy.mjs\";\nimport { useLabelableId } from \"../../internals/labelable-provider/useLabelableId.mjs\";\nimport { createChangeEventDetails } from \"../../internals/createBaseUIEventDetails.mjs\";\nimport { REASONS } from \"../../internals/reasons.mjs\";\nimport { useValueChanged } from \"../../internals/useValueChanged.mjs\";\n\n/**\n * Represents the switch itself.\n * Renders a `<span>` element and a hidden `<input>` beside.\n *\n * Documentation: [Base UI Switch](https://base-ui.com/react/components/switch)\n */\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport const SwitchRoot = /*#__PURE__*/React.forwardRef(function SwitchRoot(componentProps, forwardedRef) {\n  const {\n    checked: checkedProp,\n    className,\n    defaultChecked,\n    'aria-labelledby': ariaLabelledByProp,\n    form,\n    id: idProp,\n    inputRef: externalInputRef,\n    name: nameProp,\n    nativeButton = false,\n    onCheckedChange,\n    readOnly = false,\n    required = false,\n    disabled: disabledProp = false,\n    render,\n    uncheckedValue,\n    value,\n    style,\n    ...elementProps\n  } = componentProps;\n  const {\n    clearErrors\n  } = useFormContext();\n  const {\n    state: fieldState,\n    setTouched,\n    setDirty,\n    validityData,\n    setFilled,\n    setFocused,\n    validationMode,\n    disabled: fieldDisabled,\n    name: fieldName,\n    validation\n  } = useFieldRootContext();\n  const {\n    labelId\n  } = useLabelableContext();\n  const disabled = fieldDisabled || disabledProp;\n  const name = fieldName ?? nameProp;\n  const inputRef = React.useRef(null);\n  const handleInputRef = useMergedRefs(inputRef, externalInputRef, validation.inputRef);\n  const switchRef = React.useRef(null);\n  const id = useBaseUiId();\n  const controlId = useLabelableId({\n    id: idProp,\n    implicit: false,\n    controlRef: switchRef\n  });\n  const hiddenInputId = nativeButton ? undefined : controlId;\n  const [checked, setCheckedState] = useControlled({\n    controlled: checkedProp,\n    default: Boolean(defaultChecked),\n    name: 'Switch',\n    state: 'checked'\n  });\n  useRegisterFieldControl(switchRef, id, checked, undefined, !disabled, nameProp);\n  useIsoLayoutEffect(() => {\n    if (inputRef.current) {\n      setFilled(inputRef.current.checked);\n    }\n  }, [inputRef, setFilled]);\n  useValueChanged(checked, () => {\n    clearErrors(name);\n    setDirty(checked !== validityData.initialValue);\n    setFilled(checked);\n    validation.change(checked);\n  });\n  const {\n    getButtonProps,\n    buttonRef\n  } = useButton({\n    disabled,\n    native: nativeButton\n  });\n  const ariaLabelledBy = useAriaLabelledBy(ariaLabelledByProp, labelId, inputRef, !nativeButton, hiddenInputId);\n  const rootProps = {\n    id: nativeButton ? controlId : id,\n    role: 'switch',\n    'aria-checked': checked,\n    'aria-readonly': readOnly || undefined,\n    'aria-required': required || undefined,\n    'aria-labelledby': ariaLabelledBy,\n    onFocus() {\n      if (!disabled) {\n        setFocused(true);\n      }\n    },\n    onBlur() {\n      const element = inputRef.current;\n      if (!element || disabled) {\n        return;\n      }\n      setTouched(true);\n      setFocused(false);\n      if (validationMode === 'onBlur') {\n        validation.commit(element.checked);\n      }\n    },\n    onClick(event) {\n      if (readOnly || disabled) {\n        return;\n      }\n      event.preventDefault();\n      const input = inputRef.current;\n      if (!input) {\n        return;\n      }\n      input.dispatchEvent(new (ownerWindow(input).PointerEvent)('click', {\n        bubbles: true,\n        shiftKey: event.shiftKey,\n        ctrlKey: event.ctrlKey,\n        altKey: event.altKey,\n        metaKey: event.metaKey\n      }));\n    }\n  };\n  const inputProps = mergeProps({\n    checked,\n    disabled,\n    form,\n    id: hiddenInputId,\n    name,\n    required,\n    style: name ? visuallyHiddenInput : visuallyHidden,\n    tabIndex: -1,\n    type: 'checkbox',\n    'aria-hidden': true,\n    ref: handleInputRef,\n    onChange(event) {\n      // Workaround for https://github.com/facebook/react/issues/9023\n      if (event.nativeEvent.defaultPrevented) {\n        return;\n      }\n      if (readOnly) {\n        event.preventDefault();\n        return;\n      }\n      const nextChecked = event.currentTarget.checked;\n      const eventDetails = createChangeEventDetails(REASONS.none, event.nativeEvent);\n      onCheckedChange?.(nextChecked, eventDetails);\n      if (eventDetails.isCanceled) {\n        return;\n      }\n      setCheckedState(nextChecked);\n    },\n    onFocus() {\n      switchRef.current?.focus();\n    }\n  }, props => validation.getValidationProps(disabled, props),\n  // React <19 sets an empty value if `undefined` is passed explicitly\n  // To avoid this, we only set the value if it's defined\n  value !== undefined ? {\n    value\n  } : EMPTY_OBJECT);\n  const state = React.useMemo(() => ({\n    ...fieldState,\n    checked,\n    disabled,\n    readOnly,\n    required\n  }), [fieldState, checked, disabled, readOnly, required]);\n  const element = useRenderElement('span', componentProps, {\n    state,\n    ref: [forwardedRef, switchRef, buttonRef],\n    props: [rootProps, elementProps, getButtonProps, props => validation.getValidationProps(disabled, props)],\n    stateAttributesMapping\n  });\n  return /*#__PURE__*/_jsxs(SwitchRootContext.Provider, {\n    value: state,\n    children: [element, !checked && name && uncheckedValue !== undefined && /*#__PURE__*/_jsx(\"input\", {\n      type: \"hidden\",\n      form: form,\n      name: name,\n      value: uncheckedValue,\n      disabled: disabled\n    }), /*#__PURE__*/_jsx(\"input\", {\n      ...inputProps,\n      suppressHydrationWarning: true\n    })]\n  });\n});\nif (process.env.NODE_ENV !== \"production\") SwitchRoot.displayName = \"SwitchRoot\";","'use client';\n\nimport * as React from 'react';\nimport { useSwitchRootContext } from \"../root/SwitchRootContext.mjs\";\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\nimport { stateAttributesMapping } from \"../stateAttributesMapping.mjs\";\n\n/**\n * The movable part of the switch that indicates whether the switch is on or off.\n * Renders a `<span>`.\n *\n * Documentation: [Base UI Switch](https://base-ui.com/react/components/switch)\n */\nexport const SwitchThumb = /*#__PURE__*/React.forwardRef(function SwitchThumb(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    style,\n    ...elementProps\n  } = componentProps;\n  const state = useSwitchRootContext();\n  return useRenderElement('span', componentProps, {\n    state,\n    ref: forwardedRef,\n    stateAttributesMapping,\n    props: elementProps\n  });\n});\nif (process.env.NODE_ENV !== \"production\") SwitchThumb.displayName = \"SwitchThumb\";","'use client';\n\nimport {\n  createContext,\n  type ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useState,\n} from 'react';\n\n/**\n * Theme type - supports light and dark modes\n */\nexport type Theme = 'light' | 'dark';\n\n/**\n * Context value provided by ThemeProvider\n */\nexport interface ThemeContextValue {\n  /** Current theme */\n  theme: Theme;\n  /** Resolved theme (same as theme since we don't support 'system') */\n  resolvedTheme: Theme;\n  /** Set the theme explicitly */\n  setTheme: (theme: Theme) => void;\n  /** Toggle between light and dark themes */\n  toggleTheme: () => void;\n}\n\n/**\n * Props for the ThemeProvider component\n */\nexport interface ThemeProviderProps {\n  /** Child components */\n  children: ReactNode;\n  /** Default theme to use when no stored value exists (default: 'light') */\n  defaultTheme?: Theme;\n  /** localStorage key for persisting theme (default: 'theme') */\n  storageKey?: string;\n  /** Document to theme when rendering inside an iframe or embedded document */\n  targetDocument?: Document;\n}\n\nconst ThemeContext = createContext<ThemeContextValue | null>(null);\n\nfunction getBrowserWindow(targetDocument?: Document): Window | undefined {\n  return (\n    targetDocument?.defaultView ??\n    (typeof window === 'undefined' ? undefined : window)\n  );\n}\n\nfunction getBrowserDocument(targetDocument?: Document): Document | undefined {\n  return (\n    targetDocument ?? (typeof document === 'undefined' ? undefined : document)\n  );\n}\n\nfunction readStoredTheme(\n  storageKey: string,\n  targetDocument?: Document,\n): string | null {\n  try {\n    return (\n      getBrowserWindow(targetDocument)?.localStorage.getItem(storageKey) ?? null\n    );\n  } catch {\n    return null;\n  }\n}\n\nfunction writeStoredTheme(\n  storageKey: string,\n  theme: Theme,\n  targetDocument?: Document,\n): void {\n  try {\n    getBrowserWindow(targetDocument)?.localStorage.setItem(storageKey, theme);\n  } catch {\n    // Storage can be unavailable in private contexts or embedded runtimes.\n  }\n}\n\n/**\n * Get the initial theme from localStorage or return default\n * Returns defaultTheme during SSR (no localStorage available)\n */\nfunction getInitialTheme(\n  storageKey: string,\n  defaultTheme: Theme,\n  targetDocument?: Document,\n): Theme {\n  const stored = readStoredTheme(storageKey, targetDocument);\n  if (stored === 'light' || stored === 'dark') {\n    return stored;\n  }\n\n  return defaultTheme;\n}\n\n/**\n * Update the DOM to reflect the current theme\n */\nfunction updateDOM(theme: Theme, targetDocument?: Document): void {\n  const root = getBrowserDocument(targetDocument)?.documentElement;\n  if (!root) {\n    return;\n  }\n\n  root.classList.remove('light', 'dark');\n  root.classList.add(theme);\n}\n\n/**\n * ThemeProvider component\n *\n * Provides theme context to the application with support for:\n * - Persistent theme storage via localStorage\n * - DOM class management for CSS-based theming\n * - Cross-tab synchronization via storage events\n *\n * @llms Theme context provider with localStorage persistence, cross-tab sync, light/dark modes\n * @example\n * ```tsx\n * <ThemeProvider defaultTheme=\"dark\" storageKey=\"my-app-theme\">\n *   <App />\n * </ThemeProvider>\n * ```\n */\nexport function ThemeProvider({\n  children,\n  defaultTheme = 'light',\n  storageKey = 'theme',\n  targetDocument,\n}: ThemeProviderProps) {\n  const [theme, setThemeState] = useState<Theme>(() =>\n    getInitialTheme(storageKey, defaultTheme, targetDocument),\n  );\n\n  const setTheme = useCallback(\n    (newTheme: Theme) => {\n      setThemeState(newTheme);\n      writeStoredTheme(storageKey, newTheme, targetDocument);\n      updateDOM(newTheme, targetDocument);\n    },\n    [storageKey, targetDocument],\n  );\n\n  const toggleTheme = useCallback(() => {\n    setTheme(theme === 'light' ? 'dark' : 'light');\n  }, [theme, setTheme]);\n\n  // Sync DOM class on mount (for SSR hydration)\n  useEffect(() => {\n    updateDOM(theme, targetDocument);\n  }, [theme, targetDocument]);\n\n  // Listen for storage events (cross-tab sync)\n  useEffect(() => {\n    const browserWindow = getBrowserWindow(targetDocument);\n    if (!browserWindow) {\n      return;\n    }\n\n    const handleStorage = (event: StorageEvent) => {\n      if (event.key === storageKey && event.newValue) {\n        const newTheme = event.newValue as Theme;\n        if (newTheme === 'light' || newTheme === 'dark') {\n          setThemeState(newTheme);\n          updateDOM(newTheme, targetDocument);\n        }\n      }\n    };\n\n    browserWindow.addEventListener('storage', handleStorage);\n    return () => browserWindow.removeEventListener('storage', handleStorage);\n  }, [storageKey, targetDocument]);\n\n  const value: ThemeContextValue = {\n    theme,\n    resolvedTheme: theme, // Same as theme since we don't support 'system'\n    setTheme,\n    toggleTheme,\n  };\n\n  return (\n    <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>\n  );\n}\n\n/**\n * Hook to access the theme context\n *\n * @throws Error if used outside of ThemeProvider\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { theme, setTheme, toggleTheme } = useTheme();\n *\n *   return (\n *     <button onClick={toggleTheme}>\n *       Current theme: {theme}\n *     </button>\n *   );\n * }\n * ```\n */\nexport function useTheme(): ThemeContextValue {\n  const context = useContext(ThemeContext);\n\n  if (context === null) {\n    throw new Error('useTheme must be used within a ThemeProvider');\n  }\n\n  return context;\n}\n\n/**\n * Hook to optionally access the theme context without throwing\n *\n * Returns null if used outside of ThemeProvider, making it safe for\n * components that support both controlled and uncontrolled modes.\n *\n * @example\n * ```tsx\n * function MyComponent({ value, onValueChange }) {\n *   const themeContext = useThemeOptional();\n *   const isControlled = value !== undefined;\n *\n *   // Use controlled value if provided, otherwise context\n *   const theme = isControlled ? value : themeContext?.theme;\n * }\n * ```\n */\nexport function useThemeOptional(): ThemeContextValue | null {\n  return useContext(ThemeContext);\n}\n","/** biome-ignore-all lint/a11y/useSemanticElements: Theme toggles use button-based radio controls for animated segmented UI while preserving radiogroup semantics. */\n'use client';\n\nimport { Switch as SwitchPrimitive } from '@base-ui/react/switch';\nimport { Check, Moon, Sun, X } from 'lucide-react';\nimport * as React from 'react';\nimport { useEffect, useState } from 'react';\nimport {\n  type FieldProps,\n  FieldTooltip,\n} from '@/components/atoms/forms/_shared';\nimport { useThemeOptional } from '@/components/ThemeProvider';\nimport {\n  Field,\n  FieldBottom,\n  FieldDescription,\n  FieldError,\n  FieldLabel,\n} from '@/components/ui/form-field';\nimport { cn } from '@/lib/utils';\n\n// ============================================\n// Types\n// ============================================\n\n/** Color variants for the standard switch */\ntype ColorVariant =\n  | 'primary'\n  | 'secondary'\n  | 'warning'\n  | 'info'\n  | 'success'\n  | 'destructive';\n\n/** Theme variants that render theme toggle UIs */\ntype ThemeVariant =\n  | 'theme-gradient'\n  | 'theme-switch'\n  | 'theme-pill'\n  | 'theme-segmented';\n\n/** All switch variants */\nexport type SwitchVariant = ColorVariant | ThemeVariant;\n\n// ============================================\n// Switch (with controlled/uncontrolled support)\n// ============================================\n\ninterface SwitchControlProps\n  extends Omit<SwitchPrimitive.Root.Props, 'onCheckedChange'> {\n  // Variants\n  size?: 'sm' | 'md' | 'lg';\n  variant?: SwitchVariant;\n  /** Visual style of the switch (solid = filled track, outline = bordered track). Only applies to color variants. */\n  switchStyle?: 'solid' | 'outline';\n\n  // Thumb icons (color variants only)\n  withIcon?: boolean;\n  thumbIconOn?: React.ReactNode;\n  thumbIconOff?: React.ReactNode;\n\n  // Track labels (ON/OFF inside track, color variants only)\n  showOnOff?: boolean;\n  onLabel?: string;\n  offLabel?: string;\n\n  // External label\n  label?: React.ReactNode;\n  description?: string;\n  labelPosition?: 'left' | 'right';\n\n  /** Layout orientation for label (theme variants only) */\n  orientation?: 'horizontal' | 'vertical';\n\n  // Core (keep existing)\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onCheckedChange?: (checked: boolean) => void;\n}\n\nexport interface SwitchProps\n  extends Omit<SwitchControlProps, 'label' | 'description'>,\n    Omit<FieldProps, 'label' | 'description' | 'topRight' | 'bottomRight'> {\n  /** Label text or ReactNode (inline with switch, or in FieldLabel when field props are set) */\n  label?: React.ReactNode;\n  /** Description text (inline below label, or in FieldDescription when field props are set) */\n  description?: React.ReactNode;\n}\n\n// ============================================\n// Color Switch Constants\n// ============================================\n\n// Icon size classes for thumb icons\nconst iconSizeClasses = {\n  sm: 'size-2', // 8px\n  md: 'size-2.5', // 10px\n  lg: 'size-3', // 12px\n};\n\n// Size classes for the track\nconst sizeClasses = {\n  sm: 'h-[18px] w-[32px]',\n  md: 'h-[22px] w-[40px]',\n  lg: 'h-[26px] w-[48px]',\n};\n\n// Size classes for the thumb\nconst thumbSizeClasses = {\n  sm: 'size-[14px]',\n  md: 'size-[18px]',\n  lg: 'size-[22px]',\n};\n\n// Thumb translation when checked (track width - thumb size - 2px padding on each side)\nconst thumbTranslateClasses = {\n  sm: 'data-checked:ltr:translate-x-[14px] data-checked:rtl:-translate-x-[14px]',\n  md: 'data-checked:ltr:translate-x-[18px] data-checked:rtl:-translate-x-[18px]',\n  lg: 'data-checked:ltr:translate-x-[22px] data-checked:rtl:-translate-x-[22px]',\n};\n\n// Wider track sizes when ON/OFF labels are shown (extra space for text)\nconst sizeWithLabelClasses = {\n  sm: 'h-[18px] w-[40px]',\n  md: 'h-[22px] w-[48px]',\n  lg: 'h-[26px] w-[56px]',\n};\n\n// Thumb translation for wider tracks with labels\nconst thumbTranslateWithLabelClasses = {\n  sm: 'data-checked:ltr:translate-x-[22px] data-checked:rtl:-translate-x-[22px]',\n  md: 'data-checked:ltr:translate-x-[26px] data-checked:rtl:-translate-x-[26px]',\n  lg: 'data-checked:ltr:translate-x-[30px] data-checked:rtl:-translate-x-[30px]',\n};\n\n// Font sizes for track labels (ON/OFF)\nconst labelFontSizes = {\n  sm: 'text-[8px]',\n  md: 'text-[10px]',\n  lg: 'text-xs', // 12px\n};\n\n// Solid style: colored track when checked\nconst solidVariantClasses: Record<ColorVariant, string> = {\n  primary: 'data-checked:bg-primary',\n  secondary: 'data-checked:bg-secondary',\n  warning: 'data-checked:bg-warning',\n  info: 'data-checked:bg-info',\n  success: 'data-checked:bg-success',\n  destructive: 'data-checked:bg-destructive',\n};\n\n// Outline style: colored border when checked\nconst outlineVariantClasses: Record<ColorVariant, string> = {\n  primary: 'data-checked:border-primary',\n  secondary: 'data-checked:border-secondary',\n  warning: 'data-checked:border-warning',\n  info: 'data-checked:border-info',\n  success: 'data-checked:border-success',\n  destructive: 'data-checked:border-destructive',\n};\n\n// Outline style: colored thumb when checked\nconst outlineThumbVariantClasses: Record<ColorVariant, string> = {\n  primary: 'group-data-checked/switch:bg-primary',\n  secondary: 'group-data-checked/switch:bg-secondary',\n  warning: 'group-data-checked/switch:bg-warning',\n  info: 'group-data-checked/switch:bg-info',\n  success: 'group-data-checked/switch:bg-success',\n  destructive: 'group-data-checked/switch:bg-destructive',\n};\n\n// ============================================\n// Theme Variant Constants & Config\n// ============================================\n\nconst themeSizeConfig = {\n  sm: {\n    gradient: {\n      width: 'w-[64px]',\n      height: 'h-6',\n      indicator: 'size-5',\n      icon: 'size-3',\n      text: 'text-xs',\n      padding: 'p-0.5',\n      skeletonWidth: 'w-[64px]',\n      skeletonHeight: 'h-6',\n    },\n    switch: {\n      track: 'w-[30px] h-4',\n      indicator: 'size-3.5',\n      icon: 'size-3.5',\n      gap: 'gap-1.5',\n      skeletonWidth: 'w-[50px]',\n      skeletonHeight: 'h-4',\n    },\n    pill: {\n      width: 'w-[42px]',\n      height: 'h-6',\n      indicator: 'size-5',\n      icon: 'size-3',\n      padding: 'p-0.5',\n      skeletonWidth: 'w-[42px]',\n      skeletonHeight: 'h-6',\n    },\n    segmented: {\n      height: 'h-6',\n      segmentHeight: 'h-4',\n      icon: 'size-3',\n      text: 'text-xs',\n      padding: 'p-1',\n      gap: 'gap-0.5',\n      skeletonWidth: 'w-[100px]',\n      skeletonHeight: 'h-6',\n    },\n  },\n  md: {\n    gradient: {\n      width: 'w-[76px]',\n      height: 'h-7',\n      indicator: 'size-6',\n      icon: 'size-3.5',\n      text: 'text-sm',\n      padding: 'p-0.5',\n      skeletonWidth: 'w-[76px]',\n      skeletonHeight: 'h-7',\n    },\n    switch: {\n      track: 'w-9 h-[18px]',\n      indicator: 'size-4',\n      icon: 'size-4',\n      gap: 'gap-2',\n      skeletonWidth: 'w-[58px]',\n      skeletonHeight: 'h-[18px]',\n    },\n    pill: {\n      width: 'w-[50px]',\n      height: 'h-7',\n      indicator: 'size-6',\n      icon: 'size-3.5',\n      padding: 'p-0.5',\n      skeletonWidth: 'w-[50px]',\n      skeletonHeight: 'h-7',\n    },\n    segmented: {\n      height: 'h-7',\n      segmentHeight: 'h-5',\n      icon: 'size-3.5',\n      text: 'text-sm',\n      padding: 'p-1',\n      gap: 'gap-1',\n      skeletonWidth: 'w-[120px]',\n      skeletonHeight: 'h-7',\n    },\n  },\n  lg: {\n    gradient: {\n      width: 'w-[88px]',\n      height: 'h-8',\n      indicator: 'size-7',\n      icon: 'size-4',\n      text: 'text-sm',\n      padding: 'p-0.5',\n      skeletonWidth: 'w-[88px]',\n      skeletonHeight: 'h-8',\n    },\n    switch: {\n      track: 'w-[42px] h-5',\n      indicator: 'size-[18px]',\n      icon: 'size-[18px]',\n      gap: 'gap-2.5',\n      skeletonWidth: 'w-[66px]',\n      skeletonHeight: 'h-5',\n    },\n    pill: {\n      width: 'w-[58px]',\n      height: 'h-8',\n      indicator: 'size-7',\n      icon: 'size-4',\n      padding: 'p-0.5',\n      skeletonWidth: 'w-[58px]',\n      skeletonHeight: 'h-8',\n    },\n    segmented: {\n      height: 'h-8',\n      segmentHeight: 'h-6',\n      icon: 'size-4',\n      text: 'text-sm',\n      padding: 'p-1',\n      gap: 'gap-1',\n      skeletonWidth: 'w-[140px]',\n      skeletonHeight: 'h-8',\n    },\n  },\n} as const;\n\n// Gradient directions matching Figma design\nconst GRADIENT_LIGHT =\n  'linear-gradient(247deg, var(--destructive) 10%, var(--orange-500) 50%, var(--warning) 90%)';\nconst GRADIENT_DARK =\n  'linear-gradient(264deg, var(--blue-200) 3%, var(--indigo-400) 60%, var(--blue-800) 98%)';\n\n// Shared theme style constants\nconst themeFocusRingClasses =\n  'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2';\nconst themeTransitionClasses =\n  'duration-300 ease-smooth motion-reduce:duration-0';\n\n// ============================================\n// Theme Variant Renderers\n// ============================================\n\nfunction GradientToggle({\n  isLight,\n  onThemeChange,\n  sizes,\n}: {\n  isLight: boolean;\n  onThemeChange: (theme: 'light' | 'dark') => void;\n  sizes: (typeof themeSizeConfig)['md']['gradient'];\n}) {\n  return (\n    <div\n      data-slot=\"switch\"\n      className={cn(\n        'relative flex items-center rounded-full transition-all overflow-hidden',\n        sizes.width,\n        sizes.height,\n        sizes.padding,\n        themeTransitionClasses,\n      )}\n      style={{\n        background: isLight ? GRADIENT_LIGHT : GRADIENT_DARK,\n      }}\n      role=\"radiogroup\"\n      aria-label=\"Theme selector\"\n    >\n      {/* Sliding indicator */}\n      <div\n        className={cn(\n          'absolute flex items-center justify-center rounded-full bg-card shadow-md hover:shadow-lg active:scale-95 transition-all z-10',\n          sizes.indicator,\n          themeTransitionClasses,\n          isLight ? 'left-0.5' : 'right-0.5',\n        )}\n      >\n        {isLight ? (\n          <Sun className={cn(sizes.icon, 'text-warning')} />\n        ) : (\n          <Moon className={cn(sizes.icon, 'text-info')} />\n        )}\n      </div>\n\n      {/* Clickable areas */}\n      <button\n        type=\"button\"\n        role=\"radio\"\n        aria-checked={isLight}\n        aria-label=\"Light theme\"\n        onClick={() => onThemeChange('light')}\n        className={cn('flex-1 h-full rounded-full z-20', themeFocusRingClasses)}\n      />\n      <button\n        type=\"button\"\n        role=\"radio\"\n        aria-checked={!isLight}\n        aria-label=\"Dark theme\"\n        onClick={() => onThemeChange('dark')}\n        className={cn('flex-1 h-full rounded-full z-20', themeFocusRingClasses)}\n      />\n\n      {/* Label text */}\n      <span\n        className={cn(\n          'absolute pointer-events-none font-medium text-white transition-opacity',\n          sizes.text,\n          themeTransitionClasses,\n          isLight ? 'right-2 opacity-100' : 'right-2 opacity-0',\n        )}\n      >\n        Light\n      </span>\n      <span\n        className={cn(\n          'absolute pointer-events-none font-medium text-white transition-opacity',\n          sizes.text,\n          themeTransitionClasses,\n          !isLight ? 'left-2 opacity-100' : 'left-2 opacity-0',\n        )}\n      >\n        Dark\n      </span>\n    </div>\n  );\n}\n\nfunction ThemeSwitchToggle({\n  isLight,\n  onThemeChange,\n  sizes,\n}: {\n  isLight: boolean;\n  onThemeChange: (theme: 'light' | 'dark') => void;\n  sizes: (typeof themeSizeConfig)['md']['switch'];\n}) {\n  return (\n    <div\n      className={cn('flex items-center', sizes.gap)}\n      role=\"radiogroup\"\n      aria-label=\"Theme selector\"\n      data-slot=\"switch\"\n    >\n      <button\n        type=\"button\"\n        role=\"radio\"\n        aria-checked={isLight}\n        aria-label={`Switch to ${isLight ? 'dark' : 'light'} theme`}\n        onClick={() => onThemeChange(isLight ? 'dark' : 'light')}\n        className={cn(\n          'relative rounded-full transition-[colors,box-shadow] hover:shadow-[0_0_0_3px_var(--ring)/0.1] active:scale-[0.97]',\n          sizes.track,\n          themeTransitionClasses,\n          themeFocusRingClasses,\n          isLight ? 'bg-input' : 'bg-primary',\n        )}\n      >\n        <div\n          className={cn(\n            'absolute top-1/2 -translate-y-1/2 rounded-full shadow-md group-active:shadow-sm transition-all',\n            sizes.indicator,\n            themeTransitionClasses,\n            isLight ? 'bg-card' : 'bg-primary-foreground',\n            isLight ? 'left-0.5' : 'right-0.5',\n          )}\n        />\n      </button>\n      <div className={cn(sizes.icon, 'text-[var(--muted-foreground)]')}>\n        {isLight ? (\n          <Moon className=\"size-full\" />\n        ) : (\n          <Sun className=\"size-full\" />\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction PillToggle({\n  isLight,\n  onThemeChange,\n  sizes,\n}: {\n  isLight: boolean;\n  onThemeChange: (theme: 'light' | 'dark') => void;\n  sizes: (typeof themeSizeConfig)['md']['pill'];\n}) {\n  return (\n    <div\n      className={cn(\n        'relative flex items-center justify-between rounded-full bg-input',\n        sizes.width,\n        sizes.height,\n        sizes.padding,\n      )}\n      role=\"radiogroup\"\n      aria-label=\"Theme selector\"\n      data-slot=\"switch\"\n    >\n      {/* Moon icon (left) */}\n      <button\n        type=\"button\"\n        role=\"radio\"\n        aria-checked={!isLight}\n        aria-label=\"Dark theme\"\n        tabIndex={!isLight ? -1 : 0}\n        aria-hidden={!isLight ? true : undefined}\n        onClick={() => onThemeChange('dark')}\n        className={cn(\n          'z-10 flex items-center justify-center rounded-full transition-opacity',\n          sizes.indicator,\n          themeTransitionClasses,\n          themeFocusRingClasses,\n          isLight ? 'opacity-50' : 'opacity-0',\n        )}\n      >\n        <Moon className={cn(sizes.icon, 'text-[var(--foreground)]')} />\n      </button>\n\n      {/* Sun icon (right) */}\n      <button\n        type=\"button\"\n        role=\"radio\"\n        aria-checked={isLight}\n        aria-label=\"Light theme\"\n        tabIndex={isLight ? -1 : 0}\n        aria-hidden={isLight ? true : undefined}\n        onClick={() => onThemeChange('light')}\n        className={cn(\n          'z-10 flex items-center justify-center rounded-full transition-opacity',\n          sizes.indicator,\n          themeTransitionClasses,\n          themeFocusRingClasses,\n          !isLight ? 'opacity-50' : 'opacity-0',\n        )}\n      >\n        <Sun className={cn(sizes.icon, 'text-[var(--foreground)]')} />\n      </button>\n\n      {/* Sliding indicator with icon */}\n      <div\n        className={cn(\n          'absolute top-1/2 -translate-y-1/2 flex items-center justify-center rounded-full bg-card shadow-md hover:shadow-lg active:scale-95 transition-all',\n          sizes.indicator,\n          themeTransitionClasses,\n          isLight ? 'right-0.5' : 'left-0.5',\n        )}\n      >\n        {isLight ? (\n          <Sun className={cn(sizes.icon, 'text-warning')} />\n        ) : (\n          <Moon className={cn(sizes.icon, 'text-info')} />\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction SegmentedToggle({\n  isLight,\n  onThemeChange,\n  sizes,\n}: {\n  isLight: boolean;\n  onThemeChange: (theme: 'light' | 'dark') => void;\n  sizes: (typeof themeSizeConfig)['md']['segmented'];\n}) {\n  return (\n    <div\n      className={cn(\n        'inline-flex items-center rounded bg-input',\n        sizes.height,\n        sizes.padding,\n        sizes.gap,\n      )}\n      role=\"radiogroup\"\n      aria-label=\"Theme selector\"\n      data-slot=\"switch\"\n    >\n      {/* Light segment */}\n      <button\n        type=\"button\"\n        role=\"radio\"\n        aria-checked={isLight}\n        aria-label=\"Light theme\"\n        onClick={() => onThemeChange('light')}\n        className={cn(\n          'flex items-center justify-center gap-1 rounded px-2 whitespace-nowrap transition-all',\n          sizes.segmentHeight,\n          sizes.text,\n          themeTransitionClasses,\n          themeFocusRingClasses,\n          isLight\n            ? 'bg-card text-foreground shadow-sm'\n            : 'text-[var(--foreground)] opacity-50 hover:opacity-70 active:scale-[0.97]',\n        )}\n      >\n        <Sun className={sizes.icon} />\n        <span>Light</span>\n      </button>\n\n      {/* Dark segment */}\n      <button\n        type=\"button\"\n        role=\"radio\"\n        aria-checked={!isLight}\n        aria-label=\"Dark theme\"\n        onClick={() => onThemeChange('dark')}\n        className={cn(\n          'flex items-center justify-center gap-1 rounded px-2 whitespace-nowrap transition-all',\n          sizes.segmentHeight,\n          sizes.text,\n          themeTransitionClasses,\n          themeFocusRingClasses,\n          !isLight\n            ? 'bg-[var(--primary)] text-[var(--primary-foreground)] shadow-sm'\n            : 'text-[var(--foreground)] opacity-50 hover:opacity-70 active:scale-[0.97]',\n        )}\n      >\n        <Moon className={sizes.icon} />\n        <span>Dark</span>\n      </button>\n    </div>\n  );\n}\n\n// ============================================\n// Theme Variant Renderer (auto-connects to ThemeProvider)\n// ============================================\n\nconst themeVariantKeyMap: Record<\n  ThemeVariant,\n  'gradient' | 'switch' | 'pill' | 'segmented'\n> = {\n  'theme-gradient': 'gradient',\n  'theme-switch': 'switch',\n  'theme-pill': 'pill',\n  'theme-segmented': 'segmented',\n};\n\nconst ThemeVariantRenderer = React.forwardRef<\n  HTMLDivElement,\n  SwitchControlProps\n>(\n  (\n    {\n      variant,\n      size = 'md',\n      label,\n      orientation = 'vertical',\n      checked: controlledChecked,\n      onCheckedChange,\n      className: classNameProp,\n      description: _description,\n      labelPosition: _labelPosition,\n      switchStyle: _switchStyle,\n      withIcon: _withIcon,\n      thumbIconOn: _thumbIconOn,\n      thumbIconOff: _thumbIconOff,\n      showOnOff: _showOnOff,\n      onLabel: _onLabel,\n      offLabel: _offLabel,\n      defaultChecked: _defaultChecked,\n      ...restProps\n    },\n    ref,\n  ) => {\n    // className from base-ui can be string | function; theme variants only use string\n    const className =\n      typeof classNameProp === 'function' ? undefined : classNameProp;\n    const [mounted, setMounted] = useState(false);\n\n    useEffect(() => {\n      setMounted(true);\n    }, []);\n\n    const themeContext = useThemeOptional();\n    const contextTheme = themeContext?.theme;\n    const contextSetTheme = themeContext?.setTheme;\n\n    // Auto-connect to ThemeProvider when no explicit checked/onCheckedChange\n    const isControlled = controlledChecked !== undefined;\n    const activeTheme: 'light' | 'dark' = isControlled\n      ? controlledChecked\n        ? 'dark'\n        : 'light'\n      : ((contextTheme ?? 'light') as 'light' | 'dark');\n\n    const handleThemeChange = React.useCallback(\n      (newTheme: 'light' | 'dark') => {\n        const newChecked = newTheme === 'dark';\n        if (isControlled) {\n          onCheckedChange?.(newChecked);\n        } else if (contextSetTheme) {\n          contextSetTheme(newTheme);\n        }\n      },\n      [isControlled, onCheckedChange, contextSetTheme],\n    );\n\n    const key = themeVariantKeyMap[variant as ThemeVariant];\n\n    const sizes = themeSizeConfig[size][key];\n\n    // SSR placeholder - show skeleton during hydration\n    if (!mounted && !isControlled) {\n      return (\n        <div className={cn('inline-flex', className)}>\n          <div\n            className={cn(\n              'rounded-full bg-[var(--surface-1)] animate-pulse',\n              sizes.skeletonWidth,\n              sizes.skeletonHeight,\n            )}\n            role=\"radiogroup\"\n            aria-label={typeof label === 'string' ? label : 'Theme selector'}\n          />\n        </div>\n      );\n    }\n\n    const isLight = activeTheme === 'light';\n\n    let toggle: React.ReactNode;\n    switch (key) {\n      case 'gradient':\n        toggle = (\n          <GradientToggle\n            isLight={isLight}\n            onThemeChange={handleThemeChange}\n            sizes={sizes as (typeof themeSizeConfig)['md']['gradient']}\n          />\n        );\n        break;\n      case 'switch':\n        toggle = (\n          <ThemeSwitchToggle\n            isLight={isLight}\n            onThemeChange={handleThemeChange}\n            sizes={sizes as (typeof themeSizeConfig)['md']['switch']}\n          />\n        );\n        break;\n      case 'pill':\n        toggle = (\n          <PillToggle\n            isLight={isLight}\n            onThemeChange={handleThemeChange}\n            sizes={sizes as (typeof themeSizeConfig)['md']['pill']}\n          />\n        );\n        break;\n      case 'segmented':\n        toggle = (\n          <SegmentedToggle\n            isLight={isLight}\n            onThemeChange={handleThemeChange}\n            sizes={sizes as (typeof themeSizeConfig)['md']['segmented']}\n          />\n        );\n        break;\n    }\n\n    // Pick standard HTML attributes safe for div (aria-*, data-*, id)\n    const divProps = restProps as React.HTMLAttributes<HTMLDivElement>;\n\n    if (!label) {\n      return (\n        <div ref={ref} className={className} {...divProps}>\n          {toggle}\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'inline-flex',\n          orientation === 'vertical'\n            ? 'flex-col items-start gap-2'\n            : 'flex-row items-center gap-3',\n          className,\n        )}\n        {...divProps}\n      >\n        <span className=\"text-xs font-semibold text-[var(--muted-foreground)]\">\n          {label}\n        </span>\n        {toggle}\n      </div>\n    );\n  },\n);\n\nThemeVariantRenderer.displayName = 'ThemeVariantRenderer';\n\n// ============================================\n// Main Switch Component\n// ============================================\n\n/** Type guard: is the variant a color variant? */\nfunction isColorVariant(v: SwitchVariant): v is ColorVariant {\n  return !v.startsWith('theme-');\n}\n\nconst SwitchControl = React.forwardRef<HTMLButtonElement, SwitchControlProps>(\n  (\n    {\n      label,\n      description,\n      labelPosition = 'right',\n      orientation,\n      className,\n      id,\n      size = 'md',\n      variant = 'primary',\n      switchStyle = 'solid',\n      withIcon,\n      thumbIconOn,\n      thumbIconOff,\n      showOnOff,\n      onLabel,\n      offLabel,\n      checked: controlledChecked,\n      defaultChecked = false,\n      onCheckedChange,\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = React.useId();\n    const switchId = id || generatedId;\n\n    const [internalChecked, setInternalChecked] =\n      React.useState(defaultChecked);\n    const isControlled = controlledChecked !== undefined;\n    const checked = isControlled ? controlledChecked : internalChecked;\n\n    const handleCheckedChange = React.useCallback(\n      (newChecked: boolean) => {\n        if (!isControlled) {\n          setInternalChecked(newChecked);\n        }\n        onCheckedChange?.(newChecked);\n      },\n      [isControlled, onCheckedChange],\n    );\n\n    // Dispatch to theme variant renderer if applicable\n    if (!isColorVariant(variant)) {\n      return (\n        <ThemeVariantRenderer\n          ref={ref as React.Ref<HTMLDivElement>}\n          variant={variant}\n          size={size}\n          label={label}\n          orientation={orientation}\n          checked={controlledChecked}\n          onCheckedChange={onCheckedChange}\n          className={className}\n          {...props}\n        />\n      );\n    }\n\n    // --- Color variant rendering (unchanged) ---\n    const colorVariant: ColorVariant = variant;\n\n    // Use wider track when labels are present to prevent text cutoff\n    const hasLabels = showOnOff || !!onLabel || !!offLabel;\n    const activeSizeClasses = hasLabels ? sizeWithLabelClasses : sizeClasses;\n    const activeThumbTranslate = hasLabels\n      ? thumbTranslateWithLabelClasses\n      : thumbTranslateClasses;\n\n    // Build track classes based on style\n    const trackClasses =\n      switchStyle === 'solid'\n        ? cn(\n            'data-unchecked:bg-input dark:data-unchecked:bg-input/80 border-transparent',\n            solidVariantClasses[colorVariant],\n          )\n        : cn(\n            'data-unchecked:bg-transparent data-checked:bg-transparent border-input',\n            outlineVariantClasses[colorVariant],\n          );\n\n    // Build thumb classes based on style\n    const thumbClasses =\n      switchStyle === 'solid'\n        ? 'bg-background dark:data-unchecked:bg-foreground dark:data-checked:bg-primary-foreground'\n        : cn(\n            'bg-input dark:bg-foreground',\n            outlineThumbVariantClasses[colorVariant],\n          );\n\n    // Thumb icon logic\n    const showThumbIcon = withIcon || thumbIconOn || thumbIconOff;\n    const checkedIcon = showThumbIcon\n      ? thumbIconOn || <Check className={iconSizeClasses[size]} />\n      : null;\n    const uncheckedIcon = showThumbIcon\n      ? thumbIconOff || <X className={iconSizeClasses[size]} />\n      : null;\n\n    const switchElement = (\n      <SwitchPrimitive.Root\n        ref={ref}\n        id={switchId}\n        data-slot=\"switch\"\n        data-size={size}\n        data-variant={colorVariant}\n        data-style={switchStyle}\n        className={cn(\n          // Base styles\n          'peer group/switch relative inline-flex items-center shrink-0 rounded-full border shadow-xs',\n          'transition-[colors,box-shadow,border-color] duration-200 ease-smooth motion-reduce:transition-none outline-none',\n          'after:absolute after:-inset-x-3 after:-inset-y-[13px]',\n          'data-disabled:cursor-not-allowed data-disabled:opacity-50',\n          // Hover: subtle track glow\n          'not-data-disabled:hover:shadow-[0_0_0_3px_var(--ring)/0.08] not-data-disabled:active:scale-[0.97]',\n          'motion-reduce:active:scale-100',\n          // Focus styles\n          'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',\n          // Invalid styles\n          'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 aria-invalid:ring-[3px]',\n          // Size classes (wider when labels are shown)\n          activeSizeClasses[size],\n          // Variant/style classes\n          trackClasses,\n          className,\n        )}\n        checked={checked}\n        onCheckedChange={handleCheckedChange}\n        {...props}\n      >\n        {hasLabels && (\n          <>\n            <span\n              aria-hidden=\"true\"\n              className={cn(\n                'absolute font-semibold transition-opacity duration-200 ease-smooth motion-reduce:transition-none',\n                labelFontSizes[size],\n                'start-1.5',\n                checked ? 'opacity-100' : 'opacity-0',\n                switchStyle === 'solid'\n                  ? 'text-primary-foreground'\n                  : 'text-current',\n              )}\n            >\n              {onLabel || 'ON'}\n            </span>\n            <span\n              aria-hidden=\"true\"\n              className={cn(\n                'absolute font-semibold transition-opacity duration-200 ease-smooth motion-reduce:transition-none',\n                labelFontSizes[size],\n                'end-1.5',\n                checked ? 'opacity-0' : 'opacity-100',\n                switchStyle === 'solid'\n                  ? 'text-muted-foreground'\n                  : 'text-current',\n              )}\n            >\n              {offLabel || 'OFF'}\n            </span>\n          </>\n        )}\n        <SwitchPrimitive.Thumb\n          data-slot=\"switch-thumb\"\n          className={cn(\n            'pointer-events-none block rounded-full ring-0',\n            'shadow-sm group-hover/switch:shadow-md group-active/switch:shadow-sm',\n            'transition-[transform,box-shadow,background-color] duration-200 motion-reduce:transition-none',\n            'ease-smooth',\n            'group-active/switch:scale-95',\n            'data-unchecked:translate-x-0',\n            // Size classes\n            thumbSizeClasses[size],\n            // Translation classes (wider when labels are shown)\n            activeThumbTranslate[size],\n            // Color classes based on style\n            thumbClasses,\n            // Flex for centering icons\n            showThumbIcon && 'flex items-center justify-center',\n          )}\n        >\n          {showThumbIcon && (\n            <span\n              aria-hidden=\"true\"\n              className={cn(\n                'flex items-center justify-center transition-colors duration-200 ease-smooth motion-reduce:transition-none',\n                // Icon colors based on style\n                switchStyle === 'solid'\n                  ? 'text-muted-foreground group-data-checked/switch:text-primary'\n                  : 'text-background group-data-checked/switch:text-primary-foreground',\n              )}\n            >\n              {checked ? checkedIcon : uncheckedIcon}\n            </span>\n          )}\n        </SwitchPrimitive.Thumb>\n      </SwitchPrimitive.Root>\n    );\n\n    if (!label) {\n      return switchElement;\n    }\n\n    return (\n      <div\n        className={cn(\n          'flex items-center gap-3',\n          labelPosition === 'left' && 'flex-row-reverse justify-end',\n        )}\n      >\n        {switchElement}\n        <div className=\"flex flex-col gap-0.5\">\n          <label\n            htmlFor={switchId}\n            className=\"text-sm font-medium leading-none cursor-pointer peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n          >\n            {label}\n          </label>\n          {description && (\n            <p className=\"text-sm text-muted-foreground\">{description}</p>\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n\nSwitchControl.displayName = 'SwitchControl';\n\n// =============================================================================\n// Switch — public API with smart field mode (inline layout)\n// =============================================================================\n\nconst Switch = React.forwardRef<HTMLButtonElement, SwitchProps>(\n  (props, ref) => {\n    // Extract field-specific props (error, tooltip, required, labelIcon, fieldClassName)\n    // label and description are shared — we handle them manually\n    const {\n      label,\n      description,\n      error,\n      tooltip,\n      required,\n      labelIcon,\n      fieldClassName,\n      ...controlProps\n    } = props;\n\n    const isFieldMode = !!(error || tooltip || required || labelIcon);\n\n    if (!isFieldMode) {\n      // Bare mode: pass label/description to control for inline rendering\n      return (\n        <SwitchControl\n          ref={ref}\n          label={label}\n          description={description as string}\n          {...controlProps}\n        />\n      );\n    }\n\n    // Field mode: label goes to FieldLabel, switch renders bare\n    return (\n      <Field\n        layout=\"inline\"\n        state={error ? 'destructive' : undefined}\n        disabled={controlProps.disabled}\n        className={fieldClassName}\n      >\n        <SwitchControl ref={ref} {...controlProps} />\n        {label && (\n          <FieldLabel required={required} labelIcon={labelIcon}>\n            {label}\n            {tooltip && <FieldTooltip content={tooltip} />}\n          </FieldLabel>\n        )}\n        {(error || description) && (\n          <FieldBottom>\n            {error && <FieldError>{error}</FieldError>}\n            {!error && description && (\n              <FieldDescription>{description}</FieldDescription>\n            )}\n          </FieldBottom>\n        )}\n      </Field>\n    );\n  },\n);\nSwitch.displayName = 'Switch';\n\nexport { Switch };\n"],"x_google_ignoreList":[0,1,2,3,4,5,6],"mappings":";;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,KAAa,CACjB,CACE,QACA;AAAA,EACE,GAAG;AAAA,EACH,KAAK;AACP,CACF,CACF,GACM,IAAO,GAAiB,QAAQA,EAAU,GCT1C,KAAa;AAAA,EACjB,CAAC,UAAU;AAAA,IAAE,IAAI;AAAA,IAAM,IAAI;AAAA,IAAM,GAAG;AAAA,IAAK,KAAK;AAAA,EAAS,CAAC;AAAA,EACxD,CAAC,QAAQ;AAAA,IAAE,GAAG;AAAA,IAAW,KAAK;AAAA,EAAS,CAAC;AAAA,EACxC,CAAC,QAAQ;AAAA,IAAE,GAAG;AAAA,IAAY,KAAK;AAAA,EAAS,CAAC;AAAA,EACzC,CAAC,QAAQ;AAAA,IAAE,GAAG;AAAA,IAAwB,KAAK;AAAA,EAAS,CAAC;AAAA,EACrD,CAAC,QAAQ;AAAA,IAAE,GAAG;AAAA,IAA0B,KAAK;AAAA,EAAS,CAAC;AAAA,EACvD,CAAC,QAAQ;AAAA,IAAE,GAAG;AAAA,IAAW,KAAK;AAAA,EAAS,CAAC;AAAA,EACxC,CAAC,QAAQ;AAAA,IAAE,GAAG;AAAA,IAAY,KAAK;AAAA,EAAS,CAAC;AAAA,EACzC,CAAC,QAAQ;AAAA,IAAE,GAAG;AAAA,IAAyB,KAAK;AAAA,EAAS,CAAC;AAAA,EACtD,CAAC,QAAQ;AAAA,IAAE,GAAG;AAAA,IAAyB,KAAK;AAAA,EAAS,CAAC;AACxD,GACM,IAAM,GAAiB,OAAO,EAAU,GChBjC,KAAiC,gBAAA,EAAM,cAAc,MAAS;AAE3E,SAAgB,KAAuB;AACrC,QAAM,IAAUC,EAAM,WAAW,EAAiB;AAClD,MAAI,MAAY,OACd,OAAM,IAAI,MAA2IC,GAAoB,EAAE,CAAC;AAE9K,SAAO;AACT;ACZA,IAAW,KAAwC,0BAAU,GAA0B;AAIrF,SAAA,EAAyB,UAAa,gBAItC,EAAyB,YAAe,kBAIxC,EAAyB,WAAc,iBAIvC,EAAyB,WAAc,iBAIvC,EAAyB,WAAc,iBAIvC,EAAyB,QAAW,cAIpC,EAAyB,UAAa,gBAItC,EAAyB,UAAa,gBAItC,EAAyB,QAAW,cAIpC,EAAyB,SAAY,eAIrC,EAAyB,UAAa,gBAC/B;AACT,GAAE,CAAC,CAAC,GC5CS,KAAyB;AAAA,EACpC,GAAG;AAAA,EACH,QAAQ,GAAO;AACb,WAAI,IACK,EAAA,CACJ,GAAyB,OAAA,GAAU,GACtC,IAEK,EAAA,CACJ,GAAyB,SAAA,GAAY,GACxC;AAAA,EACF;AACF,GCkBa,KAA0B,gBAAA,EAAM,WAAW,SAAoB,GAAgB,GAAc;AACxG,QAAM,EACJ,SAAS,GACT,WAAA,GACA,gBAAA,GACA,mBAAmB,GACnB,MAAA,GACA,IAAI,GACJ,UAAU,GACV,MAAM,GACN,cAAA,IAAe,IACf,iBAAA,GACA,UAAA,IAAW,IACX,UAAA,IAAW,IACX,UAAU,IAAe,IACzB,QAAA,GACA,gBAAA,GACA,OAAA,GACA,OAAA,GACA,GAAG,EAAA,IACD,GACE,EACJ,aAAA,EAAA,IACE,GAAe,GACb,EACJ,OAAO,GACP,YAAA,GACA,UAAA,GACA,cAAA,GACA,WAAA,GACA,YAAA,GACA,gBAAA,GACA,UAAU,GACV,MAAM,GACN,YAAA,EAAA,IACE,GAAoB,GAClB,EACJ,SAAA,EAAA,IACE,GAAoB,GAClB,IAAW,KAAiB,GAC5B,IAAO,KAAa,GACpB,IAAWC,EAAM,OAAO,IAAI,GAC5B,IAAiB,GAAc,GAAU,GAAkB,EAAW,QAAQ,GAC9E,IAAYA,EAAM,OAAO,IAAI,GAC7B,IAAK,GAAY,GACjB,IAAY,GAAe;AAAA,IAC/B,IAAI;AAAA,IACJ,UAAU;AAAA,IACV,YAAY;AAAA,EACd,CAAC,GACK,IAAgB,IAAe,SAAY,GAC3C,CAAC,GAAS,EAAA,IAAmB,GAAc;AAAA,IAC/C,YAAY;AAAA,IACZ,SAAS,EAAQ;AAAA,IACjB,MAAM;AAAA,IACN,OAAO;AAAA,EACT,CAAC;AACD,EAAA,GAAwB,GAAW,GAAI,GAAS,QAAW,CAAC,GAAU,CAAQ,GAC9E,GAAA,MAAyB;AACvB,IAAI,EAAS,WACX,EAAU,EAAS,QAAQ,OAAO;AAAA,EAEtC,GAAG,CAAC,GAAU,CAAS,CAAC,GACxB,GAAgB,GAAA,MAAe;AAC7B,IAAA,EAAY,CAAI,GAChB,EAAS,MAAY,EAAa,YAAY,GAC9C,EAAU,CAAO,GACjB,EAAW,OAAO,CAAO;AAAA,EAC3B,CAAC;AACD,QAAM,EACJ,gBAAA,IACA,WAAA,GAAA,IACE,GAAU;AAAA,IACZ,UAAA;AAAA,IACA,QAAQ;AAAA,EACV,CAAC,GACK,KAAiB,GAAkB,GAAoB,GAAS,GAAU,CAAC,GAAc,CAAa,GACtG,KAAY;AAAA,IAChB,IAAI,IAAe,IAAY;AAAA,IAC/B,MAAM;AAAA,IACN,gBAAgB;AAAA,IAChB,iBAAiB,KAAY;AAAA,IAC7B,iBAAiB,KAAY;AAAA,IAC7B,mBAAmB;AAAA,IACnB,UAAU;AACR,MAAK,KACH,EAAW,EAAI;AAAA,IAEnB;AAAA,IACA,SAAS;AACP,YAAM,IAAU,EAAS;AACzB,MAAI,CAAC,KAAW,MAGhB,EAAW,EAAI,GACf,EAAW,EAAK,GACZ,MAAmB,YACrB,EAAW,OAAO,EAAQ,OAAO;AAAA,IAErC;AAAA,IACA,QAAQ,GAAO;AACb,UAAI,KAAY,EACd;AAEF,MAAA,EAAM,eAAe;AACrB,YAAM,IAAQ,EAAS;AACvB,MAAK,KAGL,EAAM,cAAc,KAAKC,GAAY,CAAK,GAAE,aAAc,SAAS;AAAA,QACjE,SAAS;AAAA,QACT,UAAU,EAAM;AAAA,QAChB,SAAS,EAAM;AAAA,QACf,QAAQ,EAAM;AAAA,QACd,SAAS,EAAM;AAAA,MACjB,CAAC,CAAC;AAAA,IACJ;AAAA,EACF,GACM,KAAa,GAAW;AAAA,IAC5B,SAAA;AAAA,IACA,UAAA;AAAA,IACA,MAAA;AAAA,IACA,IAAI;AAAA,IACJ,MAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAO,IAAO,KAAsB;AAAA,IACpC,UAAU;AAAA,IACV,MAAM;AAAA,IACN,eAAe;AAAA,IACf,KAAK;AAAA,IACL,SAAS,GAAO;AAEd,UAAI,EAAM,YAAY,iBACpB;AAEF,UAAI,GAAU;AACZ,QAAA,EAAM,eAAe;AACrB;AAAA,MACF;AACA,YAAM,IAAc,EAAM,cAAc,SAClC,KAAe,GAAyBC,IAAc,EAAM,WAAW;AAE7E,MADA,IAAkB,GAAa,EAAY,GACvC,CAAA,GAAa,cAGjB,GAAgB,CAAW;AAAA,IAC7B;AAAA,IACA,UAAU;AACR,MAAA,EAAU,SAAS,MAAM;AAAA,IAC3B;AAAA,EACF,GAAA,CAAG,MAAS,EAAW,mBAAmB,GAAU,CAAK,GAGzD,MAAU,SAAY,EACpB,OAAA,EACF,IAAI,EAAY,GACV,IAAQF,EAAM,QAAA,OAAe;AAAA,IACjC,GAAG;AAAA,IACH,SAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,EACF,IAAI;AAAA,IAAC;AAAA,IAAY;AAAA,IAAS;AAAA,IAAU;AAAA,IAAU;AAAA,EAAQ,CAAC,GACjD,KAAU,GAAiB,QAAQ,GAAgB;AAAA,IACvD,OAAA;AAAA,IACA,KAAK;AAAA,MAAC;AAAA,MAAc;AAAA,MAAW;AAAA,IAAS;AAAA,IACxC,OAAO;AAAA,MAAC;AAAA,MAAW;AAAA,MAAc;AAAA,OAAgB,MAAS,EAAW,mBAAmB,GAAU,CAAK;AAAA,IAAC;AAAA,IACxG,wBAAA;AAAA,EACF,CAAC;AACD,SAAoB,gBAAA,EAAM,GAAkB,UAAU;AAAA,IACpD,OAAO;AAAA,IACP,UAAU;AAAA,MAAC;AAAA,MAAS,CAAC,KAAW,KAAQ,MAAmB,UAA0B,gBAAA,EAAK,SAAS;AAAA,QACjG,MAAM;AAAA,QACA,MAAA;AAAA,QACA,MAAA;AAAA,QACN,OAAO;AAAA,QACG,UAAA;AAAA,MACZ,CAAC;AAAA,MAAgB,gBAAA,EAAK,SAAS;AAAA,QAC7B,GAAG;AAAA,QACH,0BAA0B;AAAA,MAC5B,CAAC;AAAA,IAAC;AAAA,EACJ,CAAC;AACH,CAAC,GCzMY,KAA2B,gBAAA,EAAM,WAAW,SAAqB,GAAgB,GAAc;AAC1G,QAAM,EACJ,QAAA,GACA,WAAA,GACA,OAAA,GACA,GAAG,EAAA,IACD;AAEJ,SAAO,GAAiB,QAAQ,GAAgB;AAAA,IAC9C,OAFY,GAER;AAAA,IACJ,KAAK;AAAA,IACL,wBAAA;AAAA,IACA,OAAO;AAAA,EACT,CAAC;AACH,CAAC,GCiBK,KAAe,GAAwC,IAAI;AAgMjE,SAAgB,KAA6C;AAC3D,SAAO,GAAW,EAAY;AAChC;AChJA,IAAM,KAAkB;AAAA,EACtB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAGM,KAAc;AAAA,EAClB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAGM,KAAmB;AAAA,EACvB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAGM,KAAwB;AAAA,EAC5B,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAGM,KAAuB;AAAA,EAC3B,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAGM,KAAiC;AAAA,EACrC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAGM,KAAiB;AAAA,EACrB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAGM,KAAoD;AAAA,EACxD,SAAS;AAAA,EACT,WAAW;AAAA,EACX,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,aAAa;AACf,GAGM,KAAsD;AAAA,EAC1D,SAAS;AAAA,EACT,WAAW;AAAA,EACX,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,aAAa;AACf,GAGM,KAA2D;AAAA,EAC/D,SAAS;AAAA,EACT,WAAW;AAAA,EACX,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,aAAa;AACf,GAMM,KAAkB;AAAA,EACtB,IAAI;AAAA,IACF,UAAU;AAAA,MACR,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,eAAe;AAAA,MACf,gBAAgB;AAAA,IAClB;AAAA,IACA,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,MACX,MAAM;AAAA,MACN,KAAK;AAAA,MACL,eAAe;AAAA,MACf,gBAAgB;AAAA,IAClB;AAAA,IACA,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,MACT,eAAe;AAAA,MACf,gBAAgB;AAAA,IAClB;AAAA,IACA,WAAW;AAAA,MACT,QAAQ;AAAA,MACR,eAAe;AAAA,MACf,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,KAAK;AAAA,MACL,eAAe;AAAA,MACf,gBAAgB;AAAA,IAClB;AAAA,EACF;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,MACR,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,eAAe;AAAA,MACf,gBAAgB;AAAA,IAClB;AAAA,IACA,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,MACX,MAAM;AAAA,MACN,KAAK;AAAA,MACL,eAAe;AAAA,MACf,gBAAgB;AAAA,IAClB;AAAA,IACA,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,MACT,eAAe;AAAA,MACf,gBAAgB;AAAA,IAClB;AAAA,IACA,WAAW;AAAA,MACT,QAAQ;AAAA,MACR,eAAe;AAAA,MACf,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,KAAK;AAAA,MACL,eAAe;AAAA,MACf,gBAAgB;AAAA,IAClB;AAAA,EACF;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,MACR,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,eAAe;AAAA,MACf,gBAAgB;AAAA,IAClB;AAAA,IACA,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,MACX,MAAM;AAAA,MACN,KAAK;AAAA,MACL,eAAe;AAAA,MACf,gBAAgB;AAAA,IAClB;AAAA,IACA,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,MACT,eAAe;AAAA,MACf,gBAAgB;AAAA,IAClB;AAAA,IACA,WAAW;AAAA,MACT,QAAQ;AAAA,MACR,eAAe;AAAA,MACf,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,KAAK;AAAA,MACL,eAAe;AAAA,MACf,gBAAgB;AAAA,IAClB;AAAA,EACF;AACF,GAGM,KACJ,8FACI,KACJ,2FAGI,IACJ,uGACI,IACJ;AAMF,SAAS,GAAe,EACtB,SAAA,GACA,eAAA,GACA,OAAA,EAAA,GAKC;AACD,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EACT,0EACA,EAAM,OACN,EAAM,QACN,EAAM,SACN,CACF;AAAA,IACA,OAAO,EACL,YAAY,IAAU,KAAiB,GACzC;AAAA,IACA,MAAK;AAAA,IACL,cAAW;AAAA,cAbb;AAAA,MAgBE,gBAAA,EAAC,OAAD;AAAA,QACE,WAAW,EACT,gIACA,EAAM,WACN,GACA,IAAU,aAAa,WACzB;AAAA,kBAEC,IACC,gBAAA,EAAC,GAAD,EAAK,WAAW,EAAG,EAAM,MAAM,cAAc,EAAI,CAAA,IAEjD,gBAAA,EAAC,GAAD,EAAM,WAAW,EAAG,EAAM,MAAM,WAAW,EAAI,CAAA;AAAA,MAE9C,CAAA;AAAA,MAGL,gBAAA,EAAC,UAAD;AAAA,QACE,MAAK;AAAA,QACL,MAAK;AAAA,QACL,gBAAc;AAAA,QACd,cAAW;AAAA,QACX,SAAA,MAAe,EAAc,OAAO;AAAA,QACpC,WAAW,EAAG,mCAAmC,CAAqB;AAAA,MACvE,CAAA;AAAA,MACD,gBAAA,EAAC,UAAD;AAAA,QACE,MAAK;AAAA,QACL,MAAK;AAAA,QACL,gBAAc,CAAC;AAAA,QACf,cAAW;AAAA,QACX,SAAA,MAAe,EAAc,MAAM;AAAA,QACnC,WAAW,EAAG,mCAAmC,CAAqB;AAAA,MACvE,CAAA;AAAA,MAGD,gBAAA,EAAC,QAAD;AAAA,QACE,WAAW,EACT,0EACA,EAAM,MACN,GACA,IAAU,wBAAwB,mBACpC;AAAA,kBACD;AAAA,MAEK,CAAA;AAAA,MACN,gBAAA,EAAC,QAAD;AAAA,QACE,WAAW,EACT,0EACA,EAAM,MACN,GACC,IAAiC,qBAAvB,oBACb;AAAA,kBACD;AAAA,MAEK,CAAA;AAAA,IACH;AAAA;AAET;AAEA,SAAS,GAAkB,EACzB,SAAA,GACA,eAAA,GACA,OAAA,EAAA,GAKC;AACD,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,WAAW,EAAG,qBAAqB,EAAM,GAAG;AAAA,IAC5C,MAAK;AAAA,IACL,cAAW;AAAA,IACX,aAAU;AAAA,cAJZ,CAME,gBAAA,EAAC,UAAD;AAAA,MACE,MAAK;AAAA,MACL,MAAK;AAAA,MACL,gBAAc;AAAA,MACd,cAAY,aAAa,IAAU,SAAS,OAAA;AAAA,MAC5C,SAAA,MAAe,EAAc,IAAU,SAAS,OAAO;AAAA,MACvD,WAAW,EACT,qHACA,EAAM,OACN,GACA,GACA,IAAU,aAAa,YACzB;AAAA,gBAEA,gBAAA,EAAC,OAAD,EACE,WAAW,EACT,kGACA,EAAM,WACN,GACA,IAAU,YAAY,yBACtB,IAAU,aAAa,WACzB,EACD,CAAA;AAAA,IACK,CAAA,GACR,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAW,EAAG,EAAM,MAAM,gCAAgC;AAAA,gBAC5D,IACC,gBAAA,EAAC,GAAD,EAAM,WAAU,YAAa,CAAA,IAE7B,gBAAA,EAAC,GAAD,EAAK,WAAU,YAAa,CAAA;AAAA,IAE3B,CAAA,CACF;AAAA;AAET;AAEA,SAAS,GAAW,EAClB,SAAA,GACA,eAAA,GACA,OAAA,EAAA,GAKC;AACD,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,WAAW,EACT,oEACA,EAAM,OACN,EAAM,QACN,EAAM,OACR;AAAA,IACA,MAAK;AAAA,IACL,cAAW;AAAA,IACX,aAAU;AAAA,cATZ;AAAA,MAYE,gBAAA,EAAC,UAAD;AAAA,QACE,MAAK;AAAA,QACL,MAAK;AAAA,QACL,gBAAc,CAAC;AAAA,QACf,cAAW;AAAA,QACX,UAAW,IAAe,IAAL;AAAA,QACrB,eAAc,IAAiB,SAAP;AAAA,QACxB,SAAA,MAAe,EAAc,MAAM;AAAA,QACnC,WAAW,EACT,yEACA,EAAM,WACN,GACA,GACA,IAAU,eAAe,WAC3B;AAAA,kBAEA,gBAAA,EAAC,GAAD,EAAM,WAAW,EAAG,EAAM,MAAM,0BAA0B,EAAI,CAAA;AAAA,MACxD,CAAA;AAAA,MAGR,gBAAA,EAAC,UAAD;AAAA,QACE,MAAK;AAAA,QACL,MAAK;AAAA,QACL,gBAAc;AAAA,QACd,cAAW;AAAA,QACX,UAAU,IAAU,KAAK;AAAA,QACzB,eAAa,IAAU,KAAO;AAAA,QAC9B,SAAA,MAAe,EAAc,OAAO;AAAA,QACpC,WAAW,EACT,yEACA,EAAM,WACN,GACA,GACC,IAAyB,cAAf,YACb;AAAA,kBAEA,gBAAA,EAAC,GAAD,EAAK,WAAW,EAAG,EAAM,MAAM,0BAA0B,EAAI,CAAA;AAAA,MACvD,CAAA;AAAA,MAGR,gBAAA,EAAC,OAAD;AAAA,QACE,WAAW,EACT,oJACA,EAAM,WACN,GACA,IAAU,cAAc,UAC1B;AAAA,kBAEC,IACC,gBAAA,EAAC,GAAD,EAAK,WAAW,EAAG,EAAM,MAAM,cAAc,EAAI,CAAA,IAEjD,gBAAA,EAAC,GAAD,EAAM,WAAW,EAAG,EAAM,MAAM,WAAW,EAAI,CAAA;AAAA,MAE9C,CAAA;AAAA,IACF;AAAA;AAET;AAEA,SAAS,GAAgB,EACvB,SAAA,GACA,eAAA,GACA,OAAA,EAAA,GAKC;AACD,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,WAAW,EACT,6CACA,EAAM,QACN,EAAM,SACN,EAAM,GACR;AAAA,IACA,MAAK;AAAA,IACL,cAAW;AAAA,IACX,aAAU;AAAA,cATZ,CAYE,gBAAA,EAAC,UAAD;AAAA,MACE,MAAK;AAAA,MACL,MAAK;AAAA,MACL,gBAAc;AAAA,MACd,cAAW;AAAA,MACX,SAAA,MAAe,EAAc,OAAO;AAAA,MACpC,WAAW,EACT,wFACA,EAAM,eACN,EAAM,MACN,GACA,GACA,IACI,sCACA,0EACN;AAAA,gBAfF,CAiBE,gBAAA,EAAC,GAAD,EAAK,WAAW,EAAM,KAAO,CAAA,GAC7B,gBAAA,EAAC,QAAD,EAAA,UAAM,QAAW,CAAA,CACX;AAAA,QAGR,gBAAA,EAAC,UAAD;AAAA,MACE,MAAK;AAAA,MACL,MAAK;AAAA,MACL,gBAAc,CAAC;AAAA,MACf,cAAW;AAAA,MACX,SAAA,MAAe,EAAc,MAAM;AAAA,MACnC,WAAW,EACT,wFACA,EAAM,eACN,EAAM,MACN,GACA,GACC,IAEG,6EADA,gEAEN;AAAA,gBAfF,CAiBE,gBAAA,EAAC,GAAD,EAAM,WAAW,EAAM,KAAO,CAAA,GAC9B,gBAAA,EAAC,QAAD,EAAA,UAAM,OAAU,CAAA,CACV;AAAA,MACL;AAAA;AAET;AAMA,IAAM,KAGF;AAAA,EACF,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,mBAAmB;AACrB,GAEM,KAAuB,EAAM,WAAA,CAK/B,EACE,SAAA,GACA,MAAA,IAAO,MACP,OAAA,GACA,aAAA,IAAc,YACd,SAAS,GACT,iBAAA,GACA,WAAW,GACX,aAAa,GACb,eAAe,GACf,aAAa,GACb,UAAU,GACV,aAAa,GACb,cAAc,GACd,WAAW,GACX,SAAS,GACT,UAAU,GACV,gBAAgB,GAChB,GAAG,EAAA,GAEL,MACG;AAEH,QAAM,IACJ,OAAO,KAAkB,aAAa,SAAY,GAC9C,CAAC,GAAS,CAAA,IAAc,GAAS,EAAK;AAE5C,EAAA,GAAA,MAAgB;AACd,IAAA,EAAW,EAAI;AAAA,EACjB,GAAG,CAAC,CAAC;AAEL,QAAM,IAAe,GAAiB,GAChC,IAAe,GAAc,OAC7B,IAAkB,GAAc,UAGhC,IAAe,MAAsB,QACrC,IAAgC,IAClC,IACE,SACA,UACA,KAAgB,SAEhB,IAAoB,EAAM,YAAA,CAC7B,MAA+B;AAE9B,IAAI,IACF,IAFiB,MAAa,MAEF,IACnB,KACT,EAAgB,CAAQ;AAAA,EAE5B,GACA;AAAA,IAAC;AAAA,IAAc;AAAA,IAAiB;AAAA,EAAe,CACjD,GAEM,IAAM,GAAmB,CAAA,GAEzB,IAAQ,GAAgB,CAAA,EAAM,CAAA;AAGpC,MAAI,CAAC,KAAW,CAAC,EACf,QACE,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAW,EAAG,eAAe,CAAS;AAAA,cACzC,gBAAA,EAAC,OAAD;AAAA,MACE,WAAW,EACT,oDACA,EAAM,eACN,EAAM,cACR;AAAA,MACA,MAAK;AAAA,MACL,cAAY,OAAO,KAAU,WAAW,IAAQ;AAAA,IACjD,CAAA;AAAA,EACE,CAAA;AAIT,QAAM,IAAU,MAAgB;AAEhC,MAAI;AACJ,UAAQ,GAAR;AAAA,IACE,KAAK;AACH,MAAA,IACE,gBAAA,EAAC,IAAD;AAAA,QACW,SAAA;AAAA,QACT,eAAe;AAAA,QACR,OAAA;AAAA,MACR,CAAA;AAEH;AAAA,IACF,KAAK;AACH,MAAA,IACE,gBAAA,EAAC,IAAD;AAAA,QACW,SAAA;AAAA,QACT,eAAe;AAAA,QACR,OAAA;AAAA,MACR,CAAA;AAEH;AAAA,IACF,KAAK;AACH,MAAA,IACE,gBAAA,EAAC,IAAD;AAAA,QACW,SAAA;AAAA,QACT,eAAe;AAAA,QACR,OAAA;AAAA,MACR,CAAA;AAEH;AAAA,IACF,KAAK;AACH,MAAA,IACE,gBAAA,EAAC,IAAD;AAAA,QACW,SAAA;AAAA,QACT,eAAe;AAAA,QACR,OAAA;AAAA,MACR,CAAA;AAEH;AAAA,EACJ;AAGA,QAAM,IAAW;AAEjB,SAAK,IASH,gBAAA,EAAC,OAAD;AAAA,IACO,KAAA;AAAA,IACL,WAAW,EACT,eACA,MAAgB,aACZ,+BACA,+BACJ,CACF;AAAA,IACA,GAAI;AAAA,cATN,CAWE,gBAAA,EAAC,QAAD;AAAA,MAAM,WAAU;AAAA,gBACb;AAAA,IACG,CAAA,GACL,CACE;AAAA,OAtBH,gBAAA,EAAC,OAAD;AAAA,IAAU,KAAA;AAAA,IAAgB,WAAA;AAAA,IAAW,GAAI;AAAA,cACtC;AAAA,EACE,CAAA;AAsBX,CACF;AAEA,GAAqB,cAAc;AAOnC,SAAS,GAAe,GAAqC;AAC3D,SAAO,CAAC,EAAE,WAAW,QAAQ;AAC/B;AAEA,IAAM,IAAgB,EAAM,WAAA,CAExB,EACE,OAAA,GACA,aAAA,GACA,eAAA,IAAgB,SAChB,aAAA,GACA,WAAA,GACA,IAAA,GACA,MAAA,IAAO,MACP,SAAA,IAAU,WACV,aAAA,IAAc,SACd,UAAA,GACA,aAAA,GACA,cAAA,GACA,WAAA,GACA,SAAA,GACA,UAAA,GACA,SAAS,GACT,gBAAA,IAAiB,IACjB,iBAAA,GACA,GAAG,EAAA,GAEL,MACG;AACH,QAAM,IAAc,EAAM,MAAM,GAC1B,IAAW,KAAM,GAEjB,CAAC,GAAiB,CAAA,IACtB,EAAM,SAAS,CAAc,GACzB,IAAe,MAAsB,QACrC,IAAU,IAAe,IAAoB,GAE7C,IAAsB,EAAM,YAAA,CAC/B,MAAwB;AACvB,IAAK,KACH,EAAmB,CAAU,GAE/B,IAAkB,CAAU;AAAA,EAC9B,GACA,CAAC,GAAc,CAAe,CAChC;AAGA,MAAI,CAAC,GAAe,CAAO,EACzB,QACE,gBAAA,EAAC,IAAD;AAAA,IACO,KAAA;AAAA,IACI,SAAA;AAAA,IACH,MAAA;AAAA,IACC,OAAA;AAAA,IACM,aAAA;AAAA,IACb,SAAS;AAAA,IACQ,iBAAA;AAAA,IACN,WAAA;AAAA,IACX,GAAI;AAAA,EACL,CAAA;AAKL,QAAM,IAA6B,GAG7B,IAAY,KAAa,CAAC,CAAC,KAAW,CAAC,CAAC,GACxC,IAAoB,IAAY,KAAuB,IACvD,IAAuB,IACzB,KACA,IAGE,IACJ,MAAgB,UACZ,EACE,8EACA,GAAoB,CAAA,CACtB,IACA,EACE,0EACA,GAAsB,CAAA,CACxB,GAGA,IACJ,MAAgB,UACZ,4FACA,EACE,+BACA,GAA2B,CAAA,CAC7B,GAGA,IAAgB,KAAY,KAAe,GAC3C,IAAc,IAChB,KAAe,gBAAA,EAAC,IAAD,EAAO,WAAW,GAAgB,CAAA,EAAQ,CAAA,IACzD,MACE,IAAgB,IAClB,KAAgB,gBAAA,EAAC,IAAD,EAAG,WAAW,GAAgB,CAAA,EAAQ,CAAA,IACtD,MAEE,IACJ,gBAAA,EAAC,IAAD;AAAA,IACO,KAAA;AAAA,IACL,IAAI;AAAA,IACJ,aAAU;AAAA,IACV,aAAW;AAAA,IACX,gBAAc;AAAA,IACd,cAAY;AAAA,IACZ,WAAW,EAET,8FACA,mHACA,yDACA,6DAEA,qGACA,kCAEA,iFAEA,0KAEA,EAAkB,CAAA,GAElB,GACA,CACF;AAAA,IACS,SAAA;AAAA,IACT,iBAAiB;AAAA,IACjB,GAAI;AAAA,cA5BN,CA8BG,KACC,gBAAA,EAAA,IAAA,EAAA,UAAA,CACE,gBAAA,EAAC,QAAD;AAAA,MACE,eAAY;AAAA,MACZ,WAAW,EACT,oGACA,GAAe,CAAA,GACf,aACA,IAAU,gBAAgB,aAC1B,MAAgB,UACZ,4BACA,cACN;AAAA,gBAEC,KAAW;AAAA,IACR,CAAA,GACN,gBAAA,EAAC,QAAD;AAAA,MACE,eAAY;AAAA,MACZ,WAAW,EACT,oGACA,GAAe,CAAA,GACf,WACA,IAAU,cAAc,eACxB,MAAgB,UACZ,0BACA,cACN;AAAA,gBAEC,KAAY;AAAA,IACT,CAAA,CACN,EAAA,CAAA,GAEJ,gBAAA,EAAC,IAAD;AAAA,MACE,aAAU;AAAA,MACV,WAAW,EACT,iDACA,wEACA,iGACA,eACA,gCACA,gCAEA,GAAiB,CAAA,GAEjB,EAAqB,CAAA,GAErB,GAEA,KAAiB,kCACnB;AAAA,gBAEC,KACC,gBAAA,EAAC,QAAD;AAAA,QACE,eAAY;AAAA,QACZ,WAAW,EACT,6GAEA,MAAgB,UACZ,iEACA,mEACN;AAAA,kBAEC,IAAU,IAAc;AAAA,MACrB,CAAA;AAAA,IAEa,CAAA,CACH;AAAA;AAGxB,SAAK,IAKH,gBAAA,EAAC,OAAD;AAAA,IACE,WAAW,EACT,2BACA,MAAkB,UAAU,8BAC9B;AAAA,cAJF,CAMG,GACD,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAU;AAAA,gBAAf,CACE,gBAAA,EAAC,SAAD;AAAA,QACE,SAAS;AAAA,QACT,WAAU;AAAA,kBAET;AAAA,MACI,CAAA,GACN,KACC,gBAAA,EAAC,KAAD;AAAA,QAAG,WAAU;AAAA,kBAAiC;AAAA,MAAe,CAAA,CAE5D;AAAA,MACF;AAAA,OAtBE;AAwBX,CACF;AAEA,EAAc,cAAc;AAM5B,IAAM,KAAS,EAAM,WAAA,CAClB,GAAO,MAAQ;AAGd,QAAM,EACJ,OAAA,GACA,aAAA,GACA,OAAA,GACA,SAAA,GACA,UAAA,GACA,WAAA,GACA,gBAAA,GACA,GAAG,EAAA,IACD;AAIJ,SAFuB,KAAS,KAAW,KAAY,IAgBrD,gBAAA,EAAC,IAAD;AAAA,IACE,QAAO;AAAA,IACP,OAAO,IAAQ,gBAAgB;AAAA,IAC/B,UAAU,EAAa;AAAA,IACvB,WAAW;AAAA,cAJb;AAAA,MAME,gBAAA,EAAC,GAAD;AAAA,QAAoB,KAAA;AAAA,QAAK,GAAI;AAAA,MAAe,CAAA;AAAA,MAC3C,KACC,gBAAA,EAAC,IAAD;AAAA,QAAsB,UAAA;AAAA,QAAqB,WAAA;AAAA,kBAA3C,CACG,GACA,KAAW,gBAAA,EAAC,IAAD,EAAc,SAAS,EAAU,CAAA,CACnC;AAAA;OAEZ,KAAS,MACT,gBAAA,EAAC,IAAD,EAAA,UAAA,CACG,KAAS,gBAAA,EAAC,IAAD,EAAA,UAAa,EAAkB,CAAA,GACxC,CAAC,KAAS,KACT,gBAAA,EAAC,IAAD,EAAA,UAAmB,EAA8B,CAAA,CAExC,EAAA,CAAA;AAAA,IAEV;AAAA,OAhCL,gBAAA,EAAC,GAAD;AAAA,IACO,KAAA;AAAA,IACE,OAAA;AAAA,IACM,aAAA;AAAA,IACb,GAAI;AAAA,EACL,CAAA;AA6BP,CACF;AACA,GAAO,cAAc"}
+{"version":3,"file":"Switch.js","names":["__iconNode","React","_formatErrorMessage","React","ownerWindow","REASONS.none"],"sources":["../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.27.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/moon.mjs","../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.27.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/sun.mjs","../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/@base-ui+react@1.6.0+1c528c44af60ea5b/node_modules/@base-ui/react/switch/root/SwitchRootContext.mjs","../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/@base-ui+react@1.6.0+1c528c44af60ea5b/node_modules/@base-ui/react/switch/root/SwitchRootDataAttributes.mjs","../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/@base-ui+react@1.6.0+1c528c44af60ea5b/node_modules/@base-ui/react/switch/stateAttributesMapping.mjs","../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/@base-ui+react@1.6.0+1c528c44af60ea5b/node_modules/@base-ui/react/switch/root/SwitchRoot.mjs","../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/@base-ui+react@1.6.0+1c528c44af60ea5b/node_modules/@base-ui/react/switch/thumb/SwitchThumb.mjs","../../src/components/ThemeProvider/theme-provider.tsx","../../src/components/atoms/forms/Switch/Switch.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.27.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401\",\n      key: \"kfwtm\"\n    }\n  ]\n];\nconst Moon = createLucideIcon(\"moon\", __iconNode);\n\nexport { __iconNode, Moon as default };\n//# sourceMappingURL=moon.mjs.map\n","/**\n * @license lucide-react v1.27.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"4\", key: \"4exip2\" }],\n  [\"path\", { d: \"M12 2v2\", key: \"tus03m\" }],\n  [\"path\", { d: \"M12 20v2\", key: \"1lh1kg\" }],\n  [\"path\", { d: \"m4.93 4.93 1.41 1.41\", key: \"149t6j\" }],\n  [\"path\", { d: \"m17.66 17.66 1.41 1.41\", key: \"ptbguv\" }],\n  [\"path\", { d: \"M2 12h2\", key: \"1t8f8n\" }],\n  [\"path\", { d: \"M20 12h2\", key: \"1q8mjw\" }],\n  [\"path\", { d: \"m6.34 17.66-1.41 1.41\", key: \"1m8zz5\" }],\n  [\"path\", { d: \"m19.07 4.93-1.41 1.41\", key: \"1shlcs\" }]\n];\nconst Sun = createLucideIcon(\"sun\", __iconNode);\n\nexport { __iconNode, Sun as default };\n//# sourceMappingURL=sun.mjs.map\n","'use client';\n\nimport _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nexport const SwitchRootContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== \"production\") SwitchRootContext.displayName = \"SwitchRootContext\";\nexport function useSwitchRootContext() {\n  const context = React.useContext(SwitchRootContext);\n  if (context === undefined) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: SwitchRootContext is missing. Switch parts must be placed within <Switch.Root>.' : _formatErrorMessage(63));\n  }\n  return context;\n}","export let SwitchRootDataAttributes = /*#__PURE__*/function (SwitchRootDataAttributes) {\n  /**\n   * Present when the switch is checked.\n   */\n  SwitchRootDataAttributes[\"checked\"] = \"data-checked\";\n  /**\n   * Present when the switch is not checked.\n   */\n  SwitchRootDataAttributes[\"unchecked\"] = \"data-unchecked\";\n  /**\n   * Present when the switch is disabled.\n   */\n  SwitchRootDataAttributes[\"disabled\"] = \"data-disabled\";\n  /**\n   * Present when the switch is readonly.\n   */\n  SwitchRootDataAttributes[\"readonly\"] = \"data-readonly\";\n  /**\n   * Present when the switch is required.\n   */\n  SwitchRootDataAttributes[\"required\"] = \"data-required\";\n  /**\n   * Present when the switch is in a valid state (when wrapped in Field.Root).\n   */\n  SwitchRootDataAttributes[\"valid\"] = \"data-valid\";\n  /**\n   * Present when the switch is in an invalid state (when wrapped in Field.Root).\n   */\n  SwitchRootDataAttributes[\"invalid\"] = \"data-invalid\";\n  /**\n   * Present when the switch has been touched (when wrapped in Field.Root).\n   */\n  SwitchRootDataAttributes[\"touched\"] = \"data-touched\";\n  /**\n   * Present when the switch's value has changed (when wrapped in Field.Root).\n   */\n  SwitchRootDataAttributes[\"dirty\"] = \"data-dirty\";\n  /**\n   * Present when the switch is active (when wrapped in Field.Root).\n   */\n  SwitchRootDataAttributes[\"filled\"] = \"data-filled\";\n  /**\n   * Present when the switch is focused (when wrapped in Field.Root).\n   */\n  SwitchRootDataAttributes[\"focused\"] = \"data-focused\";\n  return SwitchRootDataAttributes;\n}({});","import { fieldValidityMapping } from \"../internals/field-constants/constants.mjs\";\nimport { SwitchRootDataAttributes } from \"./root/SwitchRootDataAttributes.mjs\";\nexport const stateAttributesMapping = {\n  ...fieldValidityMapping,\n  checked(value) {\n    if (value) {\n      return {\n        [SwitchRootDataAttributes.checked]: ''\n      };\n    }\n    return {\n      [SwitchRootDataAttributes.unchecked]: ''\n    };\n  }\n};","'use client';\n\nimport * as React from 'react';\nimport { useControlled } from '@base-ui/utils/useControlled';\nimport { useMergedRefs } from '@base-ui/utils/useMergedRefs';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { visuallyHidden, visuallyHiddenInput } from '@base-ui/utils/visuallyHidden';\nimport { EMPTY_OBJECT } from '@base-ui/utils/empty';\nimport { ownerWindow } from '@base-ui/utils/owner';\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\nimport { mergeProps } from \"../../merge-props/index.mjs\";\nimport { useBaseUiId } from \"../../internals/useBaseUiId.mjs\";\nimport { useButton } from \"../../internals/use-button/index.mjs\";\nimport { SwitchRootContext } from \"./SwitchRootContext.mjs\";\nimport { stateAttributesMapping } from \"../stateAttributesMapping.mjs\";\nimport { useFieldRootContext } from \"../../internals/field-root-context/FieldRootContext.mjs\";\nimport { useRegisterFieldControl } from \"../../internals/field-register-control/useRegisterFieldControl.mjs\";\nimport { useFormContext } from \"../../internals/form-context/FormContext.mjs\";\nimport { useLabelableContext } from \"../../internals/labelable-provider/LabelableContext.mjs\";\nimport { useAriaLabelledBy } from \"../../internals/labelable-provider/useAriaLabelledBy.mjs\";\nimport { useLabelableId } from \"../../internals/labelable-provider/useLabelableId.mjs\";\nimport { createChangeEventDetails } from \"../../internals/createBaseUIEventDetails.mjs\";\nimport { REASONS } from \"../../internals/reasons.mjs\";\nimport { useValueChanged } from \"../../internals/useValueChanged.mjs\";\n\n/**\n * Represents the switch itself.\n * Renders a `<span>` element and a hidden `<input>` beside.\n *\n * Documentation: [Base UI Switch](https://base-ui.com/react/components/switch)\n */\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport const SwitchRoot = /*#__PURE__*/React.forwardRef(function SwitchRoot(componentProps, forwardedRef) {\n  const {\n    checked: checkedProp,\n    className,\n    defaultChecked,\n    'aria-labelledby': ariaLabelledByProp,\n    form,\n    id: idProp,\n    inputRef: externalInputRef,\n    name: nameProp,\n    nativeButton = false,\n    onCheckedChange,\n    readOnly = false,\n    required = false,\n    disabled: disabledProp = false,\n    render,\n    uncheckedValue,\n    value,\n    style,\n    ...elementProps\n  } = componentProps;\n  const {\n    clearErrors\n  } = useFormContext();\n  const {\n    state: fieldState,\n    setTouched,\n    setDirty,\n    validityData,\n    setFilled,\n    setFocused,\n    validationMode,\n    disabled: fieldDisabled,\n    name: fieldName,\n    validation\n  } = useFieldRootContext();\n  const {\n    labelId\n  } = useLabelableContext();\n  const disabled = fieldDisabled || disabledProp;\n  const name = fieldName ?? nameProp;\n  const inputRef = React.useRef(null);\n  const handleInputRef = useMergedRefs(inputRef, externalInputRef, validation.inputRef);\n  const switchRef = React.useRef(null);\n  const id = useBaseUiId();\n  const controlId = useLabelableId({\n    id: idProp,\n    implicit: false,\n    controlRef: switchRef\n  });\n  const hiddenInputId = nativeButton ? undefined : controlId;\n  const [checked, setCheckedState] = useControlled({\n    controlled: checkedProp,\n    default: Boolean(defaultChecked),\n    name: 'Switch',\n    state: 'checked'\n  });\n  useRegisterFieldControl(switchRef, id, checked, undefined, !disabled, nameProp);\n  useIsoLayoutEffect(() => {\n    if (inputRef.current) {\n      setFilled(inputRef.current.checked);\n    }\n  }, [inputRef, setFilled]);\n  useValueChanged(checked, () => {\n    clearErrors(name);\n    setDirty(checked !== validityData.initialValue);\n    setFilled(checked);\n    validation.change(checked);\n  });\n  const {\n    getButtonProps,\n    buttonRef\n  } = useButton({\n    disabled,\n    native: nativeButton\n  });\n  const ariaLabelledBy = useAriaLabelledBy(ariaLabelledByProp, labelId, inputRef, !nativeButton, hiddenInputId);\n  const rootProps = {\n    id: nativeButton ? controlId : id,\n    role: 'switch',\n    'aria-checked': checked,\n    'aria-readonly': readOnly || undefined,\n    'aria-required': required || undefined,\n    'aria-labelledby': ariaLabelledBy,\n    onFocus() {\n      if (!disabled) {\n        setFocused(true);\n      }\n    },\n    onBlur() {\n      const element = inputRef.current;\n      if (!element || disabled) {\n        return;\n      }\n      setTouched(true);\n      setFocused(false);\n      if (validationMode === 'onBlur') {\n        validation.commit(element.checked);\n      }\n    },\n    onClick(event) {\n      if (readOnly || disabled) {\n        return;\n      }\n      event.preventDefault();\n      const input = inputRef.current;\n      if (!input) {\n        return;\n      }\n      input.dispatchEvent(new (ownerWindow(input).PointerEvent)('click', {\n        bubbles: true,\n        shiftKey: event.shiftKey,\n        ctrlKey: event.ctrlKey,\n        altKey: event.altKey,\n        metaKey: event.metaKey\n      }));\n    }\n  };\n  const inputProps = mergeProps({\n    checked,\n    disabled,\n    form,\n    id: hiddenInputId,\n    name,\n    required,\n    style: name ? visuallyHiddenInput : visuallyHidden,\n    tabIndex: -1,\n    type: 'checkbox',\n    'aria-hidden': true,\n    ref: handleInputRef,\n    onChange(event) {\n      // Workaround for https://github.com/facebook/react/issues/9023\n      if (event.nativeEvent.defaultPrevented) {\n        return;\n      }\n      if (readOnly) {\n        event.preventDefault();\n        return;\n      }\n      const nextChecked = event.currentTarget.checked;\n      const eventDetails = createChangeEventDetails(REASONS.none, event.nativeEvent);\n      onCheckedChange?.(nextChecked, eventDetails);\n      if (eventDetails.isCanceled) {\n        return;\n      }\n      setCheckedState(nextChecked);\n    },\n    onFocus() {\n      switchRef.current?.focus();\n    }\n  }, props => validation.getValidationProps(disabled, props),\n  // React <19 sets an empty value if `undefined` is passed explicitly\n  // To avoid this, we only set the value if it's defined\n  value !== undefined ? {\n    value\n  } : EMPTY_OBJECT);\n  const state = React.useMemo(() => ({\n    ...fieldState,\n    checked,\n    disabled,\n    readOnly,\n    required\n  }), [fieldState, checked, disabled, readOnly, required]);\n  const element = useRenderElement('span', componentProps, {\n    state,\n    ref: [forwardedRef, switchRef, buttonRef],\n    props: [rootProps, elementProps, getButtonProps, props => validation.getValidationProps(disabled, props)],\n    stateAttributesMapping\n  });\n  return /*#__PURE__*/_jsxs(SwitchRootContext.Provider, {\n    value: state,\n    children: [element, !checked && name && uncheckedValue !== undefined && /*#__PURE__*/_jsx(\"input\", {\n      type: \"hidden\",\n      form: form,\n      name: name,\n      value: uncheckedValue,\n      disabled: disabled\n    }), /*#__PURE__*/_jsx(\"input\", {\n      ...inputProps,\n      suppressHydrationWarning: true\n    })]\n  });\n});\nif (process.env.NODE_ENV !== \"production\") SwitchRoot.displayName = \"SwitchRoot\";","'use client';\n\nimport * as React from 'react';\nimport { useSwitchRootContext } from \"../root/SwitchRootContext.mjs\";\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\nimport { stateAttributesMapping } from \"../stateAttributesMapping.mjs\";\n\n/**\n * The movable part of the switch that indicates whether the switch is on or off.\n * Renders a `<span>`.\n *\n * Documentation: [Base UI Switch](https://base-ui.com/react/components/switch)\n */\nexport const SwitchThumb = /*#__PURE__*/React.forwardRef(function SwitchThumb(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    style,\n    ...elementProps\n  } = componentProps;\n  const state = useSwitchRootContext();\n  return useRenderElement('span', componentProps, {\n    state,\n    ref: forwardedRef,\n    stateAttributesMapping,\n    props: elementProps\n  });\n});\nif (process.env.NODE_ENV !== \"production\") SwitchThumb.displayName = \"SwitchThumb\";","'use client';\n\nimport {\n  createContext,\n  type ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useState,\n} from 'react';\n\n/**\n * Theme type - supports light and dark modes\n */\nexport type Theme = 'light' | 'dark';\n\n/**\n * Context value provided by ThemeProvider\n */\nexport interface ThemeContextValue {\n  /** Current theme */\n  theme: Theme;\n  /** Resolved theme (same as theme since we don't support 'system') */\n  resolvedTheme: Theme;\n  /** Set the theme explicitly */\n  setTheme: (theme: Theme) => void;\n  /** Toggle between light and dark themes */\n  toggleTheme: () => void;\n}\n\n/**\n * Props for the ThemeProvider component\n */\nexport interface ThemeProviderProps {\n  /** Child components */\n  children: ReactNode;\n  /** Default theme to use when no stored value exists (default: 'light') */\n  defaultTheme?: Theme;\n  /** localStorage key for persisting theme (default: 'theme') */\n  storageKey?: string;\n  /** Document to theme when rendering inside an iframe or embedded document */\n  targetDocument?: Document;\n}\n\nconst ThemeContext = createContext<ThemeContextValue | null>(null);\n\nfunction getBrowserWindow(targetDocument?: Document): Window | undefined {\n  return (\n    targetDocument?.defaultView ??\n    (typeof window === 'undefined' ? undefined : window)\n  );\n}\n\nfunction getBrowserDocument(targetDocument?: Document): Document | undefined {\n  return (\n    targetDocument ?? (typeof document === 'undefined' ? undefined : document)\n  );\n}\n\nfunction readStoredTheme(\n  storageKey: string,\n  targetDocument?: Document,\n): string | null {\n  try {\n    return (\n      getBrowserWindow(targetDocument)?.localStorage.getItem(storageKey) ?? null\n    );\n  } catch {\n    return null;\n  }\n}\n\nfunction writeStoredTheme(\n  storageKey: string,\n  theme: Theme,\n  targetDocument?: Document,\n): void {\n  try {\n    getBrowserWindow(targetDocument)?.localStorage.setItem(storageKey, theme);\n  } catch {\n    // Storage can be unavailable in private contexts or embedded runtimes.\n  }\n}\n\n/**\n * Get the initial theme from localStorage or return default\n * Returns defaultTheme during SSR (no localStorage available)\n */\nfunction getInitialTheme(\n  storageKey: string,\n  defaultTheme: Theme,\n  targetDocument?: Document,\n): Theme {\n  const stored = readStoredTheme(storageKey, targetDocument);\n  if (stored === 'light' || stored === 'dark') {\n    return stored;\n  }\n\n  return defaultTheme;\n}\n\n/**\n * Update the DOM to reflect the current theme\n */\nfunction updateDOM(theme: Theme, targetDocument?: Document): void {\n  const root = getBrowserDocument(targetDocument)?.documentElement;\n  if (!root) {\n    return;\n  }\n\n  root.classList.remove('light', 'dark');\n  root.classList.add(theme);\n}\n\n/**\n * ThemeProvider component\n *\n * Provides theme context to the application with support for:\n * - Persistent theme storage via localStorage\n * - DOM class management for CSS-based theming\n * - Cross-tab synchronization via storage events\n *\n * @llms Theme context provider with localStorage persistence, cross-tab sync, light/dark modes\n * @example\n * ```tsx\n * <ThemeProvider defaultTheme=\"dark\" storageKey=\"my-app-theme\">\n *   <App />\n * </ThemeProvider>\n * ```\n */\nexport function ThemeProvider({\n  children,\n  defaultTheme = 'light',\n  storageKey = 'theme',\n  targetDocument,\n}: ThemeProviderProps) {\n  const [theme, setThemeState] = useState<Theme>(() =>\n    getInitialTheme(storageKey, defaultTheme, targetDocument),\n  );\n\n  const setTheme = useCallback(\n    (newTheme: Theme) => {\n      setThemeState(newTheme);\n      writeStoredTheme(storageKey, newTheme, targetDocument);\n      updateDOM(newTheme, targetDocument);\n    },\n    [storageKey, targetDocument],\n  );\n\n  const toggleTheme = useCallback(() => {\n    setTheme(theme === 'light' ? 'dark' : 'light');\n  }, [theme, setTheme]);\n\n  // Sync DOM class on mount (for SSR hydration)\n  useEffect(() => {\n    updateDOM(theme, targetDocument);\n  }, [theme, targetDocument]);\n\n  // Listen for storage events (cross-tab sync)\n  useEffect(() => {\n    const browserWindow = getBrowserWindow(targetDocument);\n    if (!browserWindow) {\n      return;\n    }\n\n    const handleStorage = (event: StorageEvent) => {\n      if (event.key === storageKey && event.newValue) {\n        const newTheme = event.newValue as Theme;\n        if (newTheme === 'light' || newTheme === 'dark') {\n          setThemeState(newTheme);\n          updateDOM(newTheme, targetDocument);\n        }\n      }\n    };\n\n    browserWindow.addEventListener('storage', handleStorage);\n    return () => browserWindow.removeEventListener('storage', handleStorage);\n  }, [storageKey, targetDocument]);\n\n  const value: ThemeContextValue = {\n    theme,\n    resolvedTheme: theme, // Same as theme since we don't support 'system'\n    setTheme,\n    toggleTheme,\n  };\n\n  return (\n    <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>\n  );\n}\n\n/**\n * Hook to access the theme context\n *\n * @throws Error if used outside of ThemeProvider\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { theme, setTheme, toggleTheme } = useTheme();\n *\n *   return (\n *     <button onClick={toggleTheme}>\n *       Current theme: {theme}\n *     </button>\n *   );\n * }\n * ```\n */\nexport function useTheme(): ThemeContextValue {\n  const context = useContext(ThemeContext);\n\n  if (context === null) {\n    throw new Error('useTheme must be used within a ThemeProvider');\n  }\n\n  return context;\n}\n\n/**\n * Hook to optionally access the theme context without throwing\n *\n * Returns null if used outside of ThemeProvider, making it safe for\n * components that support both controlled and uncontrolled modes.\n *\n * @example\n * ```tsx\n * function MyComponent({ value, onValueChange }) {\n *   const themeContext = useThemeOptional();\n *   const isControlled = value !== undefined;\n *\n *   // Use controlled value if provided, otherwise context\n *   const theme = isControlled ? value : themeContext?.theme;\n * }\n * ```\n */\nexport function useThemeOptional(): ThemeContextValue | null {\n  return useContext(ThemeContext);\n}\n","/** biome-ignore-all lint/a11y/useSemanticElements: Theme toggles use button-based radio controls for animated segmented UI while preserving radiogroup semantics. */\n'use client';\n\nimport { Switch as SwitchPrimitive } from '@base-ui/react/switch';\nimport { Check, Moon, Sun, X } from 'lucide-react';\nimport * as React from 'react';\nimport { useEffect, useState } from 'react';\nimport {\n  type FieldProps,\n  FieldTooltip,\n} from '@/components/atoms/forms/_shared';\nimport { useThemeOptional } from '@/components/ThemeProvider';\nimport {\n  Field,\n  FieldBottom,\n  FieldDescription,\n  FieldError,\n  FieldLabel,\n} from '@/components/ui/form-field';\nimport { cn } from '@/lib/utils';\n\n// ============================================\n// Types\n// ============================================\n\n/** Color variants for the standard switch */\ntype ColorVariant =\n  | 'primary'\n  | 'secondary'\n  | 'warning'\n  | 'info'\n  | 'success'\n  | 'destructive';\n\n/** Theme variants that render theme toggle UIs */\ntype ThemeVariant =\n  | 'theme-gradient'\n  | 'theme-switch'\n  | 'theme-pill'\n  | 'theme-segmented';\n\n/** All switch variants */\nexport type SwitchVariant = ColorVariant | ThemeVariant;\n\n// ============================================\n// Switch (with controlled/uncontrolled support)\n// ============================================\n\ninterface SwitchControlProps\n  extends Omit<SwitchPrimitive.Root.Props, 'onCheckedChange'> {\n  // Variants\n  size?: 'sm' | 'md' | 'lg';\n  variant?: SwitchVariant;\n  /** Visual style of the switch (solid = filled track, outline = bordered track). Only applies to color variants. */\n  switchStyle?: 'solid' | 'outline';\n\n  // Thumb icons (color variants only)\n  withIcon?: boolean;\n  thumbIconOn?: React.ReactNode;\n  thumbIconOff?: React.ReactNode;\n\n  // Track labels (ON/OFF inside track, color variants only)\n  showOnOff?: boolean;\n  onLabel?: string;\n  offLabel?: string;\n\n  // External label\n  label?: React.ReactNode;\n  description?: string;\n  labelPosition?: 'left' | 'right';\n\n  /** Layout orientation for label (theme variants only) */\n  orientation?: 'horizontal' | 'vertical';\n\n  // Core (keep existing)\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onCheckedChange?: (checked: boolean) => void;\n}\n\nexport interface SwitchProps\n  extends Omit<SwitchControlProps, 'label' | 'description'>,\n    Omit<FieldProps, 'label' | 'description' | 'topRight' | 'bottomRight'> {\n  /** Label text or ReactNode (inline with switch, or in FieldLabel when field props are set) */\n  label?: React.ReactNode;\n  /** Description text (inline below label, or in FieldDescription when field props are set) */\n  description?: React.ReactNode;\n}\n\n// ============================================\n// Color Switch Constants\n// ============================================\n\n// Icon size classes for thumb icons\nconst iconSizeClasses = {\n  sm: 'size-2', // 8px\n  md: 'size-2.5', // 10px\n  lg: 'size-3', // 12px\n};\n\n// Size classes for the track\nconst sizeClasses = {\n  sm: 'h-[18px] w-[32px]',\n  md: 'h-[22px] w-[40px]',\n  lg: 'h-[26px] w-[48px]',\n};\n\n// Size classes for the thumb\nconst thumbSizeClasses = {\n  sm: 'size-[14px]',\n  md: 'size-[18px]',\n  lg: 'size-[22px]',\n};\n\n// Thumb translation when checked (track width - thumb size - 2px padding on each side)\nconst thumbTranslateClasses = {\n  sm: 'data-checked:ltr:translate-x-[14px] data-checked:rtl:-translate-x-[14px]',\n  md: 'data-checked:ltr:translate-x-[18px] data-checked:rtl:-translate-x-[18px]',\n  lg: 'data-checked:ltr:translate-x-[22px] data-checked:rtl:-translate-x-[22px]',\n};\n\n// Wider track sizes when ON/OFF labels are shown (extra space for text)\nconst sizeWithLabelClasses = {\n  sm: 'h-[18px] w-[40px]',\n  md: 'h-[22px] w-[48px]',\n  lg: 'h-[26px] w-[56px]',\n};\n\n// Thumb translation for wider tracks with labels\nconst thumbTranslateWithLabelClasses = {\n  sm: 'data-checked:ltr:translate-x-[22px] data-checked:rtl:-translate-x-[22px]',\n  md: 'data-checked:ltr:translate-x-[26px] data-checked:rtl:-translate-x-[26px]',\n  lg: 'data-checked:ltr:translate-x-[30px] data-checked:rtl:-translate-x-[30px]',\n};\n\n// Font sizes for track labels (ON/OFF)\nconst labelFontSizes = {\n  sm: 'text-[8px]',\n  md: 'text-[10px]',\n  lg: 'text-xs', // 12px\n};\n\n// Solid style: colored track when checked\nconst solidVariantClasses: Record<ColorVariant, string> = {\n  primary: 'data-checked:bg-primary',\n  secondary: 'data-checked:bg-secondary',\n  warning: 'data-checked:bg-warning',\n  info: 'data-checked:bg-info',\n  success: 'data-checked:bg-success',\n  destructive: 'data-checked:bg-destructive',\n};\n\n// Outline style: colored border when checked\nconst outlineVariantClasses: Record<ColorVariant, string> = {\n  primary: 'data-checked:border-primary',\n  secondary: 'data-checked:border-secondary',\n  warning: 'data-checked:border-warning',\n  info: 'data-checked:border-info',\n  success: 'data-checked:border-success',\n  destructive: 'data-checked:border-destructive',\n};\n\n// Outline style: colored thumb when checked\nconst outlineThumbVariantClasses: Record<ColorVariant, string> = {\n  primary: 'group-data-checked/switch:bg-primary',\n  secondary: 'group-data-checked/switch:bg-secondary',\n  warning: 'group-data-checked/switch:bg-warning',\n  info: 'group-data-checked/switch:bg-info',\n  success: 'group-data-checked/switch:bg-success',\n  destructive: 'group-data-checked/switch:bg-destructive',\n};\n\n// ============================================\n// Theme Variant Constants & Config\n// ============================================\n\nconst themeSizeConfig = {\n  sm: {\n    gradient: {\n      width: 'w-[64px]',\n      height: 'h-6',\n      indicator: 'size-5',\n      icon: 'size-3',\n      text: 'text-xs',\n      padding: 'p-0.5',\n      skeletonWidth: 'w-[64px]',\n      skeletonHeight: 'h-6',\n    },\n    switch: {\n      track: 'w-[30px] h-4',\n      indicator: 'size-3.5',\n      icon: 'size-3.5',\n      gap: 'gap-1.5',\n      skeletonWidth: 'w-[50px]',\n      skeletonHeight: 'h-4',\n    },\n    pill: {\n      width: 'w-[42px]',\n      height: 'h-6',\n      indicator: 'size-5',\n      icon: 'size-3',\n      padding: 'p-0.5',\n      skeletonWidth: 'w-[42px]',\n      skeletonHeight: 'h-6',\n    },\n    segmented: {\n      height: 'h-6',\n      segmentHeight: 'h-4',\n      icon: 'size-3',\n      text: 'text-xs',\n      padding: 'p-1',\n      gap: 'gap-0.5',\n      skeletonWidth: 'w-[100px]',\n      skeletonHeight: 'h-6',\n    },\n  },\n  md: {\n    gradient: {\n      width: 'w-[76px]',\n      height: 'h-7',\n      indicator: 'size-6',\n      icon: 'size-3.5',\n      text: 'text-sm',\n      padding: 'p-0.5',\n      skeletonWidth: 'w-[76px]',\n      skeletonHeight: 'h-7',\n    },\n    switch: {\n      track: 'w-9 h-[18px]',\n      indicator: 'size-4',\n      icon: 'size-4',\n      gap: 'gap-2',\n      skeletonWidth: 'w-[58px]',\n      skeletonHeight: 'h-[18px]',\n    },\n    pill: {\n      width: 'w-[50px]',\n      height: 'h-7',\n      indicator: 'size-6',\n      icon: 'size-3.5',\n      padding: 'p-0.5',\n      skeletonWidth: 'w-[50px]',\n      skeletonHeight: 'h-7',\n    },\n    segmented: {\n      height: 'h-7',\n      segmentHeight: 'h-5',\n      icon: 'size-3.5',\n      text: 'text-sm',\n      padding: 'p-1',\n      gap: 'gap-1',\n      skeletonWidth: 'w-[120px]',\n      skeletonHeight: 'h-7',\n    },\n  },\n  lg: {\n    gradient: {\n      width: 'w-[88px]',\n      height: 'h-8',\n      indicator: 'size-7',\n      icon: 'size-4',\n      text: 'text-sm',\n      padding: 'p-0.5',\n      skeletonWidth: 'w-[88px]',\n      skeletonHeight: 'h-8',\n    },\n    switch: {\n      track: 'w-[42px] h-5',\n      indicator: 'size-[18px]',\n      icon: 'size-[18px]',\n      gap: 'gap-2.5',\n      skeletonWidth: 'w-[66px]',\n      skeletonHeight: 'h-5',\n    },\n    pill: {\n      width: 'w-[58px]',\n      height: 'h-8',\n      indicator: 'size-7',\n      icon: 'size-4',\n      padding: 'p-0.5',\n      skeletonWidth: 'w-[58px]',\n      skeletonHeight: 'h-8',\n    },\n    segmented: {\n      height: 'h-8',\n      segmentHeight: 'h-6',\n      icon: 'size-4',\n      text: 'text-sm',\n      padding: 'p-1',\n      gap: 'gap-1',\n      skeletonWidth: 'w-[140px]',\n      skeletonHeight: 'h-8',\n    },\n  },\n} as const;\n\n// Gradient directions matching Figma design\nconst GRADIENT_LIGHT =\n  'linear-gradient(247deg, var(--destructive) 10%, var(--orange-500) 50%, var(--warning) 90%)';\nconst GRADIENT_DARK =\n  'linear-gradient(264deg, var(--blue-200) 3%, var(--indigo-400) 60%, var(--blue-800) 98%)';\n\n// Shared theme style constants\nconst themeFocusRingClasses =\n  'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2';\nconst themeTransitionClasses =\n  'duration-300 ease-smooth motion-reduce:duration-0';\n\n// ============================================\n// Theme Variant Renderers\n// ============================================\n\nfunction GradientToggle({\n  isLight,\n  onThemeChange,\n  sizes,\n}: {\n  isLight: boolean;\n  onThemeChange: (theme: 'light' | 'dark') => void;\n  sizes: (typeof themeSizeConfig)['md']['gradient'];\n}) {\n  return (\n    <div\n      data-slot=\"switch\"\n      className={cn(\n        'relative flex items-center rounded-full transition-all overflow-hidden',\n        sizes.width,\n        sizes.height,\n        sizes.padding,\n        themeTransitionClasses,\n      )}\n      style={{\n        background: isLight ? GRADIENT_LIGHT : GRADIENT_DARK,\n      }}\n      role=\"radiogroup\"\n      aria-label=\"Theme selector\"\n    >\n      {/* Sliding indicator */}\n      <div\n        className={cn(\n          'absolute flex items-center justify-center rounded-full bg-card shadow-md hover:shadow-lg active:scale-95 transition-all z-10',\n          sizes.indicator,\n          themeTransitionClasses,\n          isLight ? 'left-0.5' : 'right-0.5',\n        )}\n      >\n        {isLight ? (\n          <Sun className={cn(sizes.icon, 'text-warning')} />\n        ) : (\n          <Moon className={cn(sizes.icon, 'text-info')} />\n        )}\n      </div>\n\n      {/* Clickable areas */}\n      <button\n        type=\"button\"\n        role=\"radio\"\n        aria-checked={isLight}\n        aria-label=\"Light theme\"\n        onClick={() => onThemeChange('light')}\n        className={cn('flex-1 h-full rounded-full z-20', themeFocusRingClasses)}\n      />\n      <button\n        type=\"button\"\n        role=\"radio\"\n        aria-checked={!isLight}\n        aria-label=\"Dark theme\"\n        onClick={() => onThemeChange('dark')}\n        className={cn('flex-1 h-full rounded-full z-20', themeFocusRingClasses)}\n      />\n\n      {/* Label text */}\n      <span\n        className={cn(\n          'absolute pointer-events-none font-medium text-white transition-opacity',\n          sizes.text,\n          themeTransitionClasses,\n          isLight ? 'right-2 opacity-100' : 'right-2 opacity-0',\n        )}\n      >\n        Light\n      </span>\n      <span\n        className={cn(\n          'absolute pointer-events-none font-medium text-white transition-opacity',\n          sizes.text,\n          themeTransitionClasses,\n          !isLight ? 'left-2 opacity-100' : 'left-2 opacity-0',\n        )}\n      >\n        Dark\n      </span>\n    </div>\n  );\n}\n\nfunction ThemeSwitchToggle({\n  isLight,\n  onThemeChange,\n  sizes,\n}: {\n  isLight: boolean;\n  onThemeChange: (theme: 'light' | 'dark') => void;\n  sizes: (typeof themeSizeConfig)['md']['switch'];\n}) {\n  return (\n    <div\n      className={cn('flex items-center', sizes.gap)}\n      role=\"radiogroup\"\n      aria-label=\"Theme selector\"\n      data-slot=\"switch\"\n    >\n      <button\n        type=\"button\"\n        role=\"radio\"\n        aria-checked={isLight}\n        aria-label={`Switch to ${isLight ? 'dark' : 'light'} theme`}\n        onClick={() => onThemeChange(isLight ? 'dark' : 'light')}\n        className={cn(\n          'relative rounded-full transition-[colors,box-shadow] hover:shadow-[0_0_0_3px_var(--ring)/0.1] active:scale-[0.97]',\n          sizes.track,\n          themeTransitionClasses,\n          themeFocusRingClasses,\n          isLight ? 'bg-input' : 'bg-primary',\n        )}\n      >\n        <div\n          className={cn(\n            'absolute top-1/2 -translate-y-1/2 rounded-full shadow-md group-active:shadow-sm transition-all',\n            sizes.indicator,\n            themeTransitionClasses,\n            isLight ? 'bg-card' : 'bg-background',\n            isLight ? 'left-0.5' : 'right-0.5',\n          )}\n        />\n      </button>\n      <div className={cn(sizes.icon, 'text-[var(--muted-foreground)]')}>\n        {isLight ? (\n          <Moon className=\"size-full\" />\n        ) : (\n          <Sun className=\"size-full\" />\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction PillToggle({\n  isLight,\n  onThemeChange,\n  sizes,\n}: {\n  isLight: boolean;\n  onThemeChange: (theme: 'light' | 'dark') => void;\n  sizes: (typeof themeSizeConfig)['md']['pill'];\n}) {\n  return (\n    <div\n      className={cn(\n        'relative flex items-center justify-between rounded-full bg-input',\n        sizes.width,\n        sizes.height,\n        sizes.padding,\n      )}\n      role=\"radiogroup\"\n      aria-label=\"Theme selector\"\n      data-slot=\"switch\"\n    >\n      {/* Moon icon (left) */}\n      <button\n        type=\"button\"\n        role=\"radio\"\n        aria-checked={!isLight}\n        aria-label=\"Dark theme\"\n        tabIndex={!isLight ? -1 : 0}\n        aria-hidden={!isLight ? true : undefined}\n        onClick={() => onThemeChange('dark')}\n        className={cn(\n          'z-10 flex items-center justify-center rounded-full transition-opacity',\n          sizes.indicator,\n          themeTransitionClasses,\n          themeFocusRingClasses,\n          isLight ? 'opacity-50' : 'opacity-0',\n        )}\n      >\n        <Moon className={cn(sizes.icon, 'text-[var(--foreground)]')} />\n      </button>\n\n      {/* Sun icon (right) */}\n      <button\n        type=\"button\"\n        role=\"radio\"\n        aria-checked={isLight}\n        aria-label=\"Light theme\"\n        tabIndex={isLight ? -1 : 0}\n        aria-hidden={isLight ? true : undefined}\n        onClick={() => onThemeChange('light')}\n        className={cn(\n          'z-10 flex items-center justify-center rounded-full transition-opacity',\n          sizes.indicator,\n          themeTransitionClasses,\n          themeFocusRingClasses,\n          !isLight ? 'opacity-50' : 'opacity-0',\n        )}\n      >\n        <Sun className={cn(sizes.icon, 'text-[var(--foreground)]')} />\n      </button>\n\n      {/* Sliding indicator with icon */}\n      <div\n        className={cn(\n          'absolute top-1/2 -translate-y-1/2 flex items-center justify-center rounded-full bg-card shadow-md hover:shadow-lg active:scale-95 transition-all',\n          sizes.indicator,\n          themeTransitionClasses,\n          isLight ? 'right-0.5' : 'left-0.5',\n        )}\n      >\n        {isLight ? (\n          <Sun className={cn(sizes.icon, 'text-warning')} />\n        ) : (\n          <Moon className={cn(sizes.icon, 'text-info')} />\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction SegmentedToggle({\n  isLight,\n  onThemeChange,\n  sizes,\n}: {\n  isLight: boolean;\n  onThemeChange: (theme: 'light' | 'dark') => void;\n  sizes: (typeof themeSizeConfig)['md']['segmented'];\n}) {\n  return (\n    <div\n      className={cn(\n        'inline-flex items-center rounded bg-input',\n        sizes.height,\n        sizes.padding,\n        sizes.gap,\n      )}\n      role=\"radiogroup\"\n      aria-label=\"Theme selector\"\n      data-slot=\"switch\"\n    >\n      {/* Light segment */}\n      <button\n        type=\"button\"\n        role=\"radio\"\n        aria-checked={isLight}\n        aria-label=\"Light theme\"\n        onClick={() => onThemeChange('light')}\n        className={cn(\n          'flex items-center justify-center gap-1 rounded px-2 whitespace-nowrap transition-all',\n          sizes.segmentHeight,\n          sizes.text,\n          themeTransitionClasses,\n          themeFocusRingClasses,\n          isLight\n            ? 'bg-card text-foreground shadow-sm'\n            : 'text-[var(--foreground)] opacity-50 hover:opacity-70 active:scale-[0.97]',\n        )}\n      >\n        <Sun className={sizes.icon} />\n        <span>Light</span>\n      </button>\n\n      {/* Dark segment */}\n      <button\n        type=\"button\"\n        role=\"radio\"\n        aria-checked={!isLight}\n        aria-label=\"Dark theme\"\n        onClick={() => onThemeChange('dark')}\n        className={cn(\n          'flex items-center justify-center gap-1 rounded px-2 whitespace-nowrap transition-all',\n          sizes.segmentHeight,\n          sizes.text,\n          themeTransitionClasses,\n          themeFocusRingClasses,\n          !isLight\n            ? 'bg-[var(--primary)] text-[var(--primary-foreground)] shadow-sm'\n            : 'text-[var(--foreground)] opacity-50 hover:opacity-70 active:scale-[0.97]',\n        )}\n      >\n        <Moon className={sizes.icon} />\n        <span>Dark</span>\n      </button>\n    </div>\n  );\n}\n\n// ============================================\n// Theme Variant Renderer (auto-connects to ThemeProvider)\n// ============================================\n\nconst themeVariantKeyMap: Record<\n  ThemeVariant,\n  'gradient' | 'switch' | 'pill' | 'segmented'\n> = {\n  'theme-gradient': 'gradient',\n  'theme-switch': 'switch',\n  'theme-pill': 'pill',\n  'theme-segmented': 'segmented',\n};\n\nconst ThemeVariantRenderer = React.forwardRef<\n  HTMLDivElement,\n  SwitchControlProps\n>(\n  (\n    {\n      variant,\n      size = 'md',\n      label,\n      orientation = 'vertical',\n      checked: controlledChecked,\n      onCheckedChange,\n      className: classNameProp,\n      description: _description,\n      labelPosition: _labelPosition,\n      switchStyle: _switchStyle,\n      withIcon: _withIcon,\n      thumbIconOn: _thumbIconOn,\n      thumbIconOff: _thumbIconOff,\n      showOnOff: _showOnOff,\n      onLabel: _onLabel,\n      offLabel: _offLabel,\n      defaultChecked: _defaultChecked,\n      ...restProps\n    },\n    ref,\n  ) => {\n    // className from base-ui can be string | function; theme variants only use string\n    const className =\n      typeof classNameProp === 'function' ? undefined : classNameProp;\n    const [mounted, setMounted] = useState(false);\n\n    useEffect(() => {\n      setMounted(true);\n    }, []);\n\n    const themeContext = useThemeOptional();\n    const contextTheme = themeContext?.theme;\n    const contextSetTheme = themeContext?.setTheme;\n\n    // Auto-connect to ThemeProvider when no explicit checked/onCheckedChange\n    const isControlled = controlledChecked !== undefined;\n    const activeTheme: 'light' | 'dark' = isControlled\n      ? controlledChecked\n        ? 'dark'\n        : 'light'\n      : ((contextTheme ?? 'light') as 'light' | 'dark');\n\n    const handleThemeChange = React.useCallback(\n      (newTheme: 'light' | 'dark') => {\n        const newChecked = newTheme === 'dark';\n        if (isControlled) {\n          onCheckedChange?.(newChecked);\n        } else if (contextSetTheme) {\n          contextSetTheme(newTheme);\n        }\n      },\n      [isControlled, onCheckedChange, contextSetTheme],\n    );\n\n    const key = themeVariantKeyMap[variant as ThemeVariant];\n\n    const sizes = themeSizeConfig[size][key];\n\n    // SSR placeholder - show skeleton during hydration\n    if (!mounted && !isControlled) {\n      return (\n        <div className={cn('inline-flex', className)}>\n          <div\n            className={cn(\n              'rounded-full bg-[var(--surface-1)] animate-pulse',\n              sizes.skeletonWidth,\n              sizes.skeletonHeight,\n            )}\n            role=\"radiogroup\"\n            aria-label={typeof label === 'string' ? label : 'Theme selector'}\n          />\n        </div>\n      );\n    }\n\n    const isLight = activeTheme === 'light';\n\n    let toggle: React.ReactNode;\n    switch (key) {\n      case 'gradient':\n        toggle = (\n          <GradientToggle\n            isLight={isLight}\n            onThemeChange={handleThemeChange}\n            sizes={sizes as (typeof themeSizeConfig)['md']['gradient']}\n          />\n        );\n        break;\n      case 'switch':\n        toggle = (\n          <ThemeSwitchToggle\n            isLight={isLight}\n            onThemeChange={handleThemeChange}\n            sizes={sizes as (typeof themeSizeConfig)['md']['switch']}\n          />\n        );\n        break;\n      case 'pill':\n        toggle = (\n          <PillToggle\n            isLight={isLight}\n            onThemeChange={handleThemeChange}\n            sizes={sizes as (typeof themeSizeConfig)['md']['pill']}\n          />\n        );\n        break;\n      case 'segmented':\n        toggle = (\n          <SegmentedToggle\n            isLight={isLight}\n            onThemeChange={handleThemeChange}\n            sizes={sizes as (typeof themeSizeConfig)['md']['segmented']}\n          />\n        );\n        break;\n    }\n\n    // Pick standard HTML attributes safe for div (aria-*, data-*, id)\n    const divProps = restProps as React.HTMLAttributes<HTMLDivElement>;\n\n    if (!label) {\n      return (\n        <div ref={ref} className={className} {...divProps}>\n          {toggle}\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'inline-flex',\n          orientation === 'vertical'\n            ? 'flex-col items-start gap-2'\n            : 'flex-row items-center gap-3',\n          className,\n        )}\n        {...divProps}\n      >\n        <span className=\"text-xs font-semibold text-[var(--muted-foreground)]\">\n          {label}\n        </span>\n        {toggle}\n      </div>\n    );\n  },\n);\n\nThemeVariantRenderer.displayName = 'ThemeVariantRenderer';\n\n// ============================================\n// Main Switch Component\n// ============================================\n\n/** Type guard: is the variant a color variant? */\nfunction isColorVariant(v: SwitchVariant): v is ColorVariant {\n  return !v.startsWith('theme-');\n}\n\nconst SwitchControl = React.forwardRef<HTMLButtonElement, SwitchControlProps>(\n  (\n    {\n      label,\n      description,\n      labelPosition = 'right',\n      orientation,\n      className,\n      id,\n      size = 'md',\n      variant = 'primary',\n      switchStyle = 'solid',\n      withIcon,\n      thumbIconOn,\n      thumbIconOff,\n      showOnOff,\n      onLabel,\n      offLabel,\n      checked: controlledChecked,\n      defaultChecked = false,\n      onCheckedChange,\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = React.useId();\n    const switchId = id || generatedId;\n\n    const [internalChecked, setInternalChecked] =\n      React.useState(defaultChecked);\n    const isControlled = controlledChecked !== undefined;\n    const checked = isControlled ? controlledChecked : internalChecked;\n\n    const handleCheckedChange = React.useCallback(\n      (newChecked: boolean) => {\n        if (!isControlled) {\n          setInternalChecked(newChecked);\n        }\n        onCheckedChange?.(newChecked);\n      },\n      [isControlled, onCheckedChange],\n    );\n\n    // Dispatch to theme variant renderer if applicable\n    if (!isColorVariant(variant)) {\n      return (\n        <ThemeVariantRenderer\n          ref={ref as React.Ref<HTMLDivElement>}\n          variant={variant}\n          size={size}\n          label={label}\n          orientation={orientation}\n          checked={controlledChecked}\n          onCheckedChange={onCheckedChange}\n          className={className}\n          {...props}\n        />\n      );\n    }\n\n    // --- Color variant rendering (unchanged) ---\n    const colorVariant: ColorVariant = variant;\n\n    // Use wider track when labels are present to prevent text cutoff\n    const hasLabels = showOnOff || !!onLabel || !!offLabel;\n    const activeSizeClasses = hasLabels ? sizeWithLabelClasses : sizeClasses;\n    const activeThumbTranslate = hasLabels\n      ? thumbTranslateWithLabelClasses\n      : thumbTranslateClasses;\n\n    // Build track classes based on style\n    const trackClasses =\n      switchStyle === 'solid'\n        ? cn(\n            'data-unchecked:bg-input dark:data-unchecked:bg-input/80 border-transparent',\n            solidVariantClasses[colorVariant],\n          )\n        : cn(\n            'data-unchecked:bg-transparent data-checked:bg-transparent border-input',\n            outlineVariantClasses[colorVariant],\n          );\n\n    // Build thumb classes based on style\n    const thumbClasses =\n      switchStyle === 'solid'\n        ? 'bg-background dark:data-unchecked:bg-foreground dark:data-checked:bg-background'\n        : cn(\n            'bg-input dark:bg-foreground',\n            outlineThumbVariantClasses[colorVariant],\n          );\n\n    // Thumb icon logic\n    const showThumbIcon = withIcon || thumbIconOn || thumbIconOff;\n    const checkedIcon = showThumbIcon\n      ? thumbIconOn || <Check className={iconSizeClasses[size]} />\n      : null;\n    const uncheckedIcon = showThumbIcon\n      ? thumbIconOff || <X className={iconSizeClasses[size]} />\n      : null;\n\n    const switchElement = (\n      <SwitchPrimitive.Root\n        ref={ref}\n        id={switchId}\n        data-slot=\"switch\"\n        data-size={size}\n        data-variant={colorVariant}\n        data-style={switchStyle}\n        className={cn(\n          // Base styles\n          'peer group/switch relative inline-flex items-center shrink-0 rounded-full border shadow-xs',\n          'transition-[colors,box-shadow,border-color] duration-200 ease-smooth motion-reduce:transition-none outline-none',\n          'after:absolute after:-inset-x-3 after:-inset-y-[13px]',\n          'data-disabled:cursor-not-allowed data-disabled:opacity-50',\n          // Hover: subtle track glow\n          'not-data-disabled:hover:shadow-[0_0_0_3px_var(--ring)/0.08] not-data-disabled:active:scale-[0.97]',\n          'motion-reduce:active:scale-100',\n          // Focus styles\n          'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',\n          // Invalid styles\n          'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 aria-invalid:ring-[3px]',\n          // Size classes (wider when labels are shown)\n          activeSizeClasses[size],\n          // Variant/style classes\n          trackClasses,\n          className,\n        )}\n        checked={checked}\n        onCheckedChange={handleCheckedChange}\n        {...props}\n      >\n        {hasLabels && (\n          <>\n            <span\n              aria-hidden=\"true\"\n              className={cn(\n                'absolute font-semibold transition-opacity duration-200 ease-smooth motion-reduce:transition-none',\n                labelFontSizes[size],\n                'start-1.5',\n                checked ? 'opacity-100' : 'opacity-0',\n                switchStyle === 'solid'\n                  ? 'text-primary-foreground'\n                  : 'text-current',\n              )}\n            >\n              {onLabel || 'ON'}\n            </span>\n            <span\n              aria-hidden=\"true\"\n              className={cn(\n                'absolute font-semibold transition-opacity duration-200 ease-smooth motion-reduce:transition-none',\n                labelFontSizes[size],\n                'end-1.5',\n                checked ? 'opacity-0' : 'opacity-100',\n                switchStyle === 'solid'\n                  ? 'text-muted-foreground'\n                  : 'text-current',\n              )}\n            >\n              {offLabel || 'OFF'}\n            </span>\n          </>\n        )}\n        <SwitchPrimitive.Thumb\n          data-slot=\"switch-thumb\"\n          className={cn(\n            'pointer-events-none block rounded-full ring-0',\n            'shadow-sm group-hover/switch:shadow-md group-active/switch:shadow-sm',\n            'transition-[transform,box-shadow,background-color] duration-200 motion-reduce:transition-none',\n            'ease-smooth',\n            'group-active/switch:scale-95',\n            'data-unchecked:translate-x-0',\n            // Size classes\n            thumbSizeClasses[size],\n            // Translation classes (wider when labels are shown)\n            activeThumbTranslate[size],\n            // Color classes based on style\n            thumbClasses,\n            // Flex for centering icons\n            showThumbIcon && 'flex items-center justify-center',\n          )}\n        >\n          {showThumbIcon && (\n            <span\n              aria-hidden=\"true\"\n              className={cn(\n                'flex items-center justify-center transition-colors duration-200 ease-smooth motion-reduce:transition-none',\n                // Icon colors based on style\n                switchStyle === 'solid'\n                  ? 'text-muted-foreground group-data-checked/switch:text-primary'\n                  : 'text-background group-data-checked/switch:text-primary-foreground',\n              )}\n            >\n              {checked ? checkedIcon : uncheckedIcon}\n            </span>\n          )}\n        </SwitchPrimitive.Thumb>\n      </SwitchPrimitive.Root>\n    );\n\n    if (!label) {\n      return switchElement;\n    }\n\n    return (\n      <div\n        className={cn(\n          'flex items-center gap-3',\n          labelPosition === 'left' && 'flex-row-reverse justify-end',\n        )}\n      >\n        {switchElement}\n        <div className=\"flex flex-col gap-0.5\">\n          <label\n            htmlFor={switchId}\n            className=\"text-sm font-medium leading-none cursor-pointer peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n          >\n            {label}\n          </label>\n          {description && (\n            <p className=\"text-sm text-muted-foreground\">{description}</p>\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n\nSwitchControl.displayName = 'SwitchControl';\n\n// =============================================================================\n// Switch — public API with smart field mode (inline layout)\n// =============================================================================\n\nconst Switch = React.forwardRef<HTMLButtonElement, SwitchProps>(\n  (props, ref) => {\n    // Extract field-specific props (error, tooltip, required, labelIcon, fieldClassName)\n    // label and description are shared — we handle them manually\n    const {\n      label,\n      description,\n      error,\n      tooltip,\n      required,\n      labelIcon,\n      fieldClassName,\n      ...controlProps\n    } = props;\n\n    const isFieldMode = !!(error || tooltip || required || labelIcon);\n\n    if (!isFieldMode) {\n      // Bare mode: pass label/description to control for inline rendering\n      return (\n        <SwitchControl\n          ref={ref}\n          label={label}\n          description={description as string}\n          {...controlProps}\n        />\n      );\n    }\n\n    // Field mode: label goes to FieldLabel, switch renders bare\n    return (\n      <Field\n        layout=\"inline\"\n        state={error ? 'destructive' : undefined}\n        disabled={controlProps.disabled}\n        className={fieldClassName}\n      >\n        <SwitchControl ref={ref} {...controlProps} />\n        {label && (\n          <FieldLabel required={required} labelIcon={labelIcon}>\n            {label}\n            {tooltip && <FieldTooltip content={tooltip} />}\n          </FieldLabel>\n        )}\n        {(error || description) && (\n          <FieldBottom>\n            {error && <FieldError>{error}</FieldError>}\n            {!error && description && (\n              <FieldDescription>{description}</FieldDescription>\n            )}\n          </FieldBottom>\n        )}\n      </Field>\n    );\n  },\n);\nSwitch.displayName = 'Switch';\n\nexport { Switch };\n"],"x_google_ignoreList":[0,1,2,3,4,5,6],"mappings":";;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,KAAa,CACjB,CACE,QACA;AAAA,EACE,GAAG;AAAA,EACH,KAAK;AACP,CACF,CACF,GACM,IAAO,GAAiB,QAAQA,EAAU,GCT1C,KAAa;AAAA,EACjB,CAAC,UAAU;AAAA,IAAE,IAAI;AAAA,IAAM,IAAI;AAAA,IAAM,GAAG;AAAA,IAAK,KAAK;AAAA,EAAS,CAAC;AAAA,EACxD,CAAC,QAAQ;AAAA,IAAE,GAAG;AAAA,IAAW,KAAK;AAAA,EAAS,CAAC;AAAA,EACxC,CAAC,QAAQ;AAAA,IAAE,GAAG;AAAA,IAAY,KAAK;AAAA,EAAS,CAAC;AAAA,EACzC,CAAC,QAAQ;AAAA,IAAE,GAAG;AAAA,IAAwB,KAAK;AAAA,EAAS,CAAC;AAAA,EACrD,CAAC,QAAQ;AAAA,IAAE,GAAG;AAAA,IAA0B,KAAK;AAAA,EAAS,CAAC;AAAA,EACvD,CAAC,QAAQ;AAAA,IAAE,GAAG;AAAA,IAAW,KAAK;AAAA,EAAS,CAAC;AAAA,EACxC,CAAC,QAAQ;AAAA,IAAE,GAAG;AAAA,IAAY,KAAK;AAAA,EAAS,CAAC;AAAA,EACzC,CAAC,QAAQ;AAAA,IAAE,GAAG;AAAA,IAAyB,KAAK;AAAA,EAAS,CAAC;AAAA,EACtD,CAAC,QAAQ;AAAA,IAAE,GAAG;AAAA,IAAyB,KAAK;AAAA,EAAS,CAAC;AACxD,GACM,IAAM,GAAiB,OAAO,EAAU,GChBjC,KAAiC,gBAAA,EAAM,cAAc,MAAS;AAE3E,SAAgB,KAAuB;AACrC,QAAM,IAAUC,EAAM,WAAW,EAAiB;AAClD,MAAI,MAAY,OACd,OAAM,IAAI,MAA2IC,GAAoB,EAAE,CAAC;AAE9K,SAAO;AACT;ACZA,IAAW,KAAwC,0BAAU,GAA0B;AAIrF,SAAA,EAAyB,UAAa,gBAItC,EAAyB,YAAe,kBAIxC,EAAyB,WAAc,iBAIvC,EAAyB,WAAc,iBAIvC,EAAyB,WAAc,iBAIvC,EAAyB,QAAW,cAIpC,EAAyB,UAAa,gBAItC,EAAyB,UAAa,gBAItC,EAAyB,QAAW,cAIpC,EAAyB,SAAY,eAIrC,EAAyB,UAAa,gBAC/B;AACT,GAAE,CAAC,CAAC,GC5CS,KAAyB;AAAA,EACpC,GAAG;AAAA,EACH,QAAQ,GAAO;AACb,WAAI,IACK,EAAA,CACJ,GAAyB,OAAA,GAAU,GACtC,IAEK,EAAA,CACJ,GAAyB,SAAA,GAAY,GACxC;AAAA,EACF;AACF,GCkBa,KAA0B,gBAAA,EAAM,WAAW,SAAoB,GAAgB,GAAc;AACxG,QAAM,EACJ,SAAS,GACT,WAAA,GACA,gBAAA,GACA,mBAAmB,GACnB,MAAA,GACA,IAAI,GACJ,UAAU,GACV,MAAM,GACN,cAAA,IAAe,IACf,iBAAA,GACA,UAAA,IAAW,IACX,UAAA,IAAW,IACX,UAAU,IAAe,IACzB,QAAA,GACA,gBAAA,GACA,OAAA,GACA,OAAA,GACA,GAAG,EAAA,IACD,GACE,EACJ,aAAA,EAAA,IACE,GAAe,GACb,EACJ,OAAO,GACP,YAAA,GACA,UAAA,GACA,cAAA,GACA,WAAA,GACA,YAAA,GACA,gBAAA,GACA,UAAU,GACV,MAAM,GACN,YAAA,EAAA,IACE,GAAoB,GAClB,EACJ,SAAA,EAAA,IACE,GAAoB,GAClB,IAAW,KAAiB,GAC5B,IAAO,KAAa,GACpB,IAAWC,EAAM,OAAO,IAAI,GAC5B,IAAiB,GAAc,GAAU,GAAkB,EAAW,QAAQ,GAC9E,IAAYA,EAAM,OAAO,IAAI,GAC7B,IAAK,GAAY,GACjB,IAAY,GAAe;AAAA,IAC/B,IAAI;AAAA,IACJ,UAAU;AAAA,IACV,YAAY;AAAA,EACd,CAAC,GACK,IAAgB,IAAe,SAAY,GAC3C,CAAC,GAAS,EAAA,IAAmB,GAAc;AAAA,IAC/C,YAAY;AAAA,IACZ,SAAS,EAAQ;AAAA,IACjB,MAAM;AAAA,IACN,OAAO;AAAA,EACT,CAAC;AACD,EAAA,GAAwB,GAAW,GAAI,GAAS,QAAW,CAAC,GAAU,CAAQ,GAC9E,GAAA,MAAyB;AACvB,IAAI,EAAS,WACX,EAAU,EAAS,QAAQ,OAAO;AAAA,EAEtC,GAAG,CAAC,GAAU,CAAS,CAAC,GACxB,GAAgB,GAAA,MAAe;AAC7B,IAAA,EAAY,CAAI,GAChB,EAAS,MAAY,EAAa,YAAY,GAC9C,EAAU,CAAO,GACjB,EAAW,OAAO,CAAO;AAAA,EAC3B,CAAC;AACD,QAAM,EACJ,gBAAA,IACA,WAAA,GAAA,IACE,GAAU;AAAA,IACZ,UAAA;AAAA,IACA,QAAQ;AAAA,EACV,CAAC,GACK,KAAiB,GAAkB,GAAoB,GAAS,GAAU,CAAC,GAAc,CAAa,GACtG,KAAY;AAAA,IAChB,IAAI,IAAe,IAAY;AAAA,IAC/B,MAAM;AAAA,IACN,gBAAgB;AAAA,IAChB,iBAAiB,KAAY;AAAA,IAC7B,iBAAiB,KAAY;AAAA,IAC7B,mBAAmB;AAAA,IACnB,UAAU;AACR,MAAK,KACH,EAAW,EAAI;AAAA,IAEnB;AAAA,IACA,SAAS;AACP,YAAM,IAAU,EAAS;AACzB,MAAI,CAAC,KAAW,MAGhB,EAAW,EAAI,GACf,EAAW,EAAK,GACZ,MAAmB,YACrB,EAAW,OAAO,EAAQ,OAAO;AAAA,IAErC;AAAA,IACA,QAAQ,GAAO;AACb,UAAI,KAAY,EACd;AAEF,MAAA,EAAM,eAAe;AACrB,YAAM,IAAQ,EAAS;AACvB,MAAK,KAGL,EAAM,cAAc,KAAKC,GAAY,CAAK,GAAE,aAAc,SAAS;AAAA,QACjE,SAAS;AAAA,QACT,UAAU,EAAM;AAAA,QAChB,SAAS,EAAM;AAAA,QACf,QAAQ,EAAM;AAAA,QACd,SAAS,EAAM;AAAA,MACjB,CAAC,CAAC;AAAA,IACJ;AAAA,EACF,GACM,KAAa,GAAW;AAAA,IAC5B,SAAA;AAAA,IACA,UAAA;AAAA,IACA,MAAA;AAAA,IACA,IAAI;AAAA,IACJ,MAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAO,IAAO,KAAsB;AAAA,IACpC,UAAU;AAAA,IACV,MAAM;AAAA,IACN,eAAe;AAAA,IACf,KAAK;AAAA,IACL,SAAS,GAAO;AAEd,UAAI,EAAM,YAAY,iBACpB;AAEF,UAAI,GAAU;AACZ,QAAA,EAAM,eAAe;AACrB;AAAA,MACF;AACA,YAAM,IAAc,EAAM,cAAc,SAClC,KAAe,GAAyBC,IAAc,EAAM,WAAW;AAE7E,MADA,IAAkB,GAAa,EAAY,GACvC,CAAA,GAAa,cAGjB,GAAgB,CAAW;AAAA,IAC7B;AAAA,IACA,UAAU;AACR,MAAA,EAAU,SAAS,MAAM;AAAA,IAC3B;AAAA,EACF,GAAA,CAAG,MAAS,EAAW,mBAAmB,GAAU,CAAK,GAGzD,MAAU,SAAY,EACpB,OAAA,EACF,IAAI,EAAY,GACV,IAAQF,EAAM,QAAA,OAAe;AAAA,IACjC,GAAG;AAAA,IACH,SAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,EACF,IAAI;AAAA,IAAC;AAAA,IAAY;AAAA,IAAS;AAAA,IAAU;AAAA,IAAU;AAAA,EAAQ,CAAC,GACjD,KAAU,GAAiB,QAAQ,GAAgB;AAAA,IACvD,OAAA;AAAA,IACA,KAAK;AAAA,MAAC;AAAA,MAAc;AAAA,MAAW;AAAA,IAAS;AAAA,IACxC,OAAO;AAAA,MAAC;AAAA,MAAW;AAAA,MAAc;AAAA,OAAgB,MAAS,EAAW,mBAAmB,GAAU,CAAK;AAAA,IAAC;AAAA,IACxG,wBAAA;AAAA,EACF,CAAC;AACD,SAAoB,gBAAA,EAAM,GAAkB,UAAU;AAAA,IACpD,OAAO;AAAA,IACP,UAAU;AAAA,MAAC;AAAA,MAAS,CAAC,KAAW,KAAQ,MAAmB,UAA0B,gBAAA,EAAK,SAAS;AAAA,QACjG,MAAM;AAAA,QACA,MAAA;AAAA,QACA,MAAA;AAAA,QACN,OAAO;AAAA,QACG,UAAA;AAAA,MACZ,CAAC;AAAA,MAAgB,gBAAA,EAAK,SAAS;AAAA,QAC7B,GAAG;AAAA,QACH,0BAA0B;AAAA,MAC5B,CAAC;AAAA,IAAC;AAAA,EACJ,CAAC;AACH,CAAC,GCzMY,KAA2B,gBAAA,EAAM,WAAW,SAAqB,GAAgB,GAAc;AAC1G,QAAM,EACJ,QAAA,GACA,WAAA,GACA,OAAA,GACA,GAAG,EAAA,IACD;AAEJ,SAAO,GAAiB,QAAQ,GAAgB;AAAA,IAC9C,OAFY,GAER;AAAA,IACJ,KAAK;AAAA,IACL,wBAAA;AAAA,IACA,OAAO;AAAA,EACT,CAAC;AACH,CAAC,GCiBK,KAAe,GAAwC,IAAI;AAgMjE,SAAgB,KAA6C;AAC3D,SAAO,GAAW,EAAY;AAChC;AChJA,IAAM,KAAkB;AAAA,EACtB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAGM,KAAc;AAAA,EAClB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAGM,KAAmB;AAAA,EACvB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAGM,KAAwB;AAAA,EAC5B,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAGM,KAAuB;AAAA,EAC3B,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAGM,KAAiC;AAAA,EACrC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAGM,KAAiB;AAAA,EACrB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAGM,KAAoD;AAAA,EACxD,SAAS;AAAA,EACT,WAAW;AAAA,EACX,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,aAAa;AACf,GAGM,KAAsD;AAAA,EAC1D,SAAS;AAAA,EACT,WAAW;AAAA,EACX,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,aAAa;AACf,GAGM,KAA2D;AAAA,EAC/D,SAAS;AAAA,EACT,WAAW;AAAA,EACX,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,aAAa;AACf,GAMM,KAAkB;AAAA,EACtB,IAAI;AAAA,IACF,UAAU;AAAA,MACR,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,eAAe;AAAA,MACf,gBAAgB;AAAA,IAClB;AAAA,IACA,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,MACX,MAAM;AAAA,MACN,KAAK;AAAA,MACL,eAAe;AAAA,MACf,gBAAgB;AAAA,IAClB;AAAA,IACA,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,MACT,eAAe;AAAA,MACf,gBAAgB;AAAA,IAClB;AAAA,IACA,WAAW;AAAA,MACT,QAAQ;AAAA,MACR,eAAe;AAAA,MACf,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,KAAK;AAAA,MACL,eAAe;AAAA,MACf,gBAAgB;AAAA,IAClB;AAAA,EACF;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,MACR,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,eAAe;AAAA,MACf,gBAAgB;AAAA,IAClB;AAAA,IACA,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,MACX,MAAM;AAAA,MACN,KAAK;AAAA,MACL,eAAe;AAAA,MACf,gBAAgB;AAAA,IAClB;AAAA,IACA,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,MACT,eAAe;AAAA,MACf,gBAAgB;AAAA,IAClB;AAAA,IACA,WAAW;AAAA,MACT,QAAQ;AAAA,MACR,eAAe;AAAA,MACf,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,KAAK;AAAA,MACL,eAAe;AAAA,MACf,gBAAgB;AAAA,IAClB;AAAA,EACF;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,MACR,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,eAAe;AAAA,MACf,gBAAgB;AAAA,IAClB;AAAA,IACA,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,MACX,MAAM;AAAA,MACN,KAAK;AAAA,MACL,eAAe;AAAA,MACf,gBAAgB;AAAA,IAClB;AAAA,IACA,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,MACT,eAAe;AAAA,MACf,gBAAgB;AAAA,IAClB;AAAA,IACA,WAAW;AAAA,MACT,QAAQ;AAAA,MACR,eAAe;AAAA,MACf,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,KAAK;AAAA,MACL,eAAe;AAAA,MACf,gBAAgB;AAAA,IAClB;AAAA,EACF;AACF,GAGM,KACJ,8FACI,KACJ,2FAGI,IACJ,uGACI,IACJ;AAMF,SAAS,GAAe,EACtB,SAAA,GACA,eAAA,GACA,OAAA,EAAA,GAKC;AACD,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EACT,0EACA,EAAM,OACN,EAAM,QACN,EAAM,SACN,CACF;AAAA,IACA,OAAO,EACL,YAAY,IAAU,KAAiB,GACzC;AAAA,IACA,MAAK;AAAA,IACL,cAAW;AAAA,cAbb;AAAA,MAgBE,gBAAA,EAAC,OAAD;AAAA,QACE,WAAW,EACT,gIACA,EAAM,WACN,GACA,IAAU,aAAa,WACzB;AAAA,kBAEC,IACC,gBAAA,EAAC,GAAD,EAAK,WAAW,EAAG,EAAM,MAAM,cAAc,EAAI,CAAA,IAEjD,gBAAA,EAAC,GAAD,EAAM,WAAW,EAAG,EAAM,MAAM,WAAW,EAAI,CAAA;AAAA,MAE9C,CAAA;AAAA,MAGL,gBAAA,EAAC,UAAD;AAAA,QACE,MAAK;AAAA,QACL,MAAK;AAAA,QACL,gBAAc;AAAA,QACd,cAAW;AAAA,QACX,SAAA,MAAe,EAAc,OAAO;AAAA,QACpC,WAAW,EAAG,mCAAmC,CAAqB;AAAA,MACvE,CAAA;AAAA,MACD,gBAAA,EAAC,UAAD;AAAA,QACE,MAAK;AAAA,QACL,MAAK;AAAA,QACL,gBAAc,CAAC;AAAA,QACf,cAAW;AAAA,QACX,SAAA,MAAe,EAAc,MAAM;AAAA,QACnC,WAAW,EAAG,mCAAmC,CAAqB;AAAA,MACvE,CAAA;AAAA,MAGD,gBAAA,EAAC,QAAD;AAAA,QACE,WAAW,EACT,0EACA,EAAM,MACN,GACA,IAAU,wBAAwB,mBACpC;AAAA,kBACD;AAAA,MAEK,CAAA;AAAA,MACN,gBAAA,EAAC,QAAD;AAAA,QACE,WAAW,EACT,0EACA,EAAM,MACN,GACC,IAAiC,qBAAvB,oBACb;AAAA,kBACD;AAAA,MAEK,CAAA;AAAA,IACH;AAAA;AAET;AAEA,SAAS,GAAkB,EACzB,SAAA,GACA,eAAA,GACA,OAAA,EAAA,GAKC;AACD,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,WAAW,EAAG,qBAAqB,EAAM,GAAG;AAAA,IAC5C,MAAK;AAAA,IACL,cAAW;AAAA,IACX,aAAU;AAAA,cAJZ,CAME,gBAAA,EAAC,UAAD;AAAA,MACE,MAAK;AAAA,MACL,MAAK;AAAA,MACL,gBAAc;AAAA,MACd,cAAY,aAAa,IAAU,SAAS,OAAA;AAAA,MAC5C,SAAA,MAAe,EAAc,IAAU,SAAS,OAAO;AAAA,MACvD,WAAW,EACT,qHACA,EAAM,OACN,GACA,GACA,IAAU,aAAa,YACzB;AAAA,gBAEA,gBAAA,EAAC,OAAD,EACE,WAAW,EACT,kGACA,EAAM,WACN,GACA,IAAU,YAAY,iBACtB,IAAU,aAAa,WACzB,EACD,CAAA;AAAA,IACK,CAAA,GACR,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAW,EAAG,EAAM,MAAM,gCAAgC;AAAA,gBAC5D,IACC,gBAAA,EAAC,GAAD,EAAM,WAAU,YAAa,CAAA,IAE7B,gBAAA,EAAC,GAAD,EAAK,WAAU,YAAa,CAAA;AAAA,IAE3B,CAAA,CACF;AAAA;AAET;AAEA,SAAS,GAAW,EAClB,SAAA,GACA,eAAA,GACA,OAAA,EAAA,GAKC;AACD,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,WAAW,EACT,oEACA,EAAM,OACN,EAAM,QACN,EAAM,OACR;AAAA,IACA,MAAK;AAAA,IACL,cAAW;AAAA,IACX,aAAU;AAAA,cATZ;AAAA,MAYE,gBAAA,EAAC,UAAD;AAAA,QACE,MAAK;AAAA,QACL,MAAK;AAAA,QACL,gBAAc,CAAC;AAAA,QACf,cAAW;AAAA,QACX,UAAW,IAAe,IAAL;AAAA,QACrB,eAAc,IAAiB,SAAP;AAAA,QACxB,SAAA,MAAe,EAAc,MAAM;AAAA,QACnC,WAAW,EACT,yEACA,EAAM,WACN,GACA,GACA,IAAU,eAAe,WAC3B;AAAA,kBAEA,gBAAA,EAAC,GAAD,EAAM,WAAW,EAAG,EAAM,MAAM,0BAA0B,EAAI,CAAA;AAAA,MACxD,CAAA;AAAA,MAGR,gBAAA,EAAC,UAAD;AAAA,QACE,MAAK;AAAA,QACL,MAAK;AAAA,QACL,gBAAc;AAAA,QACd,cAAW;AAAA,QACX,UAAU,IAAU,KAAK;AAAA,QACzB,eAAa,IAAU,KAAO;AAAA,QAC9B,SAAA,MAAe,EAAc,OAAO;AAAA,QACpC,WAAW,EACT,yEACA,EAAM,WACN,GACA,GACC,IAAyB,cAAf,YACb;AAAA,kBAEA,gBAAA,EAAC,GAAD,EAAK,WAAW,EAAG,EAAM,MAAM,0BAA0B,EAAI,CAAA;AAAA,MACvD,CAAA;AAAA,MAGR,gBAAA,EAAC,OAAD;AAAA,QACE,WAAW,EACT,oJACA,EAAM,WACN,GACA,IAAU,cAAc,UAC1B;AAAA,kBAEC,IACC,gBAAA,EAAC,GAAD,EAAK,WAAW,EAAG,EAAM,MAAM,cAAc,EAAI,CAAA,IAEjD,gBAAA,EAAC,GAAD,EAAM,WAAW,EAAG,EAAM,MAAM,WAAW,EAAI,CAAA;AAAA,MAE9C,CAAA;AAAA,IACF;AAAA;AAET;AAEA,SAAS,GAAgB,EACvB,SAAA,GACA,eAAA,GACA,OAAA,EAAA,GAKC;AACD,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,WAAW,EACT,6CACA,EAAM,QACN,EAAM,SACN,EAAM,GACR;AAAA,IACA,MAAK;AAAA,IACL,cAAW;AAAA,IACX,aAAU;AAAA,cATZ,CAYE,gBAAA,EAAC,UAAD;AAAA,MACE,MAAK;AAAA,MACL,MAAK;AAAA,MACL,gBAAc;AAAA,MACd,cAAW;AAAA,MACX,SAAA,MAAe,EAAc,OAAO;AAAA,MACpC,WAAW,EACT,wFACA,EAAM,eACN,EAAM,MACN,GACA,GACA,IACI,sCACA,0EACN;AAAA,gBAfF,CAiBE,gBAAA,EAAC,GAAD,EAAK,WAAW,EAAM,KAAO,CAAA,GAC7B,gBAAA,EAAC,QAAD,EAAA,UAAM,QAAW,CAAA,CACX;AAAA,QAGR,gBAAA,EAAC,UAAD;AAAA,MACE,MAAK;AAAA,MACL,MAAK;AAAA,MACL,gBAAc,CAAC;AAAA,MACf,cAAW;AAAA,MACX,SAAA,MAAe,EAAc,MAAM;AAAA,MACnC,WAAW,EACT,wFACA,EAAM,eACN,EAAM,MACN,GACA,GACC,IAEG,6EADA,gEAEN;AAAA,gBAfF,CAiBE,gBAAA,EAAC,GAAD,EAAM,WAAW,EAAM,KAAO,CAAA,GAC9B,gBAAA,EAAC,QAAD,EAAA,UAAM,OAAU,CAAA,CACV;AAAA,MACL;AAAA;AAET;AAMA,IAAM,KAGF;AAAA,EACF,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,mBAAmB;AACrB,GAEM,KAAuB,EAAM,WAAA,CAK/B,EACE,SAAA,GACA,MAAA,IAAO,MACP,OAAA,GACA,aAAA,IAAc,YACd,SAAS,GACT,iBAAA,GACA,WAAW,GACX,aAAa,GACb,eAAe,GACf,aAAa,GACb,UAAU,GACV,aAAa,GACb,cAAc,GACd,WAAW,GACX,SAAS,GACT,UAAU,GACV,gBAAgB,GAChB,GAAG,EAAA,GAEL,MACG;AAEH,QAAM,IACJ,OAAO,KAAkB,aAAa,SAAY,GAC9C,CAAC,GAAS,CAAA,IAAc,GAAS,EAAK;AAE5C,EAAA,GAAA,MAAgB;AACd,IAAA,EAAW,EAAI;AAAA,EACjB,GAAG,CAAC,CAAC;AAEL,QAAM,IAAe,GAAiB,GAChC,IAAe,GAAc,OAC7B,IAAkB,GAAc,UAGhC,IAAe,MAAsB,QACrC,IAAgC,IAClC,IACE,SACA,UACA,KAAgB,SAEhB,IAAoB,EAAM,YAAA,CAC7B,MAA+B;AAE9B,IAAI,IACF,IAFiB,MAAa,MAEF,IACnB,KACT,EAAgB,CAAQ;AAAA,EAE5B,GACA;AAAA,IAAC;AAAA,IAAc;AAAA,IAAiB;AAAA,EAAe,CACjD,GAEM,IAAM,GAAmB,CAAA,GAEzB,IAAQ,GAAgB,CAAA,EAAM,CAAA;AAGpC,MAAI,CAAC,KAAW,CAAC,EACf,QACE,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAW,EAAG,eAAe,CAAS;AAAA,cACzC,gBAAA,EAAC,OAAD;AAAA,MACE,WAAW,EACT,oDACA,EAAM,eACN,EAAM,cACR;AAAA,MACA,MAAK;AAAA,MACL,cAAY,OAAO,KAAU,WAAW,IAAQ;AAAA,IACjD,CAAA;AAAA,EACE,CAAA;AAIT,QAAM,IAAU,MAAgB;AAEhC,MAAI;AACJ,UAAQ,GAAR;AAAA,IACE,KAAK;AACH,MAAA,IACE,gBAAA,EAAC,IAAD;AAAA,QACW,SAAA;AAAA,QACT,eAAe;AAAA,QACR,OAAA;AAAA,MACR,CAAA;AAEH;AAAA,IACF,KAAK;AACH,MAAA,IACE,gBAAA,EAAC,IAAD;AAAA,QACW,SAAA;AAAA,QACT,eAAe;AAAA,QACR,OAAA;AAAA,MACR,CAAA;AAEH;AAAA,IACF,KAAK;AACH,MAAA,IACE,gBAAA,EAAC,IAAD;AAAA,QACW,SAAA;AAAA,QACT,eAAe;AAAA,QACR,OAAA;AAAA,MACR,CAAA;AAEH;AAAA,IACF,KAAK;AACH,MAAA,IACE,gBAAA,EAAC,IAAD;AAAA,QACW,SAAA;AAAA,QACT,eAAe;AAAA,QACR,OAAA;AAAA,MACR,CAAA;AAEH;AAAA,EACJ;AAGA,QAAM,IAAW;AAEjB,SAAK,IASH,gBAAA,EAAC,OAAD;AAAA,IACO,KAAA;AAAA,IACL,WAAW,EACT,eACA,MAAgB,aACZ,+BACA,+BACJ,CACF;AAAA,IACA,GAAI;AAAA,cATN,CAWE,gBAAA,EAAC,QAAD;AAAA,MAAM,WAAU;AAAA,gBACb;AAAA,IACG,CAAA,GACL,CACE;AAAA,OAtBH,gBAAA,EAAC,OAAD;AAAA,IAAU,KAAA;AAAA,IAAgB,WAAA;AAAA,IAAW,GAAI;AAAA,cACtC;AAAA,EACE,CAAA;AAsBX,CACF;AAEA,GAAqB,cAAc;AAOnC,SAAS,GAAe,GAAqC;AAC3D,SAAO,CAAC,EAAE,WAAW,QAAQ;AAC/B;AAEA,IAAM,IAAgB,EAAM,WAAA,CAExB,EACE,OAAA,GACA,aAAA,GACA,eAAA,IAAgB,SAChB,aAAA,GACA,WAAA,GACA,IAAA,GACA,MAAA,IAAO,MACP,SAAA,IAAU,WACV,aAAA,IAAc,SACd,UAAA,GACA,aAAA,GACA,cAAA,GACA,WAAA,GACA,SAAA,GACA,UAAA,GACA,SAAS,GACT,gBAAA,IAAiB,IACjB,iBAAA,GACA,GAAG,EAAA,GAEL,MACG;AACH,QAAM,IAAc,EAAM,MAAM,GAC1B,IAAW,KAAM,GAEjB,CAAC,GAAiB,CAAA,IACtB,EAAM,SAAS,CAAc,GACzB,IAAe,MAAsB,QACrC,IAAU,IAAe,IAAoB,GAE7C,IAAsB,EAAM,YAAA,CAC/B,MAAwB;AACvB,IAAK,KACH,EAAmB,CAAU,GAE/B,IAAkB,CAAU;AAAA,EAC9B,GACA,CAAC,GAAc,CAAe,CAChC;AAGA,MAAI,CAAC,GAAe,CAAO,EACzB,QACE,gBAAA,EAAC,IAAD;AAAA,IACO,KAAA;AAAA,IACI,SAAA;AAAA,IACH,MAAA;AAAA,IACC,OAAA;AAAA,IACM,aAAA;AAAA,IACb,SAAS;AAAA,IACQ,iBAAA;AAAA,IACN,WAAA;AAAA,IACX,GAAI;AAAA,EACL,CAAA;AAKL,QAAM,IAA6B,GAG7B,IAAY,KAAa,CAAC,CAAC,KAAW,CAAC,CAAC,GACxC,IAAoB,IAAY,KAAuB,IACvD,IAAuB,IACzB,KACA,IAGE,IACJ,MAAgB,UACZ,EACE,8EACA,GAAoB,CAAA,CACtB,IACA,EACE,0EACA,GAAsB,CAAA,CACxB,GAGA,IACJ,MAAgB,UACZ,oFACA,EACE,+BACA,GAA2B,CAAA,CAC7B,GAGA,IAAgB,KAAY,KAAe,GAC3C,IAAc,IAChB,KAAe,gBAAA,EAAC,IAAD,EAAO,WAAW,GAAgB,CAAA,EAAQ,CAAA,IACzD,MACE,IAAgB,IAClB,KAAgB,gBAAA,EAAC,IAAD,EAAG,WAAW,GAAgB,CAAA,EAAQ,CAAA,IACtD,MAEE,IACJ,gBAAA,EAAC,IAAD;AAAA,IACO,KAAA;AAAA,IACL,IAAI;AAAA,IACJ,aAAU;AAAA,IACV,aAAW;AAAA,IACX,gBAAc;AAAA,IACd,cAAY;AAAA,IACZ,WAAW,EAET,8FACA,mHACA,yDACA,6DAEA,qGACA,kCAEA,iFAEA,0KAEA,EAAkB,CAAA,GAElB,GACA,CACF;AAAA,IACS,SAAA;AAAA,IACT,iBAAiB;AAAA,IACjB,GAAI;AAAA,cA5BN,CA8BG,KACC,gBAAA,EAAA,IAAA,EAAA,UAAA,CACE,gBAAA,EAAC,QAAD;AAAA,MACE,eAAY;AAAA,MACZ,WAAW,EACT,oGACA,GAAe,CAAA,GACf,aACA,IAAU,gBAAgB,aAC1B,MAAgB,UACZ,4BACA,cACN;AAAA,gBAEC,KAAW;AAAA,IACR,CAAA,GACN,gBAAA,EAAC,QAAD;AAAA,MACE,eAAY;AAAA,MACZ,WAAW,EACT,oGACA,GAAe,CAAA,GACf,WACA,IAAU,cAAc,eACxB,MAAgB,UACZ,0BACA,cACN;AAAA,gBAEC,KAAY;AAAA,IACT,CAAA,CACN,EAAA,CAAA,GAEJ,gBAAA,EAAC,IAAD;AAAA,MACE,aAAU;AAAA,MACV,WAAW,EACT,iDACA,wEACA,iGACA,eACA,gCACA,gCAEA,GAAiB,CAAA,GAEjB,EAAqB,CAAA,GAErB,GAEA,KAAiB,kCACnB;AAAA,gBAEC,KACC,gBAAA,EAAC,QAAD;AAAA,QACE,eAAY;AAAA,QACZ,WAAW,EACT,6GAEA,MAAgB,UACZ,iEACA,mEACN;AAAA,kBAEC,IAAU,IAAc;AAAA,MACrB,CAAA;AAAA,IAEa,CAAA,CACH;AAAA;AAGxB,SAAK,IAKH,gBAAA,EAAC,OAAD;AAAA,IACE,WAAW,EACT,2BACA,MAAkB,UAAU,8BAC9B;AAAA,cAJF,CAMG,GACD,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAU;AAAA,gBAAf,CACE,gBAAA,EAAC,SAAD;AAAA,QACE,SAAS;AAAA,QACT,WAAU;AAAA,kBAET;AAAA,MACI,CAAA,GACN,KACC,gBAAA,EAAC,KAAD;AAAA,QAAG,WAAU;AAAA,kBAAiC;AAAA,MAAe,CAAA,CAE5D;AAAA,MACF;AAAA,OAtBE;AAwBX,CACF;AAEA,EAAc,cAAc;AAM5B,IAAM,KAAS,EAAM,WAAA,CAClB,GAAO,MAAQ;AAGd,QAAM,EACJ,OAAA,GACA,aAAA,GACA,OAAA,GACA,SAAA,GACA,UAAA,GACA,WAAA,GACA,gBAAA,GACA,GAAG,EAAA,IACD;AAIJ,SAFuB,KAAS,KAAW,KAAY,IAgBrD,gBAAA,EAAC,IAAD;AAAA,IACE,QAAO;AAAA,IACP,OAAO,IAAQ,gBAAgB;AAAA,IAC/B,UAAU,EAAa;AAAA,IACvB,WAAW;AAAA,cAJb;AAAA,MAME,gBAAA,EAAC,GAAD;AAAA,QAAoB,KAAA;AAAA,QAAK,GAAI;AAAA,MAAe,CAAA;AAAA,MAC3C,KACC,gBAAA,EAAC,IAAD;AAAA,QAAsB,UAAA;AAAA,QAAqB,WAAA;AAAA,kBAA3C,CACG,GACA,KAAW,gBAAA,EAAC,IAAD,EAAc,SAAS,EAAU,CAAA,CACnC;AAAA;OAEZ,KAAS,MACT,gBAAA,EAAC,IAAD,EAAA,UAAA,CACG,KAAS,gBAAA,EAAC,IAAD,EAAA,UAAa,EAAkB,CAAA,GACxC,CAAC,KAAS,KACT,gBAAA,EAAC,IAAD,EAAA,UAAmB,EAA8B,CAAA,CAExC,EAAA,CAAA;AAAA,IAEV;AAAA,OAhCL,gBAAA,EAAC,GAAD;AAAA,IACO,KAAA;AAAA,IACE,OAAA;AAAA,IACM,aAAA;AAAA,IACb,GAAI;AAAA,EACL,CAAA;AA6BP,CACF;AACA,GAAO,cAAc"}

package/dist/wc-react/Tabs.js

@@ -1,8 +1,8 @@
 import { f as D } from "./_shared.js";
-import { s as Ht, t as Z, u as mt } from "./useRenderElement.js";
+import { s as At, t as Z, u as mt } from "./useRenderElement.js";
 import { r as Y, t as F } from "./useStableCallback.js";
 import { E as dt } from "./composite.js";
-import { f as At, t as Bt } from "./floating-ui.utils.dom.js";
+import { f as kt, t as Bt } from "./floating-ui.utils.dom.js";
 import { n as Wt, t as Ot } from "./shadowDom.js";
 import { _ as ut, a as _t, t as et, u as ct, v as bt } from "./createBaseUIEventDetails.js";
 import { t as ft } from "./owner.js";
@@ -31,7 +31,7 @@ function ea() {
 function gt(t) {
   const a = Bt(t);
   let r = parseFloat(a.width) || 0, d = parseFloat(a.height) || 0;
-  const i = At(t), u = i ? t.offsetWidth : r, o = i ? t.offsetHeight : d;
+  const i = kt(t), u = i ? t.offsetWidth : r, o = i ? t.offsetHeight : d;
   return (dt(r) !== u || dt(d) !== o) && (r = u, d = o), {
     width: r,
     height: d
@@ -46,7 +46,7 @@ function tt() {
 var ia = /* @__PURE__ */ (function(t) {
   return t.activationDirection = "data-activation-direction", t.orientation = "data-orientation", t;
 })({}), G = { tabActivationDirection: (t) => ({ [ia.activationDirection]: t }) }, yt = /* @__PURE__ */ e.forwardRef(function(a, r) {
-  const { className: d, defaultValue: i = 0, onValueChange: u, orientation: o = "horizontal", render: f, value: N, style: P, ...T } = a, B = a.defaultValue !== void 0, k = e.useRef([]), [p, L] = e.useState(() => /* @__PURE__ */ new Map()), [n, y] = Ut({
+  const { className: d, defaultValue: i = 0, onValueChange: u, orientation: o = "horizontal", render: f, value: N, style: P, ...T } = a, B = a.defaultValue !== void 0, H = e.useRef([]), [p, L] = e.useState(() => /* @__PURE__ */ new Map()), [n, y] = Ut({
     controlled: N,
     default: i,
     name: "Tabs",
@@ -74,7 +74,7 @@ var ia = /* @__PURE__ */ (function(t) {
   ]);
   const K = F((l, b) => {
     b.activationDirection = vt(n, l, o, s), u?.(l, b), !b.isCanceled && y(l);
-  }), H = F((l, b) => {
+  }), A = F((l, b) => {
     u?.(l, et(b, void 0, void 0, { activationDirection: "none" }));
   }), W = F((l, b) => {
     L((I) => {
@@ -112,7 +112,7 @@ var ia = /* @__PURE__ */ (function(t) {
     $,
     w,
     n
-  ]), A = e.useMemo(() => {
+  ]), k = e.useMemo(() => {
     for (const l of s.values()) if (l != null && l.value === n) return l;
   }, [s, n]), J = e.useMemo(() => {
     for (const l of s.values()) if (l != null && !l.disabled) return l.value;
@@ -123,14 +123,14 @@ var ia = /* @__PURE__ */ (function(t) {
       y(j), E((at) => at.previousValue === j && at.tabActivationDirection === "none" ? at : {
         previousValue: j,
         tabActivationDirection: "none"
-      }), H(j, q), Q.current = !1;
+      }), A(j, q), Q.current = !1;
     }
     if (s.size === 0) {
       lt.current && n !== null && !M.current?.isConnected && l(null, ut);
       return;
     }
     lt.current = !0, M.current = s.keys().next().value;
-    const b = A?.disabled, I = A == null && n !== null;
+    const b = k?.disabled, I = k == null && n !== null;
     if (!b && n === nt.current && (st.current = !1), st.current && b && n === nt.current) return;
     const _ = Q.current;
     if (b || I) {
@@ -143,17 +143,17 @@ var ia = /* @__PURE__ */ (function(t) {
       _ ? q = ct : b && (q = _t), l(j, q);
       return;
     }
-    _ && A != null && (H(n, ct), Q.current = !1);
+    _ && k != null && (A(n, ct), Q.current = !1);
   }, [
     J,
     S,
-    H,
     A,
+    k,
     y,
     s,
     n
   ]);
-  const kt = Z("div", a, {
+  const Ht = Z("div", a, {
     state: {
       orientation: o,
       tabActivationDirection: w
@@ -165,8 +165,8 @@ var ia = /* @__PURE__ */ (function(t) {
   return /* @__PURE__ */ C(Tt.Provider, {
     value: v,
     children: /* @__PURE__ */ C(qt, {
-      elementsRef: k,
-      children: kt
+      elementsRef: H,
+      children: Ht
     })
   });
 });
@@ -197,7 +197,7 @@ function wt() {
   return t;
 }
 var zt = /* @__PURE__ */ e.forwardRef(function(a, r) {
-  const { className: d, disabled: i = !1, render: u, value: o, id: f, nativeButton: N = !0, style: P, ...T } = a, { value: B, getTabPanelIdByValue: k, orientation: p, tabActivationDirection: L } = tt(), { activateOnFocus: n, highlightedTabIndex: y, onTabActivation: S, registerTabResizeObserverElement: s, setHighlightedTabIndex: g, tabsListElement: M } = wt(), m = ht(f), { compositeProps: R, compositeRef: E, index: h } = Yt({ metadata: e.useMemo(() => ({
+  const { className: d, disabled: i = !1, render: u, value: o, id: f, nativeButton: N = !0, style: P, ...T } = a, { value: B, getTabPanelIdByValue: H, orientation: p, tabActivationDirection: L } = tt(), { activateOnFocus: n, highlightedTabIndex: y, onTabActivation: S, registerTabResizeObserverElement: s, setHighlightedTabIndex: g, tabsListElement: M } = wt(), m = ht(f), { compositeProps: R, compositeRef: E, index: h } = Yt({ metadata: e.useMemo(() => ({
     disabled: i,
     id: m,
     value: o
@@ -218,8 +218,8 @@ var zt = /* @__PURE__ */ e.forwardRef(function(a, r) {
     if (!(x && h > -1 && y !== h)) return;
     const v = M;
     if (v != null) {
-      const A = Ot(ft(v));
-      if (A && Wt(v, A)) return;
+      const k = Ot(ft(v));
+      if (k && Wt(v, k)) return;
     }
     i || g(h);
   }, [
@@ -234,20 +234,20 @@ var zt = /* @__PURE__ */ e.forwardRef(function(a, r) {
     disabled: i,
     native: N,
     focusableWhenDisabled: !0
-  }), K = k(o), H = e.useRef(!1), W = e.useRef(!1);
+  }), K = H(o), A = e.useRef(!1), W = e.useRef(!1);
   function $(v) {
     x || i || S(o, et(bt, v.nativeEvent, void 0, { activationDirection: "none" }));
   }
   function O(v) {
-    x || (h > -1 && !i && g(h), !i && n && (!H.current || H.current && W.current) && S(o, et(bt, v.nativeEvent, void 0, { activationDirection: "none" })));
+    x || (h > -1 && !i && g(h), !i && n && (!A.current || A.current && W.current) && S(o, et(bt, v.nativeEvent, void 0, { activationDirection: "none" })));
   }
   function V(v) {
     if (x || i) return;
-    H.current = !0;
-    function A() {
-      H.current = !1, W.current = !1;
+    A.current = !0;
+    function k() {
+      A.current = !1, W.current = !1;
     }
-    (!v.button || v.button === 0) && (W.current = !0, ft(v.currentTarget).addEventListener("pointerup", A, { once: !0 }));
+    (!v.button || v.button === 0) && (W.current = !0, ft(v.currentTarget).addEventListener("pointerup", k, { once: !0 }));
   }
   return Z("button", a, {
     state: {
@@ -290,17 +290,17 @@ var X = /* @__PURE__ */ (function(t) {
   activeTabPosition: () => null,
   activeTabSize: () => null
 }, Ct = /* @__PURE__ */ e.forwardRef(function(a, r) {
-  const { className: d, render: i, renderBeforeHydration: u = !1, style: o, ...f } = a, { nonce: N } = ta(), { getTabElementBySelectedValue: P, orientation: T, tabActivationDirection: B, value: k } = tt(), { tabsListElement: p, registerIndicatorUpdateListener: L } = wt(), n = Zt(), y = ea();
+  const { className: d, render: i, renderBeforeHydration: u = !1, style: o, ...f } = a, { nonce: N } = ta(), { getTabElementBySelectedValue: P, orientation: T, tabActivationDirection: B, value: H } = tt(), { tabsListElement: p, registerIndicatorUpdateListener: L } = wt(), n = Zt(), y = ea();
   e.useEffect(() => L(y), [L, y]);
   let S = 0, s = 0, g = 0, M = 0, m = 0, R = 0, E = !1;
-  if (k != null && p != null) {
-    const z = P(k);
+  if (H != null && p != null) {
+    const z = P(H);
     if (z != null) {
       E = !0;
-      const { width: U, height: K } = gt(z), { width: H, height: W } = gt(p), $ = z.getBoundingClientRect(), O = p.getBoundingClientRect(), V = H > 0 ? O.width / H : 1, v = W > 0 ? O.height / W : 1;
+      const { width: U, height: K } = gt(z), { width: A, height: W } = gt(p), $ = z.getBoundingClientRect(), O = p.getBoundingClientRect(), V = A > 0 ? O.width / A : 1, v = W > 0 ? O.height / W : 1;
       if (Math.abs(V) > Number.EPSILON && Math.abs(v) > Number.EPSILON) {
-        const A = $.left - O.left, J = $.top - O.top;
-        S = A / V + p.scrollLeft - p.clientLeft, g = J / v + p.scrollTop - p.clientTop;
+        const k = $.left - O.left, J = $.top - O.top;
+        S = k / V + p.scrollLeft - p.clientLeft, g = J / v + p.scrollTop - p.clientTop;
       } else
         S = z.offsetLeft, g = z.offsetTop;
       m = U, R = K, s = p.scrollWidth - S - m, M = p.scrollHeight - g - R;
@@ -340,7 +340,7 @@ var X = /* @__PURE__ */ (function(t) {
     ],
     stateAttributesMapping: ra
   });
-  return k == null ? null : /* @__PURE__ */ rt(e.Fragment, { children: [c, n && u && /* @__PURE__ */ C("script", {
+  return H == null ? null : /* @__PURE__ */ rt(e.Fragment, { children: [c, n && u && /* @__PURE__ */ C("script", {
     nonce: N,
     dangerouslySetInnerHTML: { __html: '!function(){const t=document.currentScript.previousElementSibling;if(!t)return;const e=t.closest(\'[role="tablist"]\');if(!e)return;const i=e.querySelector("[data-active]");if(!i)return;if(0===i.offsetWidth||0===e.offsetWidth)return;let o=0,n=0,h=0,l=0,r=0,f=0;function s(t){const e=getComputedStyle(t);let i=parseFloat(e.width)||0,o=parseFloat(e.height)||0;return(Math.round(i)!==t.offsetWidth||Math.round(o)!==t.offsetHeight)&&(i=t.offsetWidth,o=t.offsetHeight),{width:i,height:o}}if(null!=i&&null!=e){const{width:t,height:c}=s(i),{width:u,height:d}=s(e),a=i.getBoundingClientRect(),g=e.getBoundingClientRect(),p=u>0?g.width/u:1,b=d>0?g.height/d:1;if(Math.abs(p)>Number.EPSILON&&Math.abs(b)>Number.EPSILON){const t=a.left-g.left,i=a.top-g.top;o=t/p+e.scrollLeft-e.clientLeft,h=i/b+e.scrollTop-e.clientTop}else o=i.offsetLeft,h=i.offsetTop;r=t,f=c,n=e.scrollWidth-o-r,l=e.scrollHeight-h-f}function c(e,i){t.style.setProperty(`--active-tab-${e}`,`${i}px`)}c("left",o),c("right",n),c("top",h),c("bottom",l),c("width",r),c("height",f),r>0&&f>0&&t.removeAttribute("hidden")}();' },
     suppressHydrationWarning: !0
@@ -351,13 +351,13 @@ var X = /* @__PURE__ */ (function(t) {
   ...G,
   ...Vt
 }, Nt = /* @__PURE__ */ e.forwardRef(function(a, r) {
-  const { className: d, value: i, render: u, keepMounted: o = !1, style: f, ...N } = a, { value: P, getTabIdByPanelValue: T, orientation: B, tabActivationDirection: k, registerMountedTabPanel: p, unregisterMountedTabPanel: L } = tt(), n = ht(), { ref: y, index: S } = Xt({ metadata: e.useMemo(() => ({
+  const { className: d, value: i, render: u, keepMounted: o = !1, style: f, ...N } = a, { value: P, getTabIdByPanelValue: T, orientation: B, tabActivationDirection: H, registerMountedTabPanel: p, unregisterMountedTabPanel: L } = tt(), n = ht(), { ref: y, index: S } = Xt({ metadata: e.useMemo(() => ({
     id: n,
     value: i
   }), [n, i]) }), s = i === P, { mounted: g, transitionStatus: M, setMounted: m } = $t(s), R = !g, E = T(i), h = {
     hidden: R,
     orientation: B,
-    tabActivationDirection: k,
+    tabActivationDirection: H,
     transitionStatus: M
   }, x = e.useRef(null), w = Z("div", a, {
     state: h,
@@ -397,7 +397,7 @@ var X = /* @__PURE__ */ (function(t) {
     L
   ]), o || g ? w : null;
 }), Mt = /* @__PURE__ */ e.forwardRef(function(a, r) {
-  const { activateOnFocus: d = !1, className: i, loopFocus: u = !0, render: o, style: f, ...N } = a, { onValueChange: P, orientation: T, value: B, setTabMap: k, tabActivationDirection: p } = tt(), [L, n] = e.useState(0), [y, S] = e.useState(null), s = e.useRef(/* @__PURE__ */ new Set()), g = e.useRef(/* @__PURE__ */ new Set()), M = e.useRef(null);
+  const { activateOnFocus: d = !1, className: i, loopFocus: u = !0, render: o, style: f, ...N } = a, { onValueChange: P, orientation: T, value: B, setTabMap: H, tabActivationDirection: p } = tt(), [L, n] = e.useState(0), [y, S] = e.useState(null), s = e.useRef(/* @__PURE__ */ new Set()), g = e.useRef(/* @__PURE__ */ new Set()), M = e.useRef(null);
   Y(() => {
     if (typeof ResizeObserver > "u") return;
     const c = new ResizeObserver(() => {
@@ -455,8 +455,8 @@ var X = /* @__PURE__ */ (function(t) {
       loopFocus: u,
       orientation: T,
       onHighlightedIndexChange: n,
-      onMapChange: k,
-      disabledIndices: Ht
+      onMapChange: H,
+      disabledIndices: At
     })
   });
 }), St = xt("group/tabs-list inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col", {
@@ -588,11 +588,11 @@ var X = /* @__PURE__ */ (function(t) {
   "group-data-[size=lg]/tabs-list:[&_svg:not([class*='size-'])]:size-5",
   "group-data-[variant=boxed]/tabs-list:rounded-[10px] group-data-[variant=boxed]/tabs-list:flex-1 group-data-[variant=boxed]/tabs-list:h-[calc(100%-1px)]",
   "group-data-[variant=boxed]/tabs-list:data-active:bg-secondary group-data-[variant=boxed]/tabs-list:data-active:shadow-sm group-data-[variant=boxed]/tabs-list:data-active:text-foreground",
-  "group-data-[variant=boxed]/tabs-list:hover:bg-primary-foreground dark:group-data-[variant=boxed]/tabs-list:hover:bg-input/30",
+  "group-data-[variant=boxed]/tabs-list:hover:bg-accent",
   "group-data-[orientation=vertical]/tabs:group-data-[variant=boxed]/tabs-list:flex-initial group-data-[orientation=vertical]/tabs:group-data-[variant=boxed]/tabs-list:justify-center",
   "group-data-[variant=pill]/tabs-list:rounded-full group-data-[variant=pill]/tabs-list:flex-1 group-data-[variant=pill]/tabs-list:h-[calc(100%-1px)]",
   "group-data-[variant=pill]/tabs-list:data-active:bg-background group-data-[variant=pill]/tabs-list:data-active:shadow-sm group-data-[variant=pill]/tabs-list:data-active:text-foreground",
-  "group-data-[variant=pill]/tabs-list:hover:bg-primary-foreground dark:group-data-[variant=pill]/tabs-list:hover:bg-input/30",
+  "group-data-[variant=pill]/tabs-list:hover:bg-accent",
   "dark:group-data-[variant=pill]/tabs-list:data-active:bg-accent dark:group-data-[variant=pill]/tabs-list:data-active:text-accent-foreground dark:group-data-[variant=pill]/tabs-list:data-active:border-input",
   "group-data-[orientation=vertical]/tabs:group-data-[variant=pill]/tabs-list:flex-initial group-data-[orientation=vertical]/tabs:group-data-[variant=pill]/tabs-list:justify-center",
   "group-data-[variant=bordered]/tabs-list:bg-transparent group-data-[variant=bordered]/tabs-list:rounded-none",
@@ -758,7 +758,7 @@ ot.displayName = "TabsTrigger";
 It.displayName = "TabsContent";
 Pt.displayName = "TabsIndicator";
 Dt.displayName = "TabsTriggerWithCount";
-var Ha = Object.assign(it, {
+var Aa = Object.assign(it, {
   Root: it,
   List: Lt,
   Trigger: ot,
@@ -771,7 +771,7 @@ export {
   Lt as i,
   It as n,
   Pt as r,
-  Ha as t
+  Aa as t
 };
 
 //# sourceMappingURL=Tabs.js.map