@tribepad/themis 1.0.0 → 1.0.1

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}
+{"version":3,"sources":["../../../src/elements/Select/Select.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Select/Select.types.ts"],"names":["AriaSelect","z"],"mappings":"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","file":"index.mjs","sourcesContent":["'use client';\n\n/**\n * Select Component - Implementation\n *\n * Accessible select/dropdown component combining React Aria primitives with ShadCN styling.\n * Follows Themis library patterns with compound component structure.\n *\n * @see select-prd.md (Full requirements)\n * @see Select.types.ts (Zod schemas)\n * @see plan.md (Implementation plan)\n */\n\nimport {\n  forwardRef,\n  Children,\n  useId,\n  useMemo,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport {\n  Select as AriaSelect,\n  Label,\n  Button,\n  SelectValue,\n  Popover,\n  ListBox,\n  ListBoxItem,\n  ListBoxSection,\n  Header,\n  Text,\n  FieldError,\n} from 'react-aria-components';\nimport { cva } from 'class-variance-authority';\nimport { Check, CheckSquare, ChevronDown, Loader2, AlertCircle } from 'lucide-react';\nimport type {\n  SelectProps,\n  SelectItemProps,\n  SelectSectionProps,\n  SelectHeaderProps,\n} from './Select.types';\n\n/**\n * CVA Variants for Select Trigger Button\n *\n * @see plan.md Decision 14 (CVA variants)\n */\nexport const selectTriggerVariants = cva(\n  [\n    // Base styles\n    'flex',\n    'w-full',\n    'items-center',\n    'justify-between',\n    'rounded-md',\n    'border',\n    'bg-[var(--content-background)]',\n    'text-[var(--content-foreground)]',\n    'transition-colors',\n    'duration-200',\n    'outline-none',\n    // Focus ring (WCAG 2.2 AAA - 7:1 contrast)\n    'focus-visible:ring-2',\n    'focus-visible:ring-[var(--ring)]',\n    'focus-visible:ring-offset-2',\n    // Hover state\n    'hover:bg-[var(--accent)]/10',\n    // Disabled state\n    'disabled:cursor-not-allowed',\n    'disabled:opacity-50',\n    // Loading state\n    'data-[loading=true]:cursor-wait',\n    // Truncate text\n    'truncate',\n  ],\n  {\n    variants: {\n      size: {\n        // All sizes use 44px minimum touch target for WCAG 2.2 AAA compliance\n        // Visual height varies but touch area remains accessible\n        sm: 'h-9 px-3 text-sm min-h-[44px]',\n        default: 'h-11 px-4 text-base min-h-[44px]',\n        lg: 'h-14 px-5 text-lg min-h-[44px]',\n      },\n      isInvalid: {\n        true: 'border-[var(--destructive)]',\n        false: 'border-[var(--input)] hover:border-[var(--input)]/80',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n      isInvalid: false,\n    },\n  }\n);\n\n/**\n * CVA Variants for Select Items\n *\n * @see plan.md Decision 14 (CVA variants)\n */\nexport const selectItemVariants = cva(\n  [\n    // Base styles\n    'relative',\n    'flex',\n    'w-full',\n    'cursor-pointer',\n    'select-none',\n    'items-center',\n    'rounded-sm',\n    'outline-none',\n    'transition-colors',\n    // Padding for checkmark icon (left side)\n    'pl-8',\n    'pr-2',\n    // Hover state\n    'hover:bg-[var(--accent)]',\n    'hover:text-[var(--accent-foreground)]',\n    // Focus state\n    'focus:bg-[var(--accent)]',\n    'focus:text-[var(--accent-foreground)]',\n    // Selected state\n    'data-[selected=true]:bg-[var(--accent)]',\n    'data-[selected=true]:text-[var(--accent-foreground)]',\n    // Disabled state\n    'data-[disabled=true]:pointer-events-none',\n    'data-[disabled=true]:opacity-50',\n    'data-[disabled=true]:text-[var(--menu-muted)]',\n  ],\n  {\n    variants: {\n      size: {\n        // All sizes use 44px minimum touch target for WCAG 2.2 AAA compliance\n        sm: 'h-9 py-1.5 text-sm min-h-[44px]',\n        default: 'h-11 py-2 text-base min-h-[44px]',\n        lg: 'h-14 py-3 text-lg min-h-[44px]',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n);\n\n/**\n * CVA Variants for Select Popover\n *\n * @see plan.md Decision 14 (CVA variants)\n */\nexport const selectPopoverVariants = cva(\n  [\n    // Base styles - use menu tokens to match Dropdown styling\n    'z-50',\n    'w-[--trigger-width]',\n    'rounded-md',\n    'border',\n    'border-[var(--menu-border)]',\n    'bg-[var(--menu-background)]',\n    'text-[var(--menu-foreground)]',\n    'shadow-md',\n    'outline-none',\n    'overflow-auto',\n    // Animations\n    'data-[entering]:animate-in',\n    'data-[entering]:fade-in-0',\n    'data-[entering]:zoom-in-95',\n    'data-[exiting]:animate-out',\n    'data-[exiting]:fade-out-0',\n    'data-[exiting]:zoom-out-95',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'max-h-[200px] p-1',\n        default: 'max-h-[300px] p-1',\n        lg: 'max-h-[400px] p-1',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n);\n\n/**\n * CVA Variants for Section Headers\n *\n * @see plan.md Decision 14 (CVA variants)\n */\nexport const selectSectionVariants = cva(\n  [\n    'px-2',\n    'py-1.5',\n    'text-xs',\n    'font-semibold',\n    'text-[var(--menu-muted)]',\n    'uppercase',\n    'tracking-wider',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'px-2 py-1 text-[10px]',\n        default: 'px-2 py-1.5 text-xs',\n        lg: 'px-3 py-2 text-sm',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n);\n\n/**\n * CVA Variants for Error Messages\n *\n * @see plan.md Decision 14 (CVA variants)\n */\nexport const selectErrorVariants = cva(\n  [\n    'flex',\n    'items-center',\n    'gap-1.5',\n    'text-sm',\n    'font-medium',\n    'text-[var(--destructive)]',\n    'mt-1.5',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'text-xs mt-1',\n        default: 'text-sm mt-1.5',\n        lg: 'text-base mt-2',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n);\n\n/**\n * Select Root Component (Single Selection Only)\n *\n * Main select component with controlled/uncontrolled modes for single selection.\n * For multiple selection, use MultiSelect component.\n *\n * @see select-prd.md US-1 (Basic Single Selection)\n * @see plan.md Decision 28 (Ref forwarding to trigger button)\n */\nconst SelectRoot = forwardRef<HTMLButtonElement, Omit<SelectProps, 'selectionMode'>>(\n  (\n    {\n      // Display props\n      label,\n      placeholder,\n      description,\n\n      // Selection props\n      value,\n      defaultValue,\n\n      // State props\n      isOpen,\n      isDisabled = false,\n      isRequired = false,\n      disabledKeys,\n\n      // Validation props\n      validate,\n      validationBehavior = 'aria',\n      errorMessage,\n\n      // Loading state\n      isLoading = false,\n      emptyStateMessage,\n\n      // Form integration\n      name,\n\n      // Size variant\n      size = 'default',\n\n      // Event handlers\n      onChange,\n      onOpenChange,\n\n      // Standard props\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    // Generate unique IDs for accessibility\n    const labelId = useId();\n    const descriptionId = useId();\n    const errorId = useId();\n\n    // Warn if >1000 items (Decision 22: Large Item Count Handling)\n    const childCount = Children.count(children);\n    if (childCount > 1000) {\n      console.warn(\n        'Select has >1000 items. Consider using Autocomplete component for better performance.'\n      );\n    }\n\n    // Determine if invalid based on errorMessage or validate function\n    const isInvalid = Boolean(errorMessage);\n\n    return (\n      <AriaSelect\n        value={value as string}\n        defaultValue={defaultValue as string}\n        onChange={(key) => {\n          if (onChange) {\n            onChange(key as string);\n          }\n        }}\n        placeholder={placeholder}\n        disabledKeys={disabledKeys}\n        isOpen={isOpen}\n        onOpenChange={onOpenChange}\n        isDisabled={isDisabled || isLoading}\n        isRequired={isRequired}\n        name={name}\n        validate={validate as ((value: unknown) => true | string | null | undefined) | undefined}\n        validationBehavior={validationBehavior}\n        isInvalid={isInvalid}\n        className={className}\n        {...props}\n      >\n        {/* Label */}\n        <Label id={labelId} className=\"text-sm font-medium text-[var(--content-foreground)]\">\n          {label}\n          {isRequired && <span className=\"text-[var(--destructive)] ml-1\">*</span>}\n        </Label>\n\n        {/* Description (if provided) */}\n        {description && (\n          <Text id={descriptionId} slot=\"description\" className=\"text-sm text-[var(--menu-muted)] mt-1\">\n            {description}\n          </Text>\n        )}\n\n        {/* Trigger Button */}\n        <Button\n          ref={ref}\n          className={selectTriggerVariants({ size, isInvalid })}\n          aria-labelledby={labelId}\n          aria-describedby={description ? descriptionId : errorMessage ? errorId : undefined}\n          data-loading={isLoading}\n          {...(isRequired && { 'aria-required': 'true' })}\n          {...(isLoading && { 'aria-busy': 'true' })}\n          {...((isDisabled || isLoading) && { 'aria-disabled': 'true' })}\n        >\n          <SelectValue className=\"flex-1 text-left truncate\" />\n\n          {/* Loading spinner or chevron icon */}\n          {isLoading ? (\n            <Loader2 className=\"h-4 w-4 animate-spin text-[var(--menu-muted)]\" aria-hidden=\"true\" />\n          ) : (\n            <ChevronDown className=\"h-4 w-4 text-[var(--menu-muted)]\" aria-hidden=\"true\" />\n          )}\n        </Button>\n\n        {/* Error Message */}\n        <FieldError id={errorId} className={selectErrorVariants({ size })}>\n          {({ validationErrors }) => {\n            // Display custom errorMessage if provided, otherwise show validation errors\n            const displayError = errorMessage || validationErrors.join(' ');\n            return displayError ? (\n              <>\n                <AlertCircle className=\"h-4 w-4\" aria-hidden=\"true\" />\n                {displayError}\n              </>\n            ) : null;\n          }}\n        </FieldError>\n\n        {/* Popover with ListBox */}\n        <Popover className={selectPopoverVariants({ size })}>\n          <ListBox className=\"outline-none\">\n            {/* Loading skeleton (if loading and has children) */}\n            {isLoading && childCount > 0 && (\n              <>\n                {Array.from({ length: 3 }).map((_, i) => (\n                  <div\n                    key={`skeleton-${i}`}\n                    className=\"h-11 px-4 py-2\"\n                  >\n                    <div className=\"h-4 bg-[var(--accent-background)] rounded animate-pulse\" />\n                  </div>\n                ))}\n              </>\n            )}\n\n            {/* Items or empty state */}\n            {!isLoading && (\n              <>\n                {children}\n                {/* Empty state - render as disabled item so popover can open */}\n                {childCount === 0 && (\n                  <ListBoxItem\n                    id=\"__empty__\"\n                    textValue=\"empty\"\n                    isDisabled\n                    className=\"py-6 text-center text-sm text-[var(--menu-muted)] cursor-default pointer-events-none\"\n                  >\n                    <span role=\"status\">\n                      {emptyStateMessage || 'No options available'}\n                    </span>\n                  </ListBoxItem>\n                )}\n              </>\n            )}\n          </ListBox>\n        </Popover>\n      </AriaSelect>\n    );\n  }\n);\n\nSelectRoot.displayName = 'Select';\n\n/**\n * MultiSelect Root Component (Multiple Selection)\n *\n * Select component for multiple selection. Uses different API from single Select.\n *\n * @see select-prd.md US-6 (Multiple Selection)\n * @see plan.md Decision 28 (Ref forwarding to trigger button)\n */\nconst MultiSelectRoot = forwardRef<HTMLButtonElement, SelectProps>(\n  (\n    {\n      // Display props\n      label,\n      placeholder,\n      description,\n\n      // Selection props\n      value,\n      defaultValue,\n      selectionMode: _selectionMode = 'multiple',\n\n      // State props\n      isOpen,\n      isDisabled = false,\n      isRequired = false,\n      disabledKeys,\n\n      // Validation props\n      validate,\n      validationBehavior = 'aria',\n      errorMessage,\n\n      // Loading state\n      isLoading = false,\n      emptyStateMessage,\n\n      // Form integration\n      name,\n\n      // Size variant\n      size = 'default',\n\n      // Event handlers\n      onChange,\n      onOpenChange,\n\n      // Standard props\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    // Generate unique IDs for accessibility\n    const labelId = useId();\n    const descriptionId = useId();\n    const errorId = useId();\n\n    // Warn if >1000 items\n    const childCount = Children.count(children);\n    if (childCount > 1000) {\n      console.warn(\n        'Select has >1000 items. Consider using Autocomplete component for better performance.'\n      );\n    }\n\n    // Determine if invalid\n    const isInvalid = Boolean(errorMessage);\n\n    // Build value-to-label map for display (memoized to prevent recreation on every render)\n    const valueToLabelMap = useMemo(() => {\n      const map = new Map<string, string>();\n      const processChildren = (nodes: ReactNode): void => {\n        Children.forEach(nodes, (child) => {\n          if (isValidElement(child)) {\n            const element = child as ReactElement<{ value?: string; children?: ReactNode }>;\n            if (element.type === SelectItem || element.props?.value) {\n              const itemValue = element.props.value;\n              const itemChildren = element.props.children;\n              if (itemValue && typeof itemChildren === 'string') {\n                map.set(itemValue, itemChildren);\n              }\n            }\n            if (element.props?.children) {\n              processChildren(element.props.children);\n            }\n          }\n        });\n      };\n      processChildren(children);\n      return map;\n    }, [children]);\n\n    // Multi-select display logic (Decision 5: Multi-select threshold)\n    // Memoized to prevent recalculation on every render\n    const displayValue = useMemo(() => {\n      if (!value || !Array.isArray(value) || value.length === 0) {\n        return placeholder || '';\n      }\n\n      if (value.length <= 2) {\n        // Show item labels for 1-2 items\n        const labels = value.map(v => valueToLabelMap.get(v as string) || v);\n        return labels.join(', ');\n      }\n\n      // Show count for 3+ items\n      return `${value.length} items selected`;\n    }, [value, valueToLabelMap, placeholder]);\n\n    return (\n      <AriaSelect\n        value={value as string[]}\n        defaultValue={defaultValue as string[]}\n        onChange={(keys) => {\n          if (onChange) {\n            onChange(keys as string[]);\n          }\n        }}\n        selectionMode=\"multiple\"\n        disabledKeys={disabledKeys}\n        isOpen={isOpen}\n        onOpenChange={onOpenChange}\n        isDisabled={isDisabled || isLoading}\n        isRequired={isRequired}\n        name={name}\n        validate={validate as ((value: unknown) => true | string | null | undefined) | undefined}\n        validationBehavior={validationBehavior}\n        isInvalid={isInvalid}\n        className={className}\n        {...props}\n      >\n        {/* Label */}\n        <Label id={labelId} className=\"text-sm font-medium text-[var(--content-foreground)]\">\n          {label}\n          {isRequired && <span className=\"text-[var(--destructive)] ml-1\">*</span>}\n        </Label>\n\n        {/* Description */}\n        {description && (\n          <Text id={descriptionId} slot=\"description\" className=\"text-sm text-[var(--menu-muted)] mt-1\">\n            {description}\n          </Text>\n        )}\n\n        {/* Trigger Button */}\n        <Button\n          ref={ref}\n          className={selectTriggerVariants({ size, isInvalid })}\n          aria-labelledby={labelId}\n          aria-describedby={description ? descriptionId : errorMessage ? errorId : undefined}\n          data-loading={isLoading}\n          {...(isRequired && { 'aria-required': 'true' })}\n          {...(isLoading && { 'aria-busy': 'true' })}\n          {...((isDisabled || isLoading) && { 'aria-disabled': 'true' })}\n        >\n          <span className=\"flex-1 text-left truncate\">\n            {displayValue}\n          </span>\n\n          {/* Loading spinner or chevron icon */}\n          {isLoading ? (\n            <Loader2 className=\"h-4 w-4 animate-spin text-[var(--menu-muted)]\" aria-hidden=\"true\" />\n          ) : (\n            <ChevronDown className=\"h-4 w-4 text-[var(--menu-muted)]\" aria-hidden=\"true\" />\n          )}\n        </Button>\n\n        {/* Error Message */}\n        <FieldError id={errorId} className={selectErrorVariants({ size })}>\n          {({ validationErrors }) => {\n            // Display custom errorMessage if provided, otherwise show validation errors\n            const displayError = errorMessage || validationErrors.join(' ');\n            return displayError ? (\n              <>\n                <AlertCircle className=\"h-4 w-4\" aria-hidden=\"true\" />\n                {displayError}\n              </>\n            ) : null;\n          }}\n        </FieldError>\n\n        {/* Popover with ListBox */}\n        <Popover className={selectPopoverVariants({ size })}>\n          <ListBox className=\"outline-none\">\n            {/* Loading skeleton */}\n            {isLoading && childCount > 0 && (\n              <>\n                {Array.from({ length: 3 }).map((_, i) => (\n                  <div key={`skeleton-${i}`} className=\"h-11 px-4 py-2\">\n                    <div className=\"h-4 bg-[var(--accent-background)] rounded animate-pulse\" />\n                  </div>\n                ))}\n              </>\n            )}\n\n            {/* Items or empty state */}\n            {!isLoading && (\n              <>\n                {children}\n                {childCount === 0 && (\n                  <ListBoxItem\n                    id=\"__empty__\"\n                    textValue=\"empty\"\n                    isDisabled\n                    className=\"py-6 text-center text-sm text-[var(--menu-muted)] cursor-default pointer-events-none\"\n                  >\n                    <span role=\"status\">\n                      {emptyStateMessage || 'No options available'}\n                    </span>\n                  </ListBoxItem>\n                )}\n              </>\n            )}\n          </ListBox>\n        </Popover>\n      </AriaSelect>\n    );\n  }\n);\n\nMultiSelectRoot.displayName = 'MultiSelect';\n\n/**\n * Select.Item Component\n *\n * Individual selectable item with checkmark icon.\n *\n * @see select-prd.md US-1 (Basic Single Selection)\n * @see plan.md Decision 6 (Left-side checkmark)\n * @see plan.md Decision 23 (textValue required for custom children)\n */\nfunction SelectItem({ children, textValue, value, isDisabled = false, className, ...props }: SelectItemProps): ReactElement {\n  // Validate textValue for custom children (Decision 23)\n  if (!textValue && typeof children !== 'string') {\n    const message = 'Select.Item with custom children requires textValue prop for accessibility';\n    if (process.env.NODE_ENV === 'development') {\n      throw new Error(message);\n    } else {\n      console.warn(message);\n    }\n  }\n\n  return (\n    <ListBoxItem\n      id={value}\n      textValue={textValue || (typeof children === 'string' ? children : undefined)}\n      className={`${selectItemVariants({ size: 'default' })} ${className || ''}`}\n      isDisabled={isDisabled}\n      {...props}\n    >\n      {({ isSelected, selectionMode, isDisabled: itemDisabled }) => (\n        <>\n          {/* Checkmark icon (left side) - Decision 6 */}\n          {selectionMode === 'multiple' ? (\n            <CheckSquare\n              className={`absolute left-2 h-4 w-4 ${isSelected ? 'visible' : 'invisible'}`}\n              aria-hidden=\"true\"\n            />\n          ) : (\n            isSelected && <Check className=\"absolute left-2 h-4 w-4\" aria-hidden=\"true\" />\n          )}\n          <span className={itemDisabled ? 'text-[var(--menu-muted)]' : ''}>\n            {children}\n          </span>\n        </>\n      )}\n    </ListBoxItem>\n  );\n}\n\nSelectItem.displayName = 'SelectItem';\n\n/**\n * Select.Section Component\n *\n * Groups related items with optional header.\n *\n * @see select-prd.md US-3 (Grouped Options with Sections)\n */\nfunction SelectSection({ children, className, ...props }: SelectSectionProps): ReactElement {\n  return (\n    <ListBoxSection className={`border-t border-[var(--border)] first:border-t-0 ${className || ''}`} {...props}>\n      {children}\n    </ListBoxSection>\n  );\n}\n\nSelectSection.displayName = 'SelectSection';\n\n/**\n * Select.Header Component\n *\n * Section header with non-interactive label.\n *\n * @see select-prd.md US-3 (Grouped Options with Sections)\n */\nfunction SelectHeader({ children, className, ...props }: SelectHeaderProps): ReactElement {\n  return (\n    <Header className={`${selectSectionVariants({ size: 'default' })} ${className || ''}`} {...props}>\n      {children}\n    </Header>\n  );\n}\n\nSelectHeader.displayName = 'SelectHeader';\n\n/**\n * Compound Component Exports\n *\n * Follows Themis library pattern using Object.assign() for compound components.\n *\n * @see GUIDE.mdx (Compound component pattern)\n */\nexport const Select = Object.assign(SelectRoot, {\n  Item: SelectItem,\n  Section: SelectSection,\n  Header: SelectHeader,\n});\n\nexport const MultiSelect = Object.assign(MultiSelectRoot, {\n  Item: SelectItem,\n  Section: SelectSection,\n  Header: SelectHeader,\n});\n\n// Named exports for individual components\nexport { SelectRoot, MultiSelectRoot, SelectItem, SelectSection, SelectHeader };\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 { ReactNode } from 'react';\nimport type {\n  SelectProps as AriaSelectProps,\n  ListBoxItemProps as AriaListBoxItemProps,\n} from 'react-aria-components';\n\n/**\n * Select size variants\n *\n * @see select-prd.md US-9 (Visual States - Size Variants)\n * @see plan.md Decision 4 (Include sm size with warning for desktop-only)\n */\nexport const SelectSizeSchema = z.enum(['sm', 'default', 'lg']);\nexport type SelectSize = z.infer<typeof SelectSizeSchema>;\n\n/**\n * Select selection mode\n *\n * @see select-prd.md US-6 (Multiple Selection)\n */\nexport const SelectionModeSchema = z.enum(['single', 'multiple']);\nexport type SelectionMode = z.infer<typeof SelectionModeSchema>;\n\n/**\n * Select validation behavior\n *\n * @see select-prd.md US-4 (Validation and Error Messages)\n */\nexport const ValidationBehaviorSchema = z.enum(['native', 'aria']);\nexport type ValidationBehavior = z.infer<typeof ValidationBehaviorSchema>;\n\n/**\n * Select root component props schema\n *\n * @see select-prd.md US-1 (Basic Single Selection)\n * @see select-prd.md US-4 (Validation and Error Messages)\n * @see select-prd.md US-5 (Disabled States)\n * @see select-prd.md US-6 (Multiple Selection)\n * @see select-prd.md US-7 (Async Data Loading)\n * @see select-prd.md US-10 (Form Integration)\n */\nexport const SelectPropsSchema = BaseComponentPropsSchema.extend({\n  // Display props (US-1)\n  label: z.string(), // Required for accessibility\n  placeholder: z.string().optional(),\n  description: z.string().optional(),\n\n  // Selection props (US-1, US-6)\n  value: z.union([z.string(), z.array(z.string())]).optional(),\n  defaultValue: z.union([z.string(), z.array(z.string())]).optional(),\n  selectionMode: SelectionModeSchema.optional().default('single'),\n\n  // State props (US-1, US-5)\n  isOpen: z.boolean().optional(),\n  isDisabled: z.boolean().optional().default(false),\n  isRequired: z.boolean().optional().default(false),\n  disabledKeys: z.array(z.string()).optional(),\n\n  // Validation props (US-4)\n  validate: z\n    .custom<(value: string | string[]) => string | undefined>()\n    .optional(),\n  validationBehavior: ValidationBehaviorSchema.optional().default('aria'),\n  errorMessage: z.string().optional(),\n\n  // Loading state (US-7)\n  isLoading: z.boolean().optional().default(false),\n  emptyStateMessage: z.string().optional(),\n\n  // Form integration (US-10)\n  name: z.string().optional(),\n\n  // Size variant (US-9)\n  size: SelectSizeSchema.optional().default('default'),\n\n  // Event handlers (US-1)\n  onChange: z\n    .custom<(value: string | string[]) => void>()\n    .optional(),\n  onOpenChange: z.custom<(isOpen: boolean) => void>().optional(),\n\n  // Children (Select.Item, Select.Section components)\n  children: z.custom<ReactNode>(),\n});\n\nexport type SelectProps = z.infer<typeof SelectPropsSchema> &\n  Omit<AriaSelectProps<object>, keyof z.infer<typeof SelectPropsSchema>>;\n\n/**\n * Select.Item props schema\n *\n * @see select-prd.md US-1 (Basic Single Selection)\n * @see select-prd.md US-5 (Disabled States)\n * @see select-prd.md US-8 (Custom Value Rendering)\n * @see plan.md Decision 23 (textValue required for custom children)\n */\nexport const SelectItemPropsSchema = BaseComponentPropsSchema.extend({\n  // Item value (required)\n  value: z.string(),\n\n  // Text value for typeahead and accessibility (required for custom children)\n  textValue: z.string().optional(),\n\n  // Disabled state\n  isDisabled: z.boolean().optional().default(false),\n\n  // Item content\n  children: z.custom<ReactNode>(),\n\n  // Optional className for custom styling\n  className: z.string().optional(),\n});\n\nexport type SelectItemProps = z.infer<typeof SelectItemPropsSchema> &\n  Omit<AriaListBoxItemProps, keyof z.infer<typeof SelectItemPropsSchema>>;\n\n/**\n * Select.Section props schema\n *\n * @see select-prd.md US-3 (Grouped Options with Sections)\n */\nexport const SelectSectionPropsSchema = BaseComponentPropsSchema.extend({\n  // Section content (typically Select.Header + Select.Item components)\n  children: z.custom<ReactNode>(),\n\n  // Optional className for custom styling\n  className: z.string().optional(),\n});\n\nexport type SelectSectionProps = z.infer<typeof SelectSectionPropsSchema>;\n\n/**\n * Select.Header props schema (for section headers)\n *\n * @see select-prd.md US-3 (Grouped Options with Sections)\n */\nexport const SelectHeaderPropsSchema = BaseComponentPropsSchema.extend({\n  // Header text\n  children: z.custom<ReactNode>(),\n\n  // Optional className for header styling\n  className: z.string().optional(),\n});\n\nexport type SelectHeaderProps = z.infer<typeof SelectHeaderPropsSchema>;\n\n/**\n * CVA variant configuration types\n * Used for class-variance-authority integration\n */\nexport type SelectVariantSize = SelectSize;\nexport type SelectVariantSelectionMode = SelectionMode;\n"]}

package/dist/elements/Skeleton/index.js

@@ -1,22 +1,84 @@
+"use client";
 'use strict';
 
-var chunkA6KEDVUR_js = require('../../chunk-A6KEDVUR.js');
-require('../../chunk-VIREG536.js');
-require('../../chunk-T4COXKQ3.js');
+var react = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+var zod = require('zod');
 
-
-
-Object.defineProperty(exports, "Skeleton", {
-  enumerable: true,
-  get: function () { return chunkA6KEDVUR_js.Skeleton; }
-});
-Object.defineProperty(exports, "SkeletonPropsSchema", {
-  enumerable: true,
-  get: function () { return chunkA6KEDVUR_js.SkeletonPropsSchema; }
+// src/elements/Skeleton/Skeleton.tsx
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+var skeletonVariants = classVarianceAuthority.cva(
+  // Base styles - pulse animation and theme-aware background
+  "animate-pulse bg-[var(--accent-background)] relative",
+  {
+    variants: {
+      // Shape variants
+      variant: {
+        rectangle: "rounded-md",
+        // Default: 0.375rem border radius
+        circle: "rounded-full",
+        // Circular shape (for avatars, icons)
+        text: "rounded-sm h-4"
+        // Text line placeholder (1rem height, 0.125rem radius)
+      }
+    },
+    defaultVariants: {
+      variant: "rectangle"
+    }
+  }
+);
+var Skeleton = react.memo(
+  react.forwardRef(
+    ({ className, variant, ...props }, ref) => {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref,
+          role: "status",
+          "aria-live": "polite",
+          "aria-busy": "true",
+          className: cn(skeletonVariants({ variant }), className),
+          ...props,
+          children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Loading..." })
+        }
+      );
+    }
+  )
+);
+Skeleton.displayName = "Skeleton";
+var BaseComponentPropsSchema = zod.z.object({
+  // Styling
+  className: zod.z.string().optional(),
+  // React
+  children: zod.z.any().optional(),
+  // ReactNode not directly supported by Zod
+  id: zod.z.string().optional(),
+  // Accessibility (WCAG 2.2 AA requirements)
+  "aria-label": zod.z.string().optional(),
+  "aria-labelledby": zod.z.string().optional(),
+  "aria-describedby": zod.z.string().optional(),
+  "aria-live": zod.z.enum(["off", "polite", "assertive"]).optional(),
+  "aria-hidden": zod.z.boolean().optional(),
+  // Testing & Development
+  "data-testid": zod.z.string().optional()
 });
-Object.defineProperty(exports, "skeletonVariants", {
-  enumerable: true,
-  get: function () { return chunkA6KEDVUR_js.skeletonVariants; }
+
+// src/elements/Skeleton/Skeleton.types.ts
+var SkeletonPropsSchema = BaseComponentPropsSchema.extend({
+  // Variants - shape of the skeleton placeholder
+  variant: zod.z.enum(["rectangle", "circle", "text"]).optional().default("rectangle"),
+  // Custom className for width/height overrides
+  // Users can pass className="w-20 h-20" for custom sizing
+  className: zod.z.string().optional()
 });
+
+exports.Skeleton = Skeleton;
+exports.SkeletonPropsSchema = SkeletonPropsSchema;
+exports.skeletonVariants = skeletonVariants;
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
+{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/elements/Skeleton/Skeleton.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Skeleton/Skeleton.types.ts"],"names":["twMerge","clsx","cva","memo","forwardRef","jsx","z"],"mappings":";;;;;;;;;;AAcO,SAAS,MAAM,MAAA,EAA8B;AAClD,EAAA,OAAOA,qBAAA,CAAQC,SAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACIA,IAAM,gBAAA,GAAmBC,0BAAA;AAAA;AAAA,EAEvB,sDAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA;AAAA,MAER,OAAA,EAAS;AAAA,QACP,SAAA,EAAW,YAAA;AAAA;AAAA,QACX,MAAA,EAAQ,cAAA;AAAA;AAAA,QACR,IAAA,EAAM;AAAA;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ;AAeA,IAAM,QAAA,GAAWC,UAAA;AAAA,EACfC,gBAAA;AAAA,IACE,CAAC,EAAE,SAAA,EAAW,SAAS,GAAG,KAAA,IAAS,GAAA,KAAQ;AACzC,MAAA,uBACEC,cAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,IAAA,EAAK,QAAA;AAAA,UACL,WAAA,EAAU,QAAA;AAAA,UACV,WAAA,EAAU,MAAA;AAAA,UACV,WAAW,EAAA,CAAG,gBAAA,CAAiB,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,UACrD,GAAG,KAAA;AAAA,UAGJ,QAAA,kBAAAA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,YAAA,EAAU;AAAA;AAAA,OACtC;AAAA,IAEJ;AAAA;AAEJ;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA;AC9DhB,IAAM,wBAAA,GAA2BC,MAAE,MAAA,CAAO;AAAA;AAAA,EAE/C,SAAA,EAAWA,KAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA;AAAA,EAG/B,QAAA,EAAUA,KAAA,CAAE,GAAA,EAAI,CAAE,QAAA,EAAS;AAAA;AAAA,EAC3B,EAAA,EAAIA,KAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA;AAAA,EAGxB,YAAA,EAAcA,KAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA,EAClC,iBAAA,EAAmBA,KAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA,EACvC,kBAAA,EAAoBA,KAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA,EACxC,WAAA,EAAaA,MAAE,IAAA,CAAK,CAAC,OAAO,QAAA,EAAU,WAAW,CAAC,CAAA,CAAE,QAAA,EAAS;AAAA,EAC7D,aAAA,EAAeA,KAAA,CAAE,OAAA,EAAQ,CAAE,QAAA,EAAS;AAAA;AAAA,EAGpC,aAAA,EAAeA,KAAA,CAAE,MAAA,EAAO,CAAE,QAAA;AAC5B,CAAC,CAAA;;;ACfM,IAAM,mBAAA,GAAsB,yBAAyB,MAAA,CAAO;AAAA;AAAA,EAEjE,OAAA,EAASA,KAAAA,CACN,IAAA,CAAK,CAAC,WAAA,EAAa,QAAA,EAAU,MAAM,CAAC,CAAA,CACpC,QAAA,EAAS,CACT,OAAA,CAAQ,WAAW,CAAA;AAAA;AAAA;AAAA,EAItB,SAAA,EAAWA,KAAAA,CAAE,MAAA,EAAO,CAAE,QAAA;AACxB,CAAC","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","\"use client\";\n\n/**\n * Skeleton Component\n * Loading placeholder with pulse animation and theme-aware styling\n *\n * @see ShadCN Skeleton: https://ui.shadcn.com/docs/components/skeleton\n * @see spec.md FR-009 (WCAG 2.2 AAA - 7:1 contrast ratio)\n * @see tasks.md Phase 2 (Green Phase - Implementation)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\nimport { forwardRef, memo, type HTMLAttributes } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n/**\n * Skeleton variant styles using CVA\n * @see tasks.md Phase 2.2 (CVA Variant Definitions)\n */\nconst skeletonVariants = cva(\n  // Base styles - pulse animation and theme-aware background\n  \"animate-pulse bg-[var(--accent-background)] relative\",\n  {\n    variants: {\n      // Shape variants\n      variant: {\n        rectangle: \"rounded-md\", // Default: 0.375rem border radius\n        circle: \"rounded-full\",  // Circular shape (for avatars, icons)\n        text: \"rounded-sm h-4\",  // Text line placeholder (1rem height, 0.125rem radius)\n      },\n    },\n    defaultVariants: {\n      variant: \"rectangle\",\n    },\n  }\n);\n\nexport interface SkeletonProps\n  extends HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof skeletonVariants> {\n  variant?: 'rectangle' | 'circle' | 'text';\n  className?: string;\n}\n\n/**\n * Skeleton Component\n * Non-interactive loading placeholder with pulse animation\n *\n * @see tasks.md Phase 2.4 (Component Implementation)\n */\nconst Skeleton = memo(\n  forwardRef<HTMLDivElement, SkeletonProps>(\n    ({ className, variant, ...props }, ref) => {\n      return (\n        <div\n          ref={ref}\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-busy=\"true\"\n          className={cn(skeletonVariants({ variant }), className)}\n          {...props}\n        >\n          {/* Screen reader text for accessibility */}\n          <span className=\"sr-only\">Loading...</span>\n        </div>\n      );\n    }\n  )\n);\n\nSkeleton.displayName = \"Skeleton\";\n\nexport { Skeleton, skeletonVariants };\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';\n\n/**\n * Skeleton props schema extending BaseComponentProps\n *\n * @see ShadCN Skeleton: https://ui.shadcn.com/docs/components/skeleton\n * @see tasks.md Phase 1.1 (Type System)\n * @see spec.md FR-009 (WCAG 2.2 AAA - 7:1 contrast ratio)\n * @see constitution.md Principle IV (Accessibility First)\n */\nexport const SkeletonPropsSchema = BaseComponentPropsSchema.extend({\n  // Variants - shape of the skeleton placeholder\n  variant: z\n    .enum(['rectangle', 'circle', 'text'])\n    .optional()\n    .default('rectangle'),\n\n  // Custom className for width/height overrides\n  // Users can pass className=\"w-20 h-20\" for custom sizing\n  className: z.string().optional(),\n});\n\nexport type SkeletonProps = z.infer<typeof SkeletonPropsSchema>;\n\n/**\n * CVA variant configuration type\n * Used for class-variance-authority integration\n */\nexport type SkeletonVariant = z.infer<typeof SkeletonPropsSchema>['variant'];\n"]}

package/dist/elements/Skeleton/index.mjs

@@ -1,5 +1,80 @@
-export { Skeleton, SkeletonPropsSchema, skeletonVariants } from '../../chunk-NFSBGRDB.mjs';
-import '../../chunk-E2KQFV3O.mjs';
-import '../../chunk-5SVLJN2C.mjs';
+"use client";
+import { memo, forwardRef } from 'react';
+import { cva } from 'class-variance-authority';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx } from 'react/jsx-runtime';
+import { z } from 'zod';
+
+// src/elements/Skeleton/Skeleton.tsx
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var skeletonVariants = cva(
+  // Base styles - pulse animation and theme-aware background
+  "animate-pulse bg-[var(--accent-background)] relative",
+  {
+    variants: {
+      // Shape variants
+      variant: {
+        rectangle: "rounded-md",
+        // Default: 0.375rem border radius
+        circle: "rounded-full",
+        // Circular shape (for avatars, icons)
+        text: "rounded-sm h-4"
+        // Text line placeholder (1rem height, 0.125rem radius)
+      }
+    },
+    defaultVariants: {
+      variant: "rectangle"
+    }
+  }
+);
+var Skeleton = memo(
+  forwardRef(
+    ({ className, variant, ...props }, ref) => {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref,
+          role: "status",
+          "aria-live": "polite",
+          "aria-busy": "true",
+          className: cn(skeletonVariants({ variant }), className),
+          ...props,
+          children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Loading..." })
+        }
+      );
+    }
+  )
+);
+Skeleton.displayName = "Skeleton";
+var BaseComponentPropsSchema = z.object({
+  // Styling
+  className: z.string().optional(),
+  // React
+  children: z.any().optional(),
+  // ReactNode not directly supported by Zod
+  id: z.string().optional(),
+  // Accessibility (WCAG 2.2 AA requirements)
+  "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(),
+  // Testing & Development
+  "data-testid": z.string().optional()
+});
+
+// src/elements/Skeleton/Skeleton.types.ts
+var SkeletonPropsSchema = BaseComponentPropsSchema.extend({
+  // Variants - shape of the skeleton placeholder
+  variant: z.enum(["rectangle", "circle", "text"]).optional().default("rectangle"),
+  // Custom className for width/height overrides
+  // Users can pass className="w-20 h-20" for custom sizing
+  className: z.string().optional()
+});
+
+export { Skeleton, SkeletonPropsSchema, skeletonVariants };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}
+{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/elements/Skeleton/Skeleton.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Skeleton/Skeleton.types.ts"],"names":["z"],"mappings":";;;;;;;;AAcO,SAAS,MAAM,MAAA,EAA8B;AAClD,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACIA,IAAM,gBAAA,GAAmB,GAAA;AAAA;AAAA,EAEvB,sDAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA;AAAA,MAER,OAAA,EAAS;AAAA,QACP,SAAA,EAAW,YAAA;AAAA;AAAA,QACX,MAAA,EAAQ,cAAA;AAAA;AAAA,QACR,IAAA,EAAM;AAAA;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ;AAeA,IAAM,QAAA,GAAW,IAAA;AAAA,EACf,UAAA;AAAA,IACE,CAAC,EAAE,SAAA,EAAW,SAAS,GAAG,KAAA,IAAS,GAAA,KAAQ;AACzC,MAAA,uBACE,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,IAAA,EAAK,QAAA;AAAA,UACL,WAAA,EAAU,QAAA;AAAA,UACV,WAAA,EAAU,MAAA;AAAA,UACV,WAAW,EAAA,CAAG,gBAAA,CAAiB,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,UACrD,GAAG,KAAA;AAAA,UAGJ,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,YAAA,EAAU;AAAA;AAAA,OACtC;AAAA,IAEJ;AAAA;AAEJ;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA;AC9DhB,IAAM,wBAAA,GAA2B,EAAE,MAAA,CAAO;AAAA;AAAA,EAE/C,SAAA,EAAW,CAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA;AAAA,EAG/B,QAAA,EAAU,CAAA,CAAE,GAAA,EAAI,CAAE,QAAA,EAAS;AAAA;AAAA,EAC3B,EAAA,EAAI,CAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA;AAAA,EAGxB,YAAA,EAAc,CAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA,EAClC,iBAAA,EAAmB,CAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA,EACvC,kBAAA,EAAoB,CAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA,EACxC,WAAA,EAAa,EAAE,IAAA,CAAK,CAAC,OAAO,QAAA,EAAU,WAAW,CAAC,CAAA,CAAE,QAAA,EAAS;AAAA,EAC7D,aAAA,EAAe,CAAA,CAAE,OAAA,EAAQ,CAAE,QAAA,EAAS;AAAA;AAAA,EAGpC,aAAA,EAAe,CAAA,CAAE,MAAA,EAAO,CAAE,QAAA;AAC5B,CAAC,CAAA;;;ACfM,IAAM,mBAAA,GAAsB,yBAAyB,MAAA,CAAO;AAAA;AAAA,EAEjE,OAAA,EAASA,CAAAA,CACN,IAAA,CAAK,CAAC,WAAA,EAAa,QAAA,EAAU,MAAM,CAAC,CAAA,CACpC,QAAA,EAAS,CACT,OAAA,CAAQ,WAAW,CAAA;AAAA;AAAA;AAAA,EAItB,SAAA,EAAWA,CAAAA,CAAE,MAAA,EAAO,CAAE,QAAA;AACxB,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","\"use client\";\n\n/**\n * Skeleton Component\n * Loading placeholder with pulse animation and theme-aware styling\n *\n * @see ShadCN Skeleton: https://ui.shadcn.com/docs/components/skeleton\n * @see spec.md FR-009 (WCAG 2.2 AAA - 7:1 contrast ratio)\n * @see tasks.md Phase 2 (Green Phase - Implementation)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\nimport { forwardRef, memo, type HTMLAttributes } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n/**\n * Skeleton variant styles using CVA\n * @see tasks.md Phase 2.2 (CVA Variant Definitions)\n */\nconst skeletonVariants = cva(\n  // Base styles - pulse animation and theme-aware background\n  \"animate-pulse bg-[var(--accent-background)] relative\",\n  {\n    variants: {\n      // Shape variants\n      variant: {\n        rectangle: \"rounded-md\", // Default: 0.375rem border radius\n        circle: \"rounded-full\",  // Circular shape (for avatars, icons)\n        text: \"rounded-sm h-4\",  // Text line placeholder (1rem height, 0.125rem radius)\n      },\n    },\n    defaultVariants: {\n      variant: \"rectangle\",\n    },\n  }\n);\n\nexport interface SkeletonProps\n  extends HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof skeletonVariants> {\n  variant?: 'rectangle' | 'circle' | 'text';\n  className?: string;\n}\n\n/**\n * Skeleton Component\n * Non-interactive loading placeholder with pulse animation\n *\n * @see tasks.md Phase 2.4 (Component Implementation)\n */\nconst Skeleton = memo(\n  forwardRef<HTMLDivElement, SkeletonProps>(\n    ({ className, variant, ...props }, ref) => {\n      return (\n        <div\n          ref={ref}\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-busy=\"true\"\n          className={cn(skeletonVariants({ variant }), className)}\n          {...props}\n        >\n          {/* Screen reader text for accessibility */}\n          <span className=\"sr-only\">Loading...</span>\n        </div>\n      );\n    }\n  )\n);\n\nSkeleton.displayName = \"Skeleton\";\n\nexport { Skeleton, skeletonVariants };\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';\n\n/**\n * Skeleton props schema extending BaseComponentProps\n *\n * @see ShadCN Skeleton: https://ui.shadcn.com/docs/components/skeleton\n * @see tasks.md Phase 1.1 (Type System)\n * @see spec.md FR-009 (WCAG 2.2 AAA - 7:1 contrast ratio)\n * @see constitution.md Principle IV (Accessibility First)\n */\nexport const SkeletonPropsSchema = BaseComponentPropsSchema.extend({\n  // Variants - shape of the skeleton placeholder\n  variant: z\n    .enum(['rectangle', 'circle', 'text'])\n    .optional()\n    .default('rectangle'),\n\n  // Custom className for width/height overrides\n  // Users can pass className=\"w-20 h-20\" for custom sizing\n  className: z.string().optional(),\n});\n\nexport type SkeletonProps = z.infer<typeof SkeletonPropsSchema>;\n\n/**\n * CVA variant configuration type\n * Used for class-variance-authority integration\n */\nexport type SkeletonVariant = z.infer<typeof SkeletonPropsSchema>['variant'];\n"]}

package/dist/elements/Switch/index.js

@@ -1,12 +1,156 @@
+"use client";
 'use strict';
 
-var chunkEMMLADSC_js = require('../../chunk-EMMLADSC.js');
-require('../../chunk-B5Q4UPL6.js');
-require('../../chunk-VIREG536.js');
-var chunkT4COXKQ3_js = require('../../chunk-T4COXKQ3.js');
+var react = require('react');
+var reactAriaComponents = require('react-aria-components');
+var classVarianceAuthority = require('class-variance-authority');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
 var zod = require('zod');
 
-var SwitchPropsSchema = chunkT4COXKQ3_js.BaseComponentPropsSchema.extend({
+// src/elements/Switch/Switch.tsx
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+
+// src/styles/interaction-states.ts
+var FOCUS_STYLES = "data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2";
+var PRESSED_STYLES = "data-[pressed]:scale-[0.97]";
+var HOVER_STYLES = "data-[hovered]:shadow-md";
+var 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";
+var HIGH_CONTRAST_HOVER = "hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground";
+var HIGH_CONTRAST_PRESSED = "hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground";
+var DEFAULT_INTERACTIONS = `${FOCUS_STYLES} ${PRESSED_STYLES} ${HOVER_STYLES} ${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;
+var switchOuterVariants = classVarianceAuthority.cva(
+  // Base styles - WCAG 2.2 AAA: 44x44px minimum touch target
+  "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: {}
+  }
+);
+var switchTrackVariants = classVarianceAuthority.cva(
+  // Base styles - visual track with transitions and focus states
+  "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 variant: Uses primary color when selected
+        default: "bg-[var(--input)] data-[selected]:bg-[var(--primary)]",
+        // Destructive variant: Uses destructive/error color when selected
+        destructive: "bg-[var(--input)] data-[selected]:bg-[var(--destructive)]"
+      },
+      size: {
+        // Small: h-5 w-9 (visual track size)
+        sm: "h-5 w-9",
+        // Default: h-6 w-11
+        default: "h-6 w-11",
+        // Large: h-7 w-14
+        lg: "h-7 w-14"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var switchThumbVariants = classVarianceAuthority.cva(
+  // Base styles: rounded circle with shadow, translates when selected
+  "pointer-events-none absolute left-0.5 rounded-full bg-[var(--content-background)] shadow-lg ring-0 transition-transform data-[selected]:translate-x-full",
+  {
+    variants: {
+      size: {
+        // Thumb is slightly smaller than track height for proper padding
+        sm: "h-4 w-4",
+        default: "h-5 w-5",
+        lg: "h-6 w-6"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var Switch = react.memo(react.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    label,
+    description,
+    isDisabled,
+    isReadOnly,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactAriaComponents.Switch,
+      {
+        ref,
+        isDisabled,
+        isReadOnly,
+        className: (_classNameProps) => cn(
+          "group inline-flex items-center gap-2",
+          isDisabled && "cursor-not-allowed opacity-50",
+          className
+        ),
+        ...props,
+        children: (renderProps) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: cn(switchOuterVariants()),
+              "data-selected": renderProps.isSelected || void 0,
+              "data-readonly": isReadOnly || void 0,
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: cn(
+                    switchTrackVariants({ variant, size }),
+                    DEFAULT_INTERACTIONS
+                  ),
+                  "data-selected": renderProps.isSelected || void 0,
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "div",
+                    {
+                      className: cn(switchThumbVariants({ size })),
+                      "data-selected": renderProps.isSelected || void 0
+                    }
+                  )
+                }
+              )
+            }
+          ),
+          (label || description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+            label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-[var(--content-foreground)]", children: label }),
+            description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-[var(--menu-muted)]", children: description })
+          ] })
+        ] })
+      }
+    );
+  }
+));
+Switch.displayName = "Switch";
+var BaseComponentPropsSchema = zod.z.object({
+  // Styling
+  className: zod.z.string().optional(),
+  // React
+  children: zod.z.any().optional(),
+  // ReactNode not directly supported by Zod
+  id: zod.z.string().optional(),
+  // Accessibility (WCAG 2.2 AA requirements)
+  "aria-label": zod.z.string().optional(),
+  "aria-labelledby": zod.z.string().optional(),
+  "aria-describedby": zod.z.string().optional(),
+  "aria-live": zod.z.enum(["off", "polite", "assertive"]).optional(),
+  "aria-hidden": zod.z.boolean().optional(),
+  // Testing & Development
+  "data-testid": zod.z.string().optional()
+});
+
+// src/elements/Switch/Switch.types.ts
+var SwitchPropsSchema = BaseComponentPropsSchema.extend({
   // State management (controlled/uncontrolled)
   isSelected: zod.z.boolean().optional(),
   defaultSelected: zod.z.boolean().optional().default(false),
@@ -28,22 +172,10 @@ var SwitchPropsSchema = chunkT4COXKQ3_js.BaseComponentPropsSchema.extend({
   autoFocus: zod.z.boolean().optional()
 });
 
-Object.defineProperty(exports, "Switch", {
-  enumerable: true,
-  get: function () { return chunkEMMLADSC_js.Switch; }
-});
-Object.defineProperty(exports, "switchOuterVariants", {
-  enumerable: true,
-  get: function () { return chunkEMMLADSC_js.switchOuterVariants; }
-});
-Object.defineProperty(exports, "switchThumbVariants", {
-  enumerable: true,
-  get: function () { return chunkEMMLADSC_js.switchThumbVariants; }
-});
-Object.defineProperty(exports, "switchTrackVariants", {
-  enumerable: true,
-  get: function () { return chunkEMMLADSC_js.switchTrackVariants; }
-});
+exports.Switch = Switch;
 exports.SwitchPropsSchema = SwitchPropsSchema;
+exports.switchOuterVariants = switchOuterVariants;
+exports.switchThumbVariants = switchThumbVariants;
+exports.switchTrackVariants = switchTrackVariants;
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Switch/Switch.types.ts"],"names":["BaseComponentPropsSchema","z"],"mappings":";;;;;;;;AAYO,IAAM,iBAAA,GAAoBA,0CAAyB,MAAA,CAAO;AAAA;AAAA,EAE/D,UAAA,EAAYC,KAAA,CAAE,OAAA,EAAQ,CAAE,QAAA,EAAS;AAAA,EACjC,iBAAiBA,KAAA,CAAE,OAAA,GAAU,QAAA,EAAS,CAAE,QAAQ,KAAK,CAAA;AAAA,EACrD,QAAA,EAAUA,KAAA,CAAE,QAAA,EAAS,CAAE,QAAA,EAAS;AAAA;AAAA,EAGhC,OAAA,EAASA,KAAA,CACN,IAAA,CAAK,CAAC,SAAA,EAAW,aAAa,CAAC,CAAA,CAC/B,QAAA,EAAS,CACT,OAAA,CAAQ,SAAS,CAAA;AAAA;AAAA,EAGpB,IAAA,EAAMA,KAAA,CAAE,IAAA,CAAK,CAAC,IAAA,EAAM,SAAA,EAAW,IAAI,CAAC,CAAA,CAAE,QAAA,EAAS,CAAE,OAAA,CAAQ,SAAS,CAAA;AAAA;AAAA,EAGlE,YAAYA,KAAA,CAAE,OAAA,GAAU,QAAA,EAAS,CAAE,QAAQ,KAAK,CAAA;AAAA,EAChD,YAAYA,KAAA,CAAE,OAAA,GAAU,QAAA,EAAS,CAAE,QAAQ,KAAK,CAAA;AAAA;AAAA,EAGhD,KAAA,EAAOA,KAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA,EAC3B,WAAA,EAAaA,KAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA;AAAA,EAGjC,OAAA,EAASA,KAAA,CAAE,QAAA,EAAS,CAAE,QAAA,EAAS;AAAA,EAC/B,MAAA,EAAQA,KAAA,CAAE,QAAA,EAAS,CAAE,QAAA,EAAS;AAAA,EAC9B,aAAA,EAAeA,KAAA,CAAE,QAAA,EAAS,CAAE,QAAA,EAAS;AAAA,EACrC,SAAA,EAAWA,KAAA,CAAE,OAAA,EAAQ,CAAE,QAAA;AACzB,CAAC","file":"index.js","sourcesContent":["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\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/styles/interaction-states.ts","../../../src/elements/Switch/Switch.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Switch/Switch.types.ts"],"names":["twMerge","clsx","cva","memo","forwardRef","jsx","AriaSwitch","jsxs","Fragment","z"],"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 * 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 *\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 } 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 { DEFAULT_INTERACTIONS } from '../../styles/interaction-states';\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(--input)] data-[selected]:bg-[var(--primary)]\",\n        // Destructive variant: Uses destructive/error color when selected\n        destructive:\n          \"bg-[var(--input)] data-[selected]:bg-[var(--destructive)]\",\n      },\n      size: {\n        // Small: h-5 w-9 (visual track size)\n        sm: \"h-5 w-9\",\n        // Default: h-6 w-11\n        default: \"h-6 w-11\",\n        // Large: h-7 w-14\n        lg: \"h-7 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 * Positioned absolutely within the track (Layer 2)\n */\nconst switchThumbVariants = cva(\n  // Base styles: rounded circle with shadow, translates when selected\n  \"pointer-events-none absolute left-0.5 rounded-full bg-[var(--content-background)] shadow-lg ring-0 transition-transform data-[selected]:translate-x-full\",\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    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n);\n\nexport interface SwitchProps\n  extends Omit<AriaSwitchProps, 'className' | 'children'>,\n    VariantProps<typeof switchTrackVariants> {\n  variant?: 'default' | 'destructive';\n  size?: 'sm' | 'default' | 'lg';\n  label?: string;\n  description?: string;\n  className?: string;\n}\n\n/**\n * Switch Component\n * Fully accessible toggle switch with React Aria and themed styling\n */\nconst Switch = memo(forwardRef<HTMLLabelElement, SwitchProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      label,\n      description,\n      isDisabled,\n      isReadOnly,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <AriaSwitch\n        ref={ref}\n        isDisabled={isDisabled}\n        isReadOnly={isReadOnly}\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                  className={cn(switchThumbVariants({ size }))}\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\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"]}