@tribepad/themis 1.0.1 → 1.0.3

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

@@ -1 +1 @@
-{"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"]}
+{"version":3,"sources":["../../../src/elements/Select/Select.styles.ts","../../../src/elements/Select/Select.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Select/Select.types.ts"],"names":["selectTriggerVariants","cva","selectItemVariants","selectPopoverVariants","selectSectionVariants","selectErrorVariants","SelectBase","ariaSelectProps","triggerContent","triggerRef","label","description","isRequired","isDisabled","isLoading","errorMessage","size","emptyStateMessage","childCount","children","labelId","useId","descriptionId","errorId","isInvalid","jsxs","AriaSelect","Label","jsx","Text","Button","Loader2","ChevronDown","FieldError","validationErrors","displayError","Fragment","AlertCircle","Popover","ListBox","_","i","ListBoxItem","SelectRoot","forwardRef","placeholder","value","defaultValue","isOpen","disabledKeys","validate","validationBehavior","name","onChange","onOpenChange","className","props","ref","Children","key","SelectValue","MultiSelectRoot","_selectionMode","valueToLabelMap","useMemo","map","processChildren","nodes","child","isValidElement","element","SelectItem","itemValue","itemChildren","displayValue","v","keys","memo","textValue","message","isSelected","selectionMode","itemDisabled","CheckSquare","Check","SelectSection","ListBoxSection","SelectHeader","Header","Select","MultiSelect","BaseComponentPropsSchema","z","SelectSizeSchema","SelectionModeSchema","ValidationBehaviorSchema","SelectPropsSchema","SelectItemPropsSchema","SelectSectionPropsSchema","SelectHeaderPropsSchema"],"mappings":"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","file":"index.mjs","sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\n/**\n * CVA Variants for Select Trigger Button\n *\n * Styles the trigger button that opens the select popover.\n * All sizes enforce 44px minimum touch targets for WCAG 2.2 AAA compliance.\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-background)]',\n        false: 'border-[var(--input-border)] hover:border-[var(--input-border)]/80',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n      isInvalid: false,\n    },\n  }\n);\n\n/**\n * CVA Variants for Select Items\n *\n * Styles individual selectable items within the listbox.\n * All sizes enforce 44px minimum touch targets for WCAG 2.2 AAA compliance.\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 * Styles the popover container that holds the listbox.\n * Uses menu tokens to match Dropdown styling.\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 * Styles the non-interactive section header labels within grouped selects.\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 * Styles the error message displayed below the select trigger.\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-background)]',\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 * Type exports for variant props.\n * Allows TypeScript inference of variant combinations.\n */\nexport type SelectTriggerVariantProps = VariantProps<typeof selectTriggerVariants>;\nexport type SelectItemVariantProps = VariantProps<typeof selectItemVariants>;\nexport type SelectPopoverVariantProps = VariantProps<typeof selectPopoverVariants>;\nexport type SelectSectionVariantProps = VariantProps<typeof selectSectionVariants>;\nexport type SelectErrorVariantProps = VariantProps<typeof selectErrorVariants>;\n","'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 * Architecture:\n * - SelectBase: Internal component containing shared label, description, trigger, error, and listbox rendering.\n * - SelectRoot: Single selection wrapper (thin layer over SelectBase).\n * - MultiSelectRoot: Multiple selection wrapper with display value logic (thin layer over SelectBase).\n * - SelectItem, SelectSection, SelectHeader: Compound sub-components.\n *\n * @see select-prd.md (Full requirements)\n * @see Select.types.ts (Zod schemas)\n * @see Select.styles.ts (CVA variant definitions)\n * @see plan.md (Implementation plan)\n */\n\nimport {\n  forwardRef,\n  memo,\n  Children,\n  useId,\n  useMemo,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\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 { Check, CheckSquare, ChevronDown, Loader2, AlertCircle } from 'lucide-react';\nimport type {\n  SelectProps,\n  SelectItemProps,\n  SelectSectionProps,\n  SelectHeaderProps,\n  SelectSize,\n} from './Select.types';\nimport {\n  selectTriggerVariants,\n  selectItemVariants,\n  selectPopoverVariants,\n  selectSectionVariants,\n  selectErrorVariants,\n} from './Select.styles';\n\n// Re-export CVA variants so existing imports from './Select' continue to work\nexport {\n  selectTriggerVariants,\n  selectItemVariants,\n  selectPopoverVariants,\n  selectSectionVariants,\n  selectErrorVariants,\n} from './Select.styles';\n\n/**\n * Internal props for SelectBase.\n * Extends the shared props with selection-mode-specific configuration.\n */\ninterface SelectBaseProps {\n  /** The AriaSelect props to spread onto the root element */\n  ariaSelectProps: Record<string, unknown>;\n  /** Content to render inside the trigger button (SelectValue for single, span for multi) */\n  triggerContent: ReactNode;\n  /** Ref to forward to the trigger button */\n  triggerRef: Ref<HTMLButtonElement>;\n  /** Label text */\n  label: string;\n  /** Optional description text */\n  description?: string;\n  /** Whether the field is required */\n  isRequired: boolean;\n  /** Whether the field is disabled */\n  isDisabled: boolean;\n  /** Whether the field is in a loading state */\n  isLoading: boolean;\n  /** Error message to display */\n  errorMessage?: string;\n  /** Size variant */\n  size: SelectSize;\n  /** Empty state message override */\n  emptyStateMessage?: string;\n  /** Child count (pre-computed by parent) */\n  childCount: number;\n  /** Children to render in the listbox */\n  children: ReactNode;\n}\n\n/**\n * SelectBase - Internal shared rendering component\n *\n * Contains the shared rendering logic for label, description, trigger button,\n * error message, and popover/listbox that both SelectRoot and MultiSelectRoot use.\n * This is not exported as part of the public API.\n */\nfunction SelectBase({\n  ariaSelectProps,\n  triggerContent,\n  triggerRef,\n  label,\n  description,\n  isRequired,\n  isDisabled,\n  isLoading,\n  errorMessage,\n  size,\n  emptyStateMessage,\n  childCount,\n  children,\n}: SelectBaseProps): ReactElement {\n  // Generate unique IDs for accessibility\n  const labelId = useId();\n  const descriptionId = useId();\n  const errorId = useId();\n\n  // Determine if invalid based on errorMessage\n  const isInvalid = Boolean(errorMessage);\n\n  return (\n    <AriaSelect\n      {...ariaSelectProps}\n      isInvalid={isInvalid}\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-background)] 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={triggerRef}\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        {triggerContent}\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/**\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 * Delegates shared rendering to SelectBase.\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    // 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    return (\n      <SelectBase\n        ariaSelectProps={{\n          value: value as string,\n          defaultValue: defaultValue as string,\n          onChange: (key: unknown) => {\n            if (onChange) {\n              onChange(key as string);\n            }\n          },\n          placeholder,\n          disabledKeys,\n          isOpen,\n          onOpenChange,\n          isDisabled: isDisabled || isLoading,\n          isRequired,\n          name,\n          validate: validate as ((value: unknown) => true | string | null | undefined) | undefined,\n          validationBehavior,\n          className,\n          ...props,\n        }}\n        triggerContent={<SelectValue className=\"flex-1 text-left truncate\" />}\n        triggerRef={ref}\n        label={label}\n        description={description}\n        isRequired={isRequired}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        errorMessage={errorMessage}\n        size={size}\n        emptyStateMessage={emptyStateMessage}\n        childCount={childCount}\n      >\n        {children}\n      </SelectBase>\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 * Delegates shared rendering to SelectBase, adding multi-select display value logic.\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    // 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    // 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      <SelectBase\n        ariaSelectProps={{\n          value: value as string[],\n          defaultValue: defaultValue as string[],\n          onChange: (keys: unknown) => {\n            if (onChange) {\n              onChange(keys as string[]);\n            }\n          },\n          selectionMode: 'multiple',\n          disabledKeys,\n          isOpen,\n          onOpenChange,\n          isDisabled: isDisabled || isLoading,\n          isRequired,\n          name,\n          validate: validate as ((value: unknown) => true | string | null | undefined) | undefined,\n          validationBehavior,\n          className,\n          ...props,\n        }}\n        triggerContent={\n          <span className=\"flex-1 text-left truncate\">\n            {displayValue}\n          </span>\n        }\n        triggerRef={ref}\n        label={label}\n        description={description}\n        isRequired={isRequired}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        errorMessage={errorMessage}\n        size={size}\n        emptyStateMessage={emptyStateMessage}\n        childCount={childCount}\n      >\n        {children}\n      </SelectBase>\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 */\nconst SelectItem = memo(function 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 * Uses Object.assign() for compound components (e.g., Select.Item, Select.Section).\n * Named exports (SelectItem, SelectSection, SelectHeader) are also available below\n * for better tree-shaking. Prefer named exports in new code.\n *\n * @deprecated (v2) The Object.assign compound pattern will be removed in v2.\n *   Migrate to named imports: `import { SelectItem, SelectSection, SelectHeader } from '...'`\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 (preferred for tree-shaking)\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,84 +1,3 @@
 "use client";
-'use strict';
-
-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');
-
-// 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()
-});
-
-// 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
+'use strict';var react=require('react'),classVarianceAuthority=require('class-variance-authority'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime'),zod=require('zod');function o(...t){return tailwindMerge.twMerge(clsx.clsx(t))}var r=classVarianceAuthority.cva("animate-pulse bg-[var(--accent-background)] relative",{variants:{variant:{rectangle:"rounded-md",circle:"rounded-full",text:"rounded-sm h-4"}},defaultVariants:{variant:"rectangle"}}),n=react.memo(react.forwardRef(({className:t,variant:l,...p},m)=>jsxRuntime.jsx("div",{ref:m,role:"status","aria-live":"polite","aria-busy":"true",className:o(r({variant:l}),t),...p,children:jsxRuntime.jsx("span",{className:"sr-only",children:"Loading..."})})));n.displayName="Skeleton";var i=zod.z.object({className:zod.z.string().optional(),children:zod.z.any().optional(),id:zod.z.string().optional(),"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(),"data-testid":zod.z.string().optional()});var g=i.extend({variant:zod.z.enum(["rectangle","circle","text"]).optional().default("rectangle"),className:zod.z.string().optional()});exports.Skeleton=n;exports.SkeletonPropsSchema=g;exports.skeletonVariants=r;//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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"]}
+{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/elements/Skeleton/Skeleton.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Skeleton/Skeleton.types.ts"],"names":["cn","inputs","twMerge","clsx","skeletonVariants","cva","Skeleton","memo","forwardRef","className","variant","props","ref","jsx","BaseComponentPropsSchema","z","SkeletonPropsSchema"],"mappings":"2NAcO,SAASA,CAAAA,CAAAA,GAAMC,CAAAA,CAA8B,CAClD,OAAOC,qBAAAA,CAAQC,UAAKF,CAAM,CAAC,CAC7B,CCIA,IAAMG,CAAAA,CAAmBC,0BAAAA,CAEvB,sDAAA,CACA,CACE,SAAU,CAER,OAAA,CAAS,CACP,SAAA,CAAW,YAAA,CACX,OAAQ,cAAA,CACR,IAAA,CAAM,gBACR,CACF,CAAA,CACA,eAAA,CAAiB,CACf,OAAA,CAAS,WACX,CACF,CACF,CAAA,CAeMC,EAAWC,UAAAA,CACfC,gBAAAA,CACE,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,QAAAC,CAAAA,CAAS,GAAGC,CAAM,CAAA,CAAGC,CAAAA,GAE/BC,eAAC,KAAA,CAAA,CACC,GAAA,CAAKD,CAAAA,CACL,IAAA,CAAK,QAAA,CACL,WAAA,CAAU,SACV,WAAA,CAAU,MAAA,CACV,UAAWZ,CAAAA,CAAGI,CAAAA,CAAiB,CAAE,OAAA,CAAAM,CAAQ,CAAC,CAAA,CAAGD,CAAS,CAAA,CACrD,GAAGE,CAAAA,CAGJ,QAAA,CAAAE,eAAC,MAAA,CAAA,CAAK,SAAA,CAAU,UAAU,QAAA,CAAA,YAAA,CAAU,CAAA,CACtC,CAGN,CACF,EAEAP,CAAAA,CAAS,YAAc,UAAA,CC9DhB,IAAMQ,CAAAA,CAA2BC,MAAE,MAAA,CAAO,CAE/C,UAAWA,KAAAA,CAAE,MAAA,GAAS,QAAA,EAAS,CAG/B,QAAA,CAAUA,KAAAA,CAAE,GAAA,EAAI,CAAE,UAAS,CAC3B,EAAA,CAAIA,MAAE,MAAA,EAAO,CAAE,UAAS,CAGxB,YAAA,CAAcA,KAAAA,CAAE,MAAA,EAAO,CAAE,QAAA,GACzB,iBAAA,CAAmBA,KAAAA,CAAE,QAAO,CAAE,QAAA,GAC9B,kBAAA,CAAoBA,KAAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS,CACxC,YAAaA,KAAAA,CAAE,IAAA,CAAK,CAAC,KAAA,CAAO,QAAA,CAAU,WAAW,CAAC,CAAA,CAAE,QAAA,EAAS,CAC7D,aAAA,CAAeA,KAAAA,CAAE,SAAQ,CAAE,QAAA,GAG3B,aAAA,CAAeA,KAAAA,CAAE,QAAO,CAAE,QAAA,EAC5B,CAAC,CAAA,CCfM,IAAMC,EAAsBF,CAAAA,CAAyB,MAAA,CAAO,CAEjE,OAAA,CAASC,KAAAA,CACN,KAAK,CAAC,WAAA,CAAa,QAAA,CAAU,MAAM,CAAC,CAAA,CACpC,UAAS,CACT,OAAA,CAAQ,WAAW,CAAA,CAItB,SAAA,CAAWA,MAAE,MAAA,EAAO,CAAE,QAAA,EACxB,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,80 +1,3 @@
 "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
+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';function o(...t){return twMerge(clsx(t))}var r=cva("animate-pulse bg-[var(--accent-background)] relative",{variants:{variant:{rectangle:"rounded-md",circle:"rounded-full",text:"rounded-sm h-4"}},defaultVariants:{variant:"rectangle"}}),n=memo(forwardRef(({className:t,variant:l,...p},m)=>jsx("div",{ref:m,role:"status","aria-live":"polite","aria-busy":"true",className:o(r({variant:l}),t),...p,children:jsx("span",{className:"sr-only",children:"Loading..."})})));n.displayName="Skeleton";var i=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 g=i.extend({variant:z.enum(["rectangle","circle","text"]).optional().default("rectangle"),className:z.string().optional()});export{n as Skeleton,g as SkeletonPropsSchema,r as skeletonVariants};//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"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"]}
+{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/elements/Skeleton/Skeleton.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Skeleton/Skeleton.types.ts"],"names":["cn","inputs","twMerge","clsx","skeletonVariants","cva","Skeleton","memo","forwardRef","className","variant","props","ref","jsx","BaseComponentPropsSchema","z","SkeletonPropsSchema"],"mappings":"oMAcO,SAASA,CAAAA,CAAAA,GAAMC,CAAAA,CAA8B,CAClD,OAAOC,OAAAA,CAAQC,KAAKF,CAAM,CAAC,CAC7B,CCIA,IAAMG,CAAAA,CAAmBC,GAAAA,CAEvB,sDAAA,CACA,CACE,SAAU,CAER,OAAA,CAAS,CACP,SAAA,CAAW,YAAA,CACX,OAAQ,cAAA,CACR,IAAA,CAAM,gBACR,CACF,CAAA,CACA,eAAA,CAAiB,CACf,OAAA,CAAS,WACX,CACF,CACF,CAAA,CAeMC,EAAWC,IAAAA,CACfC,UAAAA,CACE,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,QAAAC,CAAAA,CAAS,GAAGC,CAAM,CAAA,CAAGC,CAAAA,GAE/BC,IAAC,KAAA,CAAA,CACC,GAAA,CAAKD,CAAAA,CACL,IAAA,CAAK,QAAA,CACL,WAAA,CAAU,SACV,WAAA,CAAU,MAAA,CACV,UAAWZ,CAAAA,CAAGI,CAAAA,CAAiB,CAAE,OAAA,CAAAM,CAAQ,CAAC,CAAA,CAAGD,CAAS,CAAA,CACrD,GAAGE,CAAAA,CAGJ,QAAA,CAAAE,IAAC,MAAA,CAAA,CAAK,SAAA,CAAU,UAAU,QAAA,CAAA,YAAA,CAAU,CAAA,CACtC,CAGN,CACF,EAEAP,CAAAA,CAAS,YAAc,UAAA,CC9DhB,IAAMQ,CAAAA,CAA2BC,EAAE,MAAA,CAAO,CAE/C,UAAWA,CAAAA,CAAE,MAAA,GAAS,QAAA,EAAS,CAG/B,QAAA,CAAUA,CAAAA,CAAE,GAAA,EAAI,CAAE,UAAS,CAC3B,EAAA,CAAIA,EAAE,MAAA,EAAO,CAAE,UAAS,CAGxB,YAAA,CAAcA,CAAAA,CAAE,MAAA,EAAO,CAAE,QAAA,GACzB,iBAAA,CAAmBA,CAAAA,CAAE,QAAO,CAAE,QAAA,GAC9B,kBAAA,CAAoBA,CAAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS,CACxC,YAAaA,CAAAA,CAAE,IAAA,CAAK,CAAC,KAAA,CAAO,QAAA,CAAU,WAAW,CAAC,CAAA,CAAE,QAAA,EAAS,CAC7D,aAAA,CAAeA,CAAAA,CAAE,SAAQ,CAAE,QAAA,GAG3B,aAAA,CAAeA,CAAAA,CAAE,QAAO,CAAE,QAAA,EAC5B,CAAC,CAAA,CCfM,IAAMC,EAAsBF,CAAAA,CAAyB,MAAA,CAAO,CAEjE,OAAA,CAASC,CAAAA,CACN,KAAK,CAAC,WAAA,CAAa,QAAA,CAAU,MAAM,CAAC,CAAA,CACpC,UAAS,CACT,OAAA,CAAQ,WAAW,CAAA,CAItB,SAAA,CAAWA,EAAE,MAAA,EAAO,CAAE,QAAA,EACxB,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"]}