@tribepad/themis 1.0.2 → 1.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/elements/Checkbox/index.js +1 -1
- package/dist/elements/Checkbox/index.js.map +1 -1
- package/dist/elements/Checkbox/index.mjs +1 -1
- package/dist/elements/Checkbox/index.mjs.map +1 -1
- package/dist/elements/CheckboxGroup/index.js +1 -1
- package/dist/elements/CheckboxGroup/index.js.map +1 -1
- package/dist/elements/CheckboxGroup/index.mjs +1 -1
- package/dist/elements/CheckboxGroup/index.mjs.map +1 -1
- package/dist/elements/DatePicker/index.js +1 -1
- package/dist/elements/DatePicker/index.js.map +1 -1
- package/dist/elements/DatePicker/index.mjs +1 -1
- package/dist/elements/DatePicker/index.mjs.map +1 -1
- package/dist/elements/FileField/index.js +1 -1
- package/dist/elements/FileField/index.js.map +1 -1
- package/dist/elements/FileField/index.mjs +1 -1
- package/dist/elements/FileField/index.mjs.map +1 -1
- package/dist/elements/NumberField/NumberField.variants.d.ts +1 -1
- package/dist/elements/NumberField/index.js +1 -1
- package/dist/elements/NumberField/index.js.map +1 -1
- package/dist/elements/NumberField/index.mjs +1 -1
- package/dist/elements/NumberField/index.mjs.map +1 -1
- package/dist/elements/OTPInput/index.js +1 -1
- package/dist/elements/OTPInput/index.js.map +1 -1
- package/dist/elements/OTPInput/index.mjs +1 -1
- package/dist/elements/OTPInput/index.mjs.map +1 -1
- package/dist/elements/Progress/index.js +1 -1
- package/dist/elements/Progress/index.js.map +1 -1
- package/dist/elements/Progress/index.mjs +1 -1
- package/dist/elements/Progress/index.mjs.map +1 -1
- package/dist/elements/RadioGroup/index.js +1 -1
- package/dist/elements/RadioGroup/index.js.map +1 -1
- package/dist/elements/RadioGroup/index.mjs +1 -1
- package/dist/elements/RadioGroup/index.mjs.map +1 -1
- package/dist/elements/Resizable/index.js +1 -1
- package/dist/elements/Resizable/index.js.map +1 -1
- package/dist/elements/Resizable/index.mjs +1 -1
- package/dist/elements/Resizable/index.mjs.map +1 -1
- package/dist/elements/Select/index.js +1 -1
- package/dist/elements/Select/index.js.map +1 -1
- package/dist/elements/Select/index.mjs +1 -1
- package/dist/elements/Select/index.mjs.map +1 -1
- package/dist/elements/Switch/index.js +1 -1
- package/dist/elements/Switch/index.js.map +1 -1
- package/dist/elements/Switch/index.mjs +1 -1
- package/dist/elements/Switch/index.mjs.map +1 -1
- package/dist/elements/Table/index.js +1 -1
- package/dist/elements/Table/index.js.map +1 -1
- package/dist/elements/Table/index.mjs +1 -1
- package/dist/elements/Table/index.mjs.map +1 -1
- package/dist/elements/Tabs/Tabs.d.ts +5 -3
- package/dist/elements/Tabs/Tabs.d.ts.map +1 -1
- package/dist/elements/Tabs/Tabs.types.d.ts +15 -0
- package/dist/elements/Tabs/Tabs.types.d.ts.map +1 -1
- package/dist/elements/Tabs/index.js +1 -1
- package/dist/elements/Tabs/index.js.map +1 -1
- package/dist/elements/Tabs/index.mjs +1 -1
- package/dist/elements/Tabs/index.mjs.map +1 -1
- package/dist/elements/TimeField/index.js +1 -1
- package/dist/elements/TimeField/index.js.map +1 -1
- package/dist/elements/TimeField/index.mjs +1 -1
- package/dist/elements/TimeField/index.mjs.map +1 -1
- package/dist/elements/index.js +1 -1
- package/dist/elements/index.js.map +1 -1
- package/dist/elements/index.mjs +1 -1
- package/dist/elements/index.mjs.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2 -2
- package/dist/index.mjs.map +1 -1
- package/dist/styles/index.js +1 -1
- package/dist/styles/index.js.map +1 -1
- package/dist/styles/index.mjs +1 -1
- package/dist/styles/index.mjs.map +1 -1
- package/dist/styles/shared-variants.d.ts +3 -3
- package/dist/styles/shared-variants.d.ts.map +1 -1
- package/dist/tailwind-source.css +8 -0
- package/package.json +7 -6
- package/src/elements/AlertDialog/AlertDialog.stories.tsx +1 -1
- package/src/elements/CheckboxGroup/CheckboxGroup.stories.tsx +3 -3
- package/src/elements/Combobox/Combobox.stories.tsx +1 -1
- package/src/elements/FileField/FileField.stories.tsx +1 -1
- package/src/elements/Progress/Progress.stories.tsx +6 -1
- package/src/elements/RadioGroup/RadioGroup.stories.tsx +2 -2
- package/src/elements/Tabs/Tabs.stories.tsx +45 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/elements/Button/Button.styles.ts","../../../src/styles/interaction-states.ts","../../../src/elements/ButtonGroup/ButtonGroupContext.tsx","../../../src/elements/ButtonGroup/ButtonGroup.variants.ts","../../../src/elements/Button/Button.tsx","../../../src/styles/shared-variants.ts","../../../src/elements/FileField/FileField.variants.ts","../../../src/elements/FileField/utils.ts","../../../src/elements/FileField/useFilePreview.ts","../../../src/elements/FileField/FilePreview.tsx","../../../src/elements/FileField/FileProgress.variants.ts","../../../src/elements/FileField/FileProgress.tsx","../../../src/elements/FileField/FileField.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/FileField/FileField.types.ts"],"names":["cn","inputs","twMerge","clsx","buttonOuterVariants","cva","buttonVisualVariants","PRESSED_STYLES","HOVER_STYLES","HIGH_CONTRAST_HOVER","HIGH_CONTRAST_PRESSED","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","FOCUS_WITHIN_RING","FOCUS_VISIBLE_RING","DISABLED_STANDARD","TEXT_SIZE_SMALL_SCALE","TEXT_SIZE_MEDIUM_SCALE","TOUCH_TARGET_MIN","ERROR_MESSAGE_BASE","SUCCESS_MESSAGE_BASE","DESCRIPTION_BASE","LABEL_BASE","TRANSITION_COLORS","combineStyles","styles","s","fileFieldContainerVariants","fileFieldDropZoneVariants","fileFieldTriggerVariants","fileFieldListVariants","fileFieldListHeaderVariants","fileFieldItemVariants","fileFieldRemoveButtonVariants","fileFieldErrorVariants","fileFieldSuccessVariants","fileFieldDescriptionVariants","fileFieldLabelVariants","formatFileSize","bytes","k","sizes","truncateFileName","name","maxLength","lastDotIndex","ext","base","availableLength","isFileTypeAccepted","file","acceptedTypes","type","category","getFileIcon","deduplicateFiles","existing","incoming","result","existingIndex","f","formatAcceptedTypes","RESIZE_THRESHOLD","isImageFile","createResizedPreview","maxDimension","resolve","reject","img","objectUrl","scale","width","height","canvas","ctx","blob","generatePreview","useFilePreview","options","enabled","maxBytes","preview","setPreview","useState","isLoading","setIsLoading","error","setError","isImage","useEffect","isActive","err","prev","FilePreview","renderPreview","sizeStyles","iconType","IconComponent","getIconForType","iconSize","ImageIcon","VideoIcon","AudioLines","FileIcon","fileProgressVariants","fileProgressTrackVariants","fileProgressBarVariants","fileProgressHeaderVariants","fileProgressErrorVariants","fileProgressRetryVariants","getStatusText","status","progress","FileProgress","onRetry","isIndeterminate","errorId","statusText","ProgressBar","percentage","valueText","FileField","label","acceptedFileTypes","allowsMultiple","maxFileSize","maxFiles","description","errorMessage","successMessage","triggerText","isRequired","isInvalid","isValid","id","value","onChange","validate","showPreviews","previewSize","maxPreviewBytes","showProgress","uploadProgress","uploadStatus","uploadErrors","dataTestId","_ariaLabel","_ariaLabelledBy","ariaDescribedBy","generatedId","fieldId","labelId","descriptionId","isDragOver","setIsDragOver","internalError","setInternalError","dragCounterRef","useRef","displayError","hasError","describedByParts","describedBy","validateFiles","useCallback","files","existingFiles","validFiles","errors","processFiles","fileList","newFiles","valid","customError","finalFiles","handleSelect","handleRemove","fileToRemove","handleClearAll","handleDragEnter","handleDragOver","handleDragLeave","handleDrop","getIconComponent","acceptString","FileTrigger","Upload","index","effectivePreviewSize","fileStatus","fileProgress","fileError","showProgressForFile","X","BaseComponentPropsSchema","z","FileFieldPropsSchema","data"],"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","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","/**\n * Global Interaction State Styles\n *\n * Consistent interaction patterns across all Themis components.\n * These styles ensure WCAG 2.2 AAA compliance and predictable UX.\n *\n * @see spec.md FR-010 (Visible focus ring for keyboard navigation)\n * @see spec.md FR-031 (Pressed state feedback)\n * @see spec.md FR-012 (High contrast mode support)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\n/**\n * Focus state styles (FR-010)\n * Visible focus ring for keyboard navigation - WCAG 2.2 Level AAA\n *\n * Components can override by extending these styles:\n * @example\n * cn(FOCUS_STYLES, \"ring-4\") // Increases ring width to 4px\n */\nexport const FOCUS_STYLES = \"data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2\";\n\n/**\n * Pressed/Active state styles (FR-031)\n * Visual feedback for press interactions\n *\n * Components can override the scale amount:\n * @example\n * cn(PRESSED_STYLES_BASE, \"data-[pressed]:scale-[0.95]\") // More pronounced scale\n */\nexport const PRESSED_STYLES = \"data-[pressed]:scale-[0.97]\";\n\n/**\n * Base pressed styles without scale (for components that need different feedback)\n */\nexport const PRESSED_STYLES_BASE = \"data-[pressed]:transition-transform data-[pressed]:duration-100\";\n\n/**\n * Hover state styles\n * Elevation change on hover for better affordance\n *\n * Components can override shadow depth:\n * @example\n * cn(HOVER_STYLES_BASE, \"data-[hovered]:shadow-lg\") // Larger shadow\n */\nexport const HOVER_STYLES = \"data-[hovered]:shadow-md\";\n\n/**\n * Base hover styles without shadow (for components that use different hover effects)\n */\nexport const HOVER_STYLES_BASE = \"data-[hovered]:transition-shadow data-[hovered]:duration-200\";\n\n/**\n * High contrast mode focus (FR-012)\n * Enhanced outlines for users requiring high contrast\n *\n * Uses 'hc:' prefix for prefers-contrast: more media query\n */\nexport const HIGH_CONTRAST_FOCUS = \"hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground\";\n\n/**\n * High contrast mode hover (FR-012)\n * Enhanced outlines for hover in high contrast mode\n */\nexport const HIGH_CONTRAST_HOVER = \"hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground\";\n\n/**\n * High contrast mode pressed state\n * Enhanced outlines for pressed state in high contrast mode\n */\nexport const HIGH_CONTRAST_PRESSED = \"hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground\";\n\n/**\n * Combined high contrast styles\n * Use this for components that need all high contrast interaction states\n */\nexport const HIGH_CONTRAST_INTERACTIONS = `${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Disabled state styles\n * Consistent disabled appearance across all components\n */\nexport const DISABLED_STYLES = \"disabled:pointer-events-none disabled:opacity-50\";\n\n/**\n * Default interaction bundle\n * Most common combination for interactive components\n *\n * Includes: focus ring, pressed scale, hover shadow, high contrast enhancements\n *\n * @example\n * <button className={cn(DEFAULT_INTERACTIONS, \"bg-primary\")}>Click</button>\n */\nexport const DEFAULT_INTERACTIONS = `${FOCUS_STYLES} ${PRESSED_STYLES} ${HOVER_STYLES} ${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Subtle interaction bundle\n * For components that need less pronounced feedback\n *\n * Includes: focus ring and high contrast, but no hover shadow or pressed scale\n */\nexport const SUBTLE_INTERACTIONS = `${FOCUS_STYLES} ${HIGH_CONTRAST_FOCUS}`;\n\n/**\n * Non-interactive element styles\n * For elements that should indicate they are not interactive\n */\nexport const NON_INTERACTIVE = \"cursor-default select-none\";\n","\"use client\";\n\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 * Shared CVA Variant Utilities\n *\n * Common patterns extracted from component variants for consistency and reduced bundle size.\n * Use these constants in CVA definitions to ensure consistent styling across Themis.\n *\n * @see interaction-states.ts for interaction-specific styles (focus, hover, pressed)\n */\n\n// =============================================================================\n// Focus Ring Patterns\n// =============================================================================\n\n/**\n * Focus-within ring (for container elements with focusable children)\n * Use when the container should show focus when any child is focused\n */\nexport const FOCUS_WITHIN_RING = [\n 'focus-within:outline-none',\n 'focus-within:ring-2',\n 'focus-within:ring-[var(--ring)]',\n 'focus-within:ring-offset-2',\n] as const;\n\n/**\n * Focus-visible ring (for directly focusable elements)\n * Use for buttons, inputs, and other interactive elements\n */\nexport const FOCUS_VISIBLE_RING = [\n 'focus-visible:outline-none',\n 'focus-visible:ring-2',\n 'focus-visible:ring-[var(--ring)]',\n 'focus-visible:ring-offset-2',\n] as const;\n\n/**\n * Standard focus ring (for elements using :focus pseudo-class)\n * Prefer focus-visible when possible for better UX\n */\nexport const FOCUS_RING = [\n 'focus:outline-none',\n 'focus:ring-2',\n 'focus:ring-[var(--ring)]',\n] as const;\n\n/**\n * Focus with background change (for segments, cells, menu items)\n */\nexport const FOCUS_HIGHLIGHT = [\n 'focus:outline-none',\n 'focus:bg-[var(--accent)]',\n 'focus:text-[var(--accent-foreground)]',\n] as const;\n\n// =============================================================================\n// Disabled State Patterns\n// =============================================================================\n\n/**\n * Standard disabled state using disabled attribute\n */\nexport const DISABLED_STANDARD = [\n 'disabled:pointer-events-none',\n 'disabled:opacity-50',\n] as const;\n\n/**\n * Disabled state using data attribute (React Aria pattern)\n */\nexport const DISABLED_DATA_ATTR = [\n 'data-[disabled]:pointer-events-none',\n 'data-[disabled]:opacity-50',\n 'data-[disabled]:cursor-not-allowed',\n] as const;\n\n// =============================================================================\n// Size-Based Text Variants\n// =============================================================================\n\n/**\n * Small text size scale (xs -> sm -> base)\n */\nexport const TEXT_SIZE_SMALL_SCALE = {\n sm: 'text-xs',\n default: 'text-sm',\n lg: 'text-base',\n} as const;\n\n/**\n * Medium text size scale (sm -> base -> lg)\n */\nexport const TEXT_SIZE_MEDIUM_SCALE = {\n sm: 'text-sm',\n default: 'text-base',\n lg: 'text-lg',\n} as const;\n\n// =============================================================================\n// Touch Target Utilities\n// =============================================================================\n\n/**\n * WCAG 2.2 AAA minimum touch target (44x44px)\n */\nexport const TOUCH_TARGET_MIN = [\n 'min-h-[44px]',\n 'min-w-[44px]',\n] as const;\n\n/**\n * Common button/cell sizes with touch target compliance\n */\nexport const INTERACTIVE_SIZES = {\n sm: 'h-9 w-9', // 36px - desktop only, NOT AAA compliant\n default: 'h-11 w-11', // 44px - AAA compliant\n lg: 'h-14 w-14', // 56px - AAA compliant, enhanced\n} as const;\n\n/**\n * Height-only sizes for fields and inputs\n */\nexport const FIELD_HEIGHTS = {\n sm: 'h-9', // 36px\n default: 'h-11', // 44px\n lg: 'h-14', // 56px\n} as const;\n\n// =============================================================================\n// Message/Feedback Patterns\n// =============================================================================\n\n/**\n * Error message styling\n */\nexport const ERROR_MESSAGE_BASE = [\n 'flex',\n 'items-center',\n 'gap-1.5',\n 'text-[var(--destructive)]',\n] as const;\n\n/**\n * Success message styling\n */\nexport const SUCCESS_MESSAGE_BASE = [\n 'flex',\n 'items-center',\n 'gap-1.5',\n 'text-[var(--success)]',\n] as const;\n\n/**\n * Description/helper text styling\n */\nexport const DESCRIPTION_BASE = [\n 'text-[var(--menu-muted)]',\n] as const;\n\n/**\n * Label base styling\n */\nexport const LABEL_BASE = [\n 'font-medium',\n 'text-[var(--content-foreground)]',\n] as const;\n\n/**\n * Required indicator pattern\n */\nexport const REQUIRED_INDICATOR = \"after:content-['*'] after:ml-0.5 after:text-[var(--destructive)]\";\n\n// =============================================================================\n// Animation Patterns\n// =============================================================================\n\n/**\n * Popover/dropdown entry animation\n */\nexport const POPOVER_ANIMATION_IN = [\n 'data-[entering]:animate-in',\n 'data-[entering]:fade-in-0',\n 'data-[entering]:zoom-in-95',\n] as const;\n\n/**\n * Popover/dropdown exit animation\n */\nexport const POPOVER_ANIMATION_OUT = [\n 'data-[exiting]:animate-out',\n 'data-[exiting]:fade-out-0',\n 'data-[exiting]:zoom-out-95',\n] as const;\n\n/**\n * Reduced motion support (WCAG 2.2)\n */\nexport const REDUCED_MOTION = [\n 'motion-reduce:transition-none',\n 'motion-reduce:animate-none',\n] as const;\n\n/**\n * Standard transition for colors\n */\nexport const TRANSITION_COLORS = [\n 'transition-colors',\n 'duration-200',\n] as const;\n\n/**\n * Fast transition for interactions\n */\nexport const TRANSITION_FAST = [\n 'transition-colors',\n 'duration-150',\n] as const;\n\n// =============================================================================\n// Hover State Patterns\n// =============================================================================\n\n/**\n * Accent background on hover (for interactive items)\n */\nexport const HOVER_ACCENT = [\n 'hover:bg-[var(--accent)]',\n 'hover:text-[var(--accent-foreground)]',\n] as const;\n\n// =============================================================================\n// Helper Functions\n// =============================================================================\n\n/**\n * Combines multiple style arrays into a flat array for CVA base styles\n */\nexport function combineStyles(...styles: (readonly string[] | string)[]): string[] {\n return styles.flatMap(s => Array.isArray(s) ? [...s] : [s]);\n}\n","import { cva, type VariantProps } from 'class-variance-authority';\nimport {\n FOCUS_WITHIN_RING,\n FOCUS_VISIBLE_RING,\n DISABLED_STANDARD,\n TEXT_SIZE_SMALL_SCALE,\n TEXT_SIZE_MEDIUM_SCALE,\n TOUCH_TARGET_MIN,\n ERROR_MESSAGE_BASE,\n SUCCESS_MESSAGE_BASE,\n DESCRIPTION_BASE,\n LABEL_BASE,\n TRANSITION_COLORS,\n combineStyles,\n} from '../../styles';\n\n/**\n * FileField CVA Variants\n * Uses shared utilities from styles/ for consistency and reduced bundle size.\n */\n\nexport const fileFieldContainerVariants = cva(\n 'flex flex-col gap-1.5 w-full',\n {\n variants: {\n size: TEXT_SIZE_MEDIUM_SCALE,\n },\n defaultVariants: {\n size: 'default',\n },\n }\n);\n\nexport const fileFieldDropZoneVariants = cva(\n combineStyles(\n 'flex flex-col items-center justify-center rounded-md border-2 border-dashed',\n 'bg-[var(--content-background)] text-[var(--content-foreground)]',\n TRANSITION_COLORS,\n FOCUS_WITHIN_RING\n ),\n {\n variants: {\n size: {\n sm: 'min-h-[100px] p-4 gap-2',\n default: 'min-h-[140px] p-6 gap-3',\n lg: 'min-h-[180px] p-8 gap-4',\n },\n isDragOver: {\n true: 'border-[var(--primary)] bg-[var(--primary)]/5',\n false: 'border-[var(--input)] hover:border-[var(--primary)]/50',\n },\n isInvalid: {\n true: 'border-[var(--destructive)] bg-[var(--destructive)]/5',\n false: '',\n },\n isDisabled: {\n true: 'opacity-50 cursor-not-allowed pointer-events-none',\n false: 'cursor-pointer',\n },\n },\n compoundVariants: [\n {\n isInvalid: true,\n isDragOver: true,\n className: 'border-[var(--destructive)] bg-[var(--destructive)]/5',\n },\n ],\n defaultVariants: {\n size: 'default',\n isDragOver: false,\n isInvalid: false,\n isDisabled: false,\n },\n }\n);\n\nexport const fileFieldTriggerVariants = cva(\n combineStyles(\n 'inline-flex items-center justify-center gap-2 rounded-md font-medium',\n TRANSITION_COLORS,\n TOUCH_TARGET_MIN,\n FOCUS_VISIBLE_RING,\n DISABLED_STANDARD\n ),\n {\n variants: {\n size: {\n sm: 'px-3 py-2 text-xs',\n default: 'px-4 py-2 text-sm',\n lg: 'px-6 py-3 text-base',\n },\n variant: {\n default: 'bg-[var(--primary)] text-[var(--primary-foreground)] hover:bg-[var(--primary)]/90',\n outline: 'border border-[var(--input)] bg-transparent hover:bg-[var(--accent)] hover:text-[var(--accent-foreground)]',\n },\n },\n defaultVariants: {\n size: 'default',\n variant: 'default',\n },\n }\n);\n\nexport const fileFieldListVariants = cva(\n 'flex flex-col gap-2 mt-3',\n {\n variants: {\n size: {\n sm: 'gap-1.5',\n default: 'gap-2',\n lg: 'gap-3',\n },\n },\n defaultVariants: {\n size: 'default',\n },\n }\n);\n\nexport const fileFieldListHeaderVariants = cva(\n 'flex items-center justify-between mb-1',\n {\n variants: {\n size: TEXT_SIZE_SMALL_SCALE,\n },\n defaultVariants: {\n size: 'default',\n },\n }\n);\n\nexport const fileFieldItemVariants = cva(\n 'flex items-center justify-between gap-3 bg-[var(--accent-background)] rounded-md border border-[var(--border)]',\n {\n variants: {\n size: {\n sm: 'px-2 py-1.5 text-xs',\n default: 'px-3 py-2 text-sm',\n lg: 'px-4 py-3 text-base',\n },\n },\n defaultVariants: {\n size: 'default',\n },\n }\n);\n\nexport const fileFieldRemoveButtonVariants = cva(\n combineStyles(\n 'inline-flex items-center justify-center rounded-full',\n TOUCH_TARGET_MIN,\n '-mr-2 -my-1', // Negative margin for visual sizing\n 'text-[var(--menu-muted)] hover:text-[var(--destructive)] hover:bg-[var(--destructive)]/10',\n 'transition-colors',\n 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]'\n ),\n {\n variants: {\n size: {\n sm: '',\n default: '',\n lg: '',\n },\n },\n defaultVariants: {\n size: 'default',\n },\n }\n);\n\nexport const fileFieldErrorVariants = cva(\n combineStyles(ERROR_MESSAGE_BASE, 'font-medium'),\n {\n variants: {\n size: TEXT_SIZE_SMALL_SCALE,\n },\n defaultVariants: {\n size: 'default',\n },\n }\n);\n\nexport const fileFieldSuccessVariants = cva(\n combineStyles(SUCCESS_MESSAGE_BASE, 'font-medium'),\n {\n variants: {\n size: TEXT_SIZE_SMALL_SCALE,\n },\n defaultVariants: {\n size: 'default',\n },\n }\n);\n\nexport const fileFieldDescriptionVariants = cva(\n DESCRIPTION_BASE,\n {\n variants: {\n size: TEXT_SIZE_SMALL_SCALE,\n },\n defaultVariants: {\n size: 'default',\n },\n }\n);\n\nexport const fileFieldLabelVariants = cva(\n LABEL_BASE,\n {\n variants: {\n size: TEXT_SIZE_MEDIUM_SCALE,\n isRequired: {\n true: \"after:content-['*'] after:ml-0.5 after:text-[var(--destructive)]\",\n false: '',\n },\n },\n defaultVariants: {\n size: 'default',\n isRequired: false,\n },\n }\n);\n\n// Export variant prop types for consumers\nexport type FileFieldContainerVariants = VariantProps<\n typeof fileFieldContainerVariants\n>;\nexport type FileFieldDropZoneVariants = VariantProps<\n typeof fileFieldDropZoneVariants\n>;\nexport type FileFieldTriggerVariants = VariantProps<\n typeof fileFieldTriggerVariants\n>;\nexport type FileFieldItemVariants = VariantProps<typeof fileFieldItemVariants>;\nexport type FileFieldErrorVariants = VariantProps<\n typeof fileFieldErrorVariants\n>;\n","/**\n * FileField Utility Functions\n *\n * Helper functions for file validation, formatting, and manipulation\n * @see plan.md Section 3: Helper Utilities\n */\n\n/**\n * Format file size in human-readable format\n *\n * @param bytes - File size in bytes\n * @returns Formatted string like \"1.5 MB\" or \"0 B\"\n *\n * @example\n * formatFileSize(0) // \"0 B\"\n * formatFileSize(1024) // \"1 KB\"\n * formatFileSize(1536) // \"1.5 KB\"\n * formatFileSize(1048576) // \"1 MB\"\n */\nexport function formatFileSize(bytes: number): string {\n if (bytes === 0) return '0 B';\n\n const k = 1024;\n const sizes = ['B', 'KB', 'MB', 'GB'];\n const i = Math.floor(Math.log(bytes) / Math.log(k));\n const size = parseFloat((bytes / Math.pow(k, i)).toFixed(1));\n\n // Remove trailing .0\n const formatted = size % 1 === 0 ? size.toFixed(0) : size.toFixed(1);\n\n return `${formatted} ${sizes[i]}`;\n}\n\n/**\n * Truncate filename with ellipsis, preserving extension\n *\n * @param name - Original filename\n * @param maxLength - Maximum total length (default: 30)\n * @returns Truncated filename like \"resume-2024-fi...pdf\"\n *\n * @example\n * truncateFileName(\"resume.pdf\", 30) // \"resume.pdf\"\n * truncateFileName(\"my-very-long-filename-here.pdf\", 20) // \"my-very-long...pdf\"\n */\nexport function truncateFileName(name: string, maxLength: number = 30): string {\n if (name.length <= maxLength) return name;\n\n const lastDotIndex = name.lastIndexOf('.');\n if (lastDotIndex === -1) {\n // No extension - just truncate\n return `${name.slice(0, maxLength - 3)}...`;\n }\n\n const ext = name.slice(lastDotIndex);\n const base = name.slice(0, lastDotIndex);\n\n // Ensure we have at least some characters of the base name\n const availableLength = maxLength - ext.length - 3; // 3 for \"...\"\n if (availableLength < 1) {\n return `...${ext}`;\n }\n\n const truncatedBase = base.slice(0, availableLength);\n return `${truncatedBase}...${ext}`;\n}\n\n/**\n * Check if a file type is accepted based on accepted types array\n *\n * Supports:\n * - MIME type patterns: \"image/*\", \"video/*\"\n * - Exact MIME types: \"application/pdf\"\n * - File extensions: \".pdf\", \".docx\"\n *\n * @param file - File to check\n * @param acceptedTypes - Array of accepted type patterns\n * @returns true if file type is accepted\n *\n * @example\n * isFileTypeAccepted(pdfFile, ['application/pdf']) // true\n * isFileTypeAccepted(jpgFile, ['image/*']) // true\n * isFileTypeAccepted(docFile, ['.doc', '.docx']) // true\n */\nexport function isFileTypeAccepted(\n file: File,\n acceptedTypes?: string[]\n): boolean {\n // If no restrictions, accept all\n if (!acceptedTypes || acceptedTypes.length === 0) return true;\n\n return acceptedTypes.some((type) => {\n // Handle MIME type patterns (e.g., \"image/*\")\n if (type.endsWith('/*')) {\n const category = type.slice(0, -2);\n return file.type.startsWith(`${category}/`);\n }\n\n // Handle exact MIME types (e.g., \"application/pdf\")\n if (type.includes('/')) {\n return file.type === type;\n }\n\n // Handle extensions (e.g., \".pdf\")\n if (type.startsWith('.')) {\n return file.name.toLowerCase().endsWith(type.toLowerCase());\n }\n\n return false;\n });\n}\n\n/**\n * Get appropriate icon type for a file based on MIME type\n *\n * @param file - File to check\n * @returns Icon type identifier\n *\n * @example\n * getFileIcon(imageFile) // \"image\"\n * getFileIcon(pdfFile) // \"file\"\n */\nexport function getFileIcon(\n file: File\n): 'file' | 'image' | 'video' | 'audio' {\n if (file.type.startsWith('image/')) return 'image';\n if (file.type.startsWith('video/')) return 'video';\n if (file.type.startsWith('audio/')) return 'audio';\n return 'file';\n}\n\n/**\n * Merge file arrays, replacing duplicates by filename\n *\n * Used for append behavior when selecting additional files.\n * Files with the same name are replaced with the newer version.\n *\n * @param existing - Currently selected files\n * @param incoming - Newly selected files to add\n * @returns Merged array with duplicates replaced\n *\n * @example\n * const existing = [file1, file2];\n * const incoming = [file2New, file3];\n * deduplicateFiles(existing, incoming) // [file1, file2New, file3]\n *\n * @see plan.md Decision 8: Duplicate File Handling\n */\nexport function deduplicateFiles(existing: File[], incoming: File[]): File[] {\n const result = [...existing];\n\n for (const file of incoming) {\n const existingIndex = result.findIndex((f) => f.name === file.name);\n if (existingIndex >= 0) {\n // Replace with new version\n result[existingIndex] = file;\n } else {\n result.push(file);\n }\n }\n\n return result;\n}\n\n/**\n * Convert human-readable file types to MIME type display\n * Used for showing accepted types in UI\n *\n * @param acceptedTypes - Array of accepted type patterns\n * @returns Human-readable string\n *\n * @example\n * formatAcceptedTypes(['image/*']) // \"images\"\n * formatAcceptedTypes(['.pdf', '.doc']) // \"PDF, DOC\"\n * formatAcceptedTypes(['application/pdf']) // \"PDF\"\n */\nexport function formatAcceptedTypes(acceptedTypes?: string[]): string {\n if (!acceptedTypes || acceptedTypes.length === 0) return 'any file';\n\n const formatted = acceptedTypes.map((type) => {\n // MIME type patterns\n if (type === 'image/*') return 'images';\n if (type === 'video/*') return 'videos';\n if (type === 'audio/*') return 'audio';\n\n // File extensions\n if (type.startsWith('.')) {\n return type.slice(1).toUpperCase();\n }\n\n // Exact MIME types - extract subtype\n if (type.includes('/')) {\n const parts = type.split('/');\n const subtype = parts[1] ?? type;\n return subtype.toUpperCase();\n }\n\n return type;\n });\n\n return formatted.join(', ');\n}\n\n// ============================================================================\n// Phase 1: Image Preview Utilities\n// ============================================================================\n\n/**\n * Threshold for image resizing (2MB)\n * Images larger than this will be resized before preview to reduce memory usage\n */\nexport const RESIZE_THRESHOLD = 2 * 1024 * 1024;\n\n/**\n * Check if a file is an image based on MIME type or extension\n *\n * @param file - File to check\n * @returns true if file is an image\n *\n * @example\n * isImageFile(jpgFile) // true\n * isImageFile(pdfFile) // false\n */\nexport function isImageFile(file: File): boolean {\n // Check MIME type first (most reliable)\n if (file.type.startsWith('image/')) {\n return true;\n }\n\n // Fallback to extension check for files with missing/incorrect MIME type\n const imageExtensions =\n /\\.(jpg|jpeg|png|gif|webp|svg|bmp|ico|avif|heic|heif|tiff|tif)$/i;\n return imageExtensions.test(file.name);\n}\n\n/**\n * Create a resized preview image using canvas\n * Used for large images (>2MB) to reduce memory usage\n *\n * @param file - Image file to resize\n * @param maxDimension - Maximum width or height (default: 200)\n * @returns Promise resolving to resized blob URL\n *\n * @example\n * const previewUrl = await createResizedPreview(largeImage, 200);\n * // Remember to call URL.revokeObjectURL(previewUrl) when done\n */\nexport async function createResizedPreview(\n file: File,\n maxDimension: number = 200\n): Promise<string> {\n return new Promise((resolve, reject) => {\n // Use window.Image for browser environment\n const img = new window.Image();\n const objectUrl = URL.createObjectURL(file);\n\n img.onload = () => {\n // Free original object URL immediately\n URL.revokeObjectURL(objectUrl);\n\n // Calculate scaled dimensions (maintain aspect ratio)\n const scale = Math.min(\n maxDimension / img.width,\n maxDimension / img.height,\n 1 // Don't upscale\n );\n const width = Math.round(img.width * scale);\n const height = Math.round(img.height * scale);\n\n // Draw to canvas at reduced size\n const canvas = document.createElement('canvas');\n canvas.width = width;\n canvas.height = height;\n const ctx = canvas.getContext('2d');\n\n if (!ctx) {\n reject(new Error('Canvas context unavailable'));\n return;\n }\n\n ctx.drawImage(img, 0, 0, width, height);\n\n // Convert to blob URL\n canvas.toBlob(\n (blob) => {\n if (blob) {\n resolve(URL.createObjectURL(blob));\n } else {\n reject(new Error('Failed to create blob'));\n }\n },\n 'image/jpeg',\n 0.8 // Quality for JPEG compression\n );\n };\n\n img.onerror = () => {\n URL.revokeObjectURL(objectUrl);\n reject(new Error('Failed to load image'));\n };\n\n img.src = objectUrl;\n });\n}\n\n/**\n * Generate a preview URL for a file\n * Automatically resizes large images (>2MB) to reduce memory usage\n *\n * @param file - Image file to preview\n * @param maxDimension - Maximum dimension for resized previews (default: 200)\n * @returns Promise resolving to preview blob URL\n *\n * @example\n * const previewUrl = await generatePreview(file, 100);\n * // Remember to call URL.revokeObjectURL(previewUrl) when done\n */\nexport async function generatePreview(\n file: File,\n maxDimension: number = 200\n): Promise<string> {\n if (file.size > RESIZE_THRESHOLD) {\n return createResizedPreview(file, maxDimension);\n }\n return URL.createObjectURL(file);\n}\n","/**\n * useFilePreview Hook\n *\n * Memory-efficient image preview generation with race condition protection\n * @see future-plan.md for architecture details\n */\n\nimport { useState, useEffect } from 'react';\nimport { isImageFile, generatePreview } from './utils';\n\nexport interface UseFilePreviewOptions {\n /** Whether preview generation is enabled */\n enabled?: boolean;\n /** Maximum file size for preview generation in bytes (default: 10MB) */\n maxBytes?: number;\n /** Maximum preview dimension in pixels (default: 200) */\n maxDimension?: number;\n}\n\nexport interface UseFilePreviewResult {\n /** Preview URL (blob URL) - remember to not revoke manually, hook handles cleanup */\n preview: string | null;\n /** Whether preview is currently being generated */\n isLoading: boolean;\n /** Error message if preview generation failed */\n error: string | null;\n /** Whether the file is an image */\n isImage: boolean;\n}\n\n/**\n * Hook for generating memory-efficient image previews\n *\n * Features:\n * - Uses URL.createObjectURL for better memory management\n * - Automatically resizes large images (>2MB) using canvas\n * - Race condition protection for rapid file changes\n * - Automatic cleanup of blob URLs on unmount/file change\n *\n * @param file - File to generate preview for\n * @param options - Preview configuration options\n * @returns Preview state including URL, loading, and error states\n *\n * @example\n * const { preview, isLoading, error, isImage } = useFilePreview(file, {\n * enabled: showPreviews,\n * maxBytes: 10 * 1024 * 1024,\n * maxDimension: 64\n * });\n */\nexport function useFilePreview(\n file: File,\n options: UseFilePreviewOptions = {}\n): UseFilePreviewResult {\n const { enabled = true, maxBytes = 10 * 1024 * 1024, maxDimension = 200 } = options;\n\n const [preview, setPreview] = useState<string | null>(null);\n const [isLoading, setIsLoading] = useState(false);\n const [error, setError] = useState<string | null>(null);\n\n const isImage = isImageFile(file);\n\n useEffect(() => {\n // Skip if disabled or not an image\n if (!enabled || !isImage) {\n setPreview(null);\n setIsLoading(false);\n setError(null);\n return;\n }\n\n // Skip preview for files exceeding size limit\n if (file.size > maxBytes) {\n setPreview(null);\n setIsLoading(false);\n setError('File too large for preview');\n return;\n }\n\n // Track if effect is still active (prevents race conditions)\n let isActive = true;\n let objectUrl: string | null = null;\n\n const generatePreviewAsync = async () => {\n setIsLoading(true);\n setError(null);\n\n try {\n // Generate preview (may resize if file > RESIZE_THRESHOLD)\n objectUrl = await generatePreview(file, maxDimension);\n\n // Only update state if effect is still active\n if (isActive) {\n setPreview(objectUrl);\n setIsLoading(false);\n } else {\n // Cleanup if component unmounted or file changed\n URL.revokeObjectURL(objectUrl);\n }\n } catch (err) {\n if (isActive) {\n setError(err instanceof Error ? err.message : 'Failed to generate preview');\n setIsLoading(false);\n setPreview(null);\n }\n }\n };\n\n generatePreviewAsync();\n\n // Cleanup: mark inactive and revoke object URL\n return () => {\n isActive = false;\n if (objectUrl) {\n URL.revokeObjectURL(objectUrl);\n }\n // Also revoke current preview if it exists\n setPreview((prev) => {\n if (prev) {\n URL.revokeObjectURL(prev);\n }\n return null;\n });\n };\n }, [file, enabled, maxBytes, maxDimension, isImage]);\n\n return { preview, isLoading, error, isImage };\n}\n","\"use client\";\n\n/**\n * FilePreview Component\n *\n * Displays image thumbnail previews for files in the FileField list\n * @see future-plan.md for architecture details\n */\n\nimport { type ReactNode } from 'react';\nimport { FileIcon, ImageIcon, VideoIcon, AudioLines, Loader2 } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { useFilePreview } from './useFilePreview';\nimport { getFileIcon } from './utils';\n\nexport interface FilePreviewProps {\n /** File to preview */\n file: File;\n /** Preview size in pixels (width and height) */\n size?: number;\n /** Maximum file size for preview generation */\n maxBytes?: number;\n /** Custom renderer for non-image files */\n renderPreview?: (file: File) => ReactNode;\n /** Additional CSS classes */\n className?: string;\n}\n\n/**\n * FilePreview Component\n *\n * Displays a thumbnail preview for image files, or an appropriate icon for other file types.\n * Includes loading and error states with accessible feedback.\n */\nexport function FilePreview({\n file,\n size = 64,\n maxBytes = 10 * 1024 * 1024,\n renderPreview,\n className,\n}: FilePreviewProps) {\n const { preview, isLoading, error, isImage } = useFilePreview(file, {\n enabled: true,\n maxBytes,\n maxDimension: size * 2, // Generate at 2x for retina displays\n });\n\n // Container size styles\n const sizeStyles = {\n width: size,\n height: size,\n minWidth: size,\n minHeight: size,\n };\n\n // If custom renderer provided and not an image, use it\n if (!isImage && renderPreview) {\n return (\n <div\n className={cn(\n 'flex items-center justify-center rounded-md overflow-hidden',\n 'bg-[var(--accent-background)]',\n className\n )}\n style={sizeStyles}\n >\n {renderPreview(file)}\n </div>\n );\n }\n\n // Loading state\n if (isLoading) {\n return (\n <div\n className={cn(\n 'flex items-center justify-center rounded-md overflow-hidden',\n 'bg-[var(--accent-background)]',\n className\n )}\n style={sizeStyles}\n aria-busy=\"true\"\n aria-label={`Loading preview for ${file.name}`}\n >\n <Loader2\n className=\"h-4 w-4 animate-spin text-[var(--menu-muted)]\"\n aria-hidden=\"true\"\n />\n </div>\n );\n }\n\n // Image preview\n if (isImage && preview && !error) {\n return (\n <div\n className={cn(\n 'flex items-center justify-center rounded-md overflow-hidden',\n 'bg-[var(--accent-background)]',\n className\n )}\n style={sizeStyles}\n >\n <img\n src={preview}\n alt={file.name}\n className=\"w-full h-full object-cover\"\n loading=\"lazy\"\n />\n </div>\n );\n }\n\n // Error state or non-image file: show icon\n const iconType = getFileIcon(file);\n const IconComponent = getIconForType(iconType);\n\n // Calculate icon size (roughly 40% of container)\n const iconSize = Math.max(16, Math.floor(size * 0.4));\n\n return (\n <div\n className={cn(\n 'flex items-center justify-center rounded-md overflow-hidden',\n 'bg-[var(--accent-background)]',\n className\n )}\n style={sizeStyles}\n aria-label={error ? `Preview unavailable for ${file.name}` : undefined}\n >\n <IconComponent\n className=\"text-[var(--menu-muted)]\"\n style={{ width: iconSize, height: iconSize }}\n aria-hidden=\"true\"\n />\n </div>\n );\n}\n\n/**\n * Get icon component for file type\n */\nfunction getIconForType(\n iconType: 'file' | 'image' | 'video' | 'audio'\n): typeof FileIcon {\n switch (iconType) {\n case 'image':\n return ImageIcon;\n case 'video':\n return VideoIcon;\n case 'audio':\n return AudioLines;\n default:\n return FileIcon;\n }\n}\n","import { cva, type VariantProps } from 'class-variance-authority';\n\n/**\n * FileProgress CVA Variants\n *\n * Type-safe variant definitions for upload progress component\n * Following Themis styling patterns with CSS variable references\n *\n * @see future-plan.md Section 2: Upload Progress Indication\n * @see constitution.md Principle IV: 7:1 contrast ratio\n */\n\n/**\n * Container variants for the FileProgress wrapper\n * Controls spacing and text sizing\n */\nexport const fileProgressVariants = cva(\n ['flex', 'flex-col', 'gap-1', 'w-full'],\n {\n variants: {\n size: {\n sm: 'text-xs',\n default: 'text-sm',\n lg: 'text-base',\n },\n },\n defaultVariants: {\n size: 'default',\n },\n }\n);\n\n/**\n * Progress bar track variants (background)\n */\nexport const fileProgressTrackVariants = cva(\n ['rounded-full', 'bg-[var(--accent-background)]', 'overflow-hidden'],\n {\n variants: {\n size: {\n sm: 'h-1.5',\n default: 'h-2',\n lg: 'h-3',\n },\n },\n defaultVariants: {\n size: 'default',\n },\n }\n);\n\n/**\n * Progress bar fill variants\n * Uses shimmer animation for pending (indeterminate) state\n *\n * WCAG 2.2 AAA: High contrast colors for all states\n */\nexport const fileProgressBarVariants = cva(\n ['h-full', 'rounded-full', 'transition-all', 'duration-300'],\n {\n variants: {\n status: {\n pending: [\n 'bg-gradient-to-r',\n 'from-[var(--menu-muted)]',\n 'via-[var(--accent-background)]',\n 'to-[var(--menu-muted)]',\n 'bg-[length:200%_100%]',\n 'animate-progress-shimmer',\n ],\n uploading: 'bg-[var(--primary)]',\n complete: 'bg-[var(--success)]',\n error: 'bg-[var(--destructive)]',\n },\n },\n defaultVariants: {\n status: 'pending',\n },\n }\n);\n\n/**\n * Header row variants (filename + status)\n */\nexport const fileProgressHeaderVariants = cva(\n ['flex', 'items-center', 'justify-between', 'gap-2'],\n {\n variants: {\n size: {\n sm: 'text-xs',\n default: 'text-sm',\n lg: 'text-base',\n },\n },\n defaultVariants: {\n size: 'default',\n },\n }\n);\n\n/**\n * Error message variants\n */\nexport const fileProgressErrorVariants = cva(\n [\n 'flex',\n 'items-center',\n 'justify-between',\n 'gap-2',\n 'mt-1',\n 'text-[var(--destructive)]',\n ],\n {\n variants: {\n size: {\n sm: 'text-xs',\n default: 'text-sm',\n lg: 'text-base',\n },\n },\n defaultVariants: {\n size: 'default',\n },\n }\n);\n\n/**\n * Retry button variants\n * 44x44px minimum touch target for WCAG 2.2 AAA\n */\nexport const fileProgressRetryVariants = cva(\n [\n 'underline',\n 'hover:no-underline',\n 'min-h-[44px]',\n 'min-w-[44px]',\n 'inline-flex',\n 'items-center',\n 'justify-center',\n // Negative margin to visually appear smaller while maintaining touch target\n '-mr-3',\n '-my-2',\n // Focus styling\n 'focus-visible:outline-none',\n 'focus-visible:ring-2',\n 'focus-visible:ring-[var(--ring)]',\n 'focus-visible:ring-offset-2',\n 'rounded',\n ],\n {\n variants: {\n size: {\n sm: 'text-xs',\n default: 'text-sm',\n lg: 'text-base',\n },\n },\n defaultVariants: {\n size: 'default',\n },\n }\n);\n\n// Export variant prop types for consumers\nexport type FileProgressVariants = VariantProps<typeof fileProgressVariants>;\nexport type FileProgressBarVariants = VariantProps<typeof fileProgressBarVariants>;\nexport type FileProgressTrackVariants = VariantProps<typeof fileProgressTrackVariants>;\n","\"use client\";\n\n/**\n * FileProgress Component\n *\n * Accessible upload progress indicator using React Aria ProgressBar\n * WCAG 2.2 AAA compliant with shimmer animation for pending state\n *\n * @see future-plan.md Section 2: Upload Progress Indication\n * @see React Aria ProgressBar: https://react-aria.adobe.com/ProgressBar\n */\n\nimport { ProgressBar, Button } from 'react-aria-components';\nimport { cn } from '../../utils/cn';\nimport { truncateFileName } from './utils';\nimport {\n fileProgressVariants,\n fileProgressTrackVariants,\n fileProgressBarVariants,\n fileProgressHeaderVariants,\n fileProgressErrorVariants,\n fileProgressRetryVariants,\n} from './FileProgress.variants';\n\n/**\n * Upload status for progress indication\n */\nexport type FileProgressStatus = 'pending' | 'uploading' | 'complete' | 'error';\n\n/**\n * FileProgress component props\n */\nexport interface FileProgressProps {\n /** File being uploaded */\n file: File;\n /** Progress percentage (0-100) */\n progress: number;\n /** Current upload status */\n status: FileProgressStatus;\n /** Error message when status is 'error' */\n error?: string;\n /** Callback when user clicks retry */\n onRetry?: () => void;\n /** Size variant */\n size?: 'sm' | 'default' | 'lg';\n /** Additional CSS classes */\n className?: string;\n}\n\n/**\n * Get status display text\n */\nfunction getStatusText(status: FileProgressStatus, progress: number): string {\n switch (status) {\n case 'pending':\n return 'Waiting...';\n case 'uploading':\n return `${progress}%`;\n case 'complete':\n return 'Complete';\n case 'error':\n return 'Failed';\n }\n}\n\n/**\n * FileProgress Component\n *\n * Displays upload progress for a single file with accessible progress bar,\n * status announcements, and retry functionality for failed uploads.\n */\nfunction FileProgress({\n file,\n progress,\n status,\n error,\n onRetry,\n size = 'default',\n className,\n}: FileProgressProps) {\n const isIndeterminate = status === 'pending';\n const errorId = `progress-error-${file.name.replace(/[^a-zA-Z0-9]/g, '-')}`;\n const statusText = getStatusText(status, progress);\n\n return (\n <div className={cn(fileProgressVariants({ size }), className)}>\n <ProgressBar\n aria-label={file.name}\n value={isIndeterminate ? undefined : progress}\n isIndeterminate={isIndeterminate}\n aria-describedby={status === 'error' && error ? errorId : undefined}\n >\n {({ percentage, valueText }) => (\n <>\n {/* Header: filename + status */}\n <div className={fileProgressHeaderVariants({ size })}>\n <span className=\"truncate\" title={file.name}>\n {truncateFileName(file.name, 30)}\n </span>\n <span className=\"text-[var(--menu-muted)] flex-shrink-0\">\n {status === 'error' ? 'Failed' : valueText ?? statusText}\n </span>\n </div>\n\n {/* Progress bar */}\n <div className={fileProgressTrackVariants({ size })}>\n <div\n className={fileProgressBarVariants({ status })}\n style={{\n width: isIndeterminate ? '100%' : `${percentage ?? 0}%`,\n }}\n />\n </div>\n </>\n )}\n </ProgressBar>\n\n {/* Error message and retry button */}\n {status === 'error' && error && (\n <div\n id={errorId}\n className={fileProgressErrorVariants({ size })}\n >\n <span>{error}</span>\n {onRetry && (\n <Button\n onPress={onRetry}\n className={fileProgressRetryVariants({ size })}\n >\n Retry\n </Button>\n )}\n </div>\n )}\n\n {/* Live region for screen reader announcements */}\n <div\n aria-live=\"polite\"\n aria-atomic=\"true\"\n className=\"sr-only\"\n >\n {status === 'complete' && `${file.name} upload complete`}\n {status === 'error' && `${file.name} upload failed${error ? `: ${error}` : ''}`}\n </div>\n </div>\n );\n}\n\nFileProgress.displayName = 'FileProgress';\n\nexport { FileProgress };\n","\"use client\";\n\n/**\n * FileField Component - Accessible file selection input\n *\n * Built with React Aria FileTrigger primitive and custom drag-and-drop\n * WCAG 2.2 AAA compliant (7:1 contrast, 44x44px touch targets)\n *\n * @see plan.md for architecture details\n * @see filefield-prd.md for requirements\n */\n\nimport {\n forwardRef,\n useId,\n useState,\n useCallback,\n useRef,\n type DragEvent,\n} from 'react';\nimport { FileTrigger } from 'react-aria-components';\nimport { Button } from '../Button';\nimport { Upload, X, FileIcon, ImageIcon, VideoIcon, AudioLines } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport type { FileFieldProps, ValidationResult } from './FileField.types';\nimport {\n fileFieldContainerVariants,\n fileFieldDropZoneVariants,\n fileFieldTriggerVariants,\n fileFieldListVariants,\n fileFieldListHeaderVariants,\n fileFieldItemVariants,\n fileFieldRemoveButtonVariants,\n fileFieldErrorVariants,\n fileFieldSuccessVariants,\n fileFieldDescriptionVariants,\n fileFieldLabelVariants,\n} from './FileField.variants';\nimport {\n formatFileSize,\n truncateFileName,\n isFileTypeAccepted,\n getFileIcon,\n deduplicateFiles,\n} from './utils';\nimport { FilePreview } from './FilePreview';\nimport { FileProgress } from './FileProgress';\n\n/**\n * FileField Component\n *\n * Accessible file selection input with drag-and-drop support\n */\nconst FileField = forwardRef<HTMLDivElement, FileFieldProps>(\n function FileField(\n {\n // Required\n label,\n\n // File selection\n acceptedFileTypes,\n allowsMultiple = false,\n\n // Constraints\n maxFileSize,\n maxFiles,\n\n // Display\n description,\n errorMessage,\n successMessage,\n triggerText,\n\n // States\n isRequired,\n isDisabled,\n isInvalid,\n isValid,\n\n // Variants\n size = 'default',\n\n // Form integration\n name,\n id,\n className,\n\n // Value (controlled)\n value = [],\n\n // Events\n onChange,\n validate,\n\n // Phase 1: Image Previews\n showPreviews = false,\n previewSize = 64,\n maxPreviewBytes = 10 * 1024 * 1024,\n renderPreview,\n\n // Phase 1: Upload Progress (will be used later)\n showProgress = false,\n uploadProgress,\n uploadStatus,\n uploadErrors,\n onRetry,\n\n // Standard\n 'data-testid': dataTestId,\n 'aria-label': _ariaLabel,\n 'aria-labelledby': _ariaLabelledBy,\n 'aria-describedby': ariaDescribedBy,\n ...props\n },\n ref\n ) {\n // Generate unique IDs\n const generatedId = useId();\n const fieldId = id ?? generatedId;\n const labelId = `${fieldId}-label`;\n const descriptionId = `${fieldId}-description`;\n const errorId = `${fieldId}-error`;\n\n // Internal state\n const [isDragOver, setIsDragOver] = useState(false);\n const [internalError, setInternalError] = useState<string | null>(null);\n const dragCounterRef = useRef(0);\n\n // Determine which error to show (external takes precedence)\n const displayError = errorMessage ?? internalError;\n const hasError = isInvalid || !!displayError;\n\n // Build aria-describedby\n const describedByParts: string[] = [];\n if (ariaDescribedBy) describedByParts.push(ariaDescribedBy);\n if (description) describedByParts.push(descriptionId);\n if (displayError) describedByParts.push(errorId);\n const describedBy = describedByParts.length > 0 ? describedByParts.join(' ') : undefined;\n\n /**\n * Validate files against constraints\n */\n const validateFiles = useCallback(\n (files: File[], existingFiles: File[] = []): ValidationResult => {\n const validFiles: File[] = [];\n const errors: string[] = [];\n\n for (const file of files) {\n // Check file type\n if (acceptedFileTypes && !isFileTypeAccepted(file, acceptedFileTypes)) {\n errors.push(`\"${file.name}\" has an invalid file type`);\n continue;\n }\n\n // Check file size\n if (maxFileSize && file.size > maxFileSize) {\n errors.push(\n `\"${file.name}\" exceeds the maximum size of ${formatFileSize(maxFileSize)}`\n );\n continue;\n }\n\n validFiles.push(file);\n }\n\n // Check total count (after deduplication with existing files)\n if (maxFiles && allowsMultiple) {\n const combined = deduplicateFiles(existingFiles, validFiles);\n if (combined.length > maxFiles) {\n errors.push(`Maximum ${maxFiles} files allowed`);\n return { valid: [], errors };\n }\n }\n\n return { valid: validFiles, errors };\n },\n [acceptedFileTypes, maxFileSize, maxFiles, allowsMultiple]\n );\n\n /**\n * Process selected/dropped files\n */\n const processFiles = useCallback(\n (fileList: FileList | null) => {\n if (!fileList || fileList.length === 0) return;\n\n // Clear internal error on new attempt\n setInternalError(null);\n\n const newFiles = Array.from(fileList);\n\n // Validate files\n const existingFiles = allowsMultiple ? value : [];\n const { valid, errors } = validateFiles(newFiles, existingFiles);\n\n if (errors.length > 0) {\n setInternalError(errors[0] ?? 'Invalid file');\n return;\n }\n\n // Run custom validation if provided\n if (validate && valid.length > 0) {\n const customError = validate(\n allowsMultiple ? deduplicateFiles(existingFiles, valid) : valid\n );\n if (customError) {\n setInternalError(customError);\n return;\n }\n }\n\n // Calculate final file list\n let finalFiles: File[];\n if (allowsMultiple) {\n finalFiles = deduplicateFiles(existingFiles, valid);\n } else {\n finalFiles = valid.slice(0, 1);\n }\n\n onChange?.(finalFiles);\n },\n [allowsMultiple, value, validateFiles, validate, onChange]\n );\n\n /**\n * Handle FileTrigger selection\n */\n const handleSelect = useCallback(\n (fileList: FileList | null) => {\n processFiles(fileList);\n },\n [processFiles]\n );\n\n /**\n * Handle file removal\n */\n const handleRemove = useCallback(\n (fileToRemove: File) => {\n const newFiles = value.filter((f) => f !== fileToRemove);\n onChange?.(newFiles);\n },\n [value, onChange]\n );\n\n /**\n * Handle clear all\n */\n const handleClearAll = useCallback(() => {\n onChange?.([]);\n }, [onChange]);\n\n // Drag and drop handlers\n const handleDragEnter = useCallback(\n (e: DragEvent<HTMLDivElement>) => {\n e.preventDefault();\n e.stopPropagation();\n if (isDisabled) return;\n\n dragCounterRef.current++;\n setIsDragOver(true);\n },\n [isDisabled]\n );\n\n const handleDragOver = useCallback(\n (e: DragEvent<HTMLDivElement>) => {\n e.preventDefault();\n e.stopPropagation();\n },\n []\n );\n\n const handleDragLeave = useCallback(\n (e: DragEvent<HTMLDivElement>) => {\n e.preventDefault();\n e.stopPropagation();\n\n dragCounterRef.current--;\n if (dragCounterRef.current === 0) {\n setIsDragOver(false);\n }\n },\n []\n );\n\n const handleDrop = useCallback(\n (e: DragEvent<HTMLDivElement>) => {\n e.preventDefault();\n e.stopPropagation();\n\n dragCounterRef.current = 0;\n setIsDragOver(false);\n\n if (isDisabled) return;\n\n const files = e.dataTransfer?.files;\n processFiles(files ?? null);\n },\n [isDisabled, processFiles]\n );\n\n /**\n * Get icon component for file type\n */\n const getIconComponent = (file: File) => {\n const iconType = getFileIcon(file);\n switch (iconType) {\n case 'image':\n return ImageIcon;\n case 'video':\n return VideoIcon;\n case 'audio':\n return AudioLines;\n default:\n return FileIcon;\n }\n };\n\n // Build accept string for file input\n const acceptString = acceptedFileTypes?.join(',');\n\n return (\n <div\n ref={ref}\n id={fieldId}\n className={cn(fileFieldContainerVariants({ size }), className)}\n data-testid={dataTestId ?? 'file-field'}\n {...props}\n >\n {/* Label */}\n <label\n id={labelId}\n className={fileFieldLabelVariants({ size, isRequired })}\n >\n {label}\n </label>\n\n {/* Drop Zone */}\n <div\n role=\"group\"\n data-testid={`${dataTestId ?? 'file-field'}-dropzone`}\n className={cn(\n 'drop-zone', // Added for test selectors\n fileFieldDropZoneVariants({\n size,\n isDragOver,\n isInvalid: hasError,\n isDisabled,\n })\n )}\n onDragEnter={handleDragEnter}\n onDragOver={handleDragOver}\n onDragLeave={handleDragLeave}\n onDrop={handleDrop}\n aria-labelledby={labelId}\n aria-describedby={describedBy}\n aria-disabled={isDisabled || undefined}\n >\n <FileTrigger\n acceptedFileTypes={acceptedFileTypes}\n allowsMultiple={allowsMultiple}\n onSelect={handleSelect}\n >\n <Button\n variant=\"outline\"\n isDisabled={isDisabled}\n buttonVisualClassName={fileFieldTriggerVariants({ size })}\n >\n <Upload className=\"h-4 w-4\" aria-hidden=\"true\" />\n {isDragOver\n ? 'Drop files here'\n : triggerText ?? (allowsMultiple ? 'Choose files' : 'Choose file')}\n </Button>\n </FileTrigger>\n\n {/* Hidden file input for name attribute */}\n {name && (\n <input\n type=\"file\"\n name={name}\n accept={acceptString}\n multiple={allowsMultiple}\n disabled={isDisabled}\n className=\"sr-only\"\n tabIndex={-1}\n aria-hidden=\"true\"\n />\n )}\n </div>\n\n {/* Description */}\n {description && (\n <p\n id={descriptionId}\n className={fileFieldDescriptionVariants({ size })}\n >\n {description}\n </p>\n )}\n\n {/* File List */}\n {value.length > 0 && (\n <div className={fileFieldListVariants({ size })}>\n {/* List Header with Clear All */}\n {value.length >= 2 && (\n <div className={fileFieldListHeaderVariants({ size })}>\n <span className=\"text-[var(--menu-muted)]\">\n {value.length} files selected\n </span>\n <Button\n variant=\"link\"\n visualSize=\"sm\"\n onPress={handleClearAll}\n buttonVisualClassName={cn(\n 'text-[var(--menu-muted)] hover:text-[var(--destructive)]',\n 'underline-offset-4 hover:underline'\n )}\n aria-label=\"Clear all files\"\n >\n Clear all\n </Button>\n </div>\n )}\n\n {/* File Items */}\n <ul className=\"space-y-2\">\n {value.map((file, index) => {\n const IconComponent = getIconComponent(file);\n // Calculate preview size based on field size variant\n const effectivePreviewSize =\n size === 'sm' ? Math.min(previewSize, 40) :\n size === 'lg' ? Math.min(previewSize, 80) :\n Math.min(previewSize, 48);\n\n // Check if we should show progress for this file\n const fileStatus = uploadStatus?.[index];\n const fileProgress = uploadProgress?.[index] ?? 0;\n const fileError = uploadErrors?.get(index);\n const showProgressForFile = showProgress && fileStatus !== undefined;\n\n return (\n <li\n key={`${file.name}-${index}`}\n className={showProgressForFile ? 'p-3' : fileFieldItemVariants({ size })}\n >\n {showProgressForFile ? (\n <FileProgress\n file={file}\n progress={fileProgress}\n status={fileStatus}\n error={fileError}\n onRetry={onRetry ? () => onRetry(index) : undefined}\n size={size}\n />\n ) : (\n <>\n <div className=\"flex items-center gap-2 min-w-0\">\n {showPreviews ? (\n <FilePreview\n file={file}\n size={effectivePreviewSize}\n maxBytes={maxPreviewBytes}\n renderPreview={renderPreview}\n className=\"flex-shrink-0\"\n />\n ) : (\n <IconComponent\n className=\"h-4 w-4 flex-shrink-0 text-[var(--menu-muted)]\"\n aria-hidden=\"true\"\n />\n )}\n <span className=\"truncate\" title={file.name}>\n {truncateFileName(file.name, 30)}\n </span>\n <span className=\"text-[var(--menu-muted)] flex-shrink-0\">\n {formatFileSize(file.size)}\n </span>\n </div>\n <Button\n variant=\"ghost\"\n visualSize=\"icon\"\n onPress={() => handleRemove(file)}\n buttonVisualClassName={fileFieldRemoveButtonVariants({ size })}\n aria-label={`Remove ${file.name}`}\n isDisabled={isDisabled}\n >\n <X className=\"h-4 w-4\" aria-hidden=\"true\" />\n </Button>\n </>\n )}\n </li>\n );\n })}\n </ul>\n </div>\n )}\n\n {/* Error Message */}\n {displayError && (\n <p\n id={errorId}\n role=\"alert\"\n className={fileFieldErrorVariants({ size })}\n >\n {displayError}\n </p>\n )}\n\n {/* Success Message */}\n {!displayError && isValid && successMessage && (\n <p className={fileFieldSuccessVariants({ size })}>\n {successMessage}\n </p>\n )}\n </div>\n );\n }\n);\n\nFileField.displayName = 'FileField';\n\nexport { FileField };\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 type { ReactNode } from 'react';\nimport { z } from 'zod';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\n\n/**\n * FileField props schema extending BaseComponentProps\n *\n * @see filefield-prd.md for full requirements\n * @see plan.md for architectural decisions\n * @see React Aria FileTrigger: https://react-aria.adobe.com/FileTrigger\n */\nexport const FileFieldPropsSchema = BaseComponentPropsSchema.extend({\n // Required\n /** Label text for the file field (required for accessibility) */\n label: z.string(),\n\n // File selection\n /**\n * Array of accepted file types (MIME types or extensions)\n * @example ['application/pdf', 'image/*', '.docx']\n */\n acceptedFileTypes: z.array(z.string()).optional(),\n\n /** Allow selecting multiple files */\n allowsMultiple: z.boolean().default(false),\n\n // Constraints\n /** Maximum file size in bytes */\n maxFileSize: z.number().optional(),\n\n /** Maximum number of files (only applies when allowsMultiple is true) */\n maxFiles: z.number().optional(),\n\n // Display\n /** Description text shown below the drop zone */\n description: z.string().optional(),\n\n /** Error message from external validation */\n errorMessage: z.string().optional(),\n\n /** Success message when files are valid */\n successMessage: z.string().optional(),\n\n /** Custom text for the trigger button */\n triggerText: z.string().optional(),\n\n // States\n /** Mark field as required */\n isRequired: z.boolean().optional(),\n\n /** Disable the field */\n isDisabled: z.boolean().optional(),\n\n /** Show invalid state styling */\n isInvalid: z.boolean().optional(),\n\n /** Show valid state styling */\n isValid: z.boolean().optional(),\n\n // Variants\n /** Size variant */\n size: z.enum(['sm', 'default', 'lg']).default('default'),\n\n // Form integration\n /** Name attribute for form association */\n name: z.string().optional(),\n\n // === Phase 1: Image Previews ===\n /** Enable image thumbnail previews (default: false) */\n showPreviews: z.boolean().default(false),\n\n /** Maximum preview dimension in pixels (default: 64) */\n previewSize: z.number().min(16).max(256).default(64),\n\n /** Maximum file size for preview generation in bytes (default: 10MB) */\n maxPreviewBytes: z.number().default(10 * 1024 * 1024),\n\n // === Phase 1: Upload Progress ===\n /** Enable upload progress display (default: false) */\n showProgress: z.boolean().default(false),\n\n /** Progress values per file (0-100), indexed parallel to files array */\n uploadProgress: z.array(z.number().min(0).max(100)).optional(),\n\n /** Upload status per file, indexed parallel to files array */\n uploadStatus: z\n .array(z.enum(['pending', 'uploading', 'complete', 'error']))\n .optional(),\n})\n .refine(\n (data) => !(data.successMessage && data.errorMessage),\n {\n message:\n 'Cannot provide both successMessage and errorMessage. Use one based on validation state.',\n path: ['successMessage'],\n }\n )\n .refine(\n (data) => {\n // Development mode warning for conflicting validation states\n if (\n typeof process !== 'undefined' &&\n process.env.NODE_ENV === 'development'\n ) {\n if (data.isValid && data.isInvalid) {\n console.error(\n '[FileField] Both isValid and isInvalid are true. isInvalid takes precedence.'\n );\n }\n }\n return true;\n }\n );\n\n/**\n * FileField component props type\n *\n * Includes Zod-validated props plus event handlers that can't be validated by Zod\n */\n/**\n * Upload status for progress indication\n */\nexport type UploadStatus = 'pending' | 'uploading' | 'complete' | 'error';\n\nexport type FileFieldProps = Omit<\n z.infer<typeof FileFieldPropsSchema>,\n 'children'\n> & {\n /** Controlled value - array of selected files */\n value?: File[];\n\n /** Callback when files change */\n onChange?: (files: File[]) => void;\n\n /**\n * Custom validation function\n * Called after internal validation (type, size, count)\n * Return a string to display as error, or undefined/null if valid\n */\n validate?: (files: File[]) => string | undefined | null;\n\n // === Phase 1: Image Previews ===\n /** Custom preview renderer for non-image files */\n renderPreview?: (file: File) => ReactNode;\n\n // === Phase 1: Upload Progress ===\n /** Error messages per file index */\n uploadErrors?: Map<number, string>;\n\n /** Callback when user requests retry for failed upload */\n onRetry?: (fileIndex: number) => void;\n};\n\n/**\n * File field size variants\n */\nexport type FileFieldSize = NonNullable<\n z.infer<typeof FileFieldPropsSchema>['size']\n>;\n\n/**\n * Internal drag state for drop zone styling\n */\nexport type DragState = 'idle' | 'drag-over' | 'drag-invalid';\n\n/**\n * Validation result from internal validation\n */\nexport interface ValidationResult {\n /** Files that passed validation */\n valid: File[];\n /** Error messages for files that failed */\n errors: string[];\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/elements/Button/Button.styles.ts","../../../src/styles/interaction-states.ts","../../../src/elements/ButtonGroup/ButtonGroupContext.tsx","../../../src/elements/ButtonGroup/ButtonGroup.variants.ts","../../../src/elements/Button/Button.tsx","../../../src/styles/shared-variants.ts","../../../src/elements/FileField/FileField.variants.ts","../../../src/elements/FileField/utils.ts","../../../src/elements/FileField/useFilePreview.ts","../../../src/elements/FileField/FilePreview.tsx","../../../src/elements/FileField/FileProgress.variants.ts","../../../src/elements/FileField/FileProgress.tsx","../../../src/elements/FileField/FileField.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/FileField/FileField.types.ts"],"names":["cn","inputs","twMerge","clsx","buttonOuterVariants","cva","buttonVisualVariants","PRESSED_STYLES","HOVER_STYLES","HIGH_CONTRAST_HOVER","HIGH_CONTRAST_PRESSED","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","FOCUS_WITHIN_RING","FOCUS_VISIBLE_RING","DISABLED_STANDARD","TEXT_SIZE_SMALL_SCALE","TEXT_SIZE_MEDIUM_SCALE","TOUCH_TARGET_MIN","ERROR_MESSAGE_BASE","SUCCESS_MESSAGE_BASE","DESCRIPTION_BASE","LABEL_BASE","TRANSITION_COLORS","combineStyles","styles","s","fileFieldContainerVariants","fileFieldDropZoneVariants","fileFieldTriggerVariants","fileFieldListVariants","fileFieldListHeaderVariants","fileFieldItemVariants","fileFieldRemoveButtonVariants","fileFieldErrorVariants","fileFieldSuccessVariants","fileFieldDescriptionVariants","fileFieldLabelVariants","formatFileSize","bytes","k","sizes","truncateFileName","name","maxLength","lastDotIndex","ext","base","availableLength","isFileTypeAccepted","file","acceptedTypes","type","category","getFileIcon","deduplicateFiles","existing","incoming","result","existingIndex","f","formatAcceptedTypes","RESIZE_THRESHOLD","isImageFile","createResizedPreview","maxDimension","resolve","reject","img","objectUrl","scale","width","height","canvas","ctx","blob","generatePreview","useFilePreview","options","enabled","maxBytes","preview","setPreview","useState","isLoading","setIsLoading","error","setError","isImage","useEffect","isActive","err","prev","FilePreview","renderPreview","sizeStyles","iconType","IconComponent","getIconForType","iconSize","ImageIcon","VideoIcon","AudioLines","FileIcon","fileProgressVariants","fileProgressTrackVariants","fileProgressBarVariants","fileProgressHeaderVariants","fileProgressErrorVariants","fileProgressRetryVariants","getStatusText","status","progress","FileProgress","onRetry","isIndeterminate","errorId","statusText","ProgressBar","percentage","valueText","FileField","label","acceptedFileTypes","allowsMultiple","maxFileSize","maxFiles","description","errorMessage","successMessage","triggerText","isRequired","isInvalid","isValid","id","value","onChange","validate","showPreviews","previewSize","maxPreviewBytes","showProgress","uploadProgress","uploadStatus","uploadErrors","dataTestId","_ariaLabel","_ariaLabelledBy","ariaDescribedBy","generatedId","fieldId","labelId","descriptionId","isDragOver","setIsDragOver","internalError","setInternalError","dragCounterRef","useRef","displayError","hasError","describedByParts","describedBy","validateFiles","useCallback","files","existingFiles","validFiles","errors","processFiles","fileList","newFiles","valid","customError","finalFiles","handleSelect","handleRemove","fileToRemove","handleClearAll","handleDragEnter","handleDragOver","handleDragLeave","handleDrop","getIconComponent","acceptString","FileTrigger","Upload","index","effectivePreviewSize","fileStatus","fileProgress","fileError","showProgressForFile","X","BaseComponentPropsSchema","z","FileFieldPropsSchema","data"],"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","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","/**\n * Global Interaction State Styles\n *\n * Consistent interaction patterns across all Themis components.\n * These styles ensure WCAG 2.2 AAA compliance and predictable UX.\n *\n * @see spec.md FR-010 (Visible focus ring for keyboard navigation)\n * @see spec.md FR-031 (Pressed state feedback)\n * @see spec.md FR-012 (High contrast mode support)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\n/**\n * Focus state styles (FR-010)\n * Visible focus ring for keyboard navigation - WCAG 2.2 Level AAA\n *\n * Components can override by extending these styles:\n * @example\n * cn(FOCUS_STYLES, \"ring-4\") // Increases ring width to 4px\n */\nexport const FOCUS_STYLES = \"data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2\";\n\n/**\n * Pressed/Active state styles (FR-031)\n * Visual feedback for press interactions\n *\n * Components can override the scale amount:\n * @example\n * cn(PRESSED_STYLES_BASE, \"data-[pressed]:scale-[0.95]\") // More pronounced scale\n */\nexport const PRESSED_STYLES = \"data-[pressed]:scale-[0.97]\";\n\n/**\n * Base pressed styles without scale (for components that need different feedback)\n */\nexport const PRESSED_STYLES_BASE = \"data-[pressed]:transition-transform data-[pressed]:duration-100\";\n\n/**\n * Hover state styles\n * Elevation change on hover for better affordance\n *\n * Components can override shadow depth:\n * @example\n * cn(HOVER_STYLES_BASE, \"data-[hovered]:shadow-lg\") // Larger shadow\n */\nexport const HOVER_STYLES = \"data-[hovered]:shadow-md\";\n\n/**\n * Base hover styles without shadow (for components that use different hover effects)\n */\nexport const HOVER_STYLES_BASE = \"data-[hovered]:transition-shadow data-[hovered]:duration-200\";\n\n/**\n * High contrast mode focus (FR-012)\n * Enhanced outlines for users requiring high contrast\n *\n * Uses 'hc:' prefix for prefers-contrast: more media query\n */\nexport const HIGH_CONTRAST_FOCUS = \"hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground\";\n\n/**\n * High contrast mode hover (FR-012)\n * Enhanced outlines for hover in high contrast mode\n */\nexport const HIGH_CONTRAST_HOVER = \"hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground\";\n\n/**\n * High contrast mode pressed state\n * Enhanced outlines for pressed state in high contrast mode\n */\nexport const HIGH_CONTRAST_PRESSED = \"hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground\";\n\n/**\n * Combined high contrast styles\n * Use this for components that need all high contrast interaction states\n */\nexport const HIGH_CONTRAST_INTERACTIONS = `${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Disabled state styles\n * Consistent disabled appearance across all components\n */\nexport const DISABLED_STYLES = \"disabled:pointer-events-none disabled:opacity-50\";\n\n/**\n * Default interaction bundle\n * Most common combination for interactive components\n *\n * Includes: focus ring, pressed scale, hover shadow, high contrast enhancements\n *\n * @example\n * <button className={cn(DEFAULT_INTERACTIONS, \"bg-primary\")}>Click</button>\n */\nexport const DEFAULT_INTERACTIONS = `${FOCUS_STYLES} ${PRESSED_STYLES} ${HOVER_STYLES} ${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Subtle interaction bundle\n * For components that need less pronounced feedback\n *\n * Includes: focus ring and high contrast, but no hover shadow or pressed scale\n */\nexport const SUBTLE_INTERACTIONS = `${FOCUS_STYLES} ${HIGH_CONTRAST_FOCUS}`;\n\n/**\n * Non-interactive element styles\n * For elements that should indicate they are not interactive\n */\nexport const NON_INTERACTIVE = \"cursor-default select-none\";\n","\"use client\";\n\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 * Shared CVA Variant Utilities\n *\n * Common patterns extracted from component variants for consistency and reduced bundle size.\n * Use these constants in CVA definitions to ensure consistent styling across Themis.\n *\n * @see interaction-states.ts for interaction-specific styles (focus, hover, pressed)\n */\n\n// =============================================================================\n// Focus Ring Patterns\n// =============================================================================\n\n/**\n * Focus-within ring (for container elements with focusable children)\n * Use when the container should show focus when any child is focused\n */\nexport const FOCUS_WITHIN_RING = [\n 'focus-within:outline-none',\n 'focus-within:ring-2',\n 'focus-within:ring-[var(--ring)]',\n 'focus-within:ring-offset-2',\n] as const;\n\n/**\n * Focus-visible ring (for directly focusable elements)\n * Use for buttons, inputs, and other interactive elements\n */\nexport const FOCUS_VISIBLE_RING = [\n 'focus-visible:outline-none',\n 'focus-visible:ring-2',\n 'focus-visible:ring-[var(--ring)]',\n 'focus-visible:ring-offset-2',\n] as const;\n\n/**\n * Standard focus ring (for elements using :focus pseudo-class)\n * Prefer focus-visible when possible for better UX\n */\nexport const FOCUS_RING = [\n 'focus:outline-none',\n 'focus:ring-2',\n 'focus:ring-[var(--ring)]',\n] as const;\n\n/**\n * Focus with background change (for segments, cells, menu items)\n */\nexport const FOCUS_HIGHLIGHT = [\n 'focus:outline-none',\n 'focus:bg-[var(--accent)]',\n 'focus:text-[var(--accent-foreground)]',\n] as const;\n\n// =============================================================================\n// Disabled State Patterns\n// =============================================================================\n\n/**\n * Standard disabled state using disabled attribute\n */\nexport const DISABLED_STANDARD = [\n 'disabled:pointer-events-none',\n 'disabled:opacity-50',\n] as const;\n\n/**\n * Disabled state using data attribute (React Aria pattern)\n */\nexport const DISABLED_DATA_ATTR = [\n 'data-[disabled]:pointer-events-none',\n 'data-[disabled]:opacity-50',\n 'data-[disabled]:cursor-not-allowed',\n] as const;\n\n// =============================================================================\n// Size-Based Text Variants\n// =============================================================================\n\n/**\n * Small text size scale (xs -> sm -> base)\n */\nexport const TEXT_SIZE_SMALL_SCALE = {\n sm: 'text-xs',\n default: 'text-sm',\n lg: 'text-base',\n} as const;\n\n/**\n * Medium text size scale (sm -> base -> lg)\n */\nexport const TEXT_SIZE_MEDIUM_SCALE = {\n sm: 'text-sm',\n default: 'text-base',\n lg: 'text-lg',\n} as const;\n\n// =============================================================================\n// Touch Target Utilities\n// =============================================================================\n\n/**\n * WCAG 2.2 AAA minimum touch target (44x44px)\n */\nexport const TOUCH_TARGET_MIN = [\n 'min-h-[44px]',\n 'min-w-[44px]',\n] as const;\n\n/**\n * Common button/cell sizes with touch target compliance\n */\nexport const INTERACTIVE_SIZES = {\n sm: 'h-9 w-9', // 36px - desktop only, NOT AAA compliant\n default: 'h-11 w-11', // 44px - AAA compliant\n lg: 'h-14 w-14', // 56px - AAA compliant, enhanced\n} as const;\n\n/**\n * Height-only sizes for fields and inputs\n */\nexport const FIELD_HEIGHTS = {\n sm: 'h-9', // 36px\n default: 'h-11', // 44px\n lg: 'h-14', // 56px\n} as const;\n\n// =============================================================================\n// Message/Feedback Patterns\n// =============================================================================\n\n/**\n * Error message styling\n */\nexport const ERROR_MESSAGE_BASE = [\n 'flex',\n 'items-center',\n 'gap-1.5',\n 'text-[var(--destructive-background)]',\n] as const;\n\n/**\n * Success message styling\n */\nexport const SUCCESS_MESSAGE_BASE = [\n 'flex',\n 'items-center',\n 'gap-1.5',\n 'text-[var(--success-background)]',\n] as const;\n\n/**\n * Description/helper text styling\n */\nexport const DESCRIPTION_BASE = [\n 'text-[var(--menu-muted)]',\n] as const;\n\n/**\n * Label base styling\n */\nexport const LABEL_BASE = [\n 'font-medium',\n 'text-[var(--content-foreground)]',\n] as const;\n\n/**\n * Required indicator pattern\n */\nexport const REQUIRED_INDICATOR = \"after:content-['*'] after:ml-0.5 after:text-[var(--destructive-background)]\";\n\n// =============================================================================\n// Animation Patterns\n// =============================================================================\n\n/**\n * Popover/dropdown entry animation\n */\nexport const POPOVER_ANIMATION_IN = [\n 'data-[entering]:animate-in',\n 'data-[entering]:fade-in-0',\n 'data-[entering]:zoom-in-95',\n] as const;\n\n/**\n * Popover/dropdown exit animation\n */\nexport const POPOVER_ANIMATION_OUT = [\n 'data-[exiting]:animate-out',\n 'data-[exiting]:fade-out-0',\n 'data-[exiting]:zoom-out-95',\n] as const;\n\n/**\n * Reduced motion support (WCAG 2.2)\n */\nexport const REDUCED_MOTION = [\n 'motion-reduce:transition-none',\n 'motion-reduce:animate-none',\n] as const;\n\n/**\n * Standard transition for colors\n */\nexport const TRANSITION_COLORS = [\n 'transition-colors',\n 'duration-200',\n] as const;\n\n/**\n * Fast transition for interactions\n */\nexport const TRANSITION_FAST = [\n 'transition-colors',\n 'duration-150',\n] as const;\n\n// =============================================================================\n// Hover State Patterns\n// =============================================================================\n\n/**\n * Accent background on hover (for interactive items)\n */\nexport const HOVER_ACCENT = [\n 'hover:bg-[var(--accent)]',\n 'hover:text-[var(--accent-foreground)]',\n] as const;\n\n// =============================================================================\n// Helper Functions\n// =============================================================================\n\n/**\n * Combines multiple style arrays into a flat array for CVA base styles\n */\nexport function combineStyles(...styles: (readonly string[] | string)[]): string[] {\n return styles.flatMap(s => Array.isArray(s) ? [...s] : [s]);\n}\n","import { cva, type VariantProps } from 'class-variance-authority';\nimport {\n FOCUS_WITHIN_RING,\n FOCUS_VISIBLE_RING,\n DISABLED_STANDARD,\n TEXT_SIZE_SMALL_SCALE,\n TEXT_SIZE_MEDIUM_SCALE,\n TOUCH_TARGET_MIN,\n ERROR_MESSAGE_BASE,\n SUCCESS_MESSAGE_BASE,\n DESCRIPTION_BASE,\n LABEL_BASE,\n TRANSITION_COLORS,\n combineStyles,\n} from '../../styles';\n\n/**\n * FileField CVA Variants\n * Uses shared utilities from styles/ for consistency and reduced bundle size.\n */\n\nexport const fileFieldContainerVariants = cva(\n 'flex flex-col gap-1.5 w-full',\n {\n variants: {\n size: TEXT_SIZE_MEDIUM_SCALE,\n },\n defaultVariants: {\n size: 'default',\n },\n }\n);\n\nexport const fileFieldDropZoneVariants = cva(\n combineStyles(\n 'flex flex-col items-center justify-center rounded-md border-2 border-dashed',\n 'bg-[var(--content-background)] text-[var(--content-foreground)]',\n TRANSITION_COLORS,\n FOCUS_WITHIN_RING\n ),\n {\n variants: {\n size: {\n sm: 'min-h-[100px] p-4 gap-2',\n default: 'min-h-[140px] p-6 gap-3',\n lg: 'min-h-[180px] p-8 gap-4',\n },\n isDragOver: {\n true: 'border-[var(--primary)] bg-[var(--primary)]/5',\n false: 'border-[var(--input-border)] hover:border-[var(--primary)]/50',\n },\n isInvalid: {\n true: 'border-[var(--destructive-background)] bg-[var(--destructive-background)]/5',\n false: '',\n },\n isDisabled: {\n true: 'opacity-50 cursor-not-allowed pointer-events-none',\n false: 'cursor-pointer',\n },\n },\n compoundVariants: [\n {\n isInvalid: true,\n isDragOver: true,\n className: 'border-[var(--destructive-background)] bg-[var(--destructive-background)]/5',\n },\n ],\n defaultVariants: {\n size: 'default',\n isDragOver: false,\n isInvalid: false,\n isDisabled: false,\n },\n }\n);\n\nexport const fileFieldTriggerVariants = cva(\n combineStyles(\n 'inline-flex items-center justify-center gap-2 rounded-md font-medium',\n TRANSITION_COLORS,\n TOUCH_TARGET_MIN,\n FOCUS_VISIBLE_RING,\n DISABLED_STANDARD\n ),\n {\n variants: {\n size: {\n sm: 'px-3 py-2 text-xs',\n default: 'px-4 py-2 text-sm',\n lg: 'px-6 py-3 text-base',\n },\n variant: {\n default: 'bg-[var(--primary)] text-[var(--primary-foreground)] hover:bg-[var(--primary)]/90',\n outline: 'border border-[var(--input-border)] bg-transparent hover:bg-[var(--accent)] hover:text-[var(--accent-foreground)]',\n },\n },\n defaultVariants: {\n size: 'default',\n variant: 'default',\n },\n }\n);\n\nexport const fileFieldListVariants = cva(\n 'flex flex-col gap-2 mt-3',\n {\n variants: {\n size: {\n sm: 'gap-1.5',\n default: 'gap-2',\n lg: 'gap-3',\n },\n },\n defaultVariants: {\n size: 'default',\n },\n }\n);\n\nexport const fileFieldListHeaderVariants = cva(\n 'flex items-center justify-between mb-1',\n {\n variants: {\n size: TEXT_SIZE_SMALL_SCALE,\n },\n defaultVariants: {\n size: 'default',\n },\n }\n);\n\nexport const fileFieldItemVariants = cva(\n 'flex items-center justify-between gap-3 bg-[var(--accent-background)] rounded-md border border-[var(--border)]',\n {\n variants: {\n size: {\n sm: 'px-2 py-1.5 text-xs',\n default: 'px-3 py-2 text-sm',\n lg: 'px-4 py-3 text-base',\n },\n },\n defaultVariants: {\n size: 'default',\n },\n }\n);\n\nexport const fileFieldRemoveButtonVariants = cva(\n combineStyles(\n 'inline-flex items-center justify-center rounded-full',\n TOUCH_TARGET_MIN,\n '-mr-2 -my-1', // Negative margin for visual sizing\n 'text-[var(--menu-muted)] hover:text-[var(--destructive-background)] hover:bg-[var(--destructive-background)]/10',\n 'transition-colors',\n 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]'\n ),\n {\n variants: {\n size: {\n sm: '',\n default: '',\n lg: '',\n },\n },\n defaultVariants: {\n size: 'default',\n },\n }\n);\n\nexport const fileFieldErrorVariants = cva(\n combineStyles(ERROR_MESSAGE_BASE, 'font-medium'),\n {\n variants: {\n size: TEXT_SIZE_SMALL_SCALE,\n },\n defaultVariants: {\n size: 'default',\n },\n }\n);\n\nexport const fileFieldSuccessVariants = cva(\n combineStyles(SUCCESS_MESSAGE_BASE, 'font-medium'),\n {\n variants: {\n size: TEXT_SIZE_SMALL_SCALE,\n },\n defaultVariants: {\n size: 'default',\n },\n }\n);\n\nexport const fileFieldDescriptionVariants = cva(\n DESCRIPTION_BASE,\n {\n variants: {\n size: TEXT_SIZE_SMALL_SCALE,\n },\n defaultVariants: {\n size: 'default',\n },\n }\n);\n\nexport const fileFieldLabelVariants = cva(\n LABEL_BASE,\n {\n variants: {\n size: TEXT_SIZE_MEDIUM_SCALE,\n isRequired: {\n true: \"after:content-['*'] after:ml-0.5 after:text-[var(--destructive-background)]\",\n false: '',\n },\n },\n defaultVariants: {\n size: 'default',\n isRequired: false,\n },\n }\n);\n\n// Export variant prop types for consumers\nexport type FileFieldContainerVariants = VariantProps<\n typeof fileFieldContainerVariants\n>;\nexport type FileFieldDropZoneVariants = VariantProps<\n typeof fileFieldDropZoneVariants\n>;\nexport type FileFieldTriggerVariants = VariantProps<\n typeof fileFieldTriggerVariants\n>;\nexport type FileFieldItemVariants = VariantProps<typeof fileFieldItemVariants>;\nexport type FileFieldErrorVariants = VariantProps<\n typeof fileFieldErrorVariants\n>;\n","/**\n * FileField Utility Functions\n *\n * Helper functions for file validation, formatting, and manipulation\n * @see plan.md Section 3: Helper Utilities\n */\n\n/**\n * Format file size in human-readable format\n *\n * @param bytes - File size in bytes\n * @returns Formatted string like \"1.5 MB\" or \"0 B\"\n *\n * @example\n * formatFileSize(0) // \"0 B\"\n * formatFileSize(1024) // \"1 KB\"\n * formatFileSize(1536) // \"1.5 KB\"\n * formatFileSize(1048576) // \"1 MB\"\n */\nexport function formatFileSize(bytes: number): string {\n if (bytes === 0) return '0 B';\n\n const k = 1024;\n const sizes = ['B', 'KB', 'MB', 'GB'];\n const i = Math.floor(Math.log(bytes) / Math.log(k));\n const size = parseFloat((bytes / Math.pow(k, i)).toFixed(1));\n\n // Remove trailing .0\n const formatted = size % 1 === 0 ? size.toFixed(0) : size.toFixed(1);\n\n return `${formatted} ${sizes[i]}`;\n}\n\n/**\n * Truncate filename with ellipsis, preserving extension\n *\n * @param name - Original filename\n * @param maxLength - Maximum total length (default: 30)\n * @returns Truncated filename like \"resume-2024-fi...pdf\"\n *\n * @example\n * truncateFileName(\"resume.pdf\", 30) // \"resume.pdf\"\n * truncateFileName(\"my-very-long-filename-here.pdf\", 20) // \"my-very-long...pdf\"\n */\nexport function truncateFileName(name: string, maxLength: number = 30): string {\n if (name.length <= maxLength) return name;\n\n const lastDotIndex = name.lastIndexOf('.');\n if (lastDotIndex === -1) {\n // No extension - just truncate\n return `${name.slice(0, maxLength - 3)}...`;\n }\n\n const ext = name.slice(lastDotIndex);\n const base = name.slice(0, lastDotIndex);\n\n // Ensure we have at least some characters of the base name\n const availableLength = maxLength - ext.length - 3; // 3 for \"...\"\n if (availableLength < 1) {\n return `...${ext}`;\n }\n\n const truncatedBase = base.slice(0, availableLength);\n return `${truncatedBase}...${ext}`;\n}\n\n/**\n * Check if a file type is accepted based on accepted types array\n *\n * Supports:\n * - MIME type patterns: \"image/*\", \"video/*\"\n * - Exact MIME types: \"application/pdf\"\n * - File extensions: \".pdf\", \".docx\"\n *\n * @param file - File to check\n * @param acceptedTypes - Array of accepted type patterns\n * @returns true if file type is accepted\n *\n * @example\n * isFileTypeAccepted(pdfFile, ['application/pdf']) // true\n * isFileTypeAccepted(jpgFile, ['image/*']) // true\n * isFileTypeAccepted(docFile, ['.doc', '.docx']) // true\n */\nexport function isFileTypeAccepted(\n file: File,\n acceptedTypes?: string[]\n): boolean {\n // If no restrictions, accept all\n if (!acceptedTypes || acceptedTypes.length === 0) return true;\n\n return acceptedTypes.some((type) => {\n // Handle MIME type patterns (e.g., \"image/*\")\n if (type.endsWith('/*')) {\n const category = type.slice(0, -2);\n return file.type.startsWith(`${category}/`);\n }\n\n // Handle exact MIME types (e.g., \"application/pdf\")\n if (type.includes('/')) {\n return file.type === type;\n }\n\n // Handle extensions (e.g., \".pdf\")\n if (type.startsWith('.')) {\n return file.name.toLowerCase().endsWith(type.toLowerCase());\n }\n\n return false;\n });\n}\n\n/**\n * Get appropriate icon type for a file based on MIME type\n *\n * @param file - File to check\n * @returns Icon type identifier\n *\n * @example\n * getFileIcon(imageFile) // \"image\"\n * getFileIcon(pdfFile) // \"file\"\n */\nexport function getFileIcon(\n file: File\n): 'file' | 'image' | 'video' | 'audio' {\n if (file.type.startsWith('image/')) return 'image';\n if (file.type.startsWith('video/')) return 'video';\n if (file.type.startsWith('audio/')) return 'audio';\n return 'file';\n}\n\n/**\n * Merge file arrays, replacing duplicates by filename\n *\n * Used for append behavior when selecting additional files.\n * Files with the same name are replaced with the newer version.\n *\n * @param existing - Currently selected files\n * @param incoming - Newly selected files to add\n * @returns Merged array with duplicates replaced\n *\n * @example\n * const existing = [file1, file2];\n * const incoming = [file2New, file3];\n * deduplicateFiles(existing, incoming) // [file1, file2New, file3]\n *\n * @see plan.md Decision 8: Duplicate File Handling\n */\nexport function deduplicateFiles(existing: File[], incoming: File[]): File[] {\n const result = [...existing];\n\n for (const file of incoming) {\n const existingIndex = result.findIndex((f) => f.name === file.name);\n if (existingIndex >= 0) {\n // Replace with new version\n result[existingIndex] = file;\n } else {\n result.push(file);\n }\n }\n\n return result;\n}\n\n/**\n * Convert human-readable file types to MIME type display\n * Used for showing accepted types in UI\n *\n * @param acceptedTypes - Array of accepted type patterns\n * @returns Human-readable string\n *\n * @example\n * formatAcceptedTypes(['image/*']) // \"images\"\n * formatAcceptedTypes(['.pdf', '.doc']) // \"PDF, DOC\"\n * formatAcceptedTypes(['application/pdf']) // \"PDF\"\n */\nexport function formatAcceptedTypes(acceptedTypes?: string[]): string {\n if (!acceptedTypes || acceptedTypes.length === 0) return 'any file';\n\n const formatted = acceptedTypes.map((type) => {\n // MIME type patterns\n if (type === 'image/*') return 'images';\n if (type === 'video/*') return 'videos';\n if (type === 'audio/*') return 'audio';\n\n // File extensions\n if (type.startsWith('.')) {\n return type.slice(1).toUpperCase();\n }\n\n // Exact MIME types - extract subtype\n if (type.includes('/')) {\n const parts = type.split('/');\n const subtype = parts[1] ?? type;\n return subtype.toUpperCase();\n }\n\n return type;\n });\n\n return formatted.join(', ');\n}\n\n// ============================================================================\n// Phase 1: Image Preview Utilities\n// ============================================================================\n\n/**\n * Threshold for image resizing (2MB)\n * Images larger than this will be resized before preview to reduce memory usage\n */\nexport const RESIZE_THRESHOLD = 2 * 1024 * 1024;\n\n/**\n * Check if a file is an image based on MIME type or extension\n *\n * @param file - File to check\n * @returns true if file is an image\n *\n * @example\n * isImageFile(jpgFile) // true\n * isImageFile(pdfFile) // false\n */\nexport function isImageFile(file: File): boolean {\n // Check MIME type first (most reliable)\n if (file.type.startsWith('image/')) {\n return true;\n }\n\n // Fallback to extension check for files with missing/incorrect MIME type\n const imageExtensions =\n /\\.(jpg|jpeg|png|gif|webp|svg|bmp|ico|avif|heic|heif|tiff|tif)$/i;\n return imageExtensions.test(file.name);\n}\n\n/**\n * Create a resized preview image using canvas\n * Used for large images (>2MB) to reduce memory usage\n *\n * @param file - Image file to resize\n * @param maxDimension - Maximum width or height (default: 200)\n * @returns Promise resolving to resized blob URL\n *\n * @example\n * const previewUrl = await createResizedPreview(largeImage, 200);\n * // Remember to call URL.revokeObjectURL(previewUrl) when done\n */\nexport async function createResizedPreview(\n file: File,\n maxDimension: number = 200\n): Promise<string> {\n return new Promise((resolve, reject) => {\n // Use window.Image for browser environment\n const img = new window.Image();\n const objectUrl = URL.createObjectURL(file);\n\n img.onload = () => {\n // Free original object URL immediately\n URL.revokeObjectURL(objectUrl);\n\n // Calculate scaled dimensions (maintain aspect ratio)\n const scale = Math.min(\n maxDimension / img.width,\n maxDimension / img.height,\n 1 // Don't upscale\n );\n const width = Math.round(img.width * scale);\n const height = Math.round(img.height * scale);\n\n // Draw to canvas at reduced size\n const canvas = document.createElement('canvas');\n canvas.width = width;\n canvas.height = height;\n const ctx = canvas.getContext('2d');\n\n if (!ctx) {\n reject(new Error('Canvas context unavailable'));\n return;\n }\n\n ctx.drawImage(img, 0, 0, width, height);\n\n // Convert to blob URL\n canvas.toBlob(\n (blob) => {\n if (blob) {\n resolve(URL.createObjectURL(blob));\n } else {\n reject(new Error('Failed to create blob'));\n }\n },\n 'image/jpeg',\n 0.8 // Quality for JPEG compression\n );\n };\n\n img.onerror = () => {\n URL.revokeObjectURL(objectUrl);\n reject(new Error('Failed to load image'));\n };\n\n img.src = objectUrl;\n });\n}\n\n/**\n * Generate a preview URL for a file\n * Automatically resizes large images (>2MB) to reduce memory usage\n *\n * @param file - Image file to preview\n * @param maxDimension - Maximum dimension for resized previews (default: 200)\n * @returns Promise resolving to preview blob URL\n *\n * @example\n * const previewUrl = await generatePreview(file, 100);\n * // Remember to call URL.revokeObjectURL(previewUrl) when done\n */\nexport async function generatePreview(\n file: File,\n maxDimension: number = 200\n): Promise<string> {\n if (file.size > RESIZE_THRESHOLD) {\n return createResizedPreview(file, maxDimension);\n }\n return URL.createObjectURL(file);\n}\n","/**\n * useFilePreview Hook\n *\n * Memory-efficient image preview generation with race condition protection\n * @see future-plan.md for architecture details\n */\n\nimport { useState, useEffect } from 'react';\nimport { isImageFile, generatePreview } from './utils';\n\nexport interface UseFilePreviewOptions {\n /** Whether preview generation is enabled */\n enabled?: boolean;\n /** Maximum file size for preview generation in bytes (default: 10MB) */\n maxBytes?: number;\n /** Maximum preview dimension in pixels (default: 200) */\n maxDimension?: number;\n}\n\nexport interface UseFilePreviewResult {\n /** Preview URL (blob URL) - remember to not revoke manually, hook handles cleanup */\n preview: string | null;\n /** Whether preview is currently being generated */\n isLoading: boolean;\n /** Error message if preview generation failed */\n error: string | null;\n /** Whether the file is an image */\n isImage: boolean;\n}\n\n/**\n * Hook for generating memory-efficient image previews\n *\n * Features:\n * - Uses URL.createObjectURL for better memory management\n * - Automatically resizes large images (>2MB) using canvas\n * - Race condition protection for rapid file changes\n * - Automatic cleanup of blob URLs on unmount/file change\n *\n * @param file - File to generate preview for\n * @param options - Preview configuration options\n * @returns Preview state including URL, loading, and error states\n *\n * @example\n * const { preview, isLoading, error, isImage } = useFilePreview(file, {\n * enabled: showPreviews,\n * maxBytes: 10 * 1024 * 1024,\n * maxDimension: 64\n * });\n */\nexport function useFilePreview(\n file: File,\n options: UseFilePreviewOptions = {}\n): UseFilePreviewResult {\n const { enabled = true, maxBytes = 10 * 1024 * 1024, maxDimension = 200 } = options;\n\n const [preview, setPreview] = useState<string | null>(null);\n const [isLoading, setIsLoading] = useState(false);\n const [error, setError] = useState<string | null>(null);\n\n const isImage = isImageFile(file);\n\n useEffect(() => {\n // Skip if disabled or not an image\n if (!enabled || !isImage) {\n setPreview(null);\n setIsLoading(false);\n setError(null);\n return;\n }\n\n // Skip preview for files exceeding size limit\n if (file.size > maxBytes) {\n setPreview(null);\n setIsLoading(false);\n setError('File too large for preview');\n return;\n }\n\n // Track if effect is still active (prevents race conditions)\n let isActive = true;\n let objectUrl: string | null = null;\n\n const generatePreviewAsync = async () => {\n setIsLoading(true);\n setError(null);\n\n try {\n // Generate preview (may resize if file > RESIZE_THRESHOLD)\n objectUrl = await generatePreview(file, maxDimension);\n\n // Only update state if effect is still active\n if (isActive) {\n setPreview(objectUrl);\n setIsLoading(false);\n } else {\n // Cleanup if component unmounted or file changed\n URL.revokeObjectURL(objectUrl);\n }\n } catch (err) {\n if (isActive) {\n setError(err instanceof Error ? err.message : 'Failed to generate preview');\n setIsLoading(false);\n setPreview(null);\n }\n }\n };\n\n generatePreviewAsync();\n\n // Cleanup: mark inactive and revoke object URL\n return () => {\n isActive = false;\n if (objectUrl) {\n URL.revokeObjectURL(objectUrl);\n }\n // Also revoke current preview if it exists\n setPreview((prev) => {\n if (prev) {\n URL.revokeObjectURL(prev);\n }\n return null;\n });\n };\n }, [file, enabled, maxBytes, maxDimension, isImage]);\n\n return { preview, isLoading, error, isImage };\n}\n","\"use client\";\n\n/**\n * FilePreview Component\n *\n * Displays image thumbnail previews for files in the FileField list\n * @see future-plan.md for architecture details\n */\n\nimport { type ReactNode } from 'react';\nimport { FileIcon, ImageIcon, VideoIcon, AudioLines, Loader2 } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { useFilePreview } from './useFilePreview';\nimport { getFileIcon } from './utils';\n\nexport interface FilePreviewProps {\n /** File to preview */\n file: File;\n /** Preview size in pixels (width and height) */\n size?: number;\n /** Maximum file size for preview generation */\n maxBytes?: number;\n /** Custom renderer for non-image files */\n renderPreview?: (file: File) => ReactNode;\n /** Additional CSS classes */\n className?: string;\n}\n\n/**\n * FilePreview Component\n *\n * Displays a thumbnail preview for image files, or an appropriate icon for other file types.\n * Includes loading and error states with accessible feedback.\n */\nexport function FilePreview({\n file,\n size = 64,\n maxBytes = 10 * 1024 * 1024,\n renderPreview,\n className,\n}: FilePreviewProps) {\n const { preview, isLoading, error, isImage } = useFilePreview(file, {\n enabled: true,\n maxBytes,\n maxDimension: size * 2, // Generate at 2x for retina displays\n });\n\n // Container size styles\n const sizeStyles = {\n width: size,\n height: size,\n minWidth: size,\n minHeight: size,\n };\n\n // If custom renderer provided and not an image, use it\n if (!isImage && renderPreview) {\n return (\n <div\n className={cn(\n 'flex items-center justify-center rounded-md overflow-hidden',\n 'bg-[var(--accent-background)]',\n className\n )}\n style={sizeStyles}\n >\n {renderPreview(file)}\n </div>\n );\n }\n\n // Loading state\n if (isLoading) {\n return (\n <div\n className={cn(\n 'flex items-center justify-center rounded-md overflow-hidden',\n 'bg-[var(--accent-background)]',\n className\n )}\n style={sizeStyles}\n aria-busy=\"true\"\n aria-label={`Loading preview for ${file.name}`}\n >\n <Loader2\n className=\"h-4 w-4 animate-spin text-[var(--menu-muted)]\"\n aria-hidden=\"true\"\n />\n </div>\n );\n }\n\n // Image preview\n if (isImage && preview && !error) {\n return (\n <div\n className={cn(\n 'flex items-center justify-center rounded-md overflow-hidden',\n 'bg-[var(--accent-background)]',\n className\n )}\n style={sizeStyles}\n >\n <img\n src={preview}\n alt={file.name}\n className=\"w-full h-full object-cover\"\n loading=\"lazy\"\n />\n </div>\n );\n }\n\n // Error state or non-image file: show icon\n const iconType = getFileIcon(file);\n const IconComponent = getIconForType(iconType);\n\n // Calculate icon size (roughly 40% of container)\n const iconSize = Math.max(16, Math.floor(size * 0.4));\n\n return (\n <div\n className={cn(\n 'flex items-center justify-center rounded-md overflow-hidden',\n 'bg-[var(--accent-background)]',\n className\n )}\n style={sizeStyles}\n aria-label={error ? `Preview unavailable for ${file.name}` : undefined}\n >\n <IconComponent\n className=\"text-[var(--menu-muted)]\"\n style={{ width: iconSize, height: iconSize }}\n aria-hidden=\"true\"\n />\n </div>\n );\n}\n\n/**\n * Get icon component for file type\n */\nfunction getIconForType(\n iconType: 'file' | 'image' | 'video' | 'audio'\n): typeof FileIcon {\n switch (iconType) {\n case 'image':\n return ImageIcon;\n case 'video':\n return VideoIcon;\n case 'audio':\n return AudioLines;\n default:\n return FileIcon;\n }\n}\n","import { cva, type VariantProps } from 'class-variance-authority';\n\n/**\n * FileProgress CVA Variants\n *\n * Type-safe variant definitions for upload progress component\n * Following Themis styling patterns with CSS variable references\n *\n * @see future-plan.md Section 2: Upload Progress Indication\n * @see constitution.md Principle IV: 7:1 contrast ratio\n */\n\n/**\n * Container variants for the FileProgress wrapper\n * Controls spacing and text sizing\n */\nexport const fileProgressVariants = cva(\n ['flex', 'flex-col', 'gap-1', 'w-full'],\n {\n variants: {\n size: {\n sm: 'text-xs',\n default: 'text-sm',\n lg: 'text-base',\n },\n },\n defaultVariants: {\n size: 'default',\n },\n }\n);\n\n/**\n * Progress bar track variants (background)\n */\nexport const fileProgressTrackVariants = cva(\n ['rounded-full', 'bg-[var(--accent-background)]', 'overflow-hidden'],\n {\n variants: {\n size: {\n sm: 'h-1.5',\n default: 'h-2',\n lg: 'h-3',\n },\n },\n defaultVariants: {\n size: 'default',\n },\n }\n);\n\n/**\n * Progress bar fill variants\n * Uses shimmer animation for pending (indeterminate) state\n *\n * WCAG 2.2 AAA: High contrast colors for all states\n */\nexport const fileProgressBarVariants = cva(\n ['h-full', 'rounded-full', 'transition-all', 'duration-300'],\n {\n variants: {\n status: {\n pending: [\n 'bg-gradient-to-r',\n 'from-[var(--menu-muted)]',\n 'via-[var(--accent-background)]',\n 'to-[var(--menu-muted)]',\n 'bg-[length:200%_100%]',\n 'animate-progress-shimmer',\n ],\n uploading: 'bg-[var(--primary)]',\n complete: 'bg-[var(--success-background)]',\n error: 'bg-[var(--destructive-background)]',\n },\n },\n defaultVariants: {\n status: 'pending',\n },\n }\n);\n\n/**\n * Header row variants (filename + status)\n */\nexport const fileProgressHeaderVariants = cva(\n ['flex', 'items-center', 'justify-between', 'gap-2'],\n {\n variants: {\n size: {\n sm: 'text-xs',\n default: 'text-sm',\n lg: 'text-base',\n },\n },\n defaultVariants: {\n size: 'default',\n },\n }\n);\n\n/**\n * Error message variants\n */\nexport const fileProgressErrorVariants = cva(\n [\n 'flex',\n 'items-center',\n 'justify-between',\n 'gap-2',\n 'mt-1',\n 'text-[var(--destructive-background)]',\n ],\n {\n variants: {\n size: {\n sm: 'text-xs',\n default: 'text-sm',\n lg: 'text-base',\n },\n },\n defaultVariants: {\n size: 'default',\n },\n }\n);\n\n/**\n * Retry button variants\n * 44x44px minimum touch target for WCAG 2.2 AAA\n */\nexport const fileProgressRetryVariants = cva(\n [\n 'underline',\n 'hover:no-underline',\n 'min-h-[44px]',\n 'min-w-[44px]',\n 'inline-flex',\n 'items-center',\n 'justify-center',\n // Negative margin to visually appear smaller while maintaining touch target\n '-mr-3',\n '-my-2',\n // Focus styling\n 'focus-visible:outline-none',\n 'focus-visible:ring-2',\n 'focus-visible:ring-[var(--ring)]',\n 'focus-visible:ring-offset-2',\n 'rounded',\n ],\n {\n variants: {\n size: {\n sm: 'text-xs',\n default: 'text-sm',\n lg: 'text-base',\n },\n },\n defaultVariants: {\n size: 'default',\n },\n }\n);\n\n// Export variant prop types for consumers\nexport type FileProgressVariants = VariantProps<typeof fileProgressVariants>;\nexport type FileProgressBarVariants = VariantProps<typeof fileProgressBarVariants>;\nexport type FileProgressTrackVariants = VariantProps<typeof fileProgressTrackVariants>;\n","\"use client\";\n\n/**\n * FileProgress Component\n *\n * Accessible upload progress indicator using React Aria ProgressBar\n * WCAG 2.2 AAA compliant with shimmer animation for pending state\n *\n * @see future-plan.md Section 2: Upload Progress Indication\n * @see React Aria ProgressBar: https://react-aria.adobe.com/ProgressBar\n */\n\nimport { ProgressBar, Button } from 'react-aria-components';\nimport { cn } from '../../utils/cn';\nimport { truncateFileName } from './utils';\nimport {\n fileProgressVariants,\n fileProgressTrackVariants,\n fileProgressBarVariants,\n fileProgressHeaderVariants,\n fileProgressErrorVariants,\n fileProgressRetryVariants,\n} from './FileProgress.variants';\n\n/**\n * Upload status for progress indication\n */\nexport type FileProgressStatus = 'pending' | 'uploading' | 'complete' | 'error';\n\n/**\n * FileProgress component props\n */\nexport interface FileProgressProps {\n /** File being uploaded */\n file: File;\n /** Progress percentage (0-100) */\n progress: number;\n /** Current upload status */\n status: FileProgressStatus;\n /** Error message when status is 'error' */\n error?: string;\n /** Callback when user clicks retry */\n onRetry?: () => void;\n /** Size variant */\n size?: 'sm' | 'default' | 'lg';\n /** Additional CSS classes */\n className?: string;\n}\n\n/**\n * Get status display text\n */\nfunction getStatusText(status: FileProgressStatus, progress: number): string {\n switch (status) {\n case 'pending':\n return 'Waiting...';\n case 'uploading':\n return `${progress}%`;\n case 'complete':\n return 'Complete';\n case 'error':\n return 'Failed';\n }\n}\n\n/**\n * FileProgress Component\n *\n * Displays upload progress for a single file with accessible progress bar,\n * status announcements, and retry functionality for failed uploads.\n */\nfunction FileProgress({\n file,\n progress,\n status,\n error,\n onRetry,\n size = 'default',\n className,\n}: FileProgressProps) {\n const isIndeterminate = status === 'pending';\n const errorId = `progress-error-${file.name.replace(/[^a-zA-Z0-9]/g, '-')}`;\n const statusText = getStatusText(status, progress);\n\n return (\n <div className={cn(fileProgressVariants({ size }), className)}>\n <ProgressBar\n aria-label={file.name}\n value={isIndeterminate ? undefined : progress}\n isIndeterminate={isIndeterminate}\n aria-describedby={status === 'error' && error ? errorId : undefined}\n >\n {({ percentage, valueText }) => (\n <>\n {/* Header: filename + status */}\n <div className={fileProgressHeaderVariants({ size })}>\n <span className=\"truncate\" title={file.name}>\n {truncateFileName(file.name, 30)}\n </span>\n <span className=\"text-[var(--menu-muted)] flex-shrink-0\">\n {status === 'error' ? 'Failed' : valueText ?? statusText}\n </span>\n </div>\n\n {/* Progress bar */}\n <div className={fileProgressTrackVariants({ size })}>\n <div\n className={fileProgressBarVariants({ status })}\n style={{\n width: isIndeterminate ? '100%' : `${percentage ?? 0}%`,\n }}\n />\n </div>\n </>\n )}\n </ProgressBar>\n\n {/* Error message and retry button */}\n {status === 'error' && error && (\n <div\n id={errorId}\n className={fileProgressErrorVariants({ size })}\n >\n <span>{error}</span>\n {onRetry && (\n <Button\n onPress={onRetry}\n className={fileProgressRetryVariants({ size })}\n >\n Retry\n </Button>\n )}\n </div>\n )}\n\n {/* Live region for screen reader announcements */}\n <div\n aria-live=\"polite\"\n aria-atomic=\"true\"\n className=\"sr-only\"\n >\n {status === 'complete' && `${file.name} upload complete`}\n {status === 'error' && `${file.name} upload failed${error ? `: ${error}` : ''}`}\n </div>\n </div>\n );\n}\n\nFileProgress.displayName = 'FileProgress';\n\nexport { FileProgress };\n","\"use client\";\n\n/**\n * FileField Component - Accessible file selection input\n *\n * Built with React Aria FileTrigger primitive and custom drag-and-drop\n * WCAG 2.2 AAA compliant (7:1 contrast, 44x44px touch targets)\n *\n * @see plan.md for architecture details\n * @see filefield-prd.md for requirements\n */\n\nimport {\n forwardRef,\n useId,\n useState,\n useCallback,\n useRef,\n type DragEvent,\n} from 'react';\nimport { FileTrigger } from 'react-aria-components';\nimport { Button } from '../Button';\nimport { Upload, X, FileIcon, ImageIcon, VideoIcon, AudioLines } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport type { FileFieldProps, ValidationResult } from './FileField.types';\nimport {\n fileFieldContainerVariants,\n fileFieldDropZoneVariants,\n fileFieldTriggerVariants,\n fileFieldListVariants,\n fileFieldListHeaderVariants,\n fileFieldItemVariants,\n fileFieldRemoveButtonVariants,\n fileFieldErrorVariants,\n fileFieldSuccessVariants,\n fileFieldDescriptionVariants,\n fileFieldLabelVariants,\n} from './FileField.variants';\nimport {\n formatFileSize,\n truncateFileName,\n isFileTypeAccepted,\n getFileIcon,\n deduplicateFiles,\n} from './utils';\nimport { FilePreview } from './FilePreview';\nimport { FileProgress } from './FileProgress';\n\n/**\n * FileField Component\n *\n * Accessible file selection input with drag-and-drop support\n */\nconst FileField = forwardRef<HTMLDivElement, FileFieldProps>(\n function FileField(\n {\n // Required\n label,\n\n // File selection\n acceptedFileTypes,\n allowsMultiple = false,\n\n // Constraints\n maxFileSize,\n maxFiles,\n\n // Display\n description,\n errorMessage,\n successMessage,\n triggerText,\n\n // States\n isRequired,\n isDisabled,\n isInvalid,\n isValid,\n\n // Variants\n size = 'default',\n\n // Form integration\n name,\n id,\n className,\n\n // Value (controlled)\n value = [],\n\n // Events\n onChange,\n validate,\n\n // Phase 1: Image Previews\n showPreviews = false,\n previewSize = 64,\n maxPreviewBytes = 10 * 1024 * 1024,\n renderPreview,\n\n // Phase 1: Upload Progress (will be used later)\n showProgress = false,\n uploadProgress,\n uploadStatus,\n uploadErrors,\n onRetry,\n\n // Standard\n 'data-testid': dataTestId,\n 'aria-label': _ariaLabel,\n 'aria-labelledby': _ariaLabelledBy,\n 'aria-describedby': ariaDescribedBy,\n ...props\n },\n ref\n ) {\n // Generate unique IDs\n const generatedId = useId();\n const fieldId = id ?? generatedId;\n const labelId = `${fieldId}-label`;\n const descriptionId = `${fieldId}-description`;\n const errorId = `${fieldId}-error`;\n\n // Internal state\n const [isDragOver, setIsDragOver] = useState(false);\n const [internalError, setInternalError] = useState<string | null>(null);\n const dragCounterRef = useRef(0);\n\n // Determine which error to show (external takes precedence)\n const displayError = errorMessage ?? internalError;\n const hasError = isInvalid || !!displayError;\n\n // Build aria-describedby\n const describedByParts: string[] = [];\n if (ariaDescribedBy) describedByParts.push(ariaDescribedBy);\n if (description) describedByParts.push(descriptionId);\n if (displayError) describedByParts.push(errorId);\n const describedBy = describedByParts.length > 0 ? describedByParts.join(' ') : undefined;\n\n /**\n * Validate files against constraints\n */\n const validateFiles = useCallback(\n (files: File[], existingFiles: File[] = []): ValidationResult => {\n const validFiles: File[] = [];\n const errors: string[] = [];\n\n for (const file of files) {\n // Check file type\n if (acceptedFileTypes && !isFileTypeAccepted(file, acceptedFileTypes)) {\n errors.push(`\"${file.name}\" has an invalid file type`);\n continue;\n }\n\n // Check file size\n if (maxFileSize && file.size > maxFileSize) {\n errors.push(\n `\"${file.name}\" exceeds the maximum size of ${formatFileSize(maxFileSize)}`\n );\n continue;\n }\n\n validFiles.push(file);\n }\n\n // Check total count (after deduplication with existing files)\n if (maxFiles && allowsMultiple) {\n const combined = deduplicateFiles(existingFiles, validFiles);\n if (combined.length > maxFiles) {\n errors.push(`Maximum ${maxFiles} files allowed`);\n return { valid: [], errors };\n }\n }\n\n return { valid: validFiles, errors };\n },\n [acceptedFileTypes, maxFileSize, maxFiles, allowsMultiple]\n );\n\n /**\n * Process selected/dropped files\n */\n const processFiles = useCallback(\n (fileList: FileList | null) => {\n if (!fileList || fileList.length === 0) return;\n\n // Clear internal error on new attempt\n setInternalError(null);\n\n const newFiles = Array.from(fileList);\n\n // Validate files\n const existingFiles = allowsMultiple ? value : [];\n const { valid, errors } = validateFiles(newFiles, existingFiles);\n\n if (errors.length > 0) {\n setInternalError(errors[0] ?? 'Invalid file');\n return;\n }\n\n // Run custom validation if provided\n if (validate && valid.length > 0) {\n const customError = validate(\n allowsMultiple ? deduplicateFiles(existingFiles, valid) : valid\n );\n if (customError) {\n setInternalError(customError);\n return;\n }\n }\n\n // Calculate final file list\n let finalFiles: File[];\n if (allowsMultiple) {\n finalFiles = deduplicateFiles(existingFiles, valid);\n } else {\n finalFiles = valid.slice(0, 1);\n }\n\n onChange?.(finalFiles);\n },\n [allowsMultiple, value, validateFiles, validate, onChange]\n );\n\n /**\n * Handle FileTrigger selection\n */\n const handleSelect = useCallback(\n (fileList: FileList | null) => {\n processFiles(fileList);\n },\n [processFiles]\n );\n\n /**\n * Handle file removal\n */\n const handleRemove = useCallback(\n (fileToRemove: File) => {\n const newFiles = value.filter((f) => f !== fileToRemove);\n onChange?.(newFiles);\n },\n [value, onChange]\n );\n\n /**\n * Handle clear all\n */\n const handleClearAll = useCallback(() => {\n onChange?.([]);\n }, [onChange]);\n\n // Drag and drop handlers\n const handleDragEnter = useCallback(\n (e: DragEvent<HTMLDivElement>) => {\n e.preventDefault();\n e.stopPropagation();\n if (isDisabled) return;\n\n dragCounterRef.current++;\n setIsDragOver(true);\n },\n [isDisabled]\n );\n\n const handleDragOver = useCallback(\n (e: DragEvent<HTMLDivElement>) => {\n e.preventDefault();\n e.stopPropagation();\n },\n []\n );\n\n const handleDragLeave = useCallback(\n (e: DragEvent<HTMLDivElement>) => {\n e.preventDefault();\n e.stopPropagation();\n\n dragCounterRef.current--;\n if (dragCounterRef.current === 0) {\n setIsDragOver(false);\n }\n },\n []\n );\n\n const handleDrop = useCallback(\n (e: DragEvent<HTMLDivElement>) => {\n e.preventDefault();\n e.stopPropagation();\n\n dragCounterRef.current = 0;\n setIsDragOver(false);\n\n if (isDisabled) return;\n\n const files = e.dataTransfer?.files;\n processFiles(files ?? null);\n },\n [isDisabled, processFiles]\n );\n\n /**\n * Get icon component for file type\n */\n const getIconComponent = (file: File) => {\n const iconType = getFileIcon(file);\n switch (iconType) {\n case 'image':\n return ImageIcon;\n case 'video':\n return VideoIcon;\n case 'audio':\n return AudioLines;\n default:\n return FileIcon;\n }\n };\n\n // Build accept string for file input\n const acceptString = acceptedFileTypes?.join(',');\n\n return (\n <div\n ref={ref}\n id={fieldId}\n className={cn(fileFieldContainerVariants({ size }), className)}\n data-testid={dataTestId ?? 'file-field'}\n {...props}\n >\n {/* Label */}\n <label\n id={labelId}\n className={fileFieldLabelVariants({ size, isRequired })}\n >\n {label}\n </label>\n\n {/* Drop Zone */}\n <div\n role=\"group\"\n data-testid={`${dataTestId ?? 'file-field'}-dropzone`}\n className={cn(\n 'drop-zone', // Added for test selectors\n fileFieldDropZoneVariants({\n size,\n isDragOver,\n isInvalid: hasError,\n isDisabled,\n })\n )}\n onDragEnter={handleDragEnter}\n onDragOver={handleDragOver}\n onDragLeave={handleDragLeave}\n onDrop={handleDrop}\n aria-labelledby={labelId}\n aria-describedby={describedBy}\n aria-disabled={isDisabled || undefined}\n >\n <FileTrigger\n acceptedFileTypes={acceptedFileTypes}\n allowsMultiple={allowsMultiple}\n onSelect={handleSelect}\n >\n <Button\n variant=\"outline\"\n isDisabled={isDisabled}\n buttonVisualClassName={fileFieldTriggerVariants({ size })}\n >\n <Upload className=\"h-4 w-4\" aria-hidden=\"true\" />\n {isDragOver\n ? 'Drop files here'\n : triggerText ?? (allowsMultiple ? 'Choose files' : 'Choose file')}\n </Button>\n </FileTrigger>\n\n {/* Hidden file input for name attribute */}\n {name && (\n <input\n type=\"file\"\n name={name}\n accept={acceptString}\n multiple={allowsMultiple}\n disabled={isDisabled}\n className=\"sr-only\"\n tabIndex={-1}\n aria-hidden=\"true\"\n />\n )}\n </div>\n\n {/* Description */}\n {description && (\n <p\n id={descriptionId}\n className={fileFieldDescriptionVariants({ size })}\n >\n {description}\n </p>\n )}\n\n {/* File List */}\n {value.length > 0 && (\n <div className={fileFieldListVariants({ size })}>\n {/* List Header with Clear All */}\n {value.length >= 2 && (\n <div className={fileFieldListHeaderVariants({ size })}>\n <span className=\"text-[var(--menu-muted)]\">\n {value.length} files selected\n </span>\n <Button\n variant=\"link\"\n visualSize=\"sm\"\n onPress={handleClearAll}\n buttonVisualClassName={cn(\n 'text-[var(--menu-muted)] hover:text-[var(--destructive-background)]',\n 'underline-offset-4 hover:underline'\n )}\n aria-label=\"Clear all files\"\n >\n Clear all\n </Button>\n </div>\n )}\n\n {/* File Items */}\n <ul className=\"space-y-2\">\n {value.map((file, index) => {\n const IconComponent = getIconComponent(file);\n // Calculate preview size based on field size variant\n const effectivePreviewSize =\n size === 'sm' ? Math.min(previewSize, 40) :\n size === 'lg' ? Math.min(previewSize, 80) :\n Math.min(previewSize, 48);\n\n // Check if we should show progress for this file\n const fileStatus = uploadStatus?.[index];\n const fileProgress = uploadProgress?.[index] ?? 0;\n const fileError = uploadErrors?.get(index);\n const showProgressForFile = showProgress && fileStatus !== undefined;\n\n return (\n <li\n key={`${file.name}-${index}`}\n className={showProgressForFile ? 'p-3' : fileFieldItemVariants({ size })}\n >\n {showProgressForFile ? (\n <FileProgress\n file={file}\n progress={fileProgress}\n status={fileStatus}\n error={fileError}\n onRetry={onRetry ? () => onRetry(index) : undefined}\n size={size}\n />\n ) : (\n <>\n <div className=\"flex items-center gap-2 min-w-0\">\n {showPreviews ? (\n <FilePreview\n file={file}\n size={effectivePreviewSize}\n maxBytes={maxPreviewBytes}\n renderPreview={renderPreview}\n className=\"flex-shrink-0\"\n />\n ) : (\n <IconComponent\n className=\"h-4 w-4 flex-shrink-0 text-[var(--menu-muted)]\"\n aria-hidden=\"true\"\n />\n )}\n <span className=\"truncate\" title={file.name}>\n {truncateFileName(file.name, 30)}\n </span>\n <span className=\"text-[var(--menu-muted)] flex-shrink-0\">\n {formatFileSize(file.size)}\n </span>\n </div>\n <Button\n variant=\"ghost\"\n visualSize=\"icon\"\n onPress={() => handleRemove(file)}\n buttonVisualClassName={fileFieldRemoveButtonVariants({ size })}\n aria-label={`Remove ${file.name}`}\n isDisabled={isDisabled}\n >\n <X className=\"h-4 w-4\" aria-hidden=\"true\" />\n </Button>\n </>\n )}\n </li>\n );\n })}\n </ul>\n </div>\n )}\n\n {/* Error Message */}\n {displayError && (\n <p\n id={errorId}\n role=\"alert\"\n className={fileFieldErrorVariants({ size })}\n >\n {displayError}\n </p>\n )}\n\n {/* Success Message */}\n {!displayError && isValid && successMessage && (\n <p className={fileFieldSuccessVariants({ size })}>\n {successMessage}\n </p>\n )}\n </div>\n );\n }\n);\n\nFileField.displayName = 'FileField';\n\nexport { FileField };\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 type { ReactNode } from 'react';\nimport { z } from 'zod';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\n\n/**\n * FileField props schema extending BaseComponentProps\n *\n * @see filefield-prd.md for full requirements\n * @see plan.md for architectural decisions\n * @see React Aria FileTrigger: https://react-aria.adobe.com/FileTrigger\n */\nexport const FileFieldPropsSchema = BaseComponentPropsSchema.extend({\n // Required\n /** Label text for the file field (required for accessibility) */\n label: z.string(),\n\n // File selection\n /**\n * Array of accepted file types (MIME types or extensions)\n * @example ['application/pdf', 'image/*', '.docx']\n */\n acceptedFileTypes: z.array(z.string()).optional(),\n\n /** Allow selecting multiple files */\n allowsMultiple: z.boolean().default(false),\n\n // Constraints\n /** Maximum file size in bytes */\n maxFileSize: z.number().optional(),\n\n /** Maximum number of files (only applies when allowsMultiple is true) */\n maxFiles: z.number().optional(),\n\n // Display\n /** Description text shown below the drop zone */\n description: z.string().optional(),\n\n /** Error message from external validation */\n errorMessage: z.string().optional(),\n\n /** Success message when files are valid */\n successMessage: z.string().optional(),\n\n /** Custom text for the trigger button */\n triggerText: z.string().optional(),\n\n // States\n /** Mark field as required */\n isRequired: z.boolean().optional(),\n\n /** Disable the field */\n isDisabled: z.boolean().optional(),\n\n /** Show invalid state styling */\n isInvalid: z.boolean().optional(),\n\n /** Show valid state styling */\n isValid: z.boolean().optional(),\n\n // Variants\n /** Size variant */\n size: z.enum(['sm', 'default', 'lg']).default('default'),\n\n // Form integration\n /** Name attribute for form association */\n name: z.string().optional(),\n\n // === Phase 1: Image Previews ===\n /** Enable image thumbnail previews (default: false) */\n showPreviews: z.boolean().default(false),\n\n /** Maximum preview dimension in pixels (default: 64) */\n previewSize: z.number().min(16).max(256).default(64),\n\n /** Maximum file size for preview generation in bytes (default: 10MB) */\n maxPreviewBytes: z.number().default(10 * 1024 * 1024),\n\n // === Phase 1: Upload Progress ===\n /** Enable upload progress display (default: false) */\n showProgress: z.boolean().default(false),\n\n /** Progress values per file (0-100), indexed parallel to files array */\n uploadProgress: z.array(z.number().min(0).max(100)).optional(),\n\n /** Upload status per file, indexed parallel to files array */\n uploadStatus: z\n .array(z.enum(['pending', 'uploading', 'complete', 'error']))\n .optional(),\n})\n .refine(\n (data) => !(data.successMessage && data.errorMessage),\n {\n message:\n 'Cannot provide both successMessage and errorMessage. Use one based on validation state.',\n path: ['successMessage'],\n }\n )\n .refine(\n (data) => {\n // Development mode warning for conflicting validation states\n if (\n typeof process !== 'undefined' &&\n process.env.NODE_ENV === 'development'\n ) {\n if (data.isValid && data.isInvalid) {\n console.error(\n '[FileField] Both isValid and isInvalid are true. isInvalid takes precedence.'\n );\n }\n }\n return true;\n }\n );\n\n/**\n * FileField component props type\n *\n * Includes Zod-validated props plus event handlers that can't be validated by Zod\n */\n/**\n * Upload status for progress indication\n */\nexport type UploadStatus = 'pending' | 'uploading' | 'complete' | 'error';\n\nexport type FileFieldProps = Omit<\n z.infer<typeof FileFieldPropsSchema>,\n 'children'\n> & {\n /** Controlled value - array of selected files */\n value?: File[];\n\n /** Callback when files change */\n onChange?: (files: File[]) => void;\n\n /**\n * Custom validation function\n * Called after internal validation (type, size, count)\n * Return a string to display as error, or undefined/null if valid\n */\n validate?: (files: File[]) => string | undefined | null;\n\n // === Phase 1: Image Previews ===\n /** Custom preview renderer for non-image files */\n renderPreview?: (file: File) => ReactNode;\n\n // === Phase 1: Upload Progress ===\n /** Error messages per file index */\n uploadErrors?: Map<number, string>;\n\n /** Callback when user requests retry for failed upload */\n onRetry?: (fileIndex: number) => void;\n};\n\n/**\n * File field size variants\n */\nexport type FileFieldSize = NonNullable<\n z.infer<typeof FileFieldPropsSchema>['size']\n>;\n\n/**\n * Internal drag state for drop zone styling\n */\nexport type DragState = 'idle' | 'drag-over' | 'drag-invalid';\n\n/**\n * Validation result from internal validation\n */\nexport interface ValidationResult {\n /** Files that passed validation */\n valid: File[];\n /** Error messages for files that failed */\n errors: string[];\n}\n"]}
|