@tribepad/themis 1.0.11 → 1.0.13

package/dist/elements/Switch/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/utils/shouldAnimate.ts","../../../src/hooks/useReducedMotion.ts","../../../src/styles/interaction-states.ts","../../../src/elements/Switch/Switch.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Switch/Switch.types.ts"],"names":["cn","inputs","twMerge","clsx","shouldAnimate","animated","prefersReducedMotion","QUERY","getInitialState","useReducedMotion","setPrefersReducedMotion","useState","useEffect","mql","handler","event","FOCUS_STYLES","PRESSED_STYLES","HOVER_STYLES","HIGH_CONTRAST_FOCUS","HIGH_CONTRAST_HOVER","HIGH_CONTRAST_PRESSED","DEFAULT_INTERACTIONS","cachedAnimate","loadMotionAnimate","m","DEFAULT_SPRING","switchOuterVariants","cva","switchTrackVariants","switchThumbVariants","Switch","memo","forwardRef","className","variant","size","label","description","isDisabled","isReadOnly","springConfig","onChangeProp","props","ref","doAnimate","thumbRef","useRef","motionReady","animateRef","activeAnimation","fn","isCurrentlySelected","handleChange","useCallback","isSelected","useMotionThumb","jsx","AriaSwitch","_classNameProps","renderProps","jsxs","Fragment","BaseComponentPropsSchema","z","SwitchPropsSchema"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","/**\n * Determines whether a component should animate.\n *\n * Returns `false` if:\n * - The `animated` prop is explicitly `false`\n * - The user prefers reduced motion\n *\n * @param animated - The component's `animated` prop value (default: `true`)\n * @param prefersReducedMotion - Whether the user prefers reduced motion\n */\nexport function shouldAnimate(\n  animated: boolean | undefined,\n  prefersReducedMotion: boolean,\n): boolean {\n  if (animated === false) return false;\n  if (prefersReducedMotion) return false;\n  return true;\n}\n","'use client';\n\nimport { useState, useEffect } from 'react';\n\nconst QUERY = '(prefers-reduced-motion: reduce)';\n\nfunction getInitialState(): boolean {\n  if (typeof window === 'undefined') return false;\n  return window.matchMedia(QUERY).matches;\n}\n\n/**\n * Detects whether the user prefers reduced motion.\n *\n * - SSR-safe (returns `false` on the server)\n * - Reacts to changes in the OS preference\n * - Cleans up the listener on unmount\n */\nexport function useReducedMotion(): boolean {\n  const [prefersReducedMotion, setPrefersReducedMotion] = useState(getInitialState);\n\n  useEffect(() => {\n    const mql = window.matchMedia(QUERY);\n    setPrefersReducedMotion(mql.matches);\n\n    const handler = (event: MediaQueryListEvent): void => {\n      setPrefersReducedMotion(event.matches);\n    };\n\n    mql.addEventListener('change', handler);\n    return () => mql.removeEventListener('change', handler);\n  }, []);\n\n  return prefersReducedMotion;\n}\n","/**\n * Global Interaction State Styles\n *\n * Consistent interaction patterns across all Themis components.\n * These styles ensure WCAG 2.2 AAA compliance and predictable UX.\n *\n * @see spec.md FR-010 (Visible focus ring for keyboard navigation)\n * @see spec.md FR-031 (Pressed state feedback)\n * @see spec.md FR-012 (High contrast mode support)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\n/**\n * Focus state styles (FR-010)\n * Visible focus ring for keyboard navigation - WCAG 2.2 Level AAA\n *\n * Components can override by extending these styles:\n * @example\n * cn(FOCUS_STYLES, \"ring-4\") // Increases ring width to 4px\n */\nexport const FOCUS_STYLES = \"data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2\";\n\n/**\n * Pressed/Active state styles (FR-031)\n * Visual feedback for press interactions\n *\n * Components can override the scale amount:\n * @example\n * cn(PRESSED_STYLES_BASE, \"data-[pressed]:scale-[0.95]\") // More pronounced scale\n */\nexport const PRESSED_STYLES = \"data-[pressed]:scale-[0.97]\";\n\n/**\n * Base pressed styles without scale (for components that need different feedback)\n */\nexport const PRESSED_STYLES_BASE = \"data-[pressed]:transition-transform data-[pressed]:duration-100\";\n\n/**\n * Hover state styles\n * Elevation change on hover for better affordance\n *\n * Components can override shadow depth:\n * @example\n * cn(HOVER_STYLES_BASE, \"data-[hovered]:shadow-lg\") // Larger shadow\n */\nexport const HOVER_STYLES = \"data-[hovered]:shadow-md\";\n\n/**\n * Base hover styles without shadow (for components that use different hover effects)\n */\nexport const HOVER_STYLES_BASE = \"data-[hovered]:transition-shadow data-[hovered]:duration-200\";\n\n/**\n * High contrast mode focus (FR-012)\n * Enhanced outlines for users requiring high contrast\n *\n * Uses 'hc:' prefix for prefers-contrast: more media query\n */\nexport const HIGH_CONTRAST_FOCUS = \"hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground\";\n\n/**\n * High contrast mode hover (FR-012)\n * Enhanced outlines for hover in high contrast mode\n */\nexport const HIGH_CONTRAST_HOVER = \"hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground\";\n\n/**\n * High contrast mode pressed state\n * Enhanced outlines for pressed state in high contrast mode\n */\nexport const HIGH_CONTRAST_PRESSED = \"hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground\";\n\n/**\n * Combined high contrast styles\n * Use this for components that need all high contrast interaction states\n */\nexport const HIGH_CONTRAST_INTERACTIONS = `${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Disabled state styles\n * Consistent disabled appearance across all components\n */\nexport const DISABLED_STYLES = \"disabled:pointer-events-none disabled:opacity-50\";\n\n/**\n * Default interaction bundle\n * Most common combination for interactive components\n *\n * Includes: focus ring, pressed scale, hover shadow, high contrast enhancements\n *\n * @example\n * <button className={cn(DEFAULT_INTERACTIONS, \"bg-primary\")}>Click</button>\n */\nexport const DEFAULT_INTERACTIONS = `${FOCUS_STYLES} ${PRESSED_STYLES} ${HOVER_STYLES} ${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Subtle interaction bundle\n * For components that need less pronounced feedback\n *\n * Includes: focus ring and high contrast, but no hover shadow or pressed scale\n */\nexport const SUBTLE_INTERACTIONS = `${FOCUS_STYLES} ${HIGH_CONTRAST_FOCUS}`;\n\n/**\n * Non-interactive element styles\n * For elements that should indicate they are not interactive\n */\nexport const NON_INTERACTIVE = \"cursor-default select-none\";\n","\"use client\";\n\n/**\n * Switch Component\n * Accessible toggle switch with React Aria primitives and CVA styling.\n * Supports optional spring animation via motion.dev.\n *\n * @see React Aria Switch: https://react-spectrum.adobe.com/react-aria/Switch.html\n * @see ShadCN Switch: https://ui.shadcn.com/docs/components/switch\n * @see spec.md (WCAG 2.2 AAA - 7:1 contrast ratio, 44x44px touch targets)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\nimport { forwardRef, memo, useRef, useEffect, useCallback } from 'react';\nimport {\n  Switch as AriaSwitch,\n  type SwitchProps as AriaSwitchProps,\n} from 'react-aria-components';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { shouldAnimate } from '../../utils/shouldAnimate';\nimport { useReducedMotion } from '../../hooks/useReducedMotion';\nimport { DEFAULT_INTERACTIONS } from '../../styles/interaction-states';\nimport type { AnimatedProps, SpringConfig } from '../../types/animation';\n\n// ---------------------------------------------------------------------------\n// Motion lazy-loader — avoids hard dep on optional peer\n// ---------------------------------------------------------------------------\n\ntype AnimateFn = (\n  element: Element,\n  keyframes: Record<string, string | number>,\n  options?: Record<string, unknown>,\n) => { stop: () => void };\n\nlet cachedAnimate: AnimateFn | null | undefined; // undefined = pending, null = unavailable\n\nfunction loadMotionAnimate(): Promise<AnimateFn | null> {\n  if (cachedAnimate !== undefined) return Promise.resolve(cachedAnimate);\n\n  return import('motion')\n    .then((m) => {\n      cachedAnimate = m.animate as unknown as AnimateFn;\n      return cachedAnimate;\n    })\n    .catch(() => {\n      cachedAnimate = null;\n      return null;\n    });\n}\n\n// ---------------------------------------------------------------------------\n// Default spring configuration\n// ---------------------------------------------------------------------------\n\nconst DEFAULT_SPRING: SpringConfig = { stiffness: 500, damping: 30 };\n\n// ---------------------------------------------------------------------------\n// CVA Variants\n// ---------------------------------------------------------------------------\n\n/**\n * Layer 1: Transparent outer touch target (44x44px minimum)\n * This layer handles the WCAG 2.2 AAA touch target requirement\n * Always invisible, centers the visual switch inside\n */\nconst switchOuterVariants = cva(\n  // Base styles - WCAG 2.2 AAA: 44x44px minimum touch target\n  \"inline-flex shrink-0 cursor-pointer items-center justify-center min-h-[44px] min-w-[44px] disabled:cursor-not-allowed disabled:opacity-50 data-[readonly]:cursor-default\",\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n);\n\n/**\n * Layer 2: Visual switch track/background (adjustable size)\n * This layer provides the visual appearance and size flexibility\n * Background color changes based on variant and selection state\n */\nconst switchTrackVariants = cva(\n  // Base styles - visual track with transitions and focus states\n  \"relative inline-flex shrink-0 items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n  {\n    variants: {\n      variant: {\n        // Default variant: Uses primary color when selected\n        default:\n          \"bg-[var(--border)] data-[selected]:bg-[var(--primary)]\",\n        // Destructive variant: Uses destructive/error color when selected\n        destructive:\n          \"bg-[var(--border)] data-[selected]:bg-[var(--destructive-background)]\",\n      },\n      size: {\n        // Small: h-6 w-10 (visual track size)\n        sm: \"h-6 w-10\",\n        // Default: h-7 w-12\n        default: \"h-7 w-12\",\n        // Large: h-8 w-14\n        lg: \"h-8 w-14\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n);\n\n/**\n * Layer 3: Switch thumb (sliding circle)\n * Inner visual element that slides horizontally when switch is selected.\n * When spring animation is active, CSS transition is removed and\n * motion.dev controls the translateX via inline transform.\n */\nconst switchThumbVariants = cva(\n  // Base styles: rounded circle with shadow\n  \"pointer-events-none absolute left-0.5 rounded-full bg-[var(--content-background)] shadow-lg ring-0\",\n  {\n    variants: {\n      size: {\n        // Thumb is slightly smaller than track height for proper padding\n        sm: \"h-4 w-4\",\n        default: \"h-5 w-5\",\n        lg: \"h-6 w-6\",\n      },\n      animated: {\n        // When CSS handles the animation (motion.dev unavailable or disabled)\n        false: \"transition-transform data-[selected]:translate-x-full\",\n        // When motion.dev handles the animation — no CSS transition\n        true: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      animated: false,\n    },\n  }\n);\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport interface SwitchProps\n  extends Omit<AriaSwitchProps, 'className' | 'children'>,\n    VariantProps<typeof switchTrackVariants>,\n    AnimatedProps {\n  variant?: 'default' | 'destructive';\n  size?: 'sm' | 'default' | 'lg';\n  label?: string;\n  description?: string;\n  className?: string;\n  /** Spring physics configuration. Default: { stiffness: 500, damping: 30 } */\n  springConfig?: SpringConfig;\n}\n\n/**\n * Switch Component\n * Fully accessible toggle switch with React Aria and themed styling.\n * When `animated` is true (default) and motion.dev is installed,\n * the thumb uses spring physics for a natural bounce effect.\n */\nconst Switch = memo(forwardRef<HTMLLabelElement, SwitchProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      label,\n      description,\n      isDisabled,\n      isReadOnly,\n      animated,\n      springConfig = DEFAULT_SPRING,\n      onChange: onChangeProp,\n      ...props\n    },\n    ref\n  ) => {\n    const prefersReducedMotion = useReducedMotion();\n    const doAnimate = shouldAnimate(animated, prefersReducedMotion);\n\n    const thumbRef = useRef<HTMLDivElement>(null);\n    const motionReady = useRef(false);\n    const animateRef = useRef<AnimateFn | null>(null);\n    const activeAnimation = useRef<{ stop: () => void } | null>(null);\n\n    // Preload motion.dev when animation is desired\n    useEffect(() => {\n      if (!doAnimate) return;\n\n      loadMotionAnimate().then((fn) => {\n        if (fn) {\n          animateRef.current = fn;\n          motionReady.current = true;\n\n          // Set initial thumb position if already selected (no animation)\n          if (thumbRef.current) {\n            const isCurrentlySelected = thumbRef.current.hasAttribute('data-selected');\n            thumbRef.current.style.transform = isCurrentlySelected\n              ? 'translateX(100%)'\n              : 'translateX(0)';\n          }\n        }\n      });\n    }, [doAnimate]);\n\n    const handleChange = useCallback(\n      (isSelected: boolean) => {\n        // Forward to consumer's onChange\n        onChangeProp?.(isSelected);\n\n        // Trigger spring animation if motion is ready\n        if (doAnimate && motionReady.current && animateRef.current && thumbRef.current) {\n          // Stop any in-progress animation\n          activeAnimation.current?.stop();\n\n          activeAnimation.current = animateRef.current(\n            thumbRef.current,\n            { x: isSelected ? '100%' : '0%' },\n            {\n              type: 'spring',\n              stiffness: springConfig.stiffness,\n              damping: springConfig.damping,\n            },\n          );\n        }\n      },\n      [doAnimate, springConfig.stiffness, springConfig.damping, onChangeProp],\n    );\n\n    // Use motion for thumb position when motion.dev is handling it\n    const useMotionThumb = doAnimate;\n\n    return (\n      <AriaSwitch\n        ref={ref}\n        isDisabled={isDisabled}\n        isReadOnly={isReadOnly}\n        onChange={handleChange}\n        className={(_classNameProps) =>\n          cn(\n            \"group inline-flex items-center gap-2\",\n            isDisabled && \"cursor-not-allowed opacity-50\",\n            className\n          )\n        }\n        {...props}\n      >\n        {(renderProps) => (\n          <>\n            {/* Layer 1: Transparent outer touch target (44x44px WCAG compliant) */}\n            <div\n              className={cn(switchOuterVariants())}\n              data-selected={renderProps.isSelected || undefined}\n              data-readonly={isReadOnly || undefined}\n            >\n              {/* Layer 2: Visual switch track (adjustable size with variants) */}\n              <div\n                className={cn(\n                  switchTrackVariants({ variant, size }),\n                  DEFAULT_INTERACTIONS\n                )}\n                data-selected={renderProps.isSelected || undefined}\n              >\n                {/* Layer 3: Thumb (sliding circle, absolutely positioned) */}\n                <div\n                  ref={thumbRef}\n                  className={cn(switchThumbVariants({\n                    size,\n                    animated: useMotionThumb,\n                  }))}\n                  data-selected={renderProps.isSelected || undefined}\n                />\n              </div>\n            </div>\n\n            {/* Optional label and description */}\n            {(label || description) && (\n              <div className=\"flex flex-col\">\n                {label && (\n                  <span className=\"text-sm font-medium text-[var(--content-foreground)]\">\n                    {label}\n                  </span>\n                )}\n                {description && (\n                  <span className=\"text-xs text-[var(--menu-muted)]\">\n                    {description}\n                  </span>\n                )}\n              </div>\n            )}\n          </>\n        )}\n      </AriaSwitch>\n    );\n  }\n));\n\nSwitch.displayName = \"Switch\";\n\nexport { Switch, switchOuterVariants, switchTrackVariants, switchThumbVariants };\n","import { z } from 'zod';\n\n/**\n * Base props schema for all Themis components\n * Ensures consistent accessibility and styling APIs across the library\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements)\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AA minimum)\n */\nexport const BaseComponentPropsSchema = z.object({\n  // Styling\n  className: z.string().optional(),\n\n  // React\n  children: z.any().optional(), // ReactNode not directly supported by Zod\n  id: z.string().optional(),\n\n  // Accessibility (WCAG 2.2 AA requirements)\n  'aria-label': z.string().optional(),\n  'aria-labelledby': z.string().optional(),\n  'aria-describedby': z.string().optional(),\n  'aria-live': z.enum(['off', 'polite', 'assertive']).optional(),\n  'aria-hidden': z.boolean().optional(),\n\n  // Testing & Development\n  'data-testid': z.string().optional(),\n});\n\nexport type BaseComponentProps = z.infer<typeof BaseComponentPropsSchema>;\n","import { z } from 'zod';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\nimport type { SwitchProps as AriaSwitchProps } from 'react-aria-components';\n\n/**\n * Switch props schema extending BaseComponentProps\n *\n * @see React Aria Switch: https://react-spectrum.adobe.com/react-aria/Switch.html\n * @see ShadCN Switch: https://ui.shadcn.com/docs/components/switch\n * @see spec.md (WCAG 2.2 AAA - 7:1 contrast, 44x44px touch targets)\n * @see constitution.md Principle IV (Accessibility First)\n */\nexport const SwitchPropsSchema = BaseComponentPropsSchema.extend({\n  // State management (controlled/uncontrolled)\n  isSelected: z.boolean().optional(),\n  defaultSelected: z.boolean().optional().default(false),\n  onChange: z.function().optional(),\n\n  // Variants (matching Button pattern)\n  variant: z\n    .enum(['default', 'destructive'])\n    .optional()\n    .default('default'),\n\n  // Sizes (3 sizes for consistency)\n  size: z.enum(['sm', 'default', 'lg']).optional().default('default'),\n\n  // States\n  isDisabled: z.boolean().optional().default(false),\n  isReadOnly: z.boolean().optional().default(false),\n\n  // Labels (optional built-in labeling)\n  label: z.string().optional(),\n  description: z.string().optional(),\n\n  // React Aria SwitchProps integration\n  onFocus: z.function().optional(),\n  onBlur: z.function().optional(),\n  onFocusChange: z.function().optional(),\n  autoFocus: z.boolean().optional(),\n\n  // Animation (ADR 020 - Micro-Interaction Animation System)\n  animated: z.boolean().optional().default(true),\n  springConfig: z\n    .object({\n      stiffness: z.number(),\n      damping: z.number(),\n    })\n    .optional(),\n});\n\nexport type SwitchProps = z.infer<typeof SwitchPropsSchema> &\n  Omit<AriaSwitchProps, keyof z.infer<typeof SwitchPropsSchema>>;\n\n/**\n * CVA variant configuration types\n * Used for class-variance-authority integration\n */\nexport type SwitchVariant = z.infer<typeof SwitchPropsSchema>['variant'];\nexport type SwitchSize = z.infer<typeof SwitchPropsSchema>['size'];\n"]}
+{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/utils/shouldAnimate.ts","../../../src/hooks/useReducedMotion.ts","../../../src/styles/interaction-states.ts","../../../src/elements/Switch/Switch.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Switch/Switch.types.ts"],"names":["cn","inputs","twMerge","clsx","shouldAnimate","animated","prefersReducedMotion","QUERY","getInitialState","useReducedMotion","setPrefersReducedMotion","useState","useEffect","mql","handler","event","FOCUS_STYLES","PRESSED_STYLES","HOVER_STYLES","HIGH_CONTRAST_FOCUS","HIGH_CONTRAST_HOVER","HIGH_CONTRAST_PRESSED","DEFAULT_INTERACTIONS","cachedAnimate","loadMotionAnimate","m","DEFAULT_SPRING","switchOuterVariants","cva","switchTrackVariants","switchThumbVariants","Switch","memo","forwardRef","className","variant","size","label","description","isDisabled","isReadOnly","springConfig","onChangeProp","props","ref","doAnimate","thumbRef","useRef","motionReady","animateRef","activeAnimation","fn","isCurrentlySelected","handleChange","useCallback","isSelected","useMotionThumb","jsx","AriaSwitch","_classNameProps","renderProps","jsxs","Fragment","BaseComponentPropsSchema","z","SwitchPropsSchema"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","/**\n * Determines whether a component should animate.\n *\n * Returns `false` if:\n * - The `animated` prop is explicitly `false`\n * - The user prefers reduced motion\n *\n * @param animated - The component's `animated` prop value (default: `true`)\n * @param prefersReducedMotion - Whether the user prefers reduced motion\n */\nexport function shouldAnimate(\n  animated: boolean | undefined,\n  prefersReducedMotion: boolean,\n): boolean {\n  if (animated === false) return false;\n  if (prefersReducedMotion) return false;\n  return true;\n}\n","'use client';\n\nimport { useState, useEffect } from 'react';\n\nconst QUERY = '(prefers-reduced-motion: reduce)';\n\nfunction getInitialState(): boolean {\n  if (typeof window === 'undefined') return false;\n  return window.matchMedia(QUERY).matches;\n}\n\n/**\n * Detects whether the user prefers reduced motion.\n *\n * - SSR-safe (returns `false` on the server)\n * - Reacts to changes in the OS preference\n * - Cleans up the listener on unmount\n */\nexport function useReducedMotion(): boolean {\n  const [prefersReducedMotion, setPrefersReducedMotion] = useState(getInitialState);\n\n  useEffect(() => {\n    const mql = window.matchMedia(QUERY);\n    setPrefersReducedMotion(mql.matches);\n\n    const handler = (event: MediaQueryListEvent): void => {\n      setPrefersReducedMotion(event.matches);\n    };\n\n    mql.addEventListener('change', handler);\n    return () => mql.removeEventListener('change', handler);\n  }, []);\n\n  return prefersReducedMotion;\n}\n","/**\n * Global Interaction State Styles\n *\n * Consistent interaction patterns across all Themis components.\n * These styles ensure WCAG 2.2 AAA compliance and predictable UX.\n *\n * @see spec.md FR-010 (Visible focus ring for keyboard navigation)\n * @see spec.md FR-031 (Pressed state feedback)\n * @see spec.md FR-012 (High contrast mode support)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\n/**\n * Focus state styles (FR-010)\n * Visible focus ring for keyboard navigation - WCAG 2.2 Level AAA\n *\n * Components can override by extending these styles:\n * @example\n * cn(FOCUS_STYLES, \"ring-4\") // Increases ring width to 4px\n */\nexport const FOCUS_STYLES = \"data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2\";\n\n/**\n * Pressed/Active state styles (FR-031)\n * Visual feedback for press interactions\n *\n * Components can override the scale amount:\n * @example\n * cn(PRESSED_STYLES_BASE, \"data-[pressed]:scale-[0.95]\") // More pronounced scale\n */\nexport const PRESSED_STYLES = \"data-[pressed]:scale-[0.97]\";\n\n/**\n * Base pressed styles without scale (for components that need different feedback)\n */\nexport const PRESSED_STYLES_BASE = \"data-[pressed]:transition-transform data-[pressed]:duration-100\";\n\n/**\n * Hover state styles\n * Elevation change on hover for better affordance\n *\n * Components can override shadow depth:\n * @example\n * cn(HOVER_STYLES_BASE, \"data-[hovered]:shadow-lg\") // Larger shadow\n */\nexport const HOVER_STYLES = \"data-[hovered]:shadow-md\";\n\n/**\n * Base hover styles without shadow (for components that use different hover effects)\n */\nexport const HOVER_STYLES_BASE = \"data-[hovered]:transition-shadow data-[hovered]:duration-200\";\n\n/**\n * High contrast mode focus (FR-012)\n * Enhanced outlines for users requiring high contrast\n *\n * Uses 'hc:' prefix for prefers-contrast: more media query\n */\nexport const HIGH_CONTRAST_FOCUS = \"hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground\";\n\n/**\n * High contrast mode hover (FR-012)\n * Enhanced outlines for hover in high contrast mode\n */\nexport const HIGH_CONTRAST_HOVER = \"hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground\";\n\n/**\n * High contrast mode pressed state\n * Enhanced outlines for pressed state in high contrast mode\n */\nexport const HIGH_CONTRAST_PRESSED = \"hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground\";\n\n/**\n * Combined high contrast styles\n * Use this for components that need all high contrast interaction states\n */\nexport const HIGH_CONTRAST_INTERACTIONS = `${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Disabled state styles\n * Consistent disabled appearance across all components\n */\nexport const DISABLED_STYLES = \"disabled:pointer-events-none disabled:opacity-50\";\n\n/**\n * Default interaction bundle\n * Most common combination for interactive components\n *\n * Includes: focus ring, pressed scale, hover shadow, high contrast enhancements\n *\n * @example\n * <button className={cn(DEFAULT_INTERACTIONS, \"bg-primary\")}>Click</button>\n */\nexport const DEFAULT_INTERACTIONS = `${FOCUS_STYLES} ${PRESSED_STYLES} ${HOVER_STYLES} ${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Subtle interaction bundle\n * For components that need less pronounced feedback\n *\n * Includes: focus ring and high contrast, but no hover shadow or pressed scale\n */\nexport const SUBTLE_INTERACTIONS = `${FOCUS_STYLES} ${HIGH_CONTRAST_FOCUS}`;\n\n/**\n * Non-interactive element styles\n * For elements that should indicate they are not interactive\n */\nexport const NON_INTERACTIVE = \"cursor-default select-none\";\n","\"use client\";\n\n/**\n * Switch Component\n * Accessible toggle switch with React Aria primitives and CVA styling.\n * Supports optional spring animation via motion.dev.\n *\n * @see React Aria Switch: https://react-spectrum.adobe.com/react-aria/Switch.html\n * @see ShadCN Switch: https://ui.shadcn.com/docs/components/switch\n * @see spec.md (WCAG 2.2 AAA - 7:1 contrast ratio, 44x44px touch targets)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\nimport { forwardRef, memo, useRef, useEffect, useCallback } from 'react';\nimport {\n  Switch as AriaSwitch,\n  type SwitchProps as AriaSwitchProps,\n} from 'react-aria-components';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { shouldAnimate } from '../../utils/shouldAnimate';\nimport { useReducedMotion } from '../../hooks/useReducedMotion';\nimport { DEFAULT_INTERACTIONS } from '../../styles/interaction-states';\nimport type { AnimatedProps, SpringConfig } from '../../types/animation';\n\n// ---------------------------------------------------------------------------\n// Motion lazy-loader — avoids hard dep on optional peer\n// ---------------------------------------------------------------------------\n\ntype AnimateFn = (\n  element: Element,\n  keyframes: Record<string, string | number>,\n  options?: Record<string, unknown>,\n) => { stop: () => void };\n\nlet cachedAnimate: AnimateFn | null | undefined; // undefined = pending, null = unavailable\n\nfunction loadMotionAnimate(): Promise<AnimateFn | null> {\n  if (cachedAnimate !== undefined) return Promise.resolve(cachedAnimate);\n\n  return import('motion')\n    .then((m) => {\n      cachedAnimate = m.animate as unknown as AnimateFn;\n      return cachedAnimate;\n    })\n    .catch(() => {\n      cachedAnimate = null;\n      return null;\n    });\n}\n\n// ---------------------------------------------------------------------------\n// Default spring configuration\n// ---------------------------------------------------------------------------\n\nconst DEFAULT_SPRING: SpringConfig = { stiffness: 500, damping: 30 };\n\n// ---------------------------------------------------------------------------\n// CVA Variants\n// ---------------------------------------------------------------------------\n\n/**\n * Layer 1: Transparent outer touch target (44x44px minimum)\n * This layer handles the WCAG 2.2 AAA touch target requirement\n * Always invisible, centers the visual switch inside\n */\nconst switchOuterVariants = cva(\n  // Base styles - WCAG 2.2 AAA: 44x44px minimum touch target\n  \"inline-flex shrink-0 cursor-pointer items-center justify-center min-h-[44px] min-w-[44px] disabled:cursor-not-allowed disabled:opacity-50 data-[readonly]:cursor-default\",\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n);\n\n/**\n * Layer 2: Visual switch track/background (adjustable size)\n * This layer provides the visual appearance and size flexibility\n * Background color changes based on variant and selection state\n */\nconst switchTrackVariants = cva(\n  // Base styles - visual track with transitions and focus states\n  \"relative inline-flex shrink-0 items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n  {\n    variants: {\n      variant: {\n        // Default variant: Uses primary color when selected\n        default:\n          \"bg-[var(--border)] data-[selected]:bg-[var(--primary)]\",\n        // Destructive variant: Uses destructive/error color when selected\n        destructive:\n          \"bg-[var(--border)] data-[selected]:bg-[var(--destructive-background)]\",\n      },\n      size: {\n        // Small: h-6 w-10 (visual track size)\n        sm: \"h-6 w-10\",\n        // Default: h-7 w-12\n        default: \"h-7 w-12\",\n        // Large: h-8 w-14\n        lg: \"h-8 w-14\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n);\n\n/**\n * Layer 3: Switch thumb (sliding circle)\n * Inner visual element that slides horizontally when switch is selected.\n * When spring animation is active, CSS transition is removed and\n * motion.dev controls the translateX via inline transform.\n */\nconst switchThumbVariants = cva(\n  // Base styles: rounded circle with shadow\n  \"pointer-events-none absolute left-0.5 rounded-full bg-[var(--content-background)] shadow-lg ring-0\",\n  {\n    variants: {\n      size: {\n        // Thumb is slightly smaller than track height for proper padding\n        sm: \"h-4 w-4\",\n        default: \"h-5 w-5\",\n        lg: \"h-6 w-6\",\n      },\n      animated: {\n        // When CSS handles the animation (motion.dev unavailable or disabled)\n        false: \"transition-transform data-[selected]:translate-x-full\",\n        // When motion.dev handles the animation — no CSS transition\n        true: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      animated: false,\n    },\n  }\n);\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport interface SwitchProps\n  extends Omit<AriaSwitchProps, 'className' | 'children'>,\n    VariantProps<typeof switchTrackVariants>,\n    AnimatedProps {\n  variant?: 'default' | 'destructive';\n  size?: 'sm' | 'default' | 'lg';\n  label?: string;\n  description?: string;\n  className?: string;\n  /** Spring physics configuration. Default: { stiffness: 500, damping: 30 } */\n  springConfig?: SpringConfig;\n}\n\n/**\n * Switch Component\n * Fully accessible toggle switch with React Aria and themed styling.\n * When `animated` is true (default) and motion.dev is installed,\n * the thumb uses spring physics for a natural bounce effect.\n */\nconst Switch = memo(forwardRef<HTMLLabelElement, SwitchProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      label,\n      description,\n      isDisabled,\n      isReadOnly,\n      animated,\n      springConfig = DEFAULT_SPRING,\n      onChange: onChangeProp,\n      ...props\n    },\n    ref\n  ) => {\n    const prefersReducedMotion = useReducedMotion();\n    const doAnimate = shouldAnimate(animated, prefersReducedMotion);\n\n    const thumbRef = useRef<HTMLDivElement>(null);\n    const motionReady = useRef(false);\n    const animateRef = useRef<AnimateFn | null>(null);\n    const activeAnimation = useRef<{ stop: () => void } | null>(null);\n\n    // Preload motion.dev when animation is desired\n    useEffect(() => {\n      if (!doAnimate) return;\n\n      loadMotionAnimate().then((fn) => {\n        if (fn) {\n          animateRef.current = fn;\n          motionReady.current = true;\n\n          // Set initial thumb position if already selected (no animation)\n          if (thumbRef.current) {\n            const isCurrentlySelected = thumbRef.current.hasAttribute('data-selected');\n            thumbRef.current.style.transform = isCurrentlySelected\n              ? 'translateX(100%)'\n              : 'translateX(0)';\n          }\n        }\n      });\n    }, [doAnimate]);\n\n    const handleChange = useCallback(\n      (isSelected: boolean) => {\n        // Forward to consumer's onChange\n        onChangeProp?.(isSelected);\n\n        // Trigger spring animation if motion is ready\n        if (doAnimate && motionReady.current && animateRef.current && thumbRef.current) {\n          // Stop any in-progress animation\n          activeAnimation.current?.stop();\n\n          activeAnimation.current = animateRef.current(\n            thumbRef.current,\n            { x: isSelected ? '100%' : '0%' },\n            {\n              type: 'spring',\n              stiffness: springConfig.stiffness,\n              damping: springConfig.damping,\n            },\n          );\n        }\n      },\n      [doAnimate, springConfig.stiffness, springConfig.damping, onChangeProp],\n    );\n\n    // Use motion for thumb position when motion.dev is handling it\n    const useMotionThumb = doAnimate;\n\n    return (\n      <AriaSwitch\n        ref={ref}\n        isDisabled={isDisabled}\n        isReadOnly={isReadOnly}\n        onChange={handleChange}\n        className={(_classNameProps) =>\n          cn(\n            \"group inline-flex items-center gap-2\",\n            isDisabled && \"cursor-not-allowed opacity-50\",\n            className\n          )\n        }\n        {...props}\n      >\n        {(renderProps) => (\n          <>\n            {/* Layer 1: Transparent outer touch target (44x44px WCAG compliant) */}\n            <div\n              className={cn(switchOuterVariants())}\n              data-selected={renderProps.isSelected || undefined}\n              data-readonly={isReadOnly || undefined}\n            >\n              {/* Layer 2: Visual switch track (adjustable size with variants) */}\n              <div\n                className={cn(\n                  switchTrackVariants({ variant, size }),\n                  DEFAULT_INTERACTIONS\n                )}\n                data-selected={renderProps.isSelected || undefined}\n              >\n                {/* Layer 3: Thumb (sliding circle, absolutely positioned) */}\n                <div\n                  ref={thumbRef}\n                  className={cn(switchThumbVariants({\n                    size,\n                    animated: useMotionThumb,\n                  }))}\n                  data-selected={renderProps.isSelected || undefined}\n                />\n              </div>\n            </div>\n\n            {/* Optional label and description */}\n            {(label || description) && (\n              <div className=\"flex flex-col\">\n                {label && (\n                  <span className=\"text-sm font-medium text-[var(--content-foreground)]\">\n                    {label}\n                  </span>\n                )}\n                {description && (\n                  <span className=\"text-xs text-[var(--menu-muted)]\">\n                    {description}\n                  </span>\n                )}\n              </div>\n            )}\n          </>\n        )}\n      </AriaSwitch>\n    );\n  }\n));\n\nSwitch.displayName = \"Switch\";\n\nexport { Switch, switchOuterVariants, switchTrackVariants, switchThumbVariants };\n","import { z } from 'zod';\n\n/**\n * Base props schema for all Themis components\n * Ensures consistent accessibility and styling APIs across the library\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements)\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AA minimum)\n */\nexport const BaseComponentPropsSchema = z.object({\n  // Styling\n  className: z.string().optional(),\n\n  // React\n  children: z.any().optional(), // ReactNode not directly supported by Zod\n  id: z.string().optional(),\n\n  // Accessibility (WCAG 2.2 AA requirements)\n  'aria-label': z.string().optional(),\n  'aria-labelledby': z.string().optional(),\n  'aria-describedby': z.string().optional(),\n  'aria-live': z.enum(['off', 'polite', 'assertive']).optional(),\n  'aria-hidden': z.boolean().optional(),\n\n  // Testing & Development\n  'data-testid': z.string().optional(),\n});\n\nexport type BaseComponentProps = z.infer<typeof BaseComponentPropsSchema>;\n","import { z } from 'zod';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\nimport type { SwitchProps as AriaSwitchProps } from 'react-aria-components';\n\n/**\n * Switch props schema extending BaseComponentProps\n *\n * @see React Aria Switch: https://react-spectrum.adobe.com/react-aria/Switch.html\n * @see ShadCN Switch: https://ui.shadcn.com/docs/components/switch\n * @see spec.md (WCAG 2.2 AAA - 7:1 contrast, 44x44px touch targets)\n * @see constitution.md Principle IV (Accessibility First)\n */\nexport const SwitchPropsSchema = BaseComponentPropsSchema.extend({\n  // State management (controlled/uncontrolled)\n  isSelected: z.boolean().optional(),\n  defaultSelected: z.boolean().optional().default(false),\n  onChange: z.function().optional(),\n\n  // Variants (matching Button pattern)\n  variant: z\n    .enum(['default', 'destructive'])\n    .optional()\n    .default('default'),\n\n  // Sizes (3 sizes for consistency)\n  size: z.enum(['sm', 'default', 'lg']).optional().default('default'),\n\n  // States\n  isDisabled: z.boolean().optional().default(false),\n  isReadOnly: z.boolean().optional().default(false),\n\n  // Labels (optional built-in labeling)\n  label: z.string().optional(),\n  description: z.string().optional(),\n\n  // React Aria SwitchProps integration\n  onFocus: z.function().optional(),\n  onBlur: z.function().optional(),\n  onFocusChange: z.function().optional(),\n  autoFocus: z.boolean().optional(),\n\n  // Animation (ADR 020 - Micro-Interaction Animation System)\n  animated: z.boolean().optional().default(true),\n  springConfig: z\n    .object({\n      stiffness: z.number(),\n      damping: z.number(),\n    })\n    .optional(),\n});\n\nexport interface SwitchPropsOwn {\n  className?: string;\n  children?: unknown;\n  id?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'aria-describedby'?: string;\n  'aria-hidden'?: boolean;\n  'data-testid'?: string;\n  isSelected?: boolean;\n  defaultSelected?: boolean;\n  onChange?: (...args: unknown[]) => unknown;\n  variant?: 'default' | 'destructive';\n  size?: 'sm' | 'default' | 'lg';\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  label?: string;\n  description?: string;\n  onFocus?: (...args: unknown[]) => unknown;\n  onBlur?: (...args: unknown[]) => unknown;\n  onFocusChange?: (...args: unknown[]) => unknown;\n  autoFocus?: boolean;\n  animated?: boolean;\n  springConfig?: { stiffness: number; damping: number };\n}\n\nexport type SwitchProps = SwitchPropsOwn &\n  Omit<AriaSwitchProps, keyof SwitchPropsOwn>;\n\nexport type SwitchVariant = SwitchPropsOwn['variant'];\nexport type SwitchSize = SwitchPropsOwn['size'];\n"]}

package/dist/elements/Switch/index.mjs

@@ -1,3 +1,3 @@
 "use client";
-import {memo,forwardRef,useRef,useEffect,useCallback,useState}from'react';import {Switch}from'react-aria-components';import {cva}from'class-variance-authority';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {z as z$1}from'zod';function u(...o){return twMerge(clsx(o))}function E(o,a){return !(o===false||a)}var T="(prefers-reduced-motion: reduce)";function Q(){return typeof window>"u"?false:window.matchMedia(T).matches}function A(){let[o,a]=useState(Q);return useEffect(()=>{let i=window.matchMedia(T);a(i.matches);let r=c=>{a(c.matches);};return i.addEventListener("change",r),()=>i.removeEventListener("change",r)},[]),o}var R="data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2",X="data-[pressed]:scale-[0.97]";var q="data-[hovered]:shadow-md";var S="hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground",P="hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground",N="hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground";var C=`${R} ${X} ${q} ${S} ${P} ${N}`;var f;function te(){return f!==void 0?Promise.resolve(f):import('motion').then(o=>(f=o.animate,f)).catch(()=>(f=null,null))}var ne={stiffness:500,damping:30},V=cva("inline-flex shrink-0 cursor-pointer items-center justify-center min-h-[44px] min-w-[44px] disabled:cursor-not-allowed disabled:opacity-50 data-[readonly]:cursor-default",{variants:{},defaultVariants:{}}),O=cva("relative inline-flex shrink-0 items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-background",{variants:{variant:{default:"bg-[var(--border)] data-[selected]:bg-[var(--primary)]",destructive:"bg-[var(--border)] data-[selected]:bg-[var(--destructive-background)]"},size:{sm:"h-6 w-10",default:"h-7 w-12",lg:"h-8 w-14"}},defaultVariants:{variant:"default",size:"default"}}),I=cva("pointer-events-none absolute left-0.5 rounded-full bg-[var(--content-background)] shadow-lg ring-0",{variants:{size:{sm:"h-4 w-4",default:"h-5 w-5",lg:"h-6 w-6"},animated:{false:"transition-transform data-[selected]:translate-x-full",true:""}},defaultVariants:{size:"default",animated:false}}),L=memo(forwardRef(({className:o,variant:a,size:i,label:r,description:c,isDisabled:v,isReadOnly:b,animated:k,springConfig:p=ne,onChange:w,...F},H)=>{let M=A(),d=E(k,M),s=useRef(null),x=useRef(false),h=useRef(null),y=useRef(null);useEffect(()=>{d&&te().then(t=>{if(t&&(h.current=t,x.current=true,s.current)){let B=s.current.hasAttribute("data-selected");s.current.style.transform=B?"translateX(100%)":"translateX(0)";}});},[d]);let $=useCallback(t=>{w?.(t),d&&x.current&&h.current&&s.current&&(y.current?.stop(),y.current=h.current(s.current,{x:t?"100%":"0%"},{type:"spring",stiffness:p.stiffness,damping:p.damping}));},[d,p.stiffness,p.damping,w]),D=d;return jsx(Switch,{ref:H,isDisabled:v,isReadOnly:b,onChange:$,className:t=>u("group inline-flex items-center gap-2",v&&"cursor-not-allowed opacity-50",o),...F,children:t=>jsxs(Fragment,{children:[jsx("div",{className:u(V()),"data-selected":t.isSelected||void 0,"data-readonly":b||void 0,children:jsx("div",{className:u(O({variant:a,size:i}),C),"data-selected":t.isSelected||void 0,children:jsx("div",{ref:s,className:u(I({size:i,animated:D})),"data-selected":t.isSelected||void 0})})}),(r||c)&&jsxs("div",{className:"flex flex-col",children:[r&&jsx("span",{className:"text-sm font-medium text-[var(--content-foreground)]",children:r}),c&&jsx("span",{className:"text-xs text-[var(--menu-muted)]",children:c})]})]})})}));L.displayName="Switch";var z=z$1.object({className:z$1.string().optional(),children:z$1.any().optional(),id:z$1.string().optional(),"aria-label":z$1.string().optional(),"aria-labelledby":z$1.string().optional(),"aria-describedby":z$1.string().optional(),"aria-live":z$1.enum(["off","polite","assertive"]).optional(),"aria-hidden":z$1.boolean().optional(),"data-testid":z$1.string().optional()});var ae=z.extend({isSelected:z$1.boolean().optional(),defaultSelected:z$1.boolean().optional().default(false),onChange:z$1.function().optional(),variant:z$1.enum(["default","destructive"]).optional().default("default"),size:z$1.enum(["sm","default","lg"]).optional().default("default"),isDisabled:z$1.boolean().optional().default(false),isReadOnly:z$1.boolean().optional().default(false),label:z$1.string().optional(),description:z$1.string().optional(),onFocus:z$1.function().optional(),onBlur:z$1.function().optional(),onFocusChange:z$1.function().optional(),autoFocus:z$1.boolean().optional(),animated:z$1.boolean().optional().default(true),springConfig:z$1.object({stiffness:z$1.number(),damping:z$1.number()}).optional()});export{L as Switch,ae as SwitchPropsSchema,V as switchOuterVariants,I as switchThumbVariants,O as switchTrackVariants};//# sourceMappingURL=index.mjs.map
+import {memo,forwardRef,useRef,useEffect,useCallback,useState}from'react';import {Switch}from'react-aria-components';import {cva}from'class-variance-authority';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {z}from'zod';function u(...a){return twMerge(clsx(a))}function E(a,o){return !(a===false||o)}var T="(prefers-reduced-motion: reduce)";function Q(){return typeof window>"u"?false:window.matchMedia(T).matches}function A(){let[a,o]=useState(Q);return useEffect(()=>{let i=window.matchMedia(T);o(i.matches);let r=c=>{o(c.matches);};return i.addEventListener("change",r),()=>i.removeEventListener("change",r)},[]),a}var R="data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2",X="data-[pressed]:scale-[0.97]";var q="data-[hovered]:shadow-md";var g="hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground",P="hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground",N="hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground";var C=`${R} ${X} ${q} ${g} ${P} ${N}`;var f;function te(){return f!==void 0?Promise.resolve(f):import('motion').then(a=>(f=a.animate,f)).catch(()=>(f=null,null))}var ne={stiffness:500,damping:30},k=cva("inline-flex shrink-0 cursor-pointer items-center justify-center min-h-[44px] min-w-[44px] disabled:cursor-not-allowed disabled:opacity-50 data-[readonly]:cursor-default",{variants:{},defaultVariants:{}}),_=cva("relative inline-flex shrink-0 items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-background",{variants:{variant:{default:"bg-[var(--border)] data-[selected]:bg-[var(--primary)]",destructive:"bg-[var(--border)] data-[selected]:bg-[var(--destructive-background)]"},size:{sm:"h-6 w-10",default:"h-7 w-12",lg:"h-8 w-14"}},defaultVariants:{variant:"default",size:"default"}}),V=cva("pointer-events-none absolute left-0.5 rounded-full bg-[var(--content-background)] shadow-lg ring-0",{variants:{size:{sm:"h-4 w-4",default:"h-5 w-5",lg:"h-6 w-6"},animated:{false:"transition-transform data-[selected]:translate-x-full",true:""}},defaultVariants:{size:"default",animated:false}}),I=memo(forwardRef(({className:a,variant:o,size:i,label:r,description:c,isDisabled:b,isReadOnly:w,animated:F,springConfig:p=ne,onChange:v,...H},M)=>{let z=A(),d=E(F,z),s=useRef(null),x=useRef(false),h=useRef(null),y=useRef(null);useEffect(()=>{d&&te().then(t=>{if(t&&(h.current=t,x.current=true,s.current)){let B=s.current.hasAttribute("data-selected");s.current.style.transform=B?"translateX(100%)":"translateX(0)";}});},[d]);let D=useCallback(t=>{v?.(t),d&&x.current&&h.current&&s.current&&(y.current?.stop(),y.current=h.current(s.current,{x:t?"100%":"0%"},{type:"spring",stiffness:p.stiffness,damping:p.damping}));},[d,p.stiffness,p.damping,v]),$=d;return jsx(Switch,{ref:M,isDisabled:b,isReadOnly:w,onChange:D,className:t=>u("group inline-flex items-center gap-2",b&&"cursor-not-allowed opacity-50",a),...H,children:t=>jsxs(Fragment,{children:[jsx("div",{className:u(k()),"data-selected":t.isSelected||void 0,"data-readonly":w||void 0,children:jsx("div",{className:u(_({variant:o,size:i}),C),"data-selected":t.isSelected||void 0,children:jsx("div",{ref:s,className:u(V({size:i,animated:$})),"data-selected":t.isSelected||void 0})})}),(r||c)&&jsxs("div",{className:"flex flex-col",children:[r&&jsx("span",{className:"text-sm font-medium text-[var(--content-foreground)]",children:r}),c&&jsx("span",{className:"text-xs text-[var(--menu-muted)]",children:c})]})]})})}));I.displayName="Switch";var L=z.object({className:z.string().optional(),children:z.any().optional(),id:z.string().optional(),"aria-label":z.string().optional(),"aria-labelledby":z.string().optional(),"aria-describedby":z.string().optional(),"aria-live":z.enum(["off","polite","assertive"]).optional(),"aria-hidden":z.boolean().optional(),"data-testid":z.string().optional()});var oe=L.extend({isSelected:z.boolean().optional(),defaultSelected:z.boolean().optional().default(false),onChange:z.function().optional(),variant:z.enum(["default","destructive"]).optional().default("default"),size:z.enum(["sm","default","lg"]).optional().default("default"),isDisabled:z.boolean().optional().default(false),isReadOnly:z.boolean().optional().default(false),label:z.string().optional(),description:z.string().optional(),onFocus:z.function().optional(),onBlur:z.function().optional(),onFocusChange:z.function().optional(),autoFocus:z.boolean().optional(),animated:z.boolean().optional().default(true),springConfig:z.object({stiffness:z.number(),damping:z.number()}).optional()});export{I as Switch,oe as SwitchPropsSchema,k as switchOuterVariants,V as switchThumbVariants,_ as switchTrackVariants};//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map

package/dist/elements/Switch/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/utils/shouldAnimate.ts","../../../src/hooks/useReducedMotion.ts","../../../src/styles/interaction-states.ts","../../../src/elements/Switch/Switch.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Switch/Switch.types.ts"],"names":["cn","inputs","twMerge","clsx","shouldAnimate","animated","prefersReducedMotion","QUERY","getInitialState","useReducedMotion","setPrefersReducedMotion","useState","useEffect","mql","handler","event","FOCUS_STYLES","PRESSED_STYLES","HOVER_STYLES","HIGH_CONTRAST_FOCUS","HIGH_CONTRAST_HOVER","HIGH_CONTRAST_PRESSED","DEFAULT_INTERACTIONS","cachedAnimate","loadMotionAnimate","m","DEFAULT_SPRING","switchOuterVariants","cva","switchTrackVariants","switchThumbVariants","Switch","memo","forwardRef","className","variant","size","label","description","isDisabled","isReadOnly","springConfig","onChangeProp","props","ref","doAnimate","thumbRef","useRef","motionReady","animateRef","activeAnimation","fn","isCurrentlySelected","handleChange","useCallback","isSelected","useMotionThumb","jsx","AriaSwitch","_classNameProps","renderProps","jsxs","Fragment","BaseComponentPropsSchema","z","SwitchPropsSchema"],"mappings":"0SAcO,SAASA,CAAAA,CAAAA,GAAMC,CAAAA,CAA8B,CAClD,OAAOC,OAAAA,CAAQC,KAAKF,CAAM,CAAC,CAC7B,CCNO,SAASG,EACdC,CAAAA,CACAC,CAAAA,CACS,CAET,OADI,EAAAD,IAAa,KAAA,EACbC,CAAAA,CAEN,CCbA,IAAMC,CAAAA,CAAQ,mCAEd,SAASC,CAAAA,EAA2B,CAClC,OAAI,OAAO,OAAW,GAAA,CAAoB,KAAA,CACnC,OAAO,UAAA,CAAWD,CAAK,EAAE,OAClC,CASO,SAASE,CAAAA,EAA4B,CAC1C,GAAM,CAACH,CAAAA,CAAsBI,CAAuB,CAAA,CAAIC,QAAAA,CAASH,CAAe,CAAA,CAEhF,OAAAI,UAAU,IAAM,CACd,IAAMC,CAAAA,CAAM,MAAA,CAAO,WAAWN,CAAK,CAAA,CACnCG,EAAwBG,CAAAA,CAAI,OAAO,EAEnC,IAAMC,CAAAA,CAAWC,GAAqC,CACpDL,CAAAA,CAAwBK,EAAM,OAAO,EACvC,EAEA,OAAAF,CAAAA,CAAI,iBAAiB,QAAA,CAAUC,CAAO,EAC/B,IAAMD,CAAAA,CAAI,oBAAoB,QAAA,CAAUC,CAAO,CACxD,CAAA,CAAG,EAAE,CAAA,CAEER,CACT,CCdO,IAAMU,CAAAA,CAAe,gHAUfC,CAAAA,CAAiB,6BAAA,CAevB,IAAMC,CAAAA,CAAe,0BAAA,KAafC,CAAAA,CAAsB,uJAAA,CAMtBC,EAAsB,4FAAA,CAMtBC,CAAAA,CAAwB,oIAuBxBC,CAAAA,CAAuB,CAAA,EAAGN,CAAY,CAAA,CAAA,EAAIC,CAAc,IAAIC,CAAY,CAAA,CAAA,EAAIC,CAAmB,CAAA,CAAA,EAAIC,CAAmB,IAAIC,CAAqB,CAAA,CAAA,CC1D5J,IAAIE,CAAAA,CAEJ,SAASC,EAAAA,EAA+C,CACtD,OAAID,CAAAA,GAAkB,MAAA,CAAkB,QAAQ,OAAA,CAAQA,CAAa,EAE9D,OAAO,QAAQ,EACnB,IAAA,CAAME,CAAAA,GACLF,EAAgBE,CAAAA,CAAE,OAAA,CACXF,EACR,CAAA,CACA,KAAA,CAAM,KACLA,CAAAA,CAAgB,IAAA,CACT,KACR,CACL,KAMMG,EAAAA,CAA+B,CAAE,UAAW,GAAA,CAAK,OAAA,CAAS,EAAG,CAAA,CAW7DC,CAAAA,CAAsBC,IAE1B,0KAAA,CACA,CACE,SAAU,EAAC,CACX,gBAAiB,EACnB,CACF,CAAA,CAOMC,CAAAA,CAAsBD,IAE1B,yPAAA,CACA,CACE,SAAU,CACR,OAAA,CAAS,CAEP,OAAA,CACE,wDAAA,CAEF,YACE,uEACJ,CAAA,CACA,KAAM,CAEJ,EAAA,CAAI,WAEJ,OAAA,CAAS,UAAA,CAET,GAAI,UACN,CACF,EACA,eAAA,CAAiB,CACf,QAAS,SAAA,CACT,IAAA,CAAM,SACR,CACF,CACF,EAQME,CAAAA,CAAsBF,GAAAA,CAE1B,qGACA,CACE,QAAA,CAAU,CACR,IAAA,CAAM,CAEJ,GAAI,SAAA,CACJ,OAAA,CAAS,UACT,EAAA,CAAI,SACN,EACA,QAAA,CAAU,CAER,MAAO,uDAAA,CAEP,IAAA,CAAM,EACR,CACF,CAAA,CACA,gBAAiB,CACf,IAAA,CAAM,UACN,QAAA,CAAU,KACZ,CACF,CACF,CAAA,CAyBMG,EAASC,IAAAA,CAAKC,UAAAA,CAClB,CACE,CACE,SAAA,CAAAC,EACA,OAAA,CAAAC,CAAAA,CACA,KAAAC,CAAAA,CACA,KAAA,CAAAC,EACA,WAAA,CAAAC,CAAAA,CACA,WAAAC,CAAAA,CACA,UAAA,CAAAC,EACA,QAAA,CAAAnC,CAAAA,CACA,aAAAoC,CAAAA,CAAef,EAAAA,CACf,SAAUgB,CAAAA,CACV,GAAGC,CACL,CAAA,CACAC,CAAAA,GACG,CACH,IAAMtC,CAAAA,CAAuBG,GAAiB,CACxCoC,CAAAA,CAAYzC,EAAcC,CAAAA,CAAUC,CAAoB,EAExDwC,CAAAA,CAAWC,MAAAA,CAAuB,IAAI,CAAA,CACtCC,CAAAA,CAAcD,OAAO,KAAK,CAAA,CAC1BE,EAAaF,MAAAA,CAAyB,IAAI,EAC1CG,CAAAA,CAAkBH,MAAAA,CAAoC,IAAI,CAAA,CAGhEnC,SAAAA,CAAU,IAAM,CACTiC,CAAAA,EAELrB,IAAkB,CAAE,IAAA,CAAM2B,GAAO,CAC/B,GAAIA,IACFF,CAAAA,CAAW,OAAA,CAAUE,EACrBH,CAAAA,CAAY,OAAA,CAAU,KAGlBF,CAAAA,CAAS,OAAA,CAAA,CAAS,CACpB,IAAMM,CAAAA,CAAsBN,EAAS,OAAA,CAAQ,YAAA,CAAa,eAAe,CAAA,CACzEA,CAAAA,CAAS,QAAQ,KAAA,CAAM,SAAA,CAAYM,EAC/B,kBAAA,CACA,gBACN,CAEJ,CAAC,EACH,CAAA,CAAG,CAACP,CAAS,CAAC,CAAA,CAEd,IAAMQ,CAAAA,CAAeC,WAAAA,CAClBC,GAAwB,CAEvBb,CAAAA,GAAea,CAAU,CAAA,CAGrBV,CAAAA,EAAaG,EAAY,OAAA,EAAWC,CAAAA,CAAW,SAAWH,CAAAA,CAAS,OAAA,GAErEI,EAAgB,OAAA,EAAS,IAAA,GAEzBA,CAAAA,CAAgB,OAAA,CAAUD,EAAW,OAAA,CACnCH,CAAAA,CAAS,QACT,CAAE,CAAA,CAAGS,EAAa,MAAA,CAAS,IAAK,EAChC,CACE,IAAA,CAAM,SACN,SAAA,CAAWd,CAAAA,CAAa,UACxB,OAAA,CAASA,CAAAA,CAAa,OACxB,CACF,CAAA,EAEJ,EACA,CAACI,CAAAA,CAAWJ,EAAa,SAAA,CAAWA,CAAAA,CAAa,QAASC,CAAY,CACxE,EAGMc,CAAAA,CAAiBX,CAAAA,CAEvB,OACEY,GAAAA,CAACC,MAAAA,CAAA,CACC,GAAA,CAAKd,CAAAA,CACL,WAAYL,CAAAA,CACZ,UAAA,CAAYC,EACZ,QAAA,CAAUa,CAAAA,CACV,UAAYM,CAAAA,EACV3D,CAAAA,CACE,uCACAuC,CAAAA,EAAc,+BAAA,CACdL,CACF,CAAA,CAED,GAAGS,EAEH,QAAA,CAACiB,CAAAA,EACAC,KAAAC,QAAAA,CAAA,CAEE,UAAAL,GAAAA,CAAC,KAAA,CAAA,CACC,UAAWzD,CAAAA,CAAG2B,CAAAA,EAAqB,CAAA,CACnC,eAAA,CAAeiC,EAAY,UAAA,EAAc,MAAA,CACzC,gBAAepB,CAAAA,EAAc,MAAA,CAG7B,SAAAiB,GAAAA,CAAC,KAAA,CAAA,CACC,UAAWzD,CAAAA,CACT6B,CAAAA,CAAoB,CAAE,OAAA,CAAAM,CAAAA,CAAS,KAAAC,CAAK,CAAC,EACrCd,CACF,CAAA,CACA,gBAAesC,CAAAA,CAAY,UAAA,EAAc,OAGzC,QAAA,CAAAH,GAAAA,CAAC,OACC,GAAA,CAAKX,CAAAA,CACL,UAAW9C,CAAAA,CAAG8B,CAAAA,CAAoB,CAChC,IAAA,CAAAM,CAAAA,CACA,SAAUoB,CACZ,CAAC,CAAC,CAAA,CACF,eAAA,CAAeI,EAAY,UAAA,EAAc,MAAA,CAC3C,EACF,CAAA,CACF,CAAA,CAAA,CAGEvB,GAASC,CAAAA,GACTuB,IAAAA,CAAC,OAAI,SAAA,CAAU,eAAA,CACZ,UAAAxB,CAAAA,EACCoB,GAAAA,CAAC,QAAK,SAAA,CAAU,sDAAA,CACb,SAAApB,CAAAA,CACH,CAAA,CAEDC,GACCmB,GAAAA,CAAC,MAAA,CAAA,CAAK,UAAU,kCAAA,CACb,QAAA,CAAAnB,EACH,CAAA,CAAA,CAEJ,CAAA,CAAA,CAEJ,EAEJ,CAEJ,CACF,CAAC,EAEDP,CAAAA,CAAO,YAAc,QAAA,CCnSd,IAAMgC,CAAAA,CAA2BC,IAAE,MAAA,CAAO,CAE/C,UAAWA,GAAAA,CAAE,MAAA,GAAS,QAAA,EAAS,CAG/B,SAAUA,GAAAA,CAAE,GAAA,GAAM,QAAA,EAAS,CAC3B,GAAIA,GAAAA,CAAE,MAAA,GAAS,QAAA,EAAS,CAGxB,aAAcA,GAAAA,CAAE,MAAA,GAAS,QAAA,EAAS,CAClC,kBAAmBA,GAAAA,CAAE,MAAA,GAAS,QAAA,EAAS,CACvC,mBAAoBA,GAAAA,CAAE,MAAA,GAAS,QAAA,EAAS,CACxC,YAAaA,GAAAA,CAAE,IAAA,CAAK,CAAC,KAAA,CAAO,QAAA,CAAU,WAAW,CAAC,CAAA,CAAE,UAAS,CAC7D,aAAA,CAAeA,IAAE,OAAA,EAAQ,CAAE,UAAS,CAGpC,aAAA,CAAeA,IAAE,MAAA,EAAO,CAAE,UAC5B,CAAC,ECdM,IAAMC,EAAAA,CAAoBF,EAAyB,MAAA,CAAO,CAE/D,WAAYC,GAAAA,CAAE,OAAA,GAAU,QAAA,EAAS,CACjC,gBAAiBA,GAAAA,CAAE,OAAA,GAAU,QAAA,EAAS,CAAE,QAAQ,KAAK,CAAA,CACrD,SAAUA,GAAAA,CAAE,QAAA,GAAW,QAAA,EAAS,CAGhC,QAASA,GAAAA,CACN,IAAA,CAAK,CAAC,SAAA,CAAW,aAAa,CAAC,CAAA,CAC/B,QAAA,GACA,OAAA,CAAQ,SAAS,EAGpB,IAAA,CAAMA,GAAAA,CAAE,KAAK,CAAC,IAAA,CAAM,UAAW,IAAI,CAAC,EAAE,QAAA,EAAS,CAAE,QAAQ,SAAS,CAAA,CAGlE,WAAYA,GAAAA,CAAE,OAAA,GAAU,QAAA,EAAS,CAAE,QAAQ,KAAK,CAAA,CAChD,WAAYA,GAAAA,CAAE,OAAA,GAAU,QAAA,EAAS,CAAE,QAAQ,KAAK,CAAA,CAGhD,MAAOA,GAAAA,CAAE,MAAA,GAAS,QAAA,EAAS,CAC3B,YAAaA,GAAAA,CAAE,MAAA,GAAS,QAAA,EAAS,CAGjC,QAASA,GAAAA,CAAE,QAAA,GAAW,QAAA,EAAS,CAC/B,OAAQA,GAAAA,CAAE,QAAA,GAAW,QAAA,EAAS,CAC9B,cAAeA,GAAAA,CAAE,QAAA,GAAW,QAAA,EAAS,CACrC,UAAWA,GAAAA,CAAE,OAAA,GAAU,QAAA,EAAS,CAGhC,SAAUA,GAAAA,CAAE,OAAA,GAAU,QAAA,EAAS,CAAE,QAAQ,IAAI,CAAA,CAC7C,aAAcA,GAAAA,CACX,MAAA,CAAO,CACN,SAAA,CAAWA,GAAAA,CAAE,QAAO,CACpB,OAAA,CAASA,IAAE,MAAA,EACb,CAAC,CAAA,CACA,QAAA,EACL,CAAC","file":"index.mjs","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","/**\n * Determines whether a component should animate.\n *\n * Returns `false` if:\n * - The `animated` prop is explicitly `false`\n * - The user prefers reduced motion\n *\n * @param animated - The component's `animated` prop value (default: `true`)\n * @param prefersReducedMotion - Whether the user prefers reduced motion\n */\nexport function shouldAnimate(\n  animated: boolean | undefined,\n  prefersReducedMotion: boolean,\n): boolean {\n  if (animated === false) return false;\n  if (prefersReducedMotion) return false;\n  return true;\n}\n","'use client';\n\nimport { useState, useEffect } from 'react';\n\nconst QUERY = '(prefers-reduced-motion: reduce)';\n\nfunction getInitialState(): boolean {\n  if (typeof window === 'undefined') return false;\n  return window.matchMedia(QUERY).matches;\n}\n\n/**\n * Detects whether the user prefers reduced motion.\n *\n * - SSR-safe (returns `false` on the server)\n * - Reacts to changes in the OS preference\n * - Cleans up the listener on unmount\n */\nexport function useReducedMotion(): boolean {\n  const [prefersReducedMotion, setPrefersReducedMotion] = useState(getInitialState);\n\n  useEffect(() => {\n    const mql = window.matchMedia(QUERY);\n    setPrefersReducedMotion(mql.matches);\n\n    const handler = (event: MediaQueryListEvent): void => {\n      setPrefersReducedMotion(event.matches);\n    };\n\n    mql.addEventListener('change', handler);\n    return () => mql.removeEventListener('change', handler);\n  }, []);\n\n  return prefersReducedMotion;\n}\n","/**\n * Global Interaction State Styles\n *\n * Consistent interaction patterns across all Themis components.\n * These styles ensure WCAG 2.2 AAA compliance and predictable UX.\n *\n * @see spec.md FR-010 (Visible focus ring for keyboard navigation)\n * @see spec.md FR-031 (Pressed state feedback)\n * @see spec.md FR-012 (High contrast mode support)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\n/**\n * Focus state styles (FR-010)\n * Visible focus ring for keyboard navigation - WCAG 2.2 Level AAA\n *\n * Components can override by extending these styles:\n * @example\n * cn(FOCUS_STYLES, \"ring-4\") // Increases ring width to 4px\n */\nexport const FOCUS_STYLES = \"data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2\";\n\n/**\n * Pressed/Active state styles (FR-031)\n * Visual feedback for press interactions\n *\n * Components can override the scale amount:\n * @example\n * cn(PRESSED_STYLES_BASE, \"data-[pressed]:scale-[0.95]\") // More pronounced scale\n */\nexport const PRESSED_STYLES = \"data-[pressed]:scale-[0.97]\";\n\n/**\n * Base pressed styles without scale (for components that need different feedback)\n */\nexport const PRESSED_STYLES_BASE = \"data-[pressed]:transition-transform data-[pressed]:duration-100\";\n\n/**\n * Hover state styles\n * Elevation change on hover for better affordance\n *\n * Components can override shadow depth:\n * @example\n * cn(HOVER_STYLES_BASE, \"data-[hovered]:shadow-lg\") // Larger shadow\n */\nexport const HOVER_STYLES = \"data-[hovered]:shadow-md\";\n\n/**\n * Base hover styles without shadow (for components that use different hover effects)\n */\nexport const HOVER_STYLES_BASE = \"data-[hovered]:transition-shadow data-[hovered]:duration-200\";\n\n/**\n * High contrast mode focus (FR-012)\n * Enhanced outlines for users requiring high contrast\n *\n * Uses 'hc:' prefix for prefers-contrast: more media query\n */\nexport const HIGH_CONTRAST_FOCUS = \"hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground\";\n\n/**\n * High contrast mode hover (FR-012)\n * Enhanced outlines for hover in high contrast mode\n */\nexport const HIGH_CONTRAST_HOVER = \"hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground\";\n\n/**\n * High contrast mode pressed state\n * Enhanced outlines for pressed state in high contrast mode\n */\nexport const HIGH_CONTRAST_PRESSED = \"hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground\";\n\n/**\n * Combined high contrast styles\n * Use this for components that need all high contrast interaction states\n */\nexport const HIGH_CONTRAST_INTERACTIONS = `${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Disabled state styles\n * Consistent disabled appearance across all components\n */\nexport const DISABLED_STYLES = \"disabled:pointer-events-none disabled:opacity-50\";\n\n/**\n * Default interaction bundle\n * Most common combination for interactive components\n *\n * Includes: focus ring, pressed scale, hover shadow, high contrast enhancements\n *\n * @example\n * <button className={cn(DEFAULT_INTERACTIONS, \"bg-primary\")}>Click</button>\n */\nexport const DEFAULT_INTERACTIONS = `${FOCUS_STYLES} ${PRESSED_STYLES} ${HOVER_STYLES} ${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Subtle interaction bundle\n * For components that need less pronounced feedback\n *\n * Includes: focus ring and high contrast, but no hover shadow or pressed scale\n */\nexport const SUBTLE_INTERACTIONS = `${FOCUS_STYLES} ${HIGH_CONTRAST_FOCUS}`;\n\n/**\n * Non-interactive element styles\n * For elements that should indicate they are not interactive\n */\nexport const NON_INTERACTIVE = \"cursor-default select-none\";\n","\"use client\";\n\n/**\n * Switch Component\n * Accessible toggle switch with React Aria primitives and CVA styling.\n * Supports optional spring animation via motion.dev.\n *\n * @see React Aria Switch: https://react-spectrum.adobe.com/react-aria/Switch.html\n * @see ShadCN Switch: https://ui.shadcn.com/docs/components/switch\n * @see spec.md (WCAG 2.2 AAA - 7:1 contrast ratio, 44x44px touch targets)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\nimport { forwardRef, memo, useRef, useEffect, useCallback } from 'react';\nimport {\n  Switch as AriaSwitch,\n  type SwitchProps as AriaSwitchProps,\n} from 'react-aria-components';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { shouldAnimate } from '../../utils/shouldAnimate';\nimport { useReducedMotion } from '../../hooks/useReducedMotion';\nimport { DEFAULT_INTERACTIONS } from '../../styles/interaction-states';\nimport type { AnimatedProps, SpringConfig } from '../../types/animation';\n\n// ---------------------------------------------------------------------------\n// Motion lazy-loader — avoids hard dep on optional peer\n// ---------------------------------------------------------------------------\n\ntype AnimateFn = (\n  element: Element,\n  keyframes: Record<string, string | number>,\n  options?: Record<string, unknown>,\n) => { stop: () => void };\n\nlet cachedAnimate: AnimateFn | null | undefined; // undefined = pending, null = unavailable\n\nfunction loadMotionAnimate(): Promise<AnimateFn | null> {\n  if (cachedAnimate !== undefined) return Promise.resolve(cachedAnimate);\n\n  return import('motion')\n    .then((m) => {\n      cachedAnimate = m.animate as unknown as AnimateFn;\n      return cachedAnimate;\n    })\n    .catch(() => {\n      cachedAnimate = null;\n      return null;\n    });\n}\n\n// ---------------------------------------------------------------------------\n// Default spring configuration\n// ---------------------------------------------------------------------------\n\nconst DEFAULT_SPRING: SpringConfig = { stiffness: 500, damping: 30 };\n\n// ---------------------------------------------------------------------------\n// CVA Variants\n// ---------------------------------------------------------------------------\n\n/**\n * Layer 1: Transparent outer touch target (44x44px minimum)\n * This layer handles the WCAG 2.2 AAA touch target requirement\n * Always invisible, centers the visual switch inside\n */\nconst switchOuterVariants = cva(\n  // Base styles - WCAG 2.2 AAA: 44x44px minimum touch target\n  \"inline-flex shrink-0 cursor-pointer items-center justify-center min-h-[44px] min-w-[44px] disabled:cursor-not-allowed disabled:opacity-50 data-[readonly]:cursor-default\",\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n);\n\n/**\n * Layer 2: Visual switch track/background (adjustable size)\n * This layer provides the visual appearance and size flexibility\n * Background color changes based on variant and selection state\n */\nconst switchTrackVariants = cva(\n  // Base styles - visual track with transitions and focus states\n  \"relative inline-flex shrink-0 items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n  {\n    variants: {\n      variant: {\n        // Default variant: Uses primary color when selected\n        default:\n          \"bg-[var(--border)] data-[selected]:bg-[var(--primary)]\",\n        // Destructive variant: Uses destructive/error color when selected\n        destructive:\n          \"bg-[var(--border)] data-[selected]:bg-[var(--destructive-background)]\",\n      },\n      size: {\n        // Small: h-6 w-10 (visual track size)\n        sm: \"h-6 w-10\",\n        // Default: h-7 w-12\n        default: \"h-7 w-12\",\n        // Large: h-8 w-14\n        lg: \"h-8 w-14\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n);\n\n/**\n * Layer 3: Switch thumb (sliding circle)\n * Inner visual element that slides horizontally when switch is selected.\n * When spring animation is active, CSS transition is removed and\n * motion.dev controls the translateX via inline transform.\n */\nconst switchThumbVariants = cva(\n  // Base styles: rounded circle with shadow\n  \"pointer-events-none absolute left-0.5 rounded-full bg-[var(--content-background)] shadow-lg ring-0\",\n  {\n    variants: {\n      size: {\n        // Thumb is slightly smaller than track height for proper padding\n        sm: \"h-4 w-4\",\n        default: \"h-5 w-5\",\n        lg: \"h-6 w-6\",\n      },\n      animated: {\n        // When CSS handles the animation (motion.dev unavailable or disabled)\n        false: \"transition-transform data-[selected]:translate-x-full\",\n        // When motion.dev handles the animation — no CSS transition\n        true: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      animated: false,\n    },\n  }\n);\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport interface SwitchProps\n  extends Omit<AriaSwitchProps, 'className' | 'children'>,\n    VariantProps<typeof switchTrackVariants>,\n    AnimatedProps {\n  variant?: 'default' | 'destructive';\n  size?: 'sm' | 'default' | 'lg';\n  label?: string;\n  description?: string;\n  className?: string;\n  /** Spring physics configuration. Default: { stiffness: 500, damping: 30 } */\n  springConfig?: SpringConfig;\n}\n\n/**\n * Switch Component\n * Fully accessible toggle switch with React Aria and themed styling.\n * When `animated` is true (default) and motion.dev is installed,\n * the thumb uses spring physics for a natural bounce effect.\n */\nconst Switch = memo(forwardRef<HTMLLabelElement, SwitchProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      label,\n      description,\n      isDisabled,\n      isReadOnly,\n      animated,\n      springConfig = DEFAULT_SPRING,\n      onChange: onChangeProp,\n      ...props\n    },\n    ref\n  ) => {\n    const prefersReducedMotion = useReducedMotion();\n    const doAnimate = shouldAnimate(animated, prefersReducedMotion);\n\n    const thumbRef = useRef<HTMLDivElement>(null);\n    const motionReady = useRef(false);\n    const animateRef = useRef<AnimateFn | null>(null);\n    const activeAnimation = useRef<{ stop: () => void } | null>(null);\n\n    // Preload motion.dev when animation is desired\n    useEffect(() => {\n      if (!doAnimate) return;\n\n      loadMotionAnimate().then((fn) => {\n        if (fn) {\n          animateRef.current = fn;\n          motionReady.current = true;\n\n          // Set initial thumb position if already selected (no animation)\n          if (thumbRef.current) {\n            const isCurrentlySelected = thumbRef.current.hasAttribute('data-selected');\n            thumbRef.current.style.transform = isCurrentlySelected\n              ? 'translateX(100%)'\n              : 'translateX(0)';\n          }\n        }\n      });\n    }, [doAnimate]);\n\n    const handleChange = useCallback(\n      (isSelected: boolean) => {\n        // Forward to consumer's onChange\n        onChangeProp?.(isSelected);\n\n        // Trigger spring animation if motion is ready\n        if (doAnimate && motionReady.current && animateRef.current && thumbRef.current) {\n          // Stop any in-progress animation\n          activeAnimation.current?.stop();\n\n          activeAnimation.current = animateRef.current(\n            thumbRef.current,\n            { x: isSelected ? '100%' : '0%' },\n            {\n              type: 'spring',\n              stiffness: springConfig.stiffness,\n              damping: springConfig.damping,\n            },\n          );\n        }\n      },\n      [doAnimate, springConfig.stiffness, springConfig.damping, onChangeProp],\n    );\n\n    // Use motion for thumb position when motion.dev is handling it\n    const useMotionThumb = doAnimate;\n\n    return (\n      <AriaSwitch\n        ref={ref}\n        isDisabled={isDisabled}\n        isReadOnly={isReadOnly}\n        onChange={handleChange}\n        className={(_classNameProps) =>\n          cn(\n            \"group inline-flex items-center gap-2\",\n            isDisabled && \"cursor-not-allowed opacity-50\",\n            className\n          )\n        }\n        {...props}\n      >\n        {(renderProps) => (\n          <>\n            {/* Layer 1: Transparent outer touch target (44x44px WCAG compliant) */}\n            <div\n              className={cn(switchOuterVariants())}\n              data-selected={renderProps.isSelected || undefined}\n              data-readonly={isReadOnly || undefined}\n            >\n              {/* Layer 2: Visual switch track (adjustable size with variants) */}\n              <div\n                className={cn(\n                  switchTrackVariants({ variant, size }),\n                  DEFAULT_INTERACTIONS\n                )}\n                data-selected={renderProps.isSelected || undefined}\n              >\n                {/* Layer 3: Thumb (sliding circle, absolutely positioned) */}\n                <div\n                  ref={thumbRef}\n                  className={cn(switchThumbVariants({\n                    size,\n                    animated: useMotionThumb,\n                  }))}\n                  data-selected={renderProps.isSelected || undefined}\n                />\n              </div>\n            </div>\n\n            {/* Optional label and description */}\n            {(label || description) && (\n              <div className=\"flex flex-col\">\n                {label && (\n                  <span className=\"text-sm font-medium text-[var(--content-foreground)]\">\n                    {label}\n                  </span>\n                )}\n                {description && (\n                  <span className=\"text-xs text-[var(--menu-muted)]\">\n                    {description}\n                  </span>\n                )}\n              </div>\n            )}\n          </>\n        )}\n      </AriaSwitch>\n    );\n  }\n));\n\nSwitch.displayName = \"Switch\";\n\nexport { Switch, switchOuterVariants, switchTrackVariants, switchThumbVariants };\n","import { z } from 'zod';\n\n/**\n * Base props schema for all Themis components\n * Ensures consistent accessibility and styling APIs across the library\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements)\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AA minimum)\n */\nexport const BaseComponentPropsSchema = z.object({\n  // Styling\n  className: z.string().optional(),\n\n  // React\n  children: z.any().optional(), // ReactNode not directly supported by Zod\n  id: z.string().optional(),\n\n  // Accessibility (WCAG 2.2 AA requirements)\n  'aria-label': z.string().optional(),\n  'aria-labelledby': z.string().optional(),\n  'aria-describedby': z.string().optional(),\n  'aria-live': z.enum(['off', 'polite', 'assertive']).optional(),\n  'aria-hidden': z.boolean().optional(),\n\n  // Testing & Development\n  'data-testid': z.string().optional(),\n});\n\nexport type BaseComponentProps = z.infer<typeof BaseComponentPropsSchema>;\n","import { z } from 'zod';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\nimport type { SwitchProps as AriaSwitchProps } from 'react-aria-components';\n\n/**\n * Switch props schema extending BaseComponentProps\n *\n * @see React Aria Switch: https://react-spectrum.adobe.com/react-aria/Switch.html\n * @see ShadCN Switch: https://ui.shadcn.com/docs/components/switch\n * @see spec.md (WCAG 2.2 AAA - 7:1 contrast, 44x44px touch targets)\n * @see constitution.md Principle IV (Accessibility First)\n */\nexport const SwitchPropsSchema = BaseComponentPropsSchema.extend({\n  // State management (controlled/uncontrolled)\n  isSelected: z.boolean().optional(),\n  defaultSelected: z.boolean().optional().default(false),\n  onChange: z.function().optional(),\n\n  // Variants (matching Button pattern)\n  variant: z\n    .enum(['default', 'destructive'])\n    .optional()\n    .default('default'),\n\n  // Sizes (3 sizes for consistency)\n  size: z.enum(['sm', 'default', 'lg']).optional().default('default'),\n\n  // States\n  isDisabled: z.boolean().optional().default(false),\n  isReadOnly: z.boolean().optional().default(false),\n\n  // Labels (optional built-in labeling)\n  label: z.string().optional(),\n  description: z.string().optional(),\n\n  // React Aria SwitchProps integration\n  onFocus: z.function().optional(),\n  onBlur: z.function().optional(),\n  onFocusChange: z.function().optional(),\n  autoFocus: z.boolean().optional(),\n\n  // Animation (ADR 020 - Micro-Interaction Animation System)\n  animated: z.boolean().optional().default(true),\n  springConfig: z\n    .object({\n      stiffness: z.number(),\n      damping: z.number(),\n    })\n    .optional(),\n});\n\nexport type SwitchProps = z.infer<typeof SwitchPropsSchema> &\n  Omit<AriaSwitchProps, keyof z.infer<typeof SwitchPropsSchema>>;\n\n/**\n * CVA variant configuration types\n * Used for class-variance-authority integration\n */\nexport type SwitchVariant = z.infer<typeof SwitchPropsSchema>['variant'];\nexport type SwitchSize = z.infer<typeof SwitchPropsSchema>['size'];\n"]}
+{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/utils/shouldAnimate.ts","../../../src/hooks/useReducedMotion.ts","../../../src/styles/interaction-states.ts","../../../src/elements/Switch/Switch.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Switch/Switch.types.ts"],"names":["cn","inputs","twMerge","clsx","shouldAnimate","animated","prefersReducedMotion","QUERY","getInitialState","useReducedMotion","setPrefersReducedMotion","useState","useEffect","mql","handler","event","FOCUS_STYLES","PRESSED_STYLES","HOVER_STYLES","HIGH_CONTRAST_FOCUS","HIGH_CONTRAST_HOVER","HIGH_CONTRAST_PRESSED","DEFAULT_INTERACTIONS","cachedAnimate","loadMotionAnimate","m","DEFAULT_SPRING","switchOuterVariants","cva","switchTrackVariants","switchThumbVariants","Switch","memo","forwardRef","className","variant","size","label","description","isDisabled","isReadOnly","springConfig","onChangeProp","props","ref","doAnimate","thumbRef","useRef","motionReady","animateRef","activeAnimation","fn","isCurrentlySelected","handleChange","useCallback","isSelected","useMotionThumb","jsx","AriaSwitch","_classNameProps","renderProps","jsxs","Fragment","BaseComponentPropsSchema","z","SwitchPropsSchema"],"mappings":"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","file":"index.mjs","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","/**\n * Determines whether a component should animate.\n *\n * Returns `false` if:\n * - The `animated` prop is explicitly `false`\n * - The user prefers reduced motion\n *\n * @param animated - The component's `animated` prop value (default: `true`)\n * @param prefersReducedMotion - Whether the user prefers reduced motion\n */\nexport function shouldAnimate(\n  animated: boolean | undefined,\n  prefersReducedMotion: boolean,\n): boolean {\n  if (animated === false) return false;\n  if (prefersReducedMotion) return false;\n  return true;\n}\n","'use client';\n\nimport { useState, useEffect } from 'react';\n\nconst QUERY = '(prefers-reduced-motion: reduce)';\n\nfunction getInitialState(): boolean {\n  if (typeof window === 'undefined') return false;\n  return window.matchMedia(QUERY).matches;\n}\n\n/**\n * Detects whether the user prefers reduced motion.\n *\n * - SSR-safe (returns `false` on the server)\n * - Reacts to changes in the OS preference\n * - Cleans up the listener on unmount\n */\nexport function useReducedMotion(): boolean {\n  const [prefersReducedMotion, setPrefersReducedMotion] = useState(getInitialState);\n\n  useEffect(() => {\n    const mql = window.matchMedia(QUERY);\n    setPrefersReducedMotion(mql.matches);\n\n    const handler = (event: MediaQueryListEvent): void => {\n      setPrefersReducedMotion(event.matches);\n    };\n\n    mql.addEventListener('change', handler);\n    return () => mql.removeEventListener('change', handler);\n  }, []);\n\n  return prefersReducedMotion;\n}\n","/**\n * Global Interaction State Styles\n *\n * Consistent interaction patterns across all Themis components.\n * These styles ensure WCAG 2.2 AAA compliance and predictable UX.\n *\n * @see spec.md FR-010 (Visible focus ring for keyboard navigation)\n * @see spec.md FR-031 (Pressed state feedback)\n * @see spec.md FR-012 (High contrast mode support)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\n/**\n * Focus state styles (FR-010)\n * Visible focus ring for keyboard navigation - WCAG 2.2 Level AAA\n *\n * Components can override by extending these styles:\n * @example\n * cn(FOCUS_STYLES, \"ring-4\") // Increases ring width to 4px\n */\nexport const FOCUS_STYLES = \"data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2\";\n\n/**\n * Pressed/Active state styles (FR-031)\n * Visual feedback for press interactions\n *\n * Components can override the scale amount:\n * @example\n * cn(PRESSED_STYLES_BASE, \"data-[pressed]:scale-[0.95]\") // More pronounced scale\n */\nexport const PRESSED_STYLES = \"data-[pressed]:scale-[0.97]\";\n\n/**\n * Base pressed styles without scale (for components that need different feedback)\n */\nexport const PRESSED_STYLES_BASE = \"data-[pressed]:transition-transform data-[pressed]:duration-100\";\n\n/**\n * Hover state styles\n * Elevation change on hover for better affordance\n *\n * Components can override shadow depth:\n * @example\n * cn(HOVER_STYLES_BASE, \"data-[hovered]:shadow-lg\") // Larger shadow\n */\nexport const HOVER_STYLES = \"data-[hovered]:shadow-md\";\n\n/**\n * Base hover styles without shadow (for components that use different hover effects)\n */\nexport const HOVER_STYLES_BASE = \"data-[hovered]:transition-shadow data-[hovered]:duration-200\";\n\n/**\n * High contrast mode focus (FR-012)\n * Enhanced outlines for users requiring high contrast\n *\n * Uses 'hc:' prefix for prefers-contrast: more media query\n */\nexport const HIGH_CONTRAST_FOCUS = \"hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground\";\n\n/**\n * High contrast mode hover (FR-012)\n * Enhanced outlines for hover in high contrast mode\n */\nexport const HIGH_CONTRAST_HOVER = \"hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground\";\n\n/**\n * High contrast mode pressed state\n * Enhanced outlines for pressed state in high contrast mode\n */\nexport const HIGH_CONTRAST_PRESSED = \"hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground\";\n\n/**\n * Combined high contrast styles\n * Use this for components that need all high contrast interaction states\n */\nexport const HIGH_CONTRAST_INTERACTIONS = `${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Disabled state styles\n * Consistent disabled appearance across all components\n */\nexport const DISABLED_STYLES = \"disabled:pointer-events-none disabled:opacity-50\";\n\n/**\n * Default interaction bundle\n * Most common combination for interactive components\n *\n * Includes: focus ring, pressed scale, hover shadow, high contrast enhancements\n *\n * @example\n * <button className={cn(DEFAULT_INTERACTIONS, \"bg-primary\")}>Click</button>\n */\nexport const DEFAULT_INTERACTIONS = `${FOCUS_STYLES} ${PRESSED_STYLES} ${HOVER_STYLES} ${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Subtle interaction bundle\n * For components that need less pronounced feedback\n *\n * Includes: focus ring and high contrast, but no hover shadow or pressed scale\n */\nexport const SUBTLE_INTERACTIONS = `${FOCUS_STYLES} ${HIGH_CONTRAST_FOCUS}`;\n\n/**\n * Non-interactive element styles\n * For elements that should indicate they are not interactive\n */\nexport const NON_INTERACTIVE = \"cursor-default select-none\";\n","\"use client\";\n\n/**\n * Switch Component\n * Accessible toggle switch with React Aria primitives and CVA styling.\n * Supports optional spring animation via motion.dev.\n *\n * @see React Aria Switch: https://react-spectrum.adobe.com/react-aria/Switch.html\n * @see ShadCN Switch: https://ui.shadcn.com/docs/components/switch\n * @see spec.md (WCAG 2.2 AAA - 7:1 contrast ratio, 44x44px touch targets)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\nimport { forwardRef, memo, useRef, useEffect, useCallback } from 'react';\nimport {\n  Switch as AriaSwitch,\n  type SwitchProps as AriaSwitchProps,\n} from 'react-aria-components';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { shouldAnimate } from '../../utils/shouldAnimate';\nimport { useReducedMotion } from '../../hooks/useReducedMotion';\nimport { DEFAULT_INTERACTIONS } from '../../styles/interaction-states';\nimport type { AnimatedProps, SpringConfig } from '../../types/animation';\n\n// ---------------------------------------------------------------------------\n// Motion lazy-loader — avoids hard dep on optional peer\n// ---------------------------------------------------------------------------\n\ntype AnimateFn = (\n  element: Element,\n  keyframes: Record<string, string | number>,\n  options?: Record<string, unknown>,\n) => { stop: () => void };\n\nlet cachedAnimate: AnimateFn | null | undefined; // undefined = pending, null = unavailable\n\nfunction loadMotionAnimate(): Promise<AnimateFn | null> {\n  if (cachedAnimate !== undefined) return Promise.resolve(cachedAnimate);\n\n  return import('motion')\n    .then((m) => {\n      cachedAnimate = m.animate as unknown as AnimateFn;\n      return cachedAnimate;\n    })\n    .catch(() => {\n      cachedAnimate = null;\n      return null;\n    });\n}\n\n// ---------------------------------------------------------------------------\n// Default spring configuration\n// ---------------------------------------------------------------------------\n\nconst DEFAULT_SPRING: SpringConfig = { stiffness: 500, damping: 30 };\n\n// ---------------------------------------------------------------------------\n// CVA Variants\n// ---------------------------------------------------------------------------\n\n/**\n * Layer 1: Transparent outer touch target (44x44px minimum)\n * This layer handles the WCAG 2.2 AAA touch target requirement\n * Always invisible, centers the visual switch inside\n */\nconst switchOuterVariants = cva(\n  // Base styles - WCAG 2.2 AAA: 44x44px minimum touch target\n  \"inline-flex shrink-0 cursor-pointer items-center justify-center min-h-[44px] min-w-[44px] disabled:cursor-not-allowed disabled:opacity-50 data-[readonly]:cursor-default\",\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n);\n\n/**\n * Layer 2: Visual switch track/background (adjustable size)\n * This layer provides the visual appearance and size flexibility\n * Background color changes based on variant and selection state\n */\nconst switchTrackVariants = cva(\n  // Base styles - visual track with transitions and focus states\n  \"relative inline-flex shrink-0 items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n  {\n    variants: {\n      variant: {\n        // Default variant: Uses primary color when selected\n        default:\n          \"bg-[var(--border)] data-[selected]:bg-[var(--primary)]\",\n        // Destructive variant: Uses destructive/error color when selected\n        destructive:\n          \"bg-[var(--border)] data-[selected]:bg-[var(--destructive-background)]\",\n      },\n      size: {\n        // Small: h-6 w-10 (visual track size)\n        sm: \"h-6 w-10\",\n        // Default: h-7 w-12\n        default: \"h-7 w-12\",\n        // Large: h-8 w-14\n        lg: \"h-8 w-14\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n);\n\n/**\n * Layer 3: Switch thumb (sliding circle)\n * Inner visual element that slides horizontally when switch is selected.\n * When spring animation is active, CSS transition is removed and\n * motion.dev controls the translateX via inline transform.\n */\nconst switchThumbVariants = cva(\n  // Base styles: rounded circle with shadow\n  \"pointer-events-none absolute left-0.5 rounded-full bg-[var(--content-background)] shadow-lg ring-0\",\n  {\n    variants: {\n      size: {\n        // Thumb is slightly smaller than track height for proper padding\n        sm: \"h-4 w-4\",\n        default: \"h-5 w-5\",\n        lg: \"h-6 w-6\",\n      },\n      animated: {\n        // When CSS handles the animation (motion.dev unavailable or disabled)\n        false: \"transition-transform data-[selected]:translate-x-full\",\n        // When motion.dev handles the animation — no CSS transition\n        true: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      animated: false,\n    },\n  }\n);\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport interface SwitchProps\n  extends Omit<AriaSwitchProps, 'className' | 'children'>,\n    VariantProps<typeof switchTrackVariants>,\n    AnimatedProps {\n  variant?: 'default' | 'destructive';\n  size?: 'sm' | 'default' | 'lg';\n  label?: string;\n  description?: string;\n  className?: string;\n  /** Spring physics configuration. Default: { stiffness: 500, damping: 30 } */\n  springConfig?: SpringConfig;\n}\n\n/**\n * Switch Component\n * Fully accessible toggle switch with React Aria and themed styling.\n * When `animated` is true (default) and motion.dev is installed,\n * the thumb uses spring physics for a natural bounce effect.\n */\nconst Switch = memo(forwardRef<HTMLLabelElement, SwitchProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      label,\n      description,\n      isDisabled,\n      isReadOnly,\n      animated,\n      springConfig = DEFAULT_SPRING,\n      onChange: onChangeProp,\n      ...props\n    },\n    ref\n  ) => {\n    const prefersReducedMotion = useReducedMotion();\n    const doAnimate = shouldAnimate(animated, prefersReducedMotion);\n\n    const thumbRef = useRef<HTMLDivElement>(null);\n    const motionReady = useRef(false);\n    const animateRef = useRef<AnimateFn | null>(null);\n    const activeAnimation = useRef<{ stop: () => void } | null>(null);\n\n    // Preload motion.dev when animation is desired\n    useEffect(() => {\n      if (!doAnimate) return;\n\n      loadMotionAnimate().then((fn) => {\n        if (fn) {\n          animateRef.current = fn;\n          motionReady.current = true;\n\n          // Set initial thumb position if already selected (no animation)\n          if (thumbRef.current) {\n            const isCurrentlySelected = thumbRef.current.hasAttribute('data-selected');\n            thumbRef.current.style.transform = isCurrentlySelected\n              ? 'translateX(100%)'\n              : 'translateX(0)';\n          }\n        }\n      });\n    }, [doAnimate]);\n\n    const handleChange = useCallback(\n      (isSelected: boolean) => {\n        // Forward to consumer's onChange\n        onChangeProp?.(isSelected);\n\n        // Trigger spring animation if motion is ready\n        if (doAnimate && motionReady.current && animateRef.current && thumbRef.current) {\n          // Stop any in-progress animation\n          activeAnimation.current?.stop();\n\n          activeAnimation.current = animateRef.current(\n            thumbRef.current,\n            { x: isSelected ? '100%' : '0%' },\n            {\n              type: 'spring',\n              stiffness: springConfig.stiffness,\n              damping: springConfig.damping,\n            },\n          );\n        }\n      },\n      [doAnimate, springConfig.stiffness, springConfig.damping, onChangeProp],\n    );\n\n    // Use motion for thumb position when motion.dev is handling it\n    const useMotionThumb = doAnimate;\n\n    return (\n      <AriaSwitch\n        ref={ref}\n        isDisabled={isDisabled}\n        isReadOnly={isReadOnly}\n        onChange={handleChange}\n        className={(_classNameProps) =>\n          cn(\n            \"group inline-flex items-center gap-2\",\n            isDisabled && \"cursor-not-allowed opacity-50\",\n            className\n          )\n        }\n        {...props}\n      >\n        {(renderProps) => (\n          <>\n            {/* Layer 1: Transparent outer touch target (44x44px WCAG compliant) */}\n            <div\n              className={cn(switchOuterVariants())}\n              data-selected={renderProps.isSelected || undefined}\n              data-readonly={isReadOnly || undefined}\n            >\n              {/* Layer 2: Visual switch track (adjustable size with variants) */}\n              <div\n                className={cn(\n                  switchTrackVariants({ variant, size }),\n                  DEFAULT_INTERACTIONS\n                )}\n                data-selected={renderProps.isSelected || undefined}\n              >\n                {/* Layer 3: Thumb (sliding circle, absolutely positioned) */}\n                <div\n                  ref={thumbRef}\n                  className={cn(switchThumbVariants({\n                    size,\n                    animated: useMotionThumb,\n                  }))}\n                  data-selected={renderProps.isSelected || undefined}\n                />\n              </div>\n            </div>\n\n            {/* Optional label and description */}\n            {(label || description) && (\n              <div className=\"flex flex-col\">\n                {label && (\n                  <span className=\"text-sm font-medium text-[var(--content-foreground)]\">\n                    {label}\n                  </span>\n                )}\n                {description && (\n                  <span className=\"text-xs text-[var(--menu-muted)]\">\n                    {description}\n                  </span>\n                )}\n              </div>\n            )}\n          </>\n        )}\n      </AriaSwitch>\n    );\n  }\n));\n\nSwitch.displayName = \"Switch\";\n\nexport { Switch, switchOuterVariants, switchTrackVariants, switchThumbVariants };\n","import { z } from 'zod';\n\n/**\n * Base props schema for all Themis components\n * Ensures consistent accessibility and styling APIs across the library\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements)\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AA minimum)\n */\nexport const BaseComponentPropsSchema = z.object({\n  // Styling\n  className: z.string().optional(),\n\n  // React\n  children: z.any().optional(), // ReactNode not directly supported by Zod\n  id: z.string().optional(),\n\n  // Accessibility (WCAG 2.2 AA requirements)\n  'aria-label': z.string().optional(),\n  'aria-labelledby': z.string().optional(),\n  'aria-describedby': z.string().optional(),\n  'aria-live': z.enum(['off', 'polite', 'assertive']).optional(),\n  'aria-hidden': z.boolean().optional(),\n\n  // Testing & Development\n  'data-testid': z.string().optional(),\n});\n\nexport type BaseComponentProps = z.infer<typeof BaseComponentPropsSchema>;\n","import { z } from 'zod';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\nimport type { SwitchProps as AriaSwitchProps } from 'react-aria-components';\n\n/**\n * Switch props schema extending BaseComponentProps\n *\n * @see React Aria Switch: https://react-spectrum.adobe.com/react-aria/Switch.html\n * @see ShadCN Switch: https://ui.shadcn.com/docs/components/switch\n * @see spec.md (WCAG 2.2 AAA - 7:1 contrast, 44x44px touch targets)\n * @see constitution.md Principle IV (Accessibility First)\n */\nexport const SwitchPropsSchema = BaseComponentPropsSchema.extend({\n  // State management (controlled/uncontrolled)\n  isSelected: z.boolean().optional(),\n  defaultSelected: z.boolean().optional().default(false),\n  onChange: z.function().optional(),\n\n  // Variants (matching Button pattern)\n  variant: z\n    .enum(['default', 'destructive'])\n    .optional()\n    .default('default'),\n\n  // Sizes (3 sizes for consistency)\n  size: z.enum(['sm', 'default', 'lg']).optional().default('default'),\n\n  // States\n  isDisabled: z.boolean().optional().default(false),\n  isReadOnly: z.boolean().optional().default(false),\n\n  // Labels (optional built-in labeling)\n  label: z.string().optional(),\n  description: z.string().optional(),\n\n  // React Aria SwitchProps integration\n  onFocus: z.function().optional(),\n  onBlur: z.function().optional(),\n  onFocusChange: z.function().optional(),\n  autoFocus: z.boolean().optional(),\n\n  // Animation (ADR 020 - Micro-Interaction Animation System)\n  animated: z.boolean().optional().default(true),\n  springConfig: z\n    .object({\n      stiffness: z.number(),\n      damping: z.number(),\n    })\n    .optional(),\n});\n\nexport interface SwitchPropsOwn {\n  className?: string;\n  children?: unknown;\n  id?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'aria-describedby'?: string;\n  'aria-hidden'?: boolean;\n  'data-testid'?: string;\n  isSelected?: boolean;\n  defaultSelected?: boolean;\n  onChange?: (...args: unknown[]) => unknown;\n  variant?: 'default' | 'destructive';\n  size?: 'sm' | 'default' | 'lg';\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  label?: string;\n  description?: string;\n  onFocus?: (...args: unknown[]) => unknown;\n  onBlur?: (...args: unknown[]) => unknown;\n  onFocusChange?: (...args: unknown[]) => unknown;\n  autoFocus?: boolean;\n  animated?: boolean;\n  springConfig?: { stiffness: number; damping: number };\n}\n\nexport type SwitchProps = SwitchPropsOwn &\n  Omit<AriaSwitchProps, keyof SwitchPropsOwn>;\n\nexport type SwitchVariant = SwitchPropsOwn['variant'];\nexport type SwitchSize = SwitchPropsOwn['size'];\n"]}

package/dist/elements/Table/Table.d.ts

@@ -6,96 +6,24 @@
  * @see table-prd.md for requirements
  * @see WCAG 2.2 AAA compliance
  */
-import { type ReactNode, type ReactElement, type ForwardedRef } from 'react';
+import { type ReactElement, type ForwardedRef } from 'react';
 import { type Selection, type SortDescriptor } from 'react-aria-components';
 import { tableContainerVariants, tableVariants, tableHeaderVariants, tableFooterVariants, tableCaptionVariants, columnVariants, rowVariants, cellVariants } from './Table.styles';
-import type { TableHeaderProps, TableBodyProps, RowProps } from './Table.types';
-declare const Table: import("react").ForwardRefExoticComponent<{
-    selectionMode: "single" | "multiple" | "none";
-    selectionBehavior: "replace" | "toggle";
-    disallowEmptySelection: boolean;
-    disabledBehavior: "all" | "selection";
-    variant: "default" | "bordered" | "striped";
-    size: "default" | "sm" | "lg";
-    stickyHeader: boolean;
-    children?: any;
-    id?: string | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-live'?: "off" | "polite" | "assertive" | undefined;
-    'aria-hidden'?: boolean | undefined;
-    'data-testid'?: string | undefined;
-    'aria-label'?: string | undefined;
-    'aria-labelledby'?: string | undefined;
-    selectedKeys?: Selection | undefined;
-    defaultSelectedKeys?: Selection | undefined;
-    onSelectionChange?: ((keys: Selection) => void) | undefined;
-    disabledKeys?: Iterable<import("react-aria").Key> | undefined;
-    sortDescriptor?: SortDescriptor | undefined;
-    onSortChange?: ((descriptor: SortDescriptor) => void) | undefined;
-    onRowAction?: ((key: import("react-aria").Key) => void) | undefined;
-    className?: string | undefined;
-} & import("react").RefAttributes<HTMLTableElement>>;
+import type { TableProps, TableHeaderProps, TableBodyProps, TableFooterProps, TableCaptionProps, ColumnProps, RowProps, CellProps } from './Table.types';
+declare const Table: import("react").ForwardRefExoticComponent<TableProps & import("react").RefAttributes<HTMLTableElement>>;
 declare const TableHeader: <T extends object>(props: TableHeaderProps<T> & {
     ref?: ForwardedRef<HTMLTableSectionElement>;
 }) => ReactElement;
 declare const TableBody: <T extends object>(props: TableBodyProps<T> & {
     ref?: ForwardedRef<HTMLTableSectionElement>;
 }) => ReactElement;
-declare const TableFooter: import("react").ForwardRefExoticComponent<{
-    children: ReactNode;
-    id?: string | undefined;
-    'aria-label'?: string | undefined;
-    'aria-labelledby'?: string | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-live'?: "off" | "polite" | "assertive" | undefined;
-    'aria-hidden'?: boolean | undefined;
-    'data-testid'?: string | undefined;
-    className?: string | undefined;
-} & import("react").RefAttributes<HTMLTableSectionElement>>;
-declare const TableCaption: import("react").ForwardRefExoticComponent<{
-    children: ReactNode;
-    id?: string | undefined;
-    'aria-label'?: string | undefined;
-    'aria-labelledby'?: string | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-live'?: "off" | "polite" | "assertive" | undefined;
-    'aria-hidden'?: boolean | undefined;
-    'data-testid'?: string | undefined;
-    className?: string | undefined;
-} & import("react").RefAttributes<HTMLTableCaptionElement>>;
-declare const Column: import("react").ForwardRefExoticComponent<{
-    isRowHeader: boolean;
-    allowsSorting: boolean;
-    align: "end" | "center" | "start";
-    children: ReactNode;
-    'aria-label'?: string | undefined;
-    'aria-labelledby'?: string | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-live'?: "off" | "polite" | "assertive" | undefined;
-    'aria-hidden'?: boolean | undefined;
-    'data-testid'?: string | undefined;
-    id?: string | undefined;
-    width?: number | undefined;
-    minWidth?: number | undefined;
-    maxWidth?: number | undefined;
-    className?: string | undefined;
-} & import("react").RefAttributes<HTMLTableCellElement>>;
+declare const TableFooter: import("react").ForwardRefExoticComponent<TableFooterProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+declare const TableCaption: import("react").ForwardRefExoticComponent<TableCaptionProps & import("react").RefAttributes<HTMLTableCaptionElement>>;
+declare const Column: import("react").ForwardRefExoticComponent<ColumnProps & import("react").RefAttributes<HTMLTableCellElement>>;
 declare const Row: <T extends object>(props: RowProps<T> & {
     ref?: ForwardedRef<HTMLTableRowElement>;
 }) => ReactElement;
-declare const Cell: import("react").NamedExoticComponent<{
-    children: ReactNode;
-    id?: string | undefined;
-    'aria-label'?: string | undefined;
-    'aria-labelledby'?: string | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-live'?: "off" | "polite" | "assertive" | undefined;
-    'aria-hidden'?: boolean | undefined;
-    'data-testid'?: string | undefined;
-    align?: "end" | "center" | "start" | undefined;
-    colSpan?: number | undefined;
-    className?: string | undefined;
-} & import("react").RefAttributes<HTMLTableCellElement>>;
+declare const Cell: import("react").NamedExoticComponent<CellProps & import("react").RefAttributes<HTMLTableCellElement>>;
 export { Table, TableHeader, TableBody, TableFooter, TableCaption, Column, Row, Cell, };
 export { tableContainerVariants, tableVariants, tableHeaderVariants, tableFooterVariants, tableCaptionVariants, columnVariants, rowVariants, cellVariants, };
 export type { Selection, SortDescriptor };

package/dist/elements/Table/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/Table.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAML,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,YAAY,EAClB,MAAM,OAAO,CAAC;AACf,OAAO,EAaL,KAAK,SAAS,EACd,KAAK,cAAc,EACpB,MAAM,uBAAuB,CAAC;AAI/B,OAAO,EACL,sBAAsB,EACtB,aAAa,EACb,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,cAAc,EACd,WAAW,EACX,YAAY,EACb,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAEV,gBAAgB,EAChB,cAAc,EAId,QAAQ,EAIT,MAAM,eAAe,CAAC;AAwBvB,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;oDAmEV,CAAC;AAwCF,QAAA,MAAM,WAAW,EAAmC,CAAC,CAAC,SAAS,MAAM,EACnE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,uBAAuB,CAAC,CAAA;CAAE,KACzE,YAAY,CAAC;AAoClB,QAAA,MAAM,SAAS,EAAiC,CAAC,CAAC,SAAS,MAAM,EAC/D,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,uBAAuB,CAAC,CAAA;CAAE,KACvE,YAAY,CAAC;AAQlB,QAAA,MAAM,WAAW;;;;;;;;;;2DAahB,CAAC;AAQF,QAAA,MAAM,YAAY;;;;;;;;;;2DAajB,CAAC;AAQF,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;wDA6CX,CAAC;AA0DF,QAAA,MAAM,GAAG,EAA2B,CAAC,CAAC,SAAS,MAAM,EACnD,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,mBAAmB,CAAC,CAAA;CAAE,KAC7D,YAAY,CAAC;AAQlB,QAAA,MAAM,IAAI;;;;;;;;;;;;wDAcR,CAAC;AAQH,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,YAAY,EACZ,MAAM,EACN,GAAG,EACH,IAAI,GACL,CAAC;AAGF,OAAO,EACL,sBAAsB,EACtB,aAAa,EACb,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,cAAc,EACd,WAAW,EACX,YAAY,GACb,CAAC;AAGF,YAAY,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/Table.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAOL,KAAK,YAAY,EACjB,KAAK,YAAY,EAClB,MAAM,OAAO,CAAC;AACf,OAAO,EAaL,KAAK,SAAS,EACd,KAAK,cAAc,EACpB,MAAM,uBAAuB,CAAC;AAI/B,OAAO,EACL,sBAAsB,EACtB,aAAa,EACb,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,cAAc,EACd,WAAW,EACX,YAAY,EACb,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EACV,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,EACX,QAAQ,EACR,SAAS,EAGV,MAAM,eAAe,CAAC;AAwBvB,QAAA,MAAM,KAAK,yGAmEV,CAAC;AAwCF,QAAA,MAAM,WAAW,EAAmC,CAAC,CAAC,SAAS,MAAM,EACnE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,uBAAuB,CAAC,CAAA;CAAE,KACzE,YAAY,CAAC;AAoClB,QAAA,MAAM,SAAS,EAAiC,CAAC,CAAC,SAAS,MAAM,EAC/D,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,uBAAuB,CAAC,CAAA;CAAE,KACvE,YAAY,CAAC;AAQlB,QAAA,MAAM,WAAW,sHAahB,CAAC;AAQF,QAAA,MAAM,YAAY,uHAajB,CAAC;AAQF,QAAA,MAAM,MAAM,8GA6CX,CAAC;AA0DF,QAAA,MAAM,GAAG,EAA2B,CAAC,CAAC,SAAS,MAAM,EACnD,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,mBAAmB,CAAC,CAAA;CAAE,KAC7D,YAAY,CAAC;AAQlB,QAAA,MAAM,IAAI,uGAcR,CAAC;AAQH,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,YAAY,EACZ,MAAM,EACN,GAAG,EACH,IAAI,GACL,CAAC;AAGF,OAAO,EACL,sBAAsB,EACtB,aAAa,EACb,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,cAAc,EACd,WAAW,EACX,YAAY,GACb,CAAC;AAGF,YAAY,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC"}

package/dist/elements/Table/Table.types.d.ts

@@ -143,7 +143,31 @@ export declare const TablePropsSchema: z.ZodObject<{
     stickyHeader: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
     className: z.ZodOptional<z.ZodString>;
 }, z.core.$strip>;
-export type TableProps = z.infer<typeof TablePropsSchema>;
+export interface TableProps {
+    className?: string;
+    children?: ReactNode;
+    id?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    'aria-describedby'?: string;
+    'aria-live'?: 'off' | 'polite' | 'assertive';
+    'aria-hidden'?: boolean;
+    'data-testid'?: string;
+    selectionMode?: SelectionMode;
+    selectionBehavior?: SelectionBehavior;
+    disallowEmptySelection?: boolean;
+    disabledBehavior?: DisabledBehavior;
+    selectedKeys?: Selection;
+    defaultSelectedKeys?: Selection;
+    onSelectionChange?: (keys: Selection) => void;
+    disabledKeys?: Iterable<Key>;
+    sortDescriptor?: SortDescriptor;
+    onSortChange?: (descriptor: SortDescriptor) => void;
+    onRowAction?: (key: Key) => void;
+    variant?: TableVariant;
+    size?: TableSize;
+    stickyHeader?: boolean;
+}
 /**
  * TableHeader props schema
  *
@@ -165,12 +189,15 @@ export declare const TableHeaderPropsSchema: z.ZodObject<{
     children: z.ZodCustom<ReactNode, ReactNode>;
     columns: z.ZodOptional<z.ZodCustom<Iterable<object>, Iterable<object>>>;
 }, z.core.$strip>;
-export type TableHeaderProps<T extends object = object> = z.infer<typeof TableHeaderPropsSchema> & {
-    /** Items for dynamic column rendering */
+export interface TableHeaderProps<T extends object = object> {
+    className?: string;
+    id?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    'data-testid'?: string;
     columns?: Iterable<T>;
-    /** Render function for dynamic columns */
     children?: ReactNode | ((item: T) => ReactNode);
-};
+}
 /**
  * TableBody props schema
  *
@@ -194,12 +221,15 @@ export declare const TableBodyPropsSchema: z.ZodObject<{
     items: z.ZodOptional<z.ZodCustom<Iterable<object>, Iterable<object>>>;
     renderEmptyState: z.ZodOptional<z.ZodCustom<() => ReactNode, () => ReactNode>>;
 }, z.core.$strip>;
-export type TableBodyProps<T extends object = object> = z.infer<typeof TableBodyPropsSchema> & {
-    /** Items for dynamic row rendering */
+export interface TableBodyProps<T extends object = object> {
+    className?: string;
+    id?: string;
+    'aria-label'?: string;
+    'data-testid'?: string;
     items?: Iterable<T>;
-    /** Render function for dynamic rows */
     children?: ReactNode | ((item: T) => ReactNode);
-};
+    renderEmptyState?: () => ReactNode;
+}
 /**
  * TableFooter props schema (custom, not from React Aria)
  *
@@ -220,7 +250,12 @@ export declare const TableFooterPropsSchema: z.ZodObject<{
     className: z.ZodOptional<z.ZodString>;
     children: z.ZodCustom<ReactNode, ReactNode>;
 }, z.core.$strip>;
-export type TableFooterProps = z.infer<typeof TableFooterPropsSchema>;
+export interface TableFooterProps {
+    className?: string;
+    children?: ReactNode;
+    id?: string;
+    'data-testid'?: string;
+}
 /**
  * TableCaption props schema (custom, not from React Aria)
  *
@@ -241,7 +276,12 @@ export declare const TableCaptionPropsSchema: z.ZodObject<{
     className: z.ZodOptional<z.ZodString>;
     children: z.ZodCustom<ReactNode, ReactNode>;
 }, z.core.$strip>;
-export type TableCaptionProps = z.infer<typeof TableCaptionPropsSchema>;
+export interface TableCaptionProps {
+    className?: string;
+    children?: ReactNode;
+    id?: string;
+    'data-testid'?: string;
+}
 /**
  * Column (header cell) props schema
  *
@@ -272,7 +312,21 @@ export declare const ColumnPropsSchema: z.ZodObject<{
     className: z.ZodOptional<z.ZodString>;
     children: z.ZodCustom<ReactNode, ReactNode>;
 }, z.core.$strip>;
-export type ColumnProps = z.infer<typeof ColumnPropsSchema>;
+export interface ColumnProps {
+    className?: string;
+    children?: ReactNode;
+    id?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    'aria-describedby'?: string;
+    'data-testid'?: string;
+    isRowHeader?: boolean;
+    allowsSorting?: boolean;
+    width?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    align?: Align;
+}
 /**
  * Row props schema
  *
@@ -298,12 +352,16 @@ export declare const RowPropsSchema: z.ZodObject<{
     children: z.ZodCustom<ReactNode, ReactNode>;
     columns: z.ZodOptional<z.ZodCustom<Iterable<object>, Iterable<object>>>;
 }, z.core.$strip>;
-export type RowProps<T extends object = object> = z.infer<typeof RowPropsSchema> & {
-    /** Items for dynamic cell rendering */
+export interface RowProps<T extends object = object> {
+    className?: string;
+    id?: string;
+    'aria-label'?: string;
+    'data-testid'?: string;
+    href?: string;
+    isDisabled?: boolean;
     columns?: Iterable<T>;
-    /** Render function for dynamic cells */
     children?: ReactNode | ((column: T) => ReactNode);
-};
+}
 /**
  * Cell props schema
  *
@@ -330,7 +388,14 @@ export declare const CellPropsSchema: z.ZodObject<{
     className: z.ZodOptional<z.ZodString>;
     children: z.ZodCustom<ReactNode, ReactNode>;
 }, z.core.$strip>;
-export type CellProps = z.infer<typeof CellPropsSchema>;
+export interface CellProps {
+    className?: string;
+    children?: ReactNode;
+    id?: string;
+    'data-testid'?: string;
+    align?: Align;
+    colSpan?: number;
+}
 export type TableVariantProps = {
     variant?: TableVariant;
     size?: TableSize;

package/dist/elements/Table/Table.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/Table.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/Table.types.ts"],"names":[],"mappings":"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"}