@tribepad/themis 1.0.1 → 1.0.2

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/styles/interaction-states.ts","../../../src/elements/Button/Button.styles.ts","../../../src/elements/ButtonGroup/ButtonGroupContext.tsx","../../../src/elements/ButtonGroup/ButtonGroup.variants.ts","../../../src/elements/Button/Button.tsx","../../../src/elements/TextField/TextField.icons.tsx","../../../src/elements/TextField/TextField.styles.ts","../../../src/elements/TextField/TextField.hooks.ts","../../../src/elements/TextField/TextField.tsx","../../../src/elements/SearchField/SearchField.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/SearchField/SearchField.types.ts","../../../src/elements/SearchField/SearchField.styles.ts"],"names":["cn","inputs","twMerge","clsx","PRESSED_STYLES","HOVER_STYLES","HIGH_CONTRAST_HOVER","HIGH_CONTRAST_PRESSED","DISABLED_STYLES","buttonOuterVariants","cva","buttonVisualVariants","ButtonGroupContext","createContext","useButtonGroupContext","useContext","ButtonGroupItemContext","useButtonGroupItemContext","buttonGroupItemVariants","Button","memo","forwardRef","className","buttonVisualClassName","variant","size","visualSize","fullWidth","loading","loadingText","shortcut","children","isDisabled","paywall","paywallRedirect","paywallDescription","onPress","props","ref","paywallDescriptionId","useId","groupContext","itemContext","effectiveVariant","effectiveSize","effectiveIsDisabled","isInVerticalGroup","effectiveFullWidth","positionClassName","effectiveVisualSize","jsx","AriaButton","e","renderProps","jsxs","Fragment","Loader2","Zap","EyeIcon","EyeOffIcon","inputVariants","labelVariants","descriptionVariants","errorMessageVariants","successMessageVariants","useExpandOnFocus","expandOnFocus","collapsedWidth","value","defaultValue","userOnFocus","userOnBlur","isFocused","setIsFocused","useState","handleFocus","useCallback","handleBlur","inputWidth","useMemo","useCopyPasteProtection","disableCopyPaste","isShaking","setIsShaking","screenReaderMessage","setScreenReaderMessage","useEffect","handlePaste","usePasswordToggle","type","showPasswordToggle","showPassword","setShowPassword","handlePasswordToggle","prev","actualType","TextFieldLabel","state","AriaLabel","TextFieldInput","AriaInput","TextFieldDescription","AriaText","TextFieldError","AriaFieldError","CircleAlert","TextFieldSuccess","TextField","label","description","errorMessage","successMessage","isRequired","isReadOnly","isInvalid","isValid","id","autoComplete","pattern","patternDescription","prefix","suffix","prefixSize","suffixSize","isIconHidden","onSubmit","onClear","errorId","generatedId","fieldId","isSearch","searchValue","setSearchValue","isControlledSearch","currentSearchValue","handleSearchChange","newValue","handleSearchClear","handleSearchKeyDown","inputState","labelState","combinedDescription","actualPrefix","Search","inputPadding","basePadding","prefixWidth","suffixWidth","actualSuffix","X","hasInteractiveSuffix","AriaTextField","SearchField","ariaLabel","ariaLabelledBy","BaseComponentPropsSchema","z","SearchFieldPropsSchema","searchFieldVariants","searchFieldLabelVariants","searchFieldDescriptionVariants","searchFieldErrorVariants"],"mappings":"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","file":"index.mjs","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","/**\n * Global Interaction State Styles\n *\n * Consistent interaction patterns across all Themis components.\n * These styles ensure WCAG 2.2 AAA compliance and predictable UX.\n *\n * @see spec.md FR-010 (Visible focus ring for keyboard navigation)\n * @see spec.md FR-031 (Pressed state feedback)\n * @see spec.md FR-012 (High contrast mode support)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\n/**\n * Focus state styles (FR-010)\n * Visible focus ring for keyboard navigation - WCAG 2.2 Level AAA\n *\n * Components can override by extending these styles:\n * @example\n * cn(FOCUS_STYLES, \"ring-4\") // Increases ring width to 4px\n */\nexport const FOCUS_STYLES = \"data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2\";\n\n/**\n * Pressed/Active state styles (FR-031)\n * Visual feedback for press interactions\n *\n * Components can override the scale amount:\n * @example\n * cn(PRESSED_STYLES_BASE, \"data-[pressed]:scale-[0.95]\") // More pronounced scale\n */\nexport const PRESSED_STYLES = \"data-[pressed]:scale-[0.97]\";\n\n/**\n * Base pressed styles without scale (for components that need different feedback)\n */\nexport const PRESSED_STYLES_BASE = \"data-[pressed]:transition-transform data-[pressed]:duration-100\";\n\n/**\n * Hover state styles\n * Elevation change on hover for better affordance\n *\n * Components can override shadow depth:\n * @example\n * cn(HOVER_STYLES_BASE, \"data-[hovered]:shadow-lg\") // Larger shadow\n */\nexport const HOVER_STYLES = \"data-[hovered]:shadow-md\";\n\n/**\n * Base hover styles without shadow (for components that use different hover effects)\n */\nexport const HOVER_STYLES_BASE = \"data-[hovered]:transition-shadow data-[hovered]:duration-200\";\n\n/**\n * High contrast mode focus (FR-012)\n * Enhanced outlines for users requiring high contrast\n *\n * Uses 'hc:' prefix for prefers-contrast: more media query\n */\nexport const HIGH_CONTRAST_FOCUS = \"hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground\";\n\n/**\n * High contrast mode hover (FR-012)\n * Enhanced outlines for hover in high contrast mode\n */\nexport const HIGH_CONTRAST_HOVER = \"hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground\";\n\n/**\n * High contrast mode pressed state\n * Enhanced outlines for pressed state in high contrast mode\n */\nexport const HIGH_CONTRAST_PRESSED = \"hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground\";\n\n/**\n * Combined high contrast styles\n * Use this for components that need all high contrast interaction states\n */\nexport const HIGH_CONTRAST_INTERACTIONS = `${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Disabled state styles\n * Consistent disabled appearance across all components\n */\nexport const DISABLED_STYLES = \"disabled:pointer-events-none disabled:opacity-50\";\n\n/**\n * Default interaction bundle\n * Most common combination for interactive components\n *\n * Includes: focus ring, pressed scale, hover shadow, high contrast enhancements\n *\n * @example\n * <button className={cn(DEFAULT_INTERACTIONS, \"bg-primary\")}>Click</button>\n */\nexport const DEFAULT_INTERACTIONS = `${FOCUS_STYLES} ${PRESSED_STYLES} ${HOVER_STYLES} ${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Subtle interaction bundle\n * For components that need less pronounced feedback\n *\n * Includes: focus ring and high contrast, but no hover shadow or pressed scale\n */\nexport const SUBTLE_INTERACTIONS = `${FOCUS_STYLES} ${HIGH_CONTRAST_FOCUS}`;\n\n/**\n * Non-interactive element styles\n * For elements that should indicate they are not interactive\n */\nexport const NON_INTERACTIVE = \"cursor-default select-none\";\n","import { cva } from 'class-variance-authority';\n\n/**\n * Layer 1: Transparent outer touch target (44x44px minimum)\n * Handles WCAG 2.2 AAA touch target requirement\n * Always transparent, centers the visual button inside\n * IMPORTANT: Focus ring stays on Layer 1 for AAA compliance (2.4.13)\n *\n * In vertical ButtonGroups, uses items-stretch so the visual layer (Layer 2)\n * can fill the full touch target height, eliminating gaps between buttons.\n */\nexport const buttonOuterVariants = cva(\n  \"inline-flex justify-center min-h-[44px] min-w-[44px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50\",\n  {\n    variants: {\n      fullWidth: {\n        true: \"w-full\",\n        false: \"\",\n      },\n      inVerticalGroup: {\n        true: \"items-stretch\",\n        false: \"items-center\",\n      },\n    },\n    defaultVariants: {\n      fullWidth: false,\n      inVerticalGroup: false,\n    },\n  }\n);\n\n/**\n * Layer 2: Visual button appearance (adjustable size)\n * Provides the visual appearance with configurable size\n * Can be smaller than touch target for use cases like carousel dots\n * NOTE: NO focus-visible styles here - focus ring is on Layer 1\n */\nexport const buttonVisualVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 relative cursor-pointer\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-[var(--primary-action)] text-[var(--primary-action-foreground)] shadow-md hover:bg-[var(--primary-action-hover)] data-[pressed]:bg-[var(--primary-action)]/80\",\n        destructive:\n          \"bg-[var(--destructive-background)] text-[var(--destructive-foreground)] shadow-md hover:bg-[var(--destructive-background)]/90 data-[pressed]:bg-[var(--destructive-background)]/80\",\n        outline:\n          \"border border-[var(--input-border)] bg-[var(--page-background)] hover:bg-[var(--input-border)] data-[pressed]:bg-[var(--input-border)]\",\n        secondary:\n          \"bg-[var(--secondary)] text-[var(--secondary-foreground)] shadow-md hover:bg-[var(--secondary)]/80 data-[pressed]:bg-[var(--secondary)]/70\",\n        ghost:\n          \"hover:bg-[var(--accent)] hover:text-[var(--accent-foreground)] data-[pressed]:bg-[var(--accent)]\",\n        link: \"text-[var(--text-link)] underline-offset-4 hover:underline data-[pressed]:text-[var(--text-link-hover)]\",\n      },\n      fullWidth: {\n        true: \"w-full\",\n        false: \"\",\n      },\n      visualSize: {\n        default: \"h-10 px-4 py-2\",\n        sm: \"h-9 rounded-md px-3 text-xs\",\n        lg: \"h-11 rounded-md px-8\",\n        icon: \"h-10 w-10\",\n        dot: \"h-5 w-5 rounded-full p-0 min-h-0 min-w-0\",\n      },\n      paywall: {\n        true: \"!bg-[var(--paywall)] !text-[var(--paywall-foreground)] !shadow-md hover:!bg-[var(--paywall)]/90 !cursor-not-allowed !border-transparent\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      visualSize: \"default\",\n      paywall: false,\n    },\n  }\n);\n\n/**\n * @deprecated Use buttonVisualVariants instead. This alias is kept for backward compatibility.\n */\nexport const buttonVariants = buttonVisualVariants;\n","\"use client\";\n\nimport { createContext, useContext } from 'react';\nimport type {\n  ButtonGroupContextValue,\n  ButtonGroupItemContextValue,\n} from './ButtonGroup.types';\n\n/**\n * ButtonGroup Context System (Two-Level)\n *\n * Provides a two-level context pattern for ButtonGroup:\n *\n * 1. ButtonGroupContext (group-level):\n *    - Provides: orientation, variant, size, isDisabled\n *    - Consumed by: Button (for prop inheritance), Separator (for orientation)\n *\n * 2. ButtonGroupItemContext (item-level):\n *    - Provides: position ('first' | 'middle' | 'last' | 'only')\n *    - Consumed by: Button (for border-radius styling)\n *\n * Both contexts return null when not in a provider, allowing Button\n * to work standalone without any group context.\n *\n * @see plan.md for architecture details\n * @see ButtonGroup.tsx for Provider implementation\n */\n\n// =============================================================================\n// Group-Level Context\n// =============================================================================\n\n/**\n * Context for group-level props (orientation, variant, size, isDisabled)\n * Default value is null to indicate \"not in a group\"\n */\nconst ButtonGroupContext = createContext<ButtonGroupContextValue | null>(null);\n\nButtonGroupContext.displayName = 'ButtonGroupContext';\n\n/**\n * Hook to access group-level context\n * @returns ButtonGroupContextValue if inside a ButtonGroup, null otherwise\n */\nexport function useButtonGroupContext(): ButtonGroupContextValue | null {\n  return useContext(ButtonGroupContext);\n}\n\n// =============================================================================\n// Item-Level Context\n// =============================================================================\n\n/**\n * Context for per-button position information\n * Default value is null to indicate \"not wrapped with position context\"\n */\nconst ButtonGroupItemContext =\n  createContext<ButtonGroupItemContextValue | null>(null);\n\nButtonGroupItemContext.displayName = 'ButtonGroupItemContext';\n\n/**\n * Hook to access item-level context (position)\n * @returns ButtonGroupItemContextValue if wrapped with position context, null otherwise\n */\nexport function useButtonGroupItemContext(): ButtonGroupItemContextValue | null {\n  return useContext(ButtonGroupItemContext);\n}\n\n// =============================================================================\n// Exports\n// =============================================================================\n\nexport { ButtonGroupContext, ButtonGroupItemContext };\n","import { cva } from 'class-variance-authority';\n\n/**\n * ButtonGroup CVA Variants\n *\n * Defines Class Variance Authority (CVA) variants for:\n * - ButtonGroup container (orientation-based layout)\n * - ButtonGroupItem (position-based border-radius)\n * - ButtonGroupSeparator (orientation-based styling)\n *\n * @see plan.md Phase 1: Design & Contracts - CVA Variants\n * @see constitution.md Principle V (Component Quality Standards)\n */\n\n// =============================================================================\n// Container Variants\n// =============================================================================\n\n/**\n * ButtonGroup container variants\n * Controls the layout direction based on orientation\n * Uses gap-0 to ensure buttons are connected (share borders)\n */\nexport const buttonGroupVariants = cva('inline-flex items-center gap-0', {\n  variants: {\n    orientation: {\n      horizontal: 'flex-row',\n      vertical: 'flex-col w-full',\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n  },\n});\n\n// =============================================================================\n// Item Position Variants\n// =============================================================================\n\n/**\n * ButtonGroupItem position variants\n * Applied to Button's visual layer (Layer 2) for position-aware border-radius\n *\n * Compound variants handle both orientation and position combinations:\n * - Horizontal: left/right borders and radii\n * - Vertical: top/bottom borders and radii\n */\nexport const buttonGroupItemVariants = cva('', {\n  variants: {\n    orientation: {\n      // min-w-[44px] ensures visual layer fills touch target width (for icon buttons)\n      horizontal: 'min-w-[44px]',\n      // flex (overrides inline-flex) + min-h-[44px] makes visual layer fill touch target,\n      // eliminating gaps between stacked buttons in vertical orientation\n      vertical: 'flex min-h-[44px]',\n    },\n    position: {\n      first: '',\n      middle: '',\n      last: '',\n      only: '', // Single button - no modifications needed\n    },\n  },\n  compoundVariants: [\n    // ==========================================================================\n    // Horizontal Orientation\n    // ==========================================================================\n    {\n      orientation: 'horizontal',\n      position: 'first',\n      className: 'rounded-r-none border-r-0',\n    },\n    {\n      orientation: 'horizontal',\n      position: 'middle',\n      className: 'rounded-none border-r-0',\n    },\n    {\n      orientation: 'horizontal',\n      position: 'last',\n      className: 'rounded-l-none',\n    },\n    // ==========================================================================\n    // Vertical Orientation\n    // Note: w-full is handled by Button's effectiveFullWidth for both layers\n    // ==========================================================================\n    {\n      orientation: 'vertical',\n      position: 'first',\n      className: 'rounded-b-none border-b-0',\n    },\n    {\n      orientation: 'vertical',\n      position: 'middle',\n      className: 'rounded-none border-b-0',\n    },\n    {\n      orientation: 'vertical',\n      position: 'last',\n      className: 'rounded-t-none',\n    },\n  ],\n  defaultVariants: {\n    orientation: 'horizontal',\n    position: 'only',\n  },\n});\n\n// =============================================================================\n// Separator Variants\n// =============================================================================\n\n/**\n * ButtonGroupSeparator variants\n * Orientation-aware visual divider between button groups\n */\nexport const buttonGroupSeparatorVariants = cva('bg-[var(--border)]', {\n  variants: {\n    orientation: {\n      horizontal: 'w-px h-6 mx-1',\n      vertical: 'h-px w-full my-1',\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n  },\n});\n","\"use client\";\n\n/**\n * Button Component - 3-Layer Architecture\n * Accessible button with React Aria primitives and CVA styling\n *\n * Architecture:\n * - Layer 1: Touch Target (44x44px WCAG AAA compliant, transparent)\n * - Layer 2: Visual Button (configurable size, colors, borders)\n * - Layer 3: Content & Effects (text, icons, ripple, loading spinner)\n *\n * @see 3layer-plan.md for architecture details\n * @see spec.md FR-029 to FR-037 (Button Component Requirements)\n * @see spec.md FR-009 (WCAG 2.2 AAA - 7:1 contrast ratio)\n * @see spec.md FR-014 (44x44px minimum touch targets)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\nimport { forwardRef, memo, useId } from 'react';\nimport {\n  Button as AriaButton,\n  type ButtonProps as AriaButtonProps,\n} from 'react-aria-components';\nimport { Loader2, Zap } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport type { ButtonProps } from './Button.types';\nimport { buttonOuterVariants, buttonVisualVariants, buttonVariants } from './Button.styles';\nimport { PRESSED_STYLES, HOVER_STYLES, HIGH_CONTRAST_HOVER, HIGH_CONTRAST_PRESSED } from '../../styles/interaction-states';\nimport {\n  useButtonGroupContext,\n  useButtonGroupItemContext,\n} from '../ButtonGroup/ButtonGroupContext';\nimport { buttonGroupItemVariants } from '../ButtonGroup/ButtonGroup.variants';\n\n/**\n * Button Component - 3-Layer Architecture\n * Fully accessible button with React Aria and themed styling\n *\n * Layer 1: Touch Target (AriaButton) - 44x44px WCAG AAA compliant\n * Layer 2: Visual Button (span) - configurable appearance\n * Layer 3: Content (children) - text, icons, effects\n */\nconst Button = memo(forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      buttonVisualClassName,\n      variant,\n      size,\n      visualSize,\n      fullWidth,\n      loading = false,\n      loadingText = \"Loading...\",\n      shortcut,\n      children,\n      isDisabled,\n      paywall = false,\n      paywallRedirect,\n      paywallDescription,\n      onPress,\n      ...props\n    },\n    ref\n  ) => {\n    const paywallDescriptionId = useId();\n\n    // ==========================================================================\n    // ButtonGroup Context Integration\n    // ==========================================================================\n\n    // Consume group-level context (variant, size, isDisabled, orientation)\n    const groupContext = useButtonGroupContext();\n\n    // Consume item-level context (position for border-radius styling)\n    const itemContext = useButtonGroupItemContext();\n\n    // Merge context values with props (props take precedence)\n    const effectiveVariant = variant ?? groupContext?.variant ?? 'default';\n    const effectiveSize = size ?? groupContext?.size;\n    const effectiveIsDisabled = isDisabled ?? groupContext?.isDisabled ?? false;\n\n    // In vertical groups, buttons should be full width automatically\n    const isInVerticalGroup = groupContext?.orientation === 'vertical';\n    const effectiveFullWidth = fullWidth || isInVerticalGroup;\n\n    // Position styling for ButtonGroup (only applied when in a group)\n    const positionClassName = itemContext\n      ? buttonGroupItemVariants({\n          orientation: groupContext?.orientation ?? 'horizontal',\n          position: itemContext.position,\n        })\n      : '';\n\n    // Default visualSize to size for backward compatibility\n    const effectiveVisualSize = visualSize ?? effectiveSize ?? 'default';\n\n    // AAA Accessibility: Warn in dev/test if icon/dot variant lacks accessible name\n    if (process.env.NODE_ENV !== 'production') {\n      if (\n        (effectiveVisualSize === 'dot' || effectiveVisualSize === 'icon') &&\n        !props['aria-label'] &&\n        !children\n      ) {\n        console.warn(\n          '[Button] visualSize=\"dot\" or \"icon\" requires aria-label when no visible text is provided (WCAG 1.1.1)'\n        );\n      }\n    }\n\n    /**\n     * Handle button press - intercepts action when paywalled\n     * If paywalled with redirect URL, opens in new tab\n     * Otherwise, calls the normal onPress handler\n     */\n    const handlePress = (e: Parameters<NonNullable<AriaButtonProps['onPress']>>[0]): void => {\n      if (paywall) {\n        if (paywallRedirect) {\n          window.open(paywallRedirect, '_blank', 'noopener,noreferrer');\n        }\n        // Don't call onPress when paywalled\n        return;\n      }\n      onPress?.(e);\n    };\n\n    // Only set isDisabled when we have a reason to disable\n    // Otherwise, let slot system control disabled state (e.g., in NumberField)\n    const computedIsDisabled = effectiveIsDisabled || loading || undefined;\n\n    return (\n      <AriaButton\n        ref={ref}\n        isDisabled={computedIsDisabled}\n        aria-disabled={paywall ? true : undefined}\n        aria-describedby={paywall ? paywallDescriptionId : undefined}\n        onPress={handlePress}\n        className={cn(buttonOuterVariants({ fullWidth: effectiveFullWidth, inVerticalGroup: isInVerticalGroup }), className)}\n        {...props}\n      >\n        {(renderProps) => (\n          /* Layer 2: Visual Button */\n          <span\n            className={cn(\n              buttonVisualVariants({\n                variant: effectiveVariant,\n                visualSize: effectiveVisualSize,\n                paywall,\n                fullWidth: effectiveFullWidth,\n              }),\n              // Position styling from ButtonGroup context (border-radius adjustments)\n              positionClassName,\n              buttonVisualClassName,\n              // Layer 2 interaction styles (no focus - focus ring is on Layer 1)\n              PRESSED_STYLES,\n              HOVER_STYLES,\n              HIGH_CONTRAST_HOVER,\n              HIGH_CONTRAST_PRESSED\n            )}\n            data-pressed={renderProps.isPressed || undefined}\n          >\n            {/* Layer 3: Content & Effects */}\n\n            {/* FR-033: Loading spinner with screen reader announcement */}\n            {/* Uses motion-safe: for WCAG 2.3.3 AAA (Animation from Interactions) */}\n            {loading && (\n              <>\n                <Loader2 className=\"motion-safe:animate-spin\" aria-hidden=\"true\" />\n                <span className=\"sr-only\" aria-live=\"polite\">\n                  {loadingText}\n                </span>\n              </>\n            )}\n\n            {/* Hide children during loading */}\n            {!loading && children}\n\n            {/* Paywall: Lightning bolt icon */}\n            {paywall && (\n              <Zap\n                data-testid=\"zap-icon\"\n                aria-hidden=\"true\"\n                className=\"ml-1\"\n              />\n            )}\n\n            {/* Paywall: Screen reader description */}\n            {paywall && (\n              <span id={paywallDescriptionId} className=\"sr-only\">\n                Premium feature: {paywallDescription || \"Upgrade required to access this feature\"}\n              </span>\n            )}\n\n            {/* FR-034: Keyboard shortcut display on focus */}\n            {renderProps.isFocusVisible && shortcut && (\n              <kbd className=\"ml-auto hidden text-xs opacity-60 lg:inline\">\n                {shortcut}\n              </kbd>\n            )}\n\n            {/* Touch/press ripple effect - FR-031: Pressed state feedback */}\n            {/* Uses motion-safe: for WCAG 2.3.3 AAA (Animation from Interactions) */}\n            {renderProps.isPressed && (\n              <span\n                className=\"absolute inset-0 rounded-[inherit] bg-current opacity-10 motion-safe:animate-in motion-safe:zoom-in-95\"\n                aria-hidden=\"true\"\n              />\n            )}\n          </span>\n        )}\n      </AriaButton>\n    );\n  }\n));\n\nButton.displayName = \"Button\";\n\nexport { Button, buttonVariants, buttonOuterVariants, buttonVisualVariants };\nexport type { ButtonProps } from './Button.types';\n","/**\n * TextField Icon Components\n * SVG icons for password toggle functionality\n *\n * Extracted from TextField.tsx to keep the main component file focused.\n * These are module-level components to avoid re-creating on every render.\n */\n\nimport type { ReactElement } from 'react';\n\n/**\n * Eye icon for \"show password\" state\n * Rendered when the password is currently hidden\n */\nexport const EyeIcon = (): ReactElement => (\n  <svg\n    data-testid=\"password-toggle-icon-show\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 16 16\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"M1 8s3-5 7-5 7 5 7 5-3 5-7 5-7-5-7-5z\" />\n    <circle cx=\"8\" cy=\"8\" r=\"2\" />\n  </svg>\n);\n\n/**\n * Eye-off icon for \"hide password\" state\n * Rendered when the password is currently visible\n */\nexport const EyeOffIcon = (): ReactElement => (\n  <svg\n    data-testid=\"password-toggle-icon-hide\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 16 16\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"M10.5 5.5l-5 5\" />\n    <path d=\"M1 8s3-5 7-5c1.5 0 2.8.6 4 1.5M15 8s-1.5 2.5-4 4\" />\n    <path d=\"M3 13l2-2m7-7l2-2\" />\n    <circle cx=\"8\" cy=\"8\" r=\"2\" />\n  </svg>\n);\n","/**\n * TextField CVA Variant Styles\n * Extracted from TextField.tsx for separation of concerns\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements - WCAG 2.2 AAA)\n * @see React Aria TextField: https://react-spectrum.adobe.com/react-aria/TextField.html\n * @see ShadCN Input: https://ui.shadcn.com/docs/components/input\n * @see ShadCN Label: https://ui.shadcn.com/docs/components/label\n */\n\nimport { cva } from 'class-variance-authority';\n\n/**\n * Input variant styles using CVA\n * Adapts ShadCN Input styling with Themis semantic tokens\n */\nexport const inputVariants = cva(\n  // Base styles - FR-014: Proper input styling with focus states\n  \"flex w-full rounded-md border bg-[var(--content-background)] shadow-xs px-3 py-2 text-sm ring-offset-[var(--content-background)] file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-[var(--content-foreground)] placeholder:text-[var(--menu-muted)] transition-all duration-200\",\n  {\n    variants: {\n      // Size variants (matching Button sizes)\n      size: {\n        sm: \"h-9 text-xs px-2 py-1\",\n        default: \"h-10 px-3 py-2\",\n        lg: \"h-11 px-4 py-3 text-base\"\n      },\n      // State variants\n      state: {\n        default: \"border-[var(--input-border)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2\",\n        error: \"border-[var(--destructive-background)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--destructive-background)] focus-visible:ring-offset-2\",\n        success: \"border-[var(--success-background)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--success-ring)] focus-visible:ring-offset-2\",\n        disabled: \"cursor-not-allowed opacity-50\",\n        readonly: \"cursor-default bg-[var(--content-background)] opacity-70\"\n      }\n    },\n    defaultVariants: {\n      size: \"default\",\n      state: \"default\"\n    }\n  }\n);\n\n/**\n * Label variant styles using CVA\n * Adapts ShadCN Label styling with Themis semantic tokens\n */\nexport const labelVariants = cva(\n  // Base styles - FR-009: WCAG 2.2 AAA compliance\n  \"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\",\n  {\n    variants: {\n      state: {\n        default: \"text-[var(--content-foreground)]\",\n        error: \"text-[var(--destructive-foreground)]\",\n        disabled: \"opacity-50 cursor-not-allowed\"\n      }\n    },\n    defaultVariants: {\n      state: \"default\"\n    }\n  }\n);\n\n/**\n * Description text variant styles\n */\nexport const descriptionVariants = cva(\n  \"text-sm text-[var(--content-foreground)]\"\n);\n\n/**\n * Error message variant styles\n */\nexport const errorMessageVariants = cva(\n  \"text-sm text-[var(--destructive-foreground)] font-medium mt-1.5\"\n);\n\n/**\n * Success message variant styles\n */\nexport const successMessageVariants = cva(\n  \"text-sm text-[var(--success-foreground)] font-medium mt-1.5\"\n);\n","/**\n * TextField Custom Hooks\n * Extracted from TextField.tsx for separation of concerns\n *\n * These hooks encapsulate the behavioral logic for:\n * - Expand on focus\n * - Copy/paste protection\n * - Password visibility toggle\n */\n\nimport { useState, useEffect, useCallback, useMemo } from 'react';\nimport type { FocusEvent, ClipboardEvent } from 'react';\n\n/**\n * Hook: useExpandOnFocus\n * Manages the expand-on-focus behavior where an input starts narrow\n * and expands to full width when focused or when it has a value.\n *\n * @param expandOnFocus - Whether expand-on-focus is enabled\n * @param collapsedWidth - CSS width when collapsed (e.g., '200px')\n * @param value - Controlled value (if any)\n * @param defaultValue - Default value (if any)\n * @param userOnFocus - User-provided onFocus handler to call through\n * @param userOnBlur - User-provided onBlur handler to call through\n */\nexport function useExpandOnFocus({\n  expandOnFocus,\n  collapsedWidth,\n  value,\n  defaultValue,\n  userOnFocus,\n  userOnBlur,\n}: {\n  expandOnFocus: boolean;\n  collapsedWidth: string;\n  value: string | undefined;\n  defaultValue: string | undefined;\n  userOnFocus: ((e: FocusEvent<HTMLInputElement>) => void) | undefined;\n  userOnBlur: ((e: FocusEvent<HTMLInputElement>) => void) | undefined;\n}) {\n  const [isFocused, setIsFocused] = useState(false);\n\n  const handleFocus = useCallback((e: FocusEvent<HTMLInputElement>) => {\n    if (expandOnFocus) {\n      setIsFocused(true);\n    }\n    userOnFocus?.(e);\n  }, [expandOnFocus, userOnFocus]);\n\n  const handleBlur = useCallback((e: FocusEvent<HTMLInputElement>) => {\n    if (expandOnFocus) {\n      const isEmpty = e.target.value === '';\n      if (isEmpty) {\n        setIsFocused(false);\n      }\n    }\n    userOnBlur?.(e);\n  }, [expandOnFocus, userOnBlur]);\n\n  const inputWidth = useMemo(() => {\n    if (!expandOnFocus) return undefined;\n\n    const hasValue = value !== undefined ? value !== '' : defaultValue !== undefined && defaultValue !== '';\n\n    if (isFocused || hasValue) {\n      return '100%';\n    }\n\n    return collapsedWidth;\n  }, [expandOnFocus, isFocused, value, defaultValue, collapsedWidth]);\n\n  return { handleFocus, handleBlur, inputWidth };\n}\n\n/**\n * Hook: useCopyPasteProtection\n * Manages copy/paste prevention with shake animation and screen reader announcements.\n *\n * @param disableCopyPaste - Whether copy/paste should be disabled\n */\nexport function useCopyPasteProtection({\n  disableCopyPaste,\n}: {\n  disableCopyPaste: boolean;\n}) {\n  const [isShaking, setIsShaking] = useState(false);\n  const [screenReaderMessage, setScreenReaderMessage] = useState('');\n\n  // Development mode warning for disableCopyPaste\n  useEffect(() => {\n    if (disableCopyPaste && typeof process !== 'undefined' && process.env.NODE_ENV === 'development') {\n      console.warn(\n        '[TextField] Copy/paste prevention should only be used for security-critical fields like password confirmation. ' +\n        'This feature can break assistive technology workflows and password managers.'\n      );\n    }\n  }, [disableCopyPaste]);\n\n  const handlePaste = useCallback((e: ClipboardEvent<HTMLInputElement>) => {\n    if (disableCopyPaste) {\n      e.preventDefault();\n\n      // Trigger shake animation\n      setIsShaking(true);\n\n      // Announce to screen readers\n      setScreenReaderMessage('Pasting is not allowed in this field. Please type your entry.');\n\n      // Remove shake animation and clear message after 400ms\n      setTimeout(() => {\n        setIsShaking(false);\n        setScreenReaderMessage('');\n      }, 400);\n    }\n  }, [disableCopyPaste]);\n\n  return { isShaking, screenReaderMessage, handlePaste };\n}\n\n/**\n * Hook: usePasswordToggle\n * Manages password show/hide toggle state and determines the actual input type.\n *\n * @param type - The input type ('text', 'email', 'password', etc.)\n * @param showPasswordToggle - Whether the toggle button should be shown\n */\nexport function usePasswordToggle({\n  type,\n  showPasswordToggle,\n}: {\n  type: string;\n  showPasswordToggle: boolean | undefined;\n}) {\n  const [showPassword, setShowPassword] = useState(false);\n\n  const handlePasswordToggle = useCallback(() => {\n    setShowPassword(prev => !prev);\n  }, []);\n\n  const actualType = useMemo(() => {\n    if (type === 'password' && showPasswordToggle && showPassword) {\n      return 'text';\n    }\n    return type;\n  }, [type, showPasswordToggle, showPassword]);\n\n  return { showPassword, actualType, handlePasswordToggle };\n}\n","\"use client\";\n\n/**\n * TextField Component\n * Accessible text input with React Aria primitives and CVA styling\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements - WCAG 2.2 AAA)\n * @see React Aria TextField: https://react-spectrum.adobe.com/react-aria/TextField.html\n * @see ShadCN Input: https://ui.shadcn.com/docs/components/input\n * @see ShadCN Label: https://ui.shadcn.com/docs/components/label\n * @see constitution.md Principle IV (Accessibility First)\n */\n\nimport './TextField.css';\nimport { forwardRef, useId, useMemo, useState, useCallback } from 'react';\nimport {\n  TextField as AriaTextField,\n  Label as AriaLabel,\n  Input as AriaInput,\n  Text as AriaText,\n  FieldError as AriaFieldError,\n} from 'react-aria-components';\nimport { cn } from '../../utils/cn';\nimport { DISABLED_STYLES } from '../../styles/interaction-states';\nimport type {\n  TextFieldProps,\n  TextFieldLabelProps,\n  TextFieldInputProps,\n  TextFieldDescriptionProps,\n  TextFieldErrorProps,\n} from './TextField.types';\nimport { CircleAlert, Search, X } from 'lucide-react';\nimport { Button } from '../Button';\nimport { EyeIcon, EyeOffIcon } from './TextField.icons';\nimport {\n  inputVariants,\n  labelVariants,\n  descriptionVariants,\n  errorMessageVariants,\n  successMessageVariants,\n} from './TextField.styles';\nimport { useExpandOnFocus, useCopyPasteProtection, usePasswordToggle } from './TextField.hooks';\n\n// Re-export CVA variants so existing imports from './TextField' continue to work\nexport {\n  inputVariants,\n  labelVariants,\n  descriptionVariants,\n  errorMessageVariants,\n  successMessageVariants,\n};\n\n/**\n * TextFieldLabel Sub-component\n * Styled label with optional required indicator\n */\nexport const TextFieldLabel = forwardRef<HTMLLabelElement, TextFieldLabelProps>(\n  ({ className, state = 'default', children, ...props }, ref) => {\n    return (\n      <AriaLabel\n        ref={ref}\n        className={cn(labelVariants({ state }), className)}\n        {...props}\n      >\n        {children}\n      </AriaLabel>\n    );\n  }\n);\n\nTextFieldLabel.displayName = \"TextFieldLabel\";\n\n/**\n * TextFieldInput Sub-component\n * Styled input with size and state variants\n */\nexport const TextFieldInput = forwardRef<HTMLInputElement, TextFieldInputProps>(\n  ({ className, size = 'default', state = 'default', ...props }, ref) => {\n    return (\n      <AriaInput\n        ref={ref}\n        className={cn(inputVariants({ size, state }), DISABLED_STYLES, className)}\n        {...props}\n      />\n    );\n  }\n);\n\nTextFieldInput.displayName = \"TextFieldInput\";\n\n/**\n * TextFieldDescription Sub-component\n * Helper text displayed below the input\n */\nexport const TextFieldDescription = forwardRef<HTMLDivElement, TextFieldDescriptionProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <AriaText\n        ref={ref}\n        slot=\"description\"\n        className={cn(descriptionVariants(), className)}\n        {...props}\n      >\n        {children}\n      </AriaText>\n    );\n  }\n);\n\nTextFieldDescription.displayName = \"TextFieldDescription\";\n\n/**\n * TextFieldError Sub-component\n * Error message displayed when field is invalid\n * Note: We use AriaFieldError with explicit role=\"alert\" for screen reader announcements\n */\nexport const TextFieldError = forwardRef<HTMLDivElement, TextFieldErrorProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <AriaFieldError\n        ref={ref}\n        {...props}\n        className={cn(errorMessageVariants(), className)}\n      >\n        <span className=\"flex items-center gap-2\" role=\"alert\"><CircleAlert className=\"h-4 w-4\" />{children}</span>\n      </AriaFieldError>\n    );\n  }\n);\n\nTextFieldError.displayName = \"TextFieldError\";\n\n/**\n * TextFieldSuccess Sub-component\n * Success message displayed when field is valid\n */\nexport const TextFieldSuccess = forwardRef<HTMLDivElement, TextFieldDescriptionProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <AriaText\n        ref={ref}\n        slot=\"description\"\n        className={cn(successMessageVariants(), className)}\n        {...props}\n      >\n        {children}\n      </AriaText>\n    );\n  }\n);\n\nTextFieldSuccess.displayName = \"TextFieldSuccess\";\n\n/**\n * TextField Component\n * Fully accessible text input with React Aria and themed styling\n *\n * @example\n * <TextField\n *   label=\"Email\"\n *   description=\"We'll never share your email\"\n *   isRequired\n *   type=\"email\"\n * />\n */\nexport const TextField = forwardRef<HTMLDivElement, TextFieldProps>(\n  (\n    {\n      className,\n      size = 'default',\n      label,\n      description,\n      errorMessage,\n      successMessage,\n      type = 'text',\n      isRequired = false,\n      isReadOnly = false,\n      isDisabled = false,\n      isInvalid = false,\n      isValid = false,\n      id,\n      autoComplete,\n      disableCopyPaste = false,\n      pattern,\n      patternDescription,\n      expandOnFocus = false,\n      collapsedWidth = '200px',\n      prefix,\n      suffix,\n      prefixSize = 16,\n      suffixSize = 16,\n      showPasswordToggle,\n      isIconHidden = false,\n      onSubmit,\n      onClear,\n      value,\n      defaultValue,\n      onFocus: userOnFocus,\n      onBlur: userOnBlur,\n      ...props\n    },\n    ref\n  ) => {\n    // Generate unique IDs for error message linking\n    const errorId = useId();\n    const generatedId = useId();\n    const fieldId = id || generatedId;\n\n    // Custom hooks for behavioral logic\n    const { handleFocus, handleBlur, inputWidth } = useExpandOnFocus({\n      expandOnFocus,\n      collapsedWidth,\n      value,\n      defaultValue,\n      userOnFocus,\n      userOnBlur,\n    });\n\n    const { isShaking, screenReaderMessage, handlePaste } = useCopyPasteProtection({\n      disableCopyPaste,\n    });\n\n    const { showPassword, actualType, handlePasswordToggle } = usePasswordToggle({\n      type,\n      showPasswordToggle,\n    });\n\n    // ==========================================================================\n    // Search functionality (type=\"search\")\n    // ==========================================================================\n    const isSearch = type === 'search';\n    const [searchValue, setSearchValue] = useState(defaultValue ?? '');\n    const isControlledSearch = value !== undefined;\n    const currentSearchValue = isControlledSearch ? value : searchValue;\n\n    const handleSearchChange = useCallback(\n      (newValue: string) => {\n        if (!isControlledSearch) {\n          setSearchValue(newValue);\n        }\n        (props as { onChange?: (v: string) => void }).onChange?.(newValue);\n      },\n      [isControlledSearch, props]\n    );\n\n    const handleSearchClear = useCallback(() => {\n      if (!isControlledSearch) {\n        setSearchValue('');\n      }\n      (props as { onChange?: (v: string) => void }).onChange?.('');\n      onClear?.();\n    }, [isControlledSearch, props, onClear]);\n\n    const handleSearchKeyDown = useCallback(\n      (e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === 'Enter' && onSubmit) {\n          onSubmit(currentSearchValue);\n        }\n        if (e.key === 'Escape' && currentSearchValue) {\n          e.preventDefault();\n          handleSearchClear();\n        }\n      },\n      [currentSearchValue, onSubmit, handleSearchClear]\n    );\n\n    // Determine input state based on props\n    const inputState = useMemo(() => {\n      if (isDisabled) return 'disabled';\n      if (isReadOnly) return 'readonly';\n      if (isInvalid) return 'error';\n      if (isValid) return 'success';\n      return 'default';\n    }, [isDisabled, isReadOnly, isInvalid, isValid]);\n\n    // Determine label state\n    const labelState = useMemo(() => {\n      if (isDisabled) return 'disabled';\n      if (isInvalid) return 'error';\n      return 'default';\n    }, [isDisabled, isInvalid]);\n\n    // Combine description and patternDescription\n    const combinedDescription = useMemo(() => {\n      if (description && patternDescription) {\n        return `${description} ${patternDescription}`;\n      }\n      return description || patternDescription;\n    }, [description, patternDescription]);\n\n    // Determine actual prefix (search icon auto-added for type=\"search\")\n    const actualPrefix = useMemo(() => {\n      if (isSearch && !isIconHidden && !prefix) {\n        const iconSize = size === 'sm' ? 'h-3.5 w-3.5' : size === 'lg' ? 'h-5 w-5' : 'h-4 w-4';\n        return <Search className={iconSize} />;\n      }\n      return prefix;\n    }, [isSearch, isIconHidden, prefix, size]);\n\n    // Calculate dynamic padding for prefix/suffix\n    const inputPadding = useMemo(() => {\n      const basePadding = { left: 12, right: 12 }; // Default px-3 = 12px\n\n      if (actualPrefix) {\n        const prefixWidth = typeof actualPrefix === 'string'\n          ? actualPrefix.length * 8 + 16\n          : prefixSize + 16;\n        basePadding.left = prefixWidth;\n      }\n\n      if (type === 'password' && showPasswordToggle) {\n        basePadding.right = 16 + 16;\n      } else if (isSearch && currentSearchValue) {\n        basePadding.right = 44; // Space for clear button\n      } else if (suffix) {\n        const suffixWidth = typeof suffix === 'string'\n          ? suffix.length * 8 + 16\n          : suffixSize + 16;\n        basePadding.right = suffixWidth;\n      }\n\n      return basePadding;\n    }, [actualPrefix, prefix, suffix, prefixSize, suffixSize, type, showPasswordToggle, isSearch, currentSearchValue]);\n\n    // Determine actual suffix (password toggle / search clear / custom suffix)\n    const actualSuffix = useMemo(() => {\n      if (type === 'password' && showPasswordToggle) {\n        return (\n          <Button\n            variant=\"ghost\"\n            visualSize=\"icon\"\n            onPress={handlePasswordToggle}\n            aria-label={showPassword ? 'Hide password' : 'Show password'}\n            className=\"!min-h-0 !min-w-0 h-8 w-8\"\n          >\n            {showPassword ? <EyeOffIcon /> : <EyeIcon />}\n          </Button>\n        );\n      }\n      if (isSearch && currentSearchValue) {\n        const iconSize = size === 'sm' ? 'h-3 w-3' : size === 'lg' ? 'h-5 w-5' : 'h-4 w-4';\n        return (\n          <Button\n            variant=\"ghost\"\n            visualSize=\"icon\"\n            onPress={handleSearchClear}\n            aria-label=\"Clear search\"\n            className=\"!min-h-0 !min-w-0 h-8 w-8\"\n          >\n            <X className={iconSize} />\n          </Button>\n        );\n      }\n      return suffix;\n    }, [type, showPasswordToggle, showPassword, suffix, handlePasswordToggle, isSearch, currentSearchValue, size, handleSearchClear]);\n\n    // Whether the suffix is an interactive button (password toggle or search clear)\n    const hasInteractiveSuffix = (type === 'password' && showPasswordToggle) || (isSearch && !!currentSearchValue);\n\n    return (\n      <AriaTextField\n        ref={ref}\n        className={cn(\"flex flex-col gap-1.5\", className)}\n        isRequired={isRequired}\n        isReadOnly={isReadOnly}\n        isDisabled={isDisabled}\n        isInvalid={isInvalid}\n        value={isSearch ? currentSearchValue : value}\n        defaultValue={isSearch ? undefined : defaultValue}\n        onChange={isSearch ? handleSearchChange : undefined}\n        {...props}\n      >\n        {/* Label with required indicator */}\n        {label && (\n          <AriaLabel className={cn(labelVariants({ state: labelState }))}>\n            {label}\n            {isRequired && (\n              <span className=\"ml-1 text-[var(--destructive-background)]\" aria-hidden=\"true\">\n                <strong>*</strong>\n              </span>\n            )}\n          </AriaLabel>\n        )}\n\n        {/* Description text (helper text) */}\n        {combinedDescription && (\n          <AriaText slot=\"description\" className={cn(descriptionVariants())}>\n            {combinedDescription}\n          </AriaText>\n        )}\n\n        {/* Input field with prefix/suffix */}\n        <div\n          className=\"relative flex items-center motion-safe:transition-all motion-safe:duration-200\"\n          style={{\n            width: inputWidth,\n          }}\n        >\n          {/* Prefix */}\n          {actualPrefix && (\n            <div\n              data-testid=\"textfield-prefix\"\n              className=\"absolute left-3 flex items-center justify-center pointer-events-none text-[var(--content-foreground)]\"\n              aria-hidden=\"true\"\n            >\n              {actualPrefix}\n            </div>\n          )}\n\n          {/* Input */}\n          <AriaInput\n            type={actualType}\n            id={fieldId}\n            className={cn(\n              inputVariants({ size, state: inputState }),\n              DISABLED_STYLES,\n              isShaking && 'shake'\n            )}\n            style={{\n              width: '100%',\n              paddingLeft: `${inputPadding.left}px`,\n              paddingRight: `${inputPadding.right}px`,\n            }}\n            autoComplete={autoComplete}\n            pattern={pattern}\n            onPaste={handlePaste}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            onKeyDown={isSearch ? handleSearchKeyDown : undefined}\n            aria-required={isRequired ? 'true' : undefined}\n            aria-readonly={isReadOnly ? 'true' : undefined}\n            aria-errormessage={isInvalid && errorMessage ? errorId : undefined}\n          />\n\n          {/* Suffix */}\n          {actualSuffix && (\n            <div\n              data-testid=\"textfield-suffix\"\n              className={cn(\n                \"absolute right-3 flex items-center justify-center text-[var(--content-foreground)]\",\n                hasInteractiveSuffix ? \"\" : \"pointer-events-none\"\n              )}\n              aria-hidden={hasInteractiveSuffix ? undefined : \"true\"}\n            >\n              {actualSuffix}\n            </div>\n          )}\n        </div>\n\n        {/* Success message (shown when valid) */}\n        {isValid && successMessage && !isInvalid && (\n          <AriaText slot=\"description\" className={cn(successMessageVariants())}>\n            {successMessage}\n          </AriaText>\n        )}\n\n        {/* Error message (shown when invalid) - takes precedence over success */}\n        {isInvalid && errorMessage && (\n          <TextFieldError id={errorId}>\n            {errorMessage}\n          </TextFieldError>\n        )}\n\n        {/* Screen reader announcement for paste prevention */}\n        {screenReaderMessage && (\n          <div className=\"sr-only\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n            {screenReaderMessage}\n          </div>\n        )}\n      </AriaTextField>\n    );\n  }\n);\n\nTextField.displayName = \"TextField\";\n\nexport { inputVariants as textFieldInputVariants, labelVariants as textFieldLabelVariants };\n","'use client';\n\n/**\n * SearchField Component\n *\n * A specialized search input built on the Themis TextField component.\n * Delegates all rendering and behavior to TextField with type=\"search\",\n * which provides search icon, clear button (Themis Button), and keyboard support.\n *\n * WCAG 2.2 AAA compliant:\n * - 44x44px touch targets on all interactive elements (via Themis Button)\n * - Clear button uses Themis Button three-layer architecture\n * - Escape key clears input\n * - Enter key submits search\n * - role=\"searchbox\" via type=\"search\"\n *\n * @example\n * ```tsx\n * <SearchField\n *   label=\"Search\"\n *   placeholder=\"Search items...\"\n *   onSubmit={(value) => console.log('Search:', value)}\n * />\n * ```\n */\n\nimport { forwardRef } from 'react';\nimport { TextField } from '../TextField/TextField';\nimport type { SearchFieldProps } from './SearchField.types';\n\nexport const SearchField = forwardRef<HTMLDivElement, SearchFieldProps>(\n  (\n    {\n      label,\n      description,\n      errorMessage,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      ...props\n    },\n    ref\n  ) => {\n    // Warn if no accessible label is provided\n    if (process.env.NODE_ENV !== 'production') {\n      if (!label && !ariaLabel && !ariaLabelledBy) {\n        console.warn(\n          '[SearchField] Either label, aria-label, or aria-labelledby is required for accessibility (WCAG 1.1.1)'\n        );\n      }\n    }\n\n    return (\n      <TextField\n        ref={ref}\n        type=\"search\"\n        label={label}\n        description={errorMessage ? undefined : description}\n        errorMessage={errorMessage}\n        isInvalid={!!errorMessage}\n        aria-label={!label ? ariaLabel : undefined}\n        aria-labelledby={ariaLabelledBy}\n        {...props}\n      />\n    );\n  }\n);\n\nSearchField.displayName = 'SearchField';\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 * SearchField props schema extending BaseComponentProps\n *\n * A specialized search input built on the Themis TextField component.\n * Uses Themis Button for the clear action (three-layer architecture,\n * 44x44px touch targets).\n */\nexport const SearchFieldPropsSchema = BaseComponentPropsSchema.extend({\n  // Size variants matching other form components\n  size: z.enum(['sm', 'default', 'lg']).optional().default('default'),\n\n  // Text content\n  label: z.string().optional(),\n  description: z.string().optional(),\n  errorMessage: z.string().optional(),\n\n  // State props\n  isRequired: z.boolean().optional(),\n  isReadOnly: z.boolean().optional(),\n  isDisabled: z.boolean().optional(),\n\n  // Input attributes\n  placeholder: z.string().optional(),\n  value: z.string().optional(),\n  defaultValue: z.string().optional(),\n  name: z.string().optional(),\n\n  // Search-specific\n  /** Called when the search is submitted (Enter key) */\n  onSubmit: z.custom<(value: string) => void>().optional(),\n\n  /** Called when the clear button is pressed */\n  onClear: z.custom<() => void>().optional(),\n\n  /** Called when the input value changes */\n  onChange: z.custom<(value: string) => void>().optional(),\n\n  /** Hide the search icon */\n  isIconHidden: z.boolean().optional().default(false),\n});\n\nexport type SearchFieldProps = z.infer<typeof SearchFieldPropsSchema>;\n\nexport type SearchFieldSize = z.infer<typeof SearchFieldPropsSchema>['size'];\n","/**\n * SearchField CVA Variant Styles\n *\n * Note: Most styling is delegated to the underlying TextField component.\n * These variants are kept for consumers who need direct access to\n * SearchField-specific style tokens.\n */\n\nimport { cva } from 'class-variance-authority';\n\n/**\n * Root wrapper variant styles\n */\nexport const searchFieldVariants = cva(\n  'group flex flex-col gap-1.5 w-full',\n  {\n    variants: {\n      size: {\n        sm: '',\n        default: '',\n        lg: '',\n      },\n    },\n    defaultVariants: { size: 'default' },\n  }\n);\n\n/**\n * Label variant styles\n */\nexport const searchFieldLabelVariants = cva(\n  'text-[var(--text-primary)] font-medium',\n  {\n    variants: {\n      size: {\n        sm: 'text-xs',\n        default: 'text-sm',\n        lg: 'text-base',\n      },\n    },\n    defaultVariants: { size: 'default' },\n  }\n);\n\n/**\n * Description text variant styles\n */\nexport const searchFieldDescriptionVariants = cva(\n  'text-[var(--muted-foreground)]',\n  {\n    variants: {\n      size: {\n        sm: 'text-xs',\n        default: 'text-xs',\n        lg: 'text-sm',\n      },\n    },\n    defaultVariants: { size: 'default' },\n  }\n);\n\n/**\n * Error message variant styles\n */\nexport const searchFieldErrorVariants = cva(\n  'text-[var(--destructive-background)]',\n  {\n    variants: {\n      size: {\n        sm: 'text-xs',\n        default: 'text-xs',\n        lg: 'text-sm',\n      },\n    },\n    defaultVariants: { size: 'default' },\n  }\n);\n"]}

package/dist/elements/Select/Select.d.ts

@@ -4,58 +4,26 @@
  * Accessible select/dropdown component combining React Aria primitives with ShadCN styling.
  * Follows Themis library patterns with compound component structure.
  *
+ * Architecture:
+ * - SelectBase: Internal component containing shared label, description, trigger, error, and listbox rendering.
+ * - SelectRoot: Single selection wrapper (thin layer over SelectBase).
+ * - MultiSelectRoot: Multiple selection wrapper with display value logic (thin layer over SelectBase).
+ * - SelectItem, SelectSection, SelectHeader: Compound sub-components.
+ *
  * @see select-prd.md (Full requirements)
  * @see Select.types.ts (Zod schemas)
+ * @see Select.styles.ts (CVA variant definitions)
  * @see plan.md (Implementation plan)
  */
 import { type ReactElement, type ReactNode } from 'react';
 import type { SelectProps, SelectItemProps, SelectSectionProps, SelectHeaderProps } from './Select.types';
-/**
- * CVA Variants for Select Trigger Button
- *
- * @see plan.md Decision 14 (CVA variants)
- */
-export declare const selectTriggerVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
-    isInvalid?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-/**
- * CVA Variants for Select Items
- *
- * @see plan.md Decision 14 (CVA variants)
- */
-export declare const selectItemVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-/**
- * CVA Variants for Select Popover
- *
- * @see plan.md Decision 14 (CVA variants)
- */
-export declare const selectPopoverVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-/**
- * CVA Variants for Section Headers
- *
- * @see plan.md Decision 14 (CVA variants)
- */
-export declare const selectSectionVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-/**
- * CVA Variants for Error Messages
- *
- * @see plan.md Decision 14 (CVA variants)
- */
-export declare const selectErrorVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export { selectTriggerVariants, selectItemVariants, selectPopoverVariants, selectSectionVariants, selectErrorVariants, } from './Select.styles';
 /**
  * Select Root Component (Single Selection Only)
  *
  * Main select component with controlled/uncontrolled modes for single selection.
  * For multiple selection, use MultiSelect component.
+ * Delegates shared rendering to SelectBase.
  *
  * @see select-prd.md US-1 (Basic Single Selection)
  * @see plan.md Decision 28 (Ref forwarding to trigger button)
@@ -65,6 +33,7 @@ declare const SelectRoot: import("react").ForwardRefExoticComponent<Omit<SelectP
  * MultiSelect Root Component (Multiple Selection)
  *
  * Select component for multiple selection. Uses different API from single Select.
+ * Delegates shared rendering to SelectBase, adding multi-select display value logic.
  *
  * @see select-prd.md US-6 (Multiple Selection)
  * @see plan.md Decision 28 (Ref forwarding to trigger button)
@@ -108,10 +77,7 @@ declare const MultiSelectRoot: import("react").ForwardRefExoticComponent<{
  * @see plan.md Decision 6 (Left-side checkmark)
  * @see plan.md Decision 23 (textValue required for custom children)
  */
-declare function SelectItem({ children, textValue, value, isDisabled, className, ...props }: SelectItemProps): ReactElement;
-declare namespace SelectItem {
-    var displayName: string;
-}
+declare const SelectItem: import("react").NamedExoticComponent<SelectItemProps>;
 /**
  * Select.Section Component
  *
@@ -137,12 +103,17 @@ declare namespace SelectHeader {
 /**
  * Compound Component Exports
  *
- * Follows Themis library pattern using Object.assign() for compound components.
+ * Uses Object.assign() for compound components (e.g., Select.Item, Select.Section).
+ * Named exports (SelectItem, SelectSection, SelectHeader) are also available below
+ * for better tree-shaking. Prefer named exports in new code.
+ *
+ * @deprecated (v2) The Object.assign compound pattern will be removed in v2.
+ *   Migrate to named imports: `import { SelectItem, SelectSection, SelectHeader } from '...'`
  *
  * @see GUIDE.mdx (Compound component pattern)
  */
 export declare const Select: import("react").ForwardRefExoticComponent<Omit<SelectProps, "selectionMode"> & import("react").RefAttributes<HTMLButtonElement>> & {
-    Item: typeof SelectItem;
+    Item: import("react").NamedExoticComponent<SelectItemProps>;
     Section: typeof SelectSection;
     Header: typeof SelectHeader;
 };
@@ -176,7 +147,7 @@ export declare const MultiSelect: import("react").ForwardRefExoticComponent<{
     onChange?: ((value: string | string[]) => void) | undefined;
     onOpenChange?: ((isOpen: boolean) => void) | undefined;
 } & Omit<import("react-aria-components").SelectProps<object, "single">, "className" | "children" | "id" | "aria-label" | "aria-labelledby" | "aria-describedby" | "aria-live" | "aria-hidden" | "data-testid" | "isDisabled" | "disabledKeys" | "value" | "name" | "onChange" | "size" | "label" | "isOpen" | "onOpenChange" | "selectionMode" | "defaultValue" | "isRequired" | "description" | "validationBehavior" | "validate" | "errorMessage" | "isLoading" | "placeholder" | "emptyStateMessage"> & import("react").RefAttributes<HTMLButtonElement>> & {
-    Item: typeof SelectItem;
+    Item: import("react").NamedExoticComponent<SelectItemProps>;
     Section: typeof SelectSection;
     Header: typeof SelectHeader;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/elements/Select/Select.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AAEH,OAAO,EAML,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAgBf,OAAO,KAAK,EACV,WAAW,EACX,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,gBAAgB,CAAC;AAExB;;;;GAIG;AACH,eAAO,MAAM,qBAAqB;;;8EA+CjC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB;;8EA0C9B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB;;8EAiCjC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB;;8EAsBjC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB;;8EAsB/B,CAAC;AAEF;;;;;;;;GAQG;AACH,QAAA,MAAM,UAAU,kIA2Kf,CAAC;AAIF;;;;;;;GAOG;AACH,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4hBAmNpB,CAAC;AAIF;;;;;;;;GAQG;AACH,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,UAAkB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,GAAG,YAAY,CAqC1H;kBArCQ,UAAU;;;AAyCnB;;;;;;GAMG;AACH,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,GAAG,YAAY,CAM1F;kBANQ,aAAa;;;AAUtB;;;;;;GAMG;AACH,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,GAAG,YAAY,CAMxF;kBANQ,YAAY;;;AAUrB;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;;;;CAIjB,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAItB,CAAC;AAGH,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/elements/Select/Select.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAOL,KAAK,YAAY,EACjB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAef,OAAO,KAAK,EACV,WAAW,EACX,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EAElB,MAAM,gBAAgB,CAAC;AAUxB,OAAO,EACL,qBAAqB,EACrB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,iBAAiB,CAAC;AAgKzB;;;;;;;;;GASG;AACH,QAAA,MAAM,UAAU,kIA0Ff,CAAC;AAIF;;;;;;;;GAQG;AACH,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4hBAwIpB,CAAC;AAIF;;;;;;;;GAQG;AACH,QAAA,MAAM,UAAU,uDAqCd,CAAC;AAIH;;;;;;GAMG;AACH,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,GAAG,YAAY,CAM1F;kBANQ,aAAa;;;AAUtB;;;;;;GAMG;AACH,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,GAAG,YAAY,CAMxF;kBANQ,YAAY;;;AAUrB;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,MAAM;;;;CAIjB,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAItB,CAAC;AAGH,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC"}

package/dist/elements/Select/Select.styles.d.ts

@@ -0,0 +1,55 @@
+import { type VariantProps } from 'class-variance-authority';
+/**
+ * CVA Variants for Select Trigger Button
+ *
+ * Styles the trigger button that opens the select popover.
+ * All sizes enforce 44px minimum touch targets for WCAG 2.2 AAA compliance.
+ */
+export declare const selectTriggerVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+    isInvalid?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * CVA Variants for Select Items
+ *
+ * Styles individual selectable items within the listbox.
+ * All sizes enforce 44px minimum touch targets for WCAG 2.2 AAA compliance.
+ */
+export declare const selectItemVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * CVA Variants for Select Popover
+ *
+ * Styles the popover container that holds the listbox.
+ * Uses menu tokens to match Dropdown styling.
+ */
+export declare const selectPopoverVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * CVA Variants for Section Headers
+ *
+ * Styles the non-interactive section header labels within grouped selects.
+ */
+export declare const selectSectionVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * CVA Variants for Error Messages
+ *
+ * Styles the error message displayed below the select trigger.
+ */
+export declare const selectErrorVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Type exports for variant props.
+ * Allows TypeScript inference of variant combinations.
+ */
+export type SelectTriggerVariantProps = VariantProps<typeof selectTriggerVariants>;
+export type SelectItemVariantProps = VariantProps<typeof selectItemVariants>;
+export type SelectPopoverVariantProps = VariantProps<typeof selectPopoverVariants>;
+export type SelectSectionVariantProps = VariantProps<typeof selectSectionVariants>;
+export type SelectErrorVariantProps = VariantProps<typeof selectErrorVariants>;
+//# sourceMappingURL=Select.styles.d.ts.map

package/dist/elements/Select/Select.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../src/elements/Select/Select.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB;;;8EA+CjC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB;;8EA0C9B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB;;8EAiCjC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB;;8EAsBjC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB;;8EAsB/B,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,yBAAyB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC;AACnF,MAAM,MAAM,sBAAsB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAC7E,MAAM,MAAM,yBAAyB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC;AACnF,MAAM,MAAM,yBAAyB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC;AACnF,MAAM,MAAM,uBAAuB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC"}