@tribepad/themis 1.0.15 → 1.0.16

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

@@ -1 +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 type { ReactNode } from 'react';\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 interface SearchFieldProps {\n  className?: string;\n  children?: ReactNode;\n  id?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'aria-describedby'?: string;\n  'data-testid'?: string;\n  size?: 'sm' | 'default' | 'lg';\n  label?: string;\n  description?: string;\n  errorMessage?: string;\n  isRequired?: boolean;\n  isReadOnly?: boolean;\n  isDisabled?: boolean;\n  placeholder?: string;\n  value?: string;\n  defaultValue?: string;\n  name?: string;\n  onSubmit?: (value: string) => void;\n  onClear?: () => void;\n  onChange?: (value: string) => void;\n  isIconHidden?: boolean;\n}\n\nexport type SearchFieldSize = SearchFieldProps['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"]}
+{"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","labelHint","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      labelHint,\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 optional hint and required indicator */}\n        {label && (\n          <AriaLabel className={cn(labelVariants({ state: labelState }), labelHint && \"flex items-baseline justify-between\")}>\n            <span>\n              {label}\n              {isRequired && (\n                <span className=\"ml-1 text-[var(--destructive-background)]\" aria-hidden=\"true\">\n                  <strong>*</strong>\n                </span>\n              )}\n            </span>\n            {labelHint && (\n              <span className=\"text-xs font-normal text-[var(--muted-foreground)]\">{labelHint}</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 type { ReactNode } from 'react';\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 interface SearchFieldProps {\n  className?: string;\n  children?: ReactNode;\n  id?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'aria-describedby'?: string;\n  'data-testid'?: string;\n  size?: 'sm' | 'default' | 'lg';\n  label?: string;\n  description?: string;\n  errorMessage?: string;\n  isRequired?: boolean;\n  isReadOnly?: boolean;\n  isDisabled?: boolean;\n  placeholder?: string;\n  value?: string;\n  defaultValue?: string;\n  name?: string;\n  onSubmit?: (value: string) => void;\n  onClear?: () => void;\n  onChange?: (value: string) => void;\n  isIconHidden?: boolean;\n}\n\nexport type SearchFieldSize = SearchFieldProps['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/TextField/TextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/elements/TextField/TextField.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AAEH,OAAO,iBAAiB,CAAC;AAqBzB,OAAO,EACL,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,oBAAoB,EACpB,sBAAsB,EACvB,MAAM,oBAAoB,CAAC;AAI5B,OAAO,EACL,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,oBAAoB,EACpB,sBAAsB,GACvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,8PAY1B,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,cAAc,8PAU1B,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,uQAahC,CAAC;AAIF;;;;GAIG;AACH,eAAO,MAAM,cAAc,2PAY1B,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,uQAa5B,CAAC;AAIF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,SAAS,sPAmTrB,CAAC;AAIF,OAAO,EAAE,aAAa,IAAI,sBAAsB,EAAE,aAAa,IAAI,sBAAsB,EAAE,CAAC"}
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/elements/TextField/TextField.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AAEH,OAAO,iBAAiB,CAAC;AAqBzB,OAAO,EACL,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,oBAAoB,EACpB,sBAAsB,EACvB,MAAM,oBAAoB,CAAC;AAI5B,OAAO,EACL,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,oBAAoB,EACpB,sBAAsB,GACvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,8PAY1B,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,cAAc,8PAU1B,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,uQAahC,CAAC;AAIF;;;;GAIG;AACH,eAAO,MAAM,cAAc,2PAY1B,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,uQAa5B,CAAC;AAIF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,SAAS,sPAyTrB,CAAC;AAIF,OAAO,EAAE,aAAa,IAAI,sBAAsB,EAAE,aAAa,IAAI,sBAAsB,EAAE,CAAC"}

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

@@ -96,6 +96,7 @@ export declare const TextFieldPropsSchema: z.ZodObject<{
         lg: "lg";
     }>>>;
     label: z.ZodOptional<z.ZodString>;
+    labelHint: z.ZodOptional<z.ZodString>;
     description: z.ZodOptional<z.ZodString>;
     errorMessage: z.ZodOptional<z.ZodString>;
     successMessage: z.ZodOptional<z.ZodString>;
@@ -200,6 +201,7 @@ export interface TextFieldPropsOwn {
     'data-testid'?: string;
     size?: 'sm' | 'default' | 'lg';
     label?: string;
+    labelHint?: string;
     description?: string;
     errorMessage?: string;
     successMessage?: string;

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

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

package/dist/elements/TextField/index.js

@@ -1,3 +1,3 @@
 "use client";
-'use strict';var react=require('react'),reactAriaComponents=require('react-aria-components'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),lucideReact=require('lucide-react'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime'),zod=require('zod');function d(...t){return tailwindMerge.twMerge(clsx.clsx(t))}var ae="data-[pressed]:scale-[0.97]";var ne="data-[hovered]:shadow-md";var q="hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground",U="hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground",se="disabled:pointer-events-none disabled:opacity-50";var le=classVarianceAuthority.cva("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",{variants:{fullWidth:{true:"w-full",false:""},inVerticalGroup:{true:"items-stretch",false:"items-center"}},defaultVariants:{fullWidth:false,inVerticalGroup:false}}),de=classVarianceAuthority.cva("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",{variants:{variant:{default:"bg-[var(--primary-action)] text-[var(--primary-action-foreground)] shadow-md hover:bg-[var(--primary-action-hover)] data-[pressed]:bg-[var(--primary-action)]/80",destructive:"bg-[var(--destructive-background)] text-[var(--destructive-foreground)] shadow-md hover:bg-[var(--destructive-background)]/90 data-[pressed]:bg-[var(--destructive-background)]/80",outline:"border border-[var(--input-border)] bg-[var(--page-background)] hover:bg-[var(--input-border)] data-[pressed]:bg-[var(--input-border)]",secondary:"bg-[var(--secondary)] text-[var(--secondary-foreground)] shadow-md hover:bg-[var(--secondary)]/80 data-[pressed]:bg-[var(--secondary)]/70",ghost:"hover:bg-[var(--accent)] hover:text-[var(--accent-foreground)] data-[pressed]:bg-[var(--accent)]",link:"text-[var(--text-link)] underline-offset-4 hover:underline data-[pressed]:text-[var(--text-link-hover)]"},fullWidth:{true:"w-full",false:""},visualSize:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3 text-xs",lg:"h-11 rounded-md px-8",icon:"h-10 w-10",dot:"h-5 w-5 rounded-full p-0 min-h-0 min-w-0"},paywall:{true:"!bg-[var(--paywall)] !text-[var(--paywall-foreground)] !shadow-md hover:!bg-[var(--paywall)]/90 !cursor-not-allowed !border-transparent",false:""}},defaultVariants:{variant:"default",visualSize:"default",paywall:false}});var Ne=react.createContext(null);Ne.displayName="ButtonGroupContext";function Ve(){return react.useContext(Ne)}var Ce=react.createContext(null);Ce.displayName="ButtonGroupItemContext";function Ie(){return react.useContext(Ce)}classVarianceAuthority.cva("inline-flex items-center gap-0",{variants:{orientation:{horizontal:"flex-row",vertical:"flex-col w-full"}},defaultVariants:{orientation:"horizontal"}});var Le=classVarianceAuthority.cva("",{variants:{orientation:{horizontal:"min-w-[44px]",vertical:"flex min-h-[44px]"},position:{first:"",middle:"",last:"",only:""}},compoundVariants:[{orientation:"horizontal",position:"first",className:"rounded-r-none border-r-0"},{orientation:"horizontal",position:"middle",className:"rounded-none border-r-0"},{orientation:"horizontal",position:"last",className:"rounded-l-none"},{orientation:"vertical",position:"first",className:"rounded-b-none border-b-0"},{orientation:"vertical",position:"middle",className:"rounded-none border-b-0"},{orientation:"vertical",position:"last",className:"rounded-t-none"}],defaultVariants:{orientation:"horizontal",position:"only"}});classVarianceAuthority.cva("bg-[var(--border)]",{variants:{orientation:{horizontal:"w-px h-6 mx-1",vertical:"h-px w-full my-1"}},defaultVariants:{orientation:"horizontal"}});var R=react.memo(react.forwardRef(({className:t,buttonVisualClassName:o,variant:r,size:a,visualSize:s,fullWidth:p,loading:i=false,loadingText:v="Loading...",shortcut:g,children:m,isDisabled:c,paywall:l=false,paywallRedirect:L,paywallDescription:ee,onPress:te,...G},P)=>{let H=react.useId(),y=Ve(),S=Ie(),T=r??y?.variant??"default",W=a??y?.size,$=c??y?.isDisabled??false,b=y?.orientation==="vertical",A=p||b,k=S?Le({orientation:y?.orientation??"horizontal",position:S.position}):"",w=s??W??"default";return process.env.NODE_ENV!=="production"&&(w==="dot"||w==="icon")&&!G["aria-label"]&&!m&&console.warn('[Button] visualSize="dot" or "icon" requires aria-label when no visible text is provided (WCAG 1.1.1)'),jsxRuntime.jsx(reactAriaComponents.Button,{ref:P,isDisabled:$||i||void 0,"aria-disabled":l?true:void 0,"aria-describedby":l?H:void 0,onPress:F=>{if(l){L&&window.open(L,"_blank","noopener,noreferrer");return}te?.(F);},className:d(le({fullWidth:A,inVerticalGroup:b}),t),...G,children:F=>jsxRuntime.jsxs("span",{className:d(de({variant:T,visualSize:w,paywall:l,fullWidth:A}),k,o,ae,ne,q,U),"data-pressed":F.isPressed||void 0,children:[i&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(lucideReact.Loader2,{className:"motion-safe:animate-spin","aria-hidden":"true"}),jsxRuntime.jsx("span",{className:"sr-only","aria-live":"polite",children:v})]}),!i&&m,l&&jsxRuntime.jsx(lucideReact.Zap,{"data-testid":"zap-icon","aria-hidden":"true",className:"ml-1"}),l&&jsxRuntime.jsxs("span",{id:H,className:"sr-only",children:["Premium feature: ",ee||"Upgrade required to access this feature"]}),F.isFocusVisible&&g&&jsxRuntime.jsx("kbd",{className:"ml-auto hidden text-xs opacity-60 lg:inline",children:g}),F.isPressed&&jsxRuntime.jsx("span",{className:"absolute inset-0 rounded-[inherit] bg-current opacity-10 motion-safe:animate-in motion-safe:zoom-in-95","aria-hidden":"true"})]})})}));R.displayName="Button";var Ae=()=>jsxRuntime.jsxs("svg",{"data-testid":"password-toggle-icon-show",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("path",{d:"M1 8s3-5 7-5 7 5 7 5-3 5-7 5-7-5-7-5z"}),jsxRuntime.jsx("circle",{cx:"8",cy:"8",r:"2"})]}),ke=()=>jsxRuntime.jsxs("svg",{"data-testid":"password-toggle-icon-hide",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("path",{d:"M10.5 5.5l-5 5"}),jsxRuntime.jsx("path",{d:"M1 8s3-5 7-5c1.5 0 2.8.6 4 1.5M15 8s-1.5 2.5-4 4"}),jsxRuntime.jsx("path",{d:"M3 13l2-2m7-7l2-2"}),jsxRuntime.jsx("circle",{cx:"8",cy:"8",r:"2"})]});var M=classVarianceAuthority.cva("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",{variants:{size:{sm:"h-9 text-xs px-2 py-1",default:"h-10 px-3 py-2",lg:"h-11 px-4 py-3 text-base"},state:{default:"border-[var(--input-border)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2",error:"border-[var(--destructive-background)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--destructive-background)] focus-visible:ring-offset-2",success:"border-[var(--success-background)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--success-ring)] focus-visible:ring-offset-2",disabled:"cursor-not-allowed opacity-50",readonly:"cursor-default bg-[var(--content-background)] opacity-70"}},defaultVariants:{size:"default",state:"default"}}),_=classVarianceAuthority.cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",{variants:{state:{default:"text-[var(--content-foreground)]",error:"text-[var(--destructive-foreground)]",disabled:"opacity-50 cursor-not-allowed"}},defaultVariants:{state:"default"}}),pe=classVarianceAuthority.cva("text-sm text-[var(--content-foreground)]"),Be=classVarianceAuthority.cva("text-sm text-[var(--destructive-foreground)] font-medium mt-1.5"),X=classVarianceAuthority.cva("text-sm text-[var(--success-foreground)] font-medium mt-1.5");function Re({expandOnFocus:t,collapsedWidth:o,value:r,defaultValue:a,userOnFocus:s,userOnBlur:p}){let[i,v]=react.useState(false),g=react.useCallback(l=>{t&&v(true),s?.(l);},[t,s]),m=react.useCallback(l=>{t&&l.target.value===""&&v(false),p?.(l);},[t,p]),c=react.useMemo(()=>t?i||(r!==void 0?r!=="":a!==void 0&&a!=="")?"100%":o:void 0,[t,i,r,a,o]);return {handleFocus:g,handleBlur:m,inputWidth:c}}function ze({disableCopyPaste:t}){let[o,r]=react.useState(false),[a,s]=react.useState("");react.useEffect(()=>{t&&typeof process<"u"&&process.env.NODE_ENV==="development"&&console.warn("[TextField] Copy/paste prevention should only be used for security-critical fields like password confirmation. This feature can break assistive technology workflows and password managers.");},[t]);let p=react.useCallback(i=>{t&&(i.preventDefault(),r(true),s("Pasting is not allowed in this field. Please type your entry."),setTimeout(()=>{r(false),s("");},400));},[t]);return {isShaking:o,screenReaderMessage:a,handlePaste:p}}function Me({type:t,showPasswordToggle:o}){let[r,a]=react.useState(false),s=react.useCallback(()=>{a(i=>!i);},[]),p=react.useMemo(()=>t==="password"&&o&&r?"text":t,[t,o,r]);return {showPassword:r,actualType:p,handlePasswordToggle:s}}var We=react.forwardRef(({className:t,state:o="default",children:r,...a},s)=>jsxRuntime.jsx(reactAriaComponents.Label,{ref:s,className:d(_({state:o}),t),...a,children:r}));We.displayName="TextFieldLabel";var $e=react.forwardRef(({className:t,size:o="default",state:r="default",...a},s)=>jsxRuntime.jsx(reactAriaComponents.Input,{ref:s,className:d(M({size:o,state:r}),se,t),...a}));$e.displayName="TextFieldInput";var je=react.forwardRef(({className:t,children:o,...r},a)=>jsxRuntime.jsx(reactAriaComponents.Text,{ref:a,slot:"description",className:d(pe(),t),...r,children:o}));je.displayName="TextFieldDescription";var me=react.forwardRef(({className:t,children:o,...r},a)=>jsxRuntime.jsx(reactAriaComponents.FieldError,{ref:a,...r,className:d(Be(),t),children:jsxRuntime.jsxs("span",{className:"flex items-center gap-2",role:"alert",children:[jsxRuntime.jsx(lucideReact.CircleAlert,{className:"h-4 w-4"}),o]})}));me.displayName="TextFieldError";var Ye=react.forwardRef(({className:t,children:o,...r},a)=>jsxRuntime.jsx(reactAriaComponents.Text,{ref:a,slot:"description",className:d(X(),t),...r,children:o}));Ye.displayName="TextFieldSuccess";var qe=react.forwardRef(({className:t,size:o="default",label:r,description:a,errorMessage:s,successMessage:p,type:i="text",isRequired:v=false,isReadOnly:g=false,isDisabled:m=false,isInvalid:c=false,isValid:l=false,id:L,autoComplete:ee,disableCopyPaste:te=false,pattern:G,patternDescription:P,expandOnFocus:H=false,collapsedWidth:y="200px",prefix:S,suffix:T,prefixSize:W=16,suffixSize:$=16,showPasswordToggle:b,isIconHidden:A=false,onSubmit:k,onClear:w,value:O,defaultValue:j,onFocus:F,onBlur:Ze,...B},Je)=>{let xe=react.useId(),Qe=react.useId(),et=L||Qe,{handleFocus:tt,handleBlur:ot,inputWidth:rt}=Re({expandOnFocus:H,collapsedWidth:y,value:O,defaultValue:j,userOnFocus:F,userOnBlur:Ze}),{isShaking:at,screenReaderMessage:ge,handlePaste:nt}=ze({disableCopyPaste:te}),{showPassword:oe,actualType:it,handlePasswordToggle:be}=Me({type:i,showPasswordToggle:b}),f=i==="search",[st,he]=react.useState(j??""),D=O!==void 0,h=D?O:st,lt=react.useCallback(u=>{D||he(u),B.onChange?.(u);},[D,B]),Y=react.useCallback(()=>{D||he(""),B.onChange?.(""),w?.();},[D,B,w]),dt=react.useCallback(u=>{u.key==="Enter"&&k&&k(h),u.key==="Escape"&&h&&(u.preventDefault(),Y());},[h,k,Y]),ut=react.useMemo(()=>m?"disabled":g?"readonly":c?"error":l?"success":"default",[m,g,c,l]),ct=react.useMemo(()=>m?"disabled":c?"error":"default",[m,c]),ve=react.useMemo(()=>a&&P?`${a} ${P}`:a||P,[a,P]),E=react.useMemo(()=>f&&!A&&!S?jsxRuntime.jsx(lucideReact.Search,{className:o==="sm"?"h-3.5 w-3.5":o==="lg"?"h-5 w-5":"h-4 w-4"}):S,[f,A,S,o]),Te=react.useMemo(()=>{let u={left:12,right:12};if(E){let re=typeof E=="string"?E.length*8+16:W+16;u.left=re;}if(i==="password"&&b)u.right=32;else if(f&&h)u.right=44;else if(T){let re=typeof T=="string"?T.length*8+16:$+16;u.right=re;}return u},[E,S,T,W,$,i,b,f,h]),ye=react.useMemo(()=>i==="password"&&b?jsxRuntime.jsx(R,{variant:"ghost",visualSize:"icon",onPress:be,"aria-label":oe?"Hide password":"Show password",className:"!min-h-0 !min-w-0 h-8 w-8",children:oe?jsxRuntime.jsx(ke,{}):jsxRuntime.jsx(Ae,{})}):f&&h?jsxRuntime.jsx(R,{variant:"ghost",visualSize:"icon",onPress:Y,"aria-label":"Clear search",className:"!min-h-0 !min-w-0 h-8 w-8",children:jsxRuntime.jsx(lucideReact.X,{className:o==="sm"?"h-3 w-3":o==="lg"?"h-5 w-5":"h-4 w-4"})}):T,[i,b,oe,T,be,f,h,o,Y]),Se=i==="password"&&b||f&&!!h;return jsxRuntime.jsxs(reactAriaComponents.TextField,{ref:Je,className:d("flex flex-col gap-1.5",t),isRequired:v,isReadOnly:g,isDisabled:m,isInvalid:c,value:f?h:O,defaultValue:f?void 0:j,onChange:f?lt:void 0,...B,children:[r&&jsxRuntime.jsxs(reactAriaComponents.Label,{className:d(_({state:ct})),children:[r,v&&jsxRuntime.jsx("span",{className:"ml-1 text-[var(--destructive-background)]","aria-hidden":"true",children:jsxRuntime.jsx("strong",{children:"*"})})]}),ve&&jsxRuntime.jsx(reactAriaComponents.Text,{slot:"description",className:d(pe()),children:ve}),jsxRuntime.jsxs("div",{className:"relative flex items-center motion-safe:transition-all motion-safe:duration-200",style:{width:rt},children:[E&&jsxRuntime.jsx("div",{"data-testid":"textfield-prefix",className:"absolute left-3 flex items-center justify-center pointer-events-none text-[var(--content-foreground)]","aria-hidden":"true",children:E}),jsxRuntime.jsx(reactAriaComponents.Input,{type:it,id:et,className:d(M({size:o,state:ut}),se,at&&"shake"),style:{width:"100%",paddingLeft:`${Te.left}px`,paddingRight:`${Te.right}px`},autoComplete:ee,pattern:G,onPaste:nt,onFocus:tt,onBlur:ot,onKeyDown:f?dt:void 0,"aria-required":v?"true":void 0,"aria-readonly":g?"true":void 0,"aria-errormessage":c&&s?xe:void 0}),ye&&jsxRuntime.jsx("div",{"data-testid":"textfield-suffix",className:d("absolute right-3 flex items-center justify-center text-[var(--content-foreground)]",Se?"":"pointer-events-none"),"aria-hidden":Se?void 0:"true",children:ye})]}),l&&p&&!c&&jsxRuntime.jsx(reactAriaComponents.Text,{slot:"description",className:d(X()),children:p}),c&&s&&jsxRuntime.jsx(me,{id:xe,children:s}),ge&&jsxRuntime.jsx("div",{className:"sr-only",role:"status","aria-live":"polite","aria-atomic":"true",children:ge})]})});qe.displayName="TextField";var Ue=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 Xe=zod.z.enum(["off","on","name","honorific-prefix","given-name","additional-name","family-name","honorific-suffix","nickname","email","username","new-password","current-password","one-time-code","organization-title","organization","street-address","address-line1","address-line2","address-line3","address-level4","address-level3","address-level2","address-level1","country","country-name","postal-code","cc-name","cc-given-name","cc-additional-name","cc-family-name","cc-number","cc-exp","cc-exp-month","cc-exp-year","cc-csc","cc-type","transaction-currency","transaction-amount","language","bday","bday-day","bday-month","bday-year","sex","tel","tel-country-code","tel-national","tel-area-code","tel-local","tel-extension","impp","url","photo"]),Ct=[/\(\.\*\)\+/,/\(\.\+\)\+/,/\([^)]*\)\{.*,.*\}/,/\(\?!\)/,/\(\?<=\)/],Ke=t=>{for(let r of Ct)if(r.test(t))return  false;return !((t.match(/[*+{}]/g)||[]).length>5)},It=Ue.extend({size:zod.z.enum(["sm","default","lg"]).optional().default("default"),label:zod.z.string().optional(),description:zod.z.string().optional(),errorMessage:zod.z.string().optional(),successMessage:zod.z.string().optional(),type:zod.z.enum(["text","email","password","url","search"]).optional().default("text"),isRequired:zod.z.boolean().optional(),isReadOnly:zod.z.boolean().optional(),isDisabled:zod.z.boolean().optional(),isInvalid:zod.z.boolean().optional(),isValid:zod.z.boolean().optional(),placeholder:zod.z.string().optional(),value:zod.z.string().optional(),defaultValue:zod.z.string().optional(),name:zod.z.string().optional(),autoFocus:zod.z.boolean().optional(),autoComplete:Xe.optional(),maxLength:zod.z.number().optional(),minLength:zod.z.number().optional(),pattern:zod.z.string().optional(),patternDescription:zod.z.string().optional(),disableCopyPaste:zod.z.boolean().optional().default(false),prefix:zod.z.any().optional(),suffix:zod.z.any().optional(),prefixSize:zod.z.number().optional().default(16),suffixSize:zod.z.number().optional().default(16),expandOnFocus:zod.z.boolean().optional().default(false),collapsedWidth:zod.z.string().optional().default("200px"),showPasswordToggle:zod.z.boolean().optional(),isIconHidden:zod.z.boolean().optional().default(false),onSubmit:zod.z.custom().optional(),onClear:zod.z.custom().optional()}).refine(t=>!t.pattern||t.patternDescription,{message:"patternDescription is required when pattern is provided",path:["patternDescription"]}).refine(t=>!t.pattern||Ke(t.pattern),{message:"Unsafe regex pattern detected. Pattern may cause ReDoS vulnerability. Avoid patterns like (.*)+, (.+)+, or excessive quantifiers.",path:["pattern"]}).refine(t=>!(t.successMessage&&t.errorMessage),{message:"Cannot provide both successMessage and errorMessage. Use one based on validation state.",path:["successMessage"]}).refine(t=>(typeof process<"u"&&process.env.NODE_ENV==="development"&&t.isValid&&t.isInvalid&&console.error("[TextField] Both isValid and isInvalid are true. isInvalid takes precedence."),true)),Lt=zod.z.object({children:zod.z.any().optional(),className:zod.z.string().optional(),htmlFor:zod.z.string().optional(),state:zod.z.enum(["default","error","disabled"]).optional().default("default")}),At=zod.z.object({className:zod.z.string().optional(),size:zod.z.enum(["sm","default","lg"]).optional().default("default"),state:zod.z.enum(["default","error","success","disabled","readonly"]).optional().default("default")}),kt=zod.z.object({children:zod.z.any().optional(),className:zod.z.string().optional()}),Ot=zod.z.object({children:zod.z.any().optional(),className:zod.z.string().optional()}),Bt=zod.z.object({children:zod.z.any().optional(),className:zod.z.string().optional()});exports.AutoCompleteValueSchema=Xe;exports.TextField=qe;exports.TextFieldDescription=je;exports.TextFieldDescriptionPropsSchema=kt;exports.TextFieldError=me;exports.TextFieldErrorPropsSchema=Ot;exports.TextFieldInput=$e;exports.TextFieldInputPropsSchema=At;exports.TextFieldLabel=We;exports.TextFieldLabelPropsSchema=Lt;exports.TextFieldPropsSchema=It;exports.TextFieldSuccess=Ye;exports.TextFieldSuccessPropsSchema=Bt;exports.inputVariants=M;exports.labelVariants=_;exports.successMessageVariants=X;exports.textFieldInputVariants=M;exports.textFieldLabelVariants=_;exports.validatePatternSafety=Ke;//# sourceMappingURL=index.js.map
+'use strict';var react=require('react'),reactAriaComponents=require('react-aria-components'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),lucideReact=require('lucide-react'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime'),zod=require('zod');function l(...t){return tailwindMerge.twMerge(clsx.clsx(t))}var ne="data-[pressed]:scale-[0.97]";var ae="data-[hovered]:shadow-md";var Y="hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground",q="hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground",ie="disabled:pointer-events-none disabled:opacity-50";var le=classVarianceAuthority.cva("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",{variants:{fullWidth:{true:"w-full",false:""},inVerticalGroup:{true:"items-stretch",false:"items-center"}},defaultVariants:{fullWidth:false,inVerticalGroup:false}}),de=classVarianceAuthority.cva("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",{variants:{variant:{default:"bg-[var(--primary-action)] text-[var(--primary-action-foreground)] shadow-md hover:bg-[var(--primary-action-hover)] data-[pressed]:bg-[var(--primary-action)]/80",destructive:"bg-[var(--destructive-background)] text-[var(--destructive-foreground)] shadow-md hover:bg-[var(--destructive-background)]/90 data-[pressed]:bg-[var(--destructive-background)]/80",outline:"border border-[var(--input-border)] bg-[var(--page-background)] hover:bg-[var(--input-border)] data-[pressed]:bg-[var(--input-border)]",secondary:"bg-[var(--secondary)] text-[var(--secondary-foreground)] shadow-md hover:bg-[var(--secondary)]/80 data-[pressed]:bg-[var(--secondary)]/70",ghost:"hover:bg-[var(--accent)] hover:text-[var(--accent-foreground)] data-[pressed]:bg-[var(--accent)]",link:"text-[var(--text-link)] underline-offset-4 hover:underline data-[pressed]:text-[var(--text-link-hover)]"},fullWidth:{true:"w-full",false:""},visualSize:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3 text-xs",lg:"h-11 rounded-md px-8",icon:"h-10 w-10",dot:"h-5 w-5 rounded-full p-0 min-h-0 min-w-0"},paywall:{true:"!bg-[var(--paywall)] !text-[var(--paywall-foreground)] !shadow-md hover:!bg-[var(--paywall)]/90 !cursor-not-allowed !border-transparent",false:""}},defaultVariants:{variant:"default",visualSize:"default",paywall:false}});var Ne=react.createContext(null);Ne.displayName="ButtonGroupContext";function Ve(){return react.useContext(Ne)}var Ce=react.createContext(null);Ce.displayName="ButtonGroupItemContext";function Ie(){return react.useContext(Ce)}classVarianceAuthority.cva("inline-flex items-center gap-0",{variants:{orientation:{horizontal:"flex-row",vertical:"flex-col w-full"}},defaultVariants:{orientation:"horizontal"}});var Le=classVarianceAuthority.cva("",{variants:{orientation:{horizontal:"min-w-[44px]",vertical:"flex min-h-[44px]"},position:{first:"",middle:"",last:"",only:""}},compoundVariants:[{orientation:"horizontal",position:"first",className:"rounded-r-none border-r-0"},{orientation:"horizontal",position:"middle",className:"rounded-none border-r-0"},{orientation:"horizontal",position:"last",className:"rounded-l-none"},{orientation:"vertical",position:"first",className:"rounded-b-none border-b-0"},{orientation:"vertical",position:"middle",className:"rounded-none border-b-0"},{orientation:"vertical",position:"last",className:"rounded-t-none"}],defaultVariants:{orientation:"horizontal",position:"only"}});classVarianceAuthority.cva("bg-[var(--border)]",{variants:{orientation:{horizontal:"w-px h-6 mx-1",vertical:"h-px w-full my-1"}},defaultVariants:{orientation:"horizontal"}});var D=react.memo(react.forwardRef(({className:t,buttonVisualClassName:o,variant:r,size:n,visualSize:i,fullWidth:c,loading:u=false,loadingText:p="Loading...",shortcut:T,children:x,isDisabled:g,paywall:s=false,paywallRedirect:S,paywallDescription:J,onPress:Q,...G},ee)=>{let F=react.useId(),P=Ve(),H=Ie(),E=r??P?.variant??"default",y=n??P?.size,W=g??P?.isDisabled??false,A=P?.orientation==="vertical",b=c||A,$=H?Le({orientation:P?.orientation??"horizontal",position:H.position}):"",w=i??y??"default";return process.env.NODE_ENV!=="production"&&(w==="dot"||w==="icon")&&!G["aria-label"]&&!x&&console.warn('[Button] visualSize="dot" or "icon" requires aria-label when no visible text is provided (WCAG 1.1.1)'),jsxRuntime.jsx(reactAriaComponents.Button,{ref:ee,isDisabled:W||u||void 0,"aria-disabled":s?true:void 0,"aria-describedby":s?F:void 0,onPress:h=>{if(s){S&&window.open(S,"_blank","noopener,noreferrer");return}Q?.(h);},className:l(le({fullWidth:b,inVerticalGroup:A}),t),...G,children:h=>jsxRuntime.jsxs("span",{className:l(de({variant:E,visualSize:w,paywall:s,fullWidth:b}),$,o,ne,ae,Y,q),"data-pressed":h.isPressed||void 0,children:[u&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(lucideReact.Loader2,{className:"motion-safe:animate-spin","aria-hidden":"true"}),jsxRuntime.jsx("span",{className:"sr-only","aria-live":"polite",children:p})]}),!u&&x,s&&jsxRuntime.jsx(lucideReact.Zap,{"data-testid":"zap-icon","aria-hidden":"true",className:"ml-1"}),s&&jsxRuntime.jsxs("span",{id:F,className:"sr-only",children:["Premium feature: ",J||"Upgrade required to access this feature"]}),h.isFocusVisible&&T&&jsxRuntime.jsx("kbd",{className:"ml-auto hidden text-xs opacity-60 lg:inline",children:T}),h.isPressed&&jsxRuntime.jsx("span",{className:"absolute inset-0 rounded-[inherit] bg-current opacity-10 motion-safe:animate-in motion-safe:zoom-in-95","aria-hidden":"true"})]})})}));D.displayName="Button";var Ae=()=>jsxRuntime.jsxs("svg",{"data-testid":"password-toggle-icon-show",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("path",{d:"M1 8s3-5 7-5 7 5 7 5-3 5-7 5-7-5-7-5z"}),jsxRuntime.jsx("circle",{cx:"8",cy:"8",r:"2"})]}),ke=()=>jsxRuntime.jsxs("svg",{"data-testid":"password-toggle-icon-hide",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("path",{d:"M10.5 5.5l-5 5"}),jsxRuntime.jsx("path",{d:"M1 8s3-5 7-5c1.5 0 2.8.6 4 1.5M15 8s-1.5 2.5-4 4"}),jsxRuntime.jsx("path",{d:"M3 13l2-2m7-7l2-2"}),jsxRuntime.jsx("circle",{cx:"8",cy:"8",r:"2"})]});var z=classVarianceAuthority.cva("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",{variants:{size:{sm:"h-9 text-xs px-2 py-1",default:"h-10 px-3 py-2",lg:"h-11 px-4 py-3 text-base"},state:{default:"border-[var(--input-border)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2",error:"border-[var(--destructive-background)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--destructive-background)] focus-visible:ring-offset-2",success:"border-[var(--success-background)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--success-ring)] focus-visible:ring-offset-2",disabled:"cursor-not-allowed opacity-50",readonly:"cursor-default bg-[var(--content-background)] opacity-70"}},defaultVariants:{size:"default",state:"default"}}),M=classVarianceAuthority.cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",{variants:{state:{default:"text-[var(--content-foreground)]",error:"text-[var(--destructive-foreground)]",disabled:"opacity-50 cursor-not-allowed"}},defaultVariants:{state:"default"}}),pe=classVarianceAuthority.cva("text-sm text-[var(--content-foreground)]"),Be=classVarianceAuthority.cva("text-sm text-[var(--destructive-foreground)] font-medium mt-1.5"),U=classVarianceAuthority.cva("text-sm text-[var(--success-foreground)] font-medium mt-1.5");function Re({expandOnFocus:t,collapsedWidth:o,value:r,defaultValue:n,userOnFocus:i,userOnBlur:c}){let[u,p]=react.useState(false),T=react.useCallback(s=>{t&&p(true),i?.(s);},[t,i]),x=react.useCallback(s=>{t&&s.target.value===""&&p(false),c?.(s);},[t,c]),g=react.useMemo(()=>t?u||(r!==void 0?r!=="":n!==void 0&&n!=="")?"100%":o:void 0,[t,u,r,n,o]);return {handleFocus:T,handleBlur:x,inputWidth:g}}function ze({disableCopyPaste:t}){let[o,r]=react.useState(false),[n,i]=react.useState("");react.useEffect(()=>{t&&typeof process<"u"&&process.env.NODE_ENV==="development"&&console.warn("[TextField] Copy/paste prevention should only be used for security-critical fields like password confirmation. This feature can break assistive technology workflows and password managers.");},[t]);let c=react.useCallback(u=>{t&&(u.preventDefault(),r(true),i("Pasting is not allowed in this field. Please type your entry."),setTimeout(()=>{r(false),i("");},400));},[t]);return {isShaking:o,screenReaderMessage:n,handlePaste:c}}function Me({type:t,showPasswordToggle:o}){let[r,n]=react.useState(false),i=react.useCallback(()=>{n(u=>!u);},[]),c=react.useMemo(()=>t==="password"&&o&&r?"text":t,[t,o,r]);return {showPassword:r,actualType:c,handlePasswordToggle:i}}var We=react.forwardRef(({className:t,state:o="default",children:r,...n},i)=>jsxRuntime.jsx(reactAriaComponents.Label,{ref:i,className:l(M({state:o}),t),...n,children:r}));We.displayName="TextFieldLabel";var $e=react.forwardRef(({className:t,size:o="default",state:r="default",...n},i)=>jsxRuntime.jsx(reactAriaComponents.Input,{ref:i,className:l(z({size:o,state:r}),ie,t),...n}));$e.displayName="TextFieldInput";var je=react.forwardRef(({className:t,children:o,...r},n)=>jsxRuntime.jsx(reactAriaComponents.Text,{ref:n,slot:"description",className:l(pe(),t),...r,children:o}));je.displayName="TextFieldDescription";var me=react.forwardRef(({className:t,children:o,...r},n)=>jsxRuntime.jsx(reactAriaComponents.FieldError,{ref:n,...r,className:l(Be(),t),children:jsxRuntime.jsxs("span",{className:"flex items-center gap-2",role:"alert",children:[jsxRuntime.jsx(lucideReact.CircleAlert,{className:"h-4 w-4"}),o]})}));me.displayName="TextFieldError";var Ye=react.forwardRef(({className:t,children:o,...r},n)=>jsxRuntime.jsx(reactAriaComponents.Text,{ref:n,slot:"description",className:l(U(),t),...r,children:o}));Ye.displayName="TextFieldSuccess";var qe=react.forwardRef(({className:t,size:o="default",label:r,labelHint:n,description:i,errorMessage:c,successMessage:u,type:p="text",isRequired:T=false,isReadOnly:x=false,isDisabled:g=false,isInvalid:s=false,isValid:S=false,id:J,autoComplete:Q,disableCopyPaste:G=false,pattern:ee,patternDescription:F,expandOnFocus:P=false,collapsedWidth:H="200px",prefix:E,suffix:y,prefixSize:W=16,suffixSize:A=16,showPasswordToggle:b,isIconHidden:$=false,onSubmit:w,onClear:te,value:k,defaultValue:h,onFocus:Ze,onBlur:Je,...O},Qe)=>{let xe=react.useId(),et=react.useId(),tt=J||et,{handleFocus:ot,handleBlur:rt,inputWidth:nt}=Re({expandOnFocus:P,collapsedWidth:H,value:k,defaultValue:h,userOnFocus:Ze,userOnBlur:Je}),{isShaking:at,screenReaderMessage:ge,handlePaste:st}=ze({disableCopyPaste:G}),{showPassword:oe,actualType:it,handlePasswordToggle:be}=Me({type:p,showPasswordToggle:b}),f=p==="search",[lt,he]=react.useState(h??""),B=k!==void 0,v=B?k:lt,dt=react.useCallback(d=>{B||he(d),O.onChange?.(d);},[B,O]),j=react.useCallback(()=>{B||he(""),O.onChange?.(""),te?.();},[B,O,te]),ut=react.useCallback(d=>{d.key==="Enter"&&w&&w(v),d.key==="Escape"&&v&&(d.preventDefault(),j());},[v,w,j]),ct=react.useMemo(()=>g?"disabled":x?"readonly":s?"error":S?"success":"default",[g,x,s,S]),pt=react.useMemo(()=>g?"disabled":s?"error":"default",[g,s]),ve=react.useMemo(()=>i&&F?`${i} ${F}`:i||F,[i,F]),N=react.useMemo(()=>f&&!$&&!E?jsxRuntime.jsx(lucideReact.Search,{className:o==="sm"?"h-3.5 w-3.5":o==="lg"?"h-5 w-5":"h-4 w-4"}):E,[f,$,E,o]),Te=react.useMemo(()=>{let d={left:12,right:12};if(N){let re=typeof N=="string"?N.length*8+16:W+16;d.left=re;}if(p==="password"&&b)d.right=32;else if(f&&v)d.right=44;else if(y){let re=typeof y=="string"?y.length*8+16:A+16;d.right=re;}return d},[N,E,y,W,A,p,b,f,v]),ye=react.useMemo(()=>p==="password"&&b?jsxRuntime.jsx(D,{variant:"ghost",visualSize:"icon",onPress:be,"aria-label":oe?"Hide password":"Show password",className:"!min-h-0 !min-w-0 h-8 w-8",children:oe?jsxRuntime.jsx(ke,{}):jsxRuntime.jsx(Ae,{})}):f&&v?jsxRuntime.jsx(D,{variant:"ghost",visualSize:"icon",onPress:j,"aria-label":"Clear search",className:"!min-h-0 !min-w-0 h-8 w-8",children:jsxRuntime.jsx(lucideReact.X,{className:o==="sm"?"h-3 w-3":o==="lg"?"h-5 w-5":"h-4 w-4"})}):y,[p,b,oe,y,be,f,v,o,j]),Se=p==="password"&&b||f&&!!v;return jsxRuntime.jsxs(reactAriaComponents.TextField,{ref:Qe,className:l("flex flex-col gap-1.5",t),isRequired:T,isReadOnly:x,isDisabled:g,isInvalid:s,value:f?v:k,defaultValue:f?void 0:h,onChange:f?dt:void 0,...O,children:[r&&jsxRuntime.jsxs(reactAriaComponents.Label,{className:l(M({state:pt}),n&&"flex items-baseline justify-between"),children:[jsxRuntime.jsxs("span",{children:[r,T&&jsxRuntime.jsx("span",{className:"ml-1 text-[var(--destructive-background)]","aria-hidden":"true",children:jsxRuntime.jsx("strong",{children:"*"})})]}),n&&jsxRuntime.jsx("span",{className:"text-xs font-normal text-[var(--muted-foreground)]",children:n})]}),ve&&jsxRuntime.jsx(reactAriaComponents.Text,{slot:"description",className:l(pe()),children:ve}),jsxRuntime.jsxs("div",{className:"relative flex items-center motion-safe:transition-all motion-safe:duration-200",style:{width:nt},children:[N&&jsxRuntime.jsx("div",{"data-testid":"textfield-prefix",className:"absolute left-3 flex items-center justify-center pointer-events-none text-[var(--content-foreground)]","aria-hidden":"true",children:N}),jsxRuntime.jsx(reactAriaComponents.Input,{type:it,id:tt,className:l(z({size:o,state:ct}),ie,at&&"shake"),style:{width:"100%",paddingLeft:`${Te.left}px`,paddingRight:`${Te.right}px`},autoComplete:Q,pattern:ee,onPaste:st,onFocus:ot,onBlur:rt,onKeyDown:f?ut:void 0,"aria-required":T?"true":void 0,"aria-readonly":x?"true":void 0,"aria-errormessage":s&&c?xe:void 0}),ye&&jsxRuntime.jsx("div",{"data-testid":"textfield-suffix",className:l("absolute right-3 flex items-center justify-center text-[var(--content-foreground)]",Se?"":"pointer-events-none"),"aria-hidden":Se?void 0:"true",children:ye})]}),S&&u&&!s&&jsxRuntime.jsx(reactAriaComponents.Text,{slot:"description",className:l(U()),children:u}),s&&c&&jsxRuntime.jsx(me,{id:xe,children:c}),ge&&jsxRuntime.jsx("div",{className:"sr-only",role:"status","aria-live":"polite","aria-atomic":"true",children:ge})]})});qe.displayName="TextField";var Ue=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 Xe=zod.z.enum(["off","on","name","honorific-prefix","given-name","additional-name","family-name","honorific-suffix","nickname","email","username","new-password","current-password","one-time-code","organization-title","organization","street-address","address-line1","address-line2","address-line3","address-level4","address-level3","address-level2","address-level1","country","country-name","postal-code","cc-name","cc-given-name","cc-additional-name","cc-family-name","cc-number","cc-exp","cc-exp-month","cc-exp-year","cc-csc","cc-type","transaction-currency","transaction-amount","language","bday","bday-day","bday-month","bday-year","sex","tel","tel-country-code","tel-national","tel-area-code","tel-local","tel-extension","impp","url","photo"]),It=[/\(\.\*\)\+/,/\(\.\+\)\+/,/\([^)]*\)\{.*,.*\}/,/\(\?!\)/,/\(\?<=\)/],Ke=t=>{for(let r of It)if(r.test(t))return  false;return !((t.match(/[*+{}]/g)||[]).length>5)},Lt=Ue.extend({size:zod.z.enum(["sm","default","lg"]).optional().default("default"),label:zod.z.string().optional(),labelHint:zod.z.string().optional(),description:zod.z.string().optional(),errorMessage:zod.z.string().optional(),successMessage:zod.z.string().optional(),type:zod.z.enum(["text","email","password","url","search"]).optional().default("text"),isRequired:zod.z.boolean().optional(),isReadOnly:zod.z.boolean().optional(),isDisabled:zod.z.boolean().optional(),isInvalid:zod.z.boolean().optional(),isValid:zod.z.boolean().optional(),placeholder:zod.z.string().optional(),value:zod.z.string().optional(),defaultValue:zod.z.string().optional(),name:zod.z.string().optional(),autoFocus:zod.z.boolean().optional(),autoComplete:Xe.optional(),maxLength:zod.z.number().optional(),minLength:zod.z.number().optional(),pattern:zod.z.string().optional(),patternDescription:zod.z.string().optional(),disableCopyPaste:zod.z.boolean().optional().default(false),prefix:zod.z.any().optional(),suffix:zod.z.any().optional(),prefixSize:zod.z.number().optional().default(16),suffixSize:zod.z.number().optional().default(16),expandOnFocus:zod.z.boolean().optional().default(false),collapsedWidth:zod.z.string().optional().default("200px"),showPasswordToggle:zod.z.boolean().optional(),isIconHidden:zod.z.boolean().optional().default(false),onSubmit:zod.z.custom().optional(),onClear:zod.z.custom().optional()}).refine(t=>!t.pattern||t.patternDescription,{message:"patternDescription is required when pattern is provided",path:["patternDescription"]}).refine(t=>!t.pattern||Ke(t.pattern),{message:"Unsafe regex pattern detected. Pattern may cause ReDoS vulnerability. Avoid patterns like (.*)+, (.+)+, or excessive quantifiers.",path:["pattern"]}).refine(t=>!(t.successMessage&&t.errorMessage),{message:"Cannot provide both successMessage and errorMessage. Use one based on validation state.",path:["successMessage"]}).refine(t=>(typeof process<"u"&&process.env.NODE_ENV==="development"&&t.isValid&&t.isInvalid&&console.error("[TextField] Both isValid and isInvalid are true. isInvalid takes precedence."),true)),At=zod.z.object({children:zod.z.any().optional(),className:zod.z.string().optional(),htmlFor:zod.z.string().optional(),state:zod.z.enum(["default","error","disabled"]).optional().default("default")}),kt=zod.z.object({className:zod.z.string().optional(),size:zod.z.enum(["sm","default","lg"]).optional().default("default"),state:zod.z.enum(["default","error","success","disabled","readonly"]).optional().default("default")}),Ot=zod.z.object({children:zod.z.any().optional(),className:zod.z.string().optional()}),Bt=zod.z.object({children:zod.z.any().optional(),className:zod.z.string().optional()}),Dt=zod.z.object({children:zod.z.any().optional(),className:zod.z.string().optional()});exports.AutoCompleteValueSchema=Xe;exports.TextField=qe;exports.TextFieldDescription=je;exports.TextFieldDescriptionPropsSchema=Ot;exports.TextFieldError=me;exports.TextFieldErrorPropsSchema=Bt;exports.TextFieldInput=$e;exports.TextFieldInputPropsSchema=kt;exports.TextFieldLabel=We;exports.TextFieldLabelPropsSchema=At;exports.TextFieldPropsSchema=Lt;exports.TextFieldSuccess=Ye;exports.TextFieldSuccessPropsSchema=Dt;exports.inputVariants=z;exports.labelVariants=M;exports.successMessageVariants=U;exports.textFieldInputVariants=z;exports.textFieldLabelVariants=M;exports.validatePatternSafety=Ke;//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map