@tribepad/themis 1.9.0 → 1.9.2
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/CHANGELOG.md +10 -0
- package/dist/elements/Checkbox/Checkbox.d.ts.map +1 -1
- 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/CheckboxGroup.d.ts.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/Filters/index.js +1 -1
- package/dist/elements/Filters/index.js.map +1 -1
- package/dist/elements/Filters/index.mjs +1 -1
- package/dist/elements/Filters/index.mjs.map +1 -1
- package/dist/elements/RadioGroup/RadioGroup.d.ts.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/Sidebar/Sidebar.styles.d.ts +4 -0
- package/dist/elements/Sidebar/Sidebar.styles.d.ts.map +1 -1
- package/dist/elements/Sidebar/index.js +1 -1
- package/dist/elements/Sidebar/index.js.map +1 -1
- package/dist/elements/Sidebar/index.mjs +1 -1
- package/dist/elements/Sidebar/index.mjs.map +1 -1
- package/dist/elements/SituationalJudgement/index.js +1 -1
- package/dist/elements/SituationalJudgement/index.js.map +1 -1
- package/dist/elements/SituationalJudgement/index.mjs +1 -1
- package/dist/elements/SituationalJudgement/index.mjs.map +1 -1
- package/dist/elements/Switch/Switch.d.ts.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/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 +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/utils/shouldAnimate.ts","../../../src/hooks/useReducedMotion.ts","../../../src/styles/interaction-states.ts","../../../src/elements/Switch/Switch.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Switch/Switch.types.ts"],"names":["cn","inputs","twMerge","clsx","shouldAnimate","animated","prefersReducedMotion","QUERY","getInitialState","useReducedMotion","setPrefersReducedMotion","useState","useEffect","mql","handler","event","FOCUS_STYLES","PRESSED_STYLES","HIGH_CONTRAST_FOCUS","HIGH_CONTRAST_HOVER","HIGH_CONTRAST_PRESSED","DEFAULT_INTERACTIONS","cachedAnimate","loadMotionAnimate","m","DEFAULT_SPRING","switchOuterVariants","cva","switchTrackVariants","switchThumbVariants","Switch","memo","forwardRef","className","variant","size","label","description","isDisabled","isReadOnly","springConfig","onChangeProp","props","ref","doAnimate","thumbRef","useRef","motionReady","animateRef","activeAnimation","fn","isCurrentlySelected","handleChange","useCallback","isSelected","useMotionThumb","jsx","AriaSwitch","_classNameProps","renderProps","jsxs","Fragment","BaseComponentPropsSchema","z","SwitchPropsSchema"],"mappings":"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","file":"index.mjs","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n return twMerge(clsx(inputs));\n}\n","/**\n * Determines whether a component should animate.\n *\n * Returns `false` if:\n * - The `animated` prop is explicitly `false`\n * - The user prefers reduced motion\n *\n * @param animated - The component's `animated` prop value (default: `true`)\n * @param prefersReducedMotion - Whether the user prefers reduced motion\n */\nexport function shouldAnimate(\n animated: boolean | undefined,\n prefersReducedMotion: boolean,\n): boolean {\n if (animated === false) return false;\n if (prefersReducedMotion) return false;\n return true;\n}\n","'use client';\n\nimport { useState, useEffect } from 'react';\n\nconst QUERY = '(prefers-reduced-motion: reduce)';\n\nfunction getInitialState(): boolean {\n if (typeof window === 'undefined') return false;\n return window.matchMedia(QUERY).matches;\n}\n\n/**\n * Detects whether the user prefers reduced motion.\n *\n * - SSR-safe (returns `false` on the server)\n * - Reacts to changes in the OS preference\n * - Cleans up the listener on unmount\n */\nexport function useReducedMotion(): boolean {\n const [prefersReducedMotion, setPrefersReducedMotion] = useState(getInitialState);\n\n useEffect(() => {\n const mql = window.matchMedia(QUERY);\n setPrefersReducedMotion(mql.matches);\n\n const handler = (event: MediaQueryListEvent): void => {\n setPrefersReducedMotion(event.matches);\n };\n\n mql.addEventListener('change', handler);\n return () => mql.removeEventListener('change', handler);\n }, []);\n\n return prefersReducedMotion;\n}\n","/**\n * Global Interaction State Styles\n *\n * Consistent interaction patterns across all Themis components.\n * These styles ensure WCAG 2.2 AAA compliance and predictable UX.\n *\n * @see spec.md FR-010 (Visible focus ring for keyboard navigation)\n * @see spec.md FR-031 (Pressed state feedback)\n * @see spec.md FR-012 (High contrast mode support)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\n/**\n * Focus state styles (FR-010)\n * Visible focus ring for keyboard navigation - WCAG 2.2 Level AAA\n *\n * Components can override by extending these styles:\n * @example\n * cn(FOCUS_STYLES, \"ring-4\") // Increases ring width to 4px\n */\nexport const FOCUS_STYLES = \"data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2\";\n\n/**\n * Pressed/Active state styles (FR-031)\n * Visual feedback for press interactions\n *\n * Components can override the scale amount:\n * @example\n * cn(PRESSED_STYLES_BASE, \"data-[pressed]:scale-[0.95]\") // More pronounced scale\n */\nexport const PRESSED_STYLES = \"data-[pressed]:scale-[0.97]\";\n\n/**\n * Base pressed styles without scale (for components that need different feedback)\n */\nexport const PRESSED_STYLES_BASE = \"data-[pressed]:transition-transform data-[pressed]:duration-100\";\n\n/**\n * Hover state styles\n * Elevation change on hover for better affordance\n *\n * Components can override shadow depth:\n * @example\n * cn(HOVER_STYLES_BASE, \"data-[hovered]:shadow-lg\") // Larger shadow\n */\nexport const HOVER_STYLES = \"\";\n\n/**\n * Base hover styles without shadow (for components that use different hover effects)\n */\nexport const HOVER_STYLES_BASE = \"data-[hovered]:transition-shadow data-[hovered]:duration-200\";\n\n/**\n * High contrast mode focus (FR-012)\n * Enhanced outlines for users requiring high contrast\n *\n * Uses 'hc:' prefix for prefers-contrast: more media query\n */\nexport const HIGH_CONTRAST_FOCUS = \"hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground\";\n\n/**\n * High contrast mode hover (FR-012)\n * Enhanced outlines for hover in high contrast mode\n */\nexport const HIGH_CONTRAST_HOVER = \"hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground\";\n\n/**\n * High contrast mode pressed state\n * Enhanced outlines for pressed state in high contrast mode\n */\nexport const HIGH_CONTRAST_PRESSED = \"hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground\";\n\n/**\n * Combined high contrast styles\n * Use this for components that need all high contrast interaction states\n */\nexport const HIGH_CONTRAST_INTERACTIONS = `${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Disabled state styles\n * Consistent disabled appearance across all components\n */\nexport const DISABLED_STYLES = \"disabled:pointer-events-none disabled:opacity-50\";\n\n/**\n * Default interaction bundle\n * Most common combination for interactive components\n *\n * Includes: focus ring, pressed scale, hover shadow, high contrast enhancements\n *\n * @example\n * <button className={cn(DEFAULT_INTERACTIONS, \"bg-primary\")}>Click</button>\n */\nexport const DEFAULT_INTERACTIONS = `${FOCUS_STYLES} ${PRESSED_STYLES} ${HOVER_STYLES} ${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Subtle interaction bundle\n * For components that need less pronounced feedback\n *\n * Includes: focus ring and high contrast, but no hover shadow or pressed scale\n */\nexport const SUBTLE_INTERACTIONS = `${FOCUS_STYLES} ${HIGH_CONTRAST_FOCUS}`;\n\n/**\n * Non-interactive element styles\n * For elements that should indicate they are not interactive\n */\nexport const NON_INTERACTIVE = \"cursor-default select-none\";\n","\"use client\";\n\n/**\n * Switch Component\n * Accessible toggle switch with React Aria primitives and CVA styling.\n * Supports optional spring animation via motion.dev.\n *\n * @see React Aria Switch: https://react-spectrum.adobe.com/react-aria/Switch.html\n * @see ShadCN Switch: https://ui.shadcn.com/docs/components/switch\n * @see spec.md (WCAG 2.2 AAA - 7:1 contrast ratio, 44x44px touch targets)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\nimport { forwardRef, memo, useRef, useEffect, useCallback } from 'react';\nimport {\n Switch as AriaSwitch,\n type SwitchProps as AriaSwitchProps,\n} from 'react-aria-components';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { shouldAnimate } from '../../utils/shouldAnimate';\nimport { useReducedMotion } from '../../hooks/useReducedMotion';\nimport { DEFAULT_INTERACTIONS } from '../../styles/interaction-states';\nimport type { AnimatedProps, SpringConfig } from '../../types/animation';\n\n// ---------------------------------------------------------------------------\n// Motion lazy-loader — avoids hard dep on optional peer\n// ---------------------------------------------------------------------------\n\ntype AnimateFn = (\n element: Element,\n keyframes: Record<string, string | number>,\n options?: Record<string, unknown>,\n) => { stop: () => void };\n\nlet cachedAnimate: AnimateFn | null | undefined; // undefined = pending, null = unavailable\n\nfunction loadMotionAnimate(): Promise<AnimateFn | null> {\n if (cachedAnimate !== undefined) return Promise.resolve(cachedAnimate);\n\n return import('motion')\n .then((m) => {\n cachedAnimate = m.animate as unknown as AnimateFn;\n return cachedAnimate;\n })\n .catch(() => {\n cachedAnimate = null;\n return null;\n });\n}\n\n// ---------------------------------------------------------------------------\n// Default spring configuration\n// ---------------------------------------------------------------------------\n\nconst DEFAULT_SPRING: SpringConfig = { stiffness: 500, damping: 30 };\n\n// ---------------------------------------------------------------------------\n// CVA Variants\n// ---------------------------------------------------------------------------\n\n/**\n * Layer 1: Transparent outer touch target (44x44px minimum)\n * This layer handles the WCAG 2.2 AAA touch target requirement\n * Always invisible, centers the visual switch inside\n */\nconst switchOuterVariants = cva(\n // Base styles - WCAG 2.2 AAA: 44x44px minimum touch target\n \"inline-flex shrink-0 cursor-pointer items-center justify-center min-h-[44px] min-w-[44px] disabled:cursor-not-allowed disabled:opacity-50 data-[readonly]:cursor-default\",\n {\n variants: {},\n defaultVariants: {},\n }\n);\n\n/**\n * Layer 2: Visual switch track/background (adjustable size)\n * This layer provides the visual appearance and size flexibility\n * Background color changes based on variant and selection state\n */\nconst switchTrackVariants = cva(\n // Base styles - visual track with transitions and focus states\n \"relative inline-flex shrink-0 items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n {\n variants: {\n variant: {\n // Default variant: Uses primary color when selected\n default:\n \"bg-[var(--border)] data-[selected]:bg-[var(--primary)]\",\n // Destructive variant: Uses destructive/error color when selected\n destructive:\n \"bg-[var(--border)] data-[selected]:bg-[var(--destructive-background)]\",\n },\n size: {\n // Small: h-6 w-10 (visual track size)\n sm: \"h-6 w-10\",\n // Default: h-7 w-12\n default: \"h-7 w-12\",\n // Large: h-8 w-14\n lg: \"h-8 w-14\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n);\n\n/**\n * Layer 3: Switch thumb (sliding circle)\n * Inner visual element that slides horizontally when switch is selected.\n * When spring animation is active, CSS transition is removed and\n * motion.dev controls the translateX via inline transform.\n */\nconst switchThumbVariants = cva(\n // Base styles: rounded circle with shadow\n \"pointer-events-none absolute left-0.5 rounded-full bg-[var(--content-background)] ring-0\",\n {\n variants: {\n size: {\n // Thumb is slightly smaller than track height for proper padding\n sm: \"h-4 w-4\",\n default: \"h-5 w-5\",\n lg: \"h-6 w-6\",\n },\n animated: {\n // When CSS handles the animation (motion.dev unavailable or disabled)\n false: \"transition-transform data-[selected]:translate-x-full\",\n // When motion.dev handles the animation — no CSS transition\n true: \"\",\n },\n },\n defaultVariants: {\n size: \"default\",\n animated: false,\n },\n }\n);\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport interface SwitchProps\n extends Omit<AriaSwitchProps, 'className' | 'children'>,\n VariantProps<typeof switchTrackVariants>,\n AnimatedProps {\n variant?: 'default' | 'destructive';\n size?: 'sm' | 'default' | 'lg';\n label?: string;\n description?: string;\n className?: string;\n /** Spring physics configuration. Default: { stiffness: 500, damping: 30 } */\n springConfig?: SpringConfig;\n}\n\n/**\n * Switch Component\n * Fully accessible toggle switch with React Aria and themed styling.\n * When `animated` is true (default) and motion.dev is installed,\n * the thumb uses spring physics for a natural bounce effect.\n */\nconst Switch = memo(forwardRef<HTMLLabelElement, SwitchProps>(\n (\n {\n className,\n variant,\n size,\n label,\n description,\n isDisabled,\n isReadOnly,\n animated,\n springConfig = DEFAULT_SPRING,\n onChange: onChangeProp,\n ...props\n },\n ref\n ) => {\n const prefersReducedMotion = useReducedMotion();\n const doAnimate = shouldAnimate(animated, prefersReducedMotion);\n\n const thumbRef = useRef<HTMLDivElement>(null);\n const motionReady = useRef(false);\n const animateRef = useRef<AnimateFn | null>(null);\n const activeAnimation = useRef<{ stop: () => void } | null>(null);\n\n // Preload motion.dev when animation is desired\n useEffect(() => {\n if (!doAnimate) return;\n\n loadMotionAnimate().then((fn) => {\n if (fn) {\n animateRef.current = fn;\n motionReady.current = true;\n\n // Set initial thumb position if already selected (no animation)\n if (thumbRef.current) {\n const isCurrentlySelected = thumbRef.current.hasAttribute('data-selected');\n thumbRef.current.style.transform = isCurrentlySelected\n ? 'translateX(100%)'\n : 'translateX(0)';\n }\n }\n });\n }, [doAnimate]);\n\n const handleChange = useCallback(\n (isSelected: boolean) => {\n // Forward to consumer's onChange\n onChangeProp?.(isSelected);\n\n // Trigger spring animation if motion is ready\n if (doAnimate && motionReady.current && animateRef.current && thumbRef.current) {\n // Stop any in-progress animation\n activeAnimation.current?.stop();\n\n activeAnimation.current = animateRef.current(\n thumbRef.current,\n { x: isSelected ? '100%' : '0%' },\n {\n type: 'spring',\n stiffness: springConfig.stiffness,\n damping: springConfig.damping,\n },\n );\n }\n },\n [doAnimate, springConfig.stiffness, springConfig.damping, onChangeProp],\n );\n\n // Use motion for thumb position when motion.dev is handling it\n const useMotionThumb = doAnimate;\n\n return (\n <AriaSwitch\n ref={ref}\n isDisabled={isDisabled}\n isReadOnly={isReadOnly}\n onChange={handleChange}\n className={(_classNameProps) =>\n cn(\n \"group inline-flex items-center gap-2\",\n isDisabled && \"cursor-not-allowed opacity-50\",\n className\n )\n }\n {...props}\n >\n {(renderProps) => (\n <>\n {/* Layer 1: Transparent outer touch target (44x44px WCAG compliant) */}\n <div\n className={cn(switchOuterVariants())}\n data-selected={renderProps.isSelected || undefined}\n data-readonly={isReadOnly || undefined}\n >\n {/* Layer 2: Visual switch track (adjustable size with variants) */}\n <div\n className={cn(\n switchTrackVariants({ variant, size }),\n DEFAULT_INTERACTIONS\n )}\n data-selected={renderProps.isSelected || undefined}\n >\n {/* Layer 3: Thumb (sliding circle, absolutely positioned) */}\n <div\n ref={thumbRef}\n className={cn(switchThumbVariants({\n size,\n animated: useMotionThumb,\n }))}\n data-selected={renderProps.isSelected || undefined}\n />\n </div>\n </div>\n\n {/* Optional label and description */}\n {(label || description) && (\n <div className=\"flex flex-col\">\n {label && (\n <span className=\"text-sm font-medium text-[var(--content-foreground)]\">\n {label}\n </span>\n )}\n {description && (\n <span className=\"text-xs text-[var(--menu-muted)]\">\n {description}\n </span>\n )}\n </div>\n )}\n </>\n )}\n </AriaSwitch>\n );\n }\n));\n\nSwitch.displayName = \"Switch\";\n\nexport { Switch, switchOuterVariants, switchTrackVariants, switchThumbVariants };\n","import { z } from 'zod';\n\n/**\n * Base props schema for all Themis components\n * Ensures consistent accessibility and styling APIs across the library\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements)\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AA minimum)\n */\nexport const BaseComponentPropsSchema = z.object({\n // Styling\n className: z.string().optional(),\n\n // React\n children: z.any().optional(), // ReactNode not directly supported by Zod\n id: z.string().optional(),\n\n // Accessibility (WCAG 2.2 AA requirements)\n 'aria-label': z.string().optional(),\n 'aria-labelledby': z.string().optional(),\n 'aria-describedby': z.string().optional(),\n 'aria-live': z.enum(['off', 'polite', 'assertive']).optional(),\n 'aria-hidden': z.boolean().optional(),\n\n // Testing & Development\n 'data-testid': z.string().optional(),\n});\n\nexport type BaseComponentProps = z.infer<typeof BaseComponentPropsSchema>;\n","import { z } from 'zod';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\nimport type { SwitchProps as AriaSwitchProps } from 'react-aria-components';\n\n/**\n * Switch props schema extending BaseComponentProps\n *\n * @see React Aria Switch: https://react-spectrum.adobe.com/react-aria/Switch.html\n * @see ShadCN Switch: https://ui.shadcn.com/docs/components/switch\n * @see spec.md (WCAG 2.2 AAA - 7:1 contrast, 44x44px touch targets)\n * @see constitution.md Principle IV (Accessibility First)\n */\nexport const SwitchPropsSchema = BaseComponentPropsSchema.extend({\n // State management (controlled/uncontrolled)\n isSelected: z.boolean().optional(),\n defaultSelected: z.boolean().optional().default(false),\n onChange: z.function().optional(),\n\n // Variants (matching Button pattern)\n variant: z\n .enum(['default', 'destructive'])\n .optional()\n .default('default'),\n\n // Sizes (3 sizes for consistency)\n size: z.enum(['sm', 'default', 'lg']).optional().default('default'),\n\n // States\n isDisabled: z.boolean().optional().default(false),\n isReadOnly: z.boolean().optional().default(false),\n\n // Labels (optional built-in labeling)\n label: z.string().optional(),\n description: z.string().optional(),\n\n // React Aria SwitchProps integration\n onFocus: z.function().optional(),\n onBlur: z.function().optional(),\n onFocusChange: z.function().optional(),\n autoFocus: z.boolean().optional(),\n\n // Animation (ADR 020 - Micro-Interaction Animation System)\n animated: z.boolean().optional().default(true),\n springConfig: z\n .object({\n stiffness: z.number(),\n damping: z.number(),\n })\n .optional(),\n});\n\nexport interface SwitchPropsOwn {\n className?: string;\n children?: unknown;\n id?: string;\n 'aria-label'?: string;\n 'aria-labelledby'?: string;\n 'aria-describedby'?: string;\n 'aria-hidden'?: boolean;\n 'data-testid'?: string;\n isSelected?: boolean;\n defaultSelected?: boolean;\n onChange?: (...args: unknown[]) => unknown;\n variant?: 'default' | 'destructive';\n size?: 'sm' | 'default' | 'lg';\n isDisabled?: boolean;\n isReadOnly?: boolean;\n label?: string;\n description?: string;\n onFocus?: (...args: unknown[]) => unknown;\n onBlur?: (...args: unknown[]) => unknown;\n onFocusChange?: (...args: unknown[]) => unknown;\n autoFocus?: boolean;\n animated?: boolean;\n springConfig?: { stiffness: number; damping: number };\n}\n\nexport type SwitchProps = SwitchPropsOwn &\n Omit<AriaSwitchProps, keyof SwitchPropsOwn>;\n\nexport type SwitchVariant = SwitchPropsOwn['variant'];\nexport type SwitchSize = SwitchPropsOwn['size'];\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/utils/shouldAnimate.ts","../../../src/hooks/useReducedMotion.ts","../../../src/styles/interaction-states.ts","../../../src/elements/Switch/Switch.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Switch/Switch.types.ts"],"names":["cn","inputs","twMerge","clsx","shouldAnimate","animated","prefersReducedMotion","QUERY","getInitialState","useReducedMotion","setPrefersReducedMotion","useState","useEffect","mql","handler","event","FOCUS_STYLES","PRESSED_STYLES","HIGH_CONTRAST_FOCUS","HIGH_CONTRAST_HOVER","HIGH_CONTRAST_PRESSED","DEFAULT_INTERACTIONS","cachedAnimate","loadMotionAnimate","m","DEFAULT_SPRING","switchOuterVariants","cva","switchTrackVariants","switchThumbVariants","Switch","memo","forwardRef","className","variant","size","label","description","isDisabled","isReadOnly","springConfig","onChangeProp","props","ref","doAnimate","thumbRef","useRef","motionReady","animateRef","activeAnimation","fn","isCurrentlySelected","handleChange","useCallback","isSelected","useMotionThumb","jsx","AriaSwitch","_classNameProps","renderProps","jsxs","Fragment","BaseComponentPropsSchema","z","SwitchPropsSchema"],"mappings":"mSAcO,SAASA,CAAAA,CAAAA,GAAMC,CAAAA,CAA8B,CAClD,OAAOC,OAAAA,CAAQC,KAAKF,CAAM,CAAC,CAC7B,CCNO,SAASG,EACdC,CAAAA,CACAC,CAAAA,CACS,CAET,OADI,EAAAD,IAAa,KAAA,EACbC,CAAAA,CAEN,CCbA,IAAMC,CAAAA,CAAQ,mCAEd,SAASC,CAAAA,EAA2B,CAClC,OAAI,OAAO,OAAW,GAAA,CAAoB,KAAA,CACnC,OAAO,UAAA,CAAWD,CAAK,EAAE,OAClC,CASO,SAASE,CAAAA,EAA4B,CAC1C,GAAM,CAACH,CAAAA,CAAsBI,CAAuB,CAAA,CAAIC,QAAAA,CAASH,CAAe,CAAA,CAEhF,OAAAI,UAAU,IAAM,CACd,IAAMC,CAAAA,CAAM,MAAA,CAAO,WAAWN,CAAK,CAAA,CACnCG,CAAAA,CAAwBG,CAAAA,CAAI,OAAO,CAAA,CAEnC,IAAMC,EAAWC,CAAAA,EAAqC,CACpDL,EAAwBK,CAAAA,CAAM,OAAO,EACvC,CAAA,CAEA,OAAAF,EAAI,gBAAA,CAAiB,QAAA,CAAUC,CAAO,CAAA,CAC/B,IAAMD,EAAI,mBAAA,CAAoB,QAAA,CAAUC,CAAO,CACxD,CAAA,CAAG,EAAE,CAAA,CAEER,CACT,CCdO,IAAMU,EAAe,+GAAA,CAUfC,CAAAA,CAAiB,8BA4BvB,IAAMC,CAAAA,CAAsB,wJAMtBC,CAAAA,CAAsB,4FAAA,CAMtBC,EAAwB,+HAAA,CAuB9B,IAAMC,CAAAA,CAAuB,GAAGL,CAAY,CAAA,CAAA,EAAIC,CAAc,CAAA,EAAA,EAAoBC,CAAmB,IAAIC,CAAmB,CAAA,CAAA,EAAIC,CAAqB,CAAA,CAAA,CC1D5J,IAAIE,CAAAA,CAEJ,SAASC,IAA+C,CACtD,OAAID,IAAkB,MAAA,CAAkB,OAAA,CAAQ,QAAQA,CAAa,CAAA,CAE9D,OAAO,QAAQ,CAAA,CACnB,KAAME,CAAAA,GACLF,CAAAA,CAAgBE,CAAAA,CAAE,OAAA,CACXF,EACR,CAAA,CACA,KAAA,CAAM,KACLA,CAAAA,CAAgB,IAAA,CACT,KACR,CACL,KAMMG,EAAAA,CAA+B,CAAE,UAAW,GAAA,CAAK,OAAA,CAAS,EAAG,CAAA,CAW7DC,CAAAA,CAAsBC,IAE1B,0KAAA,CACA,CACE,SAAU,EAAC,CACX,gBAAiB,EACnB,CACF,CAAA,CAOMC,CAAAA,CAAsBD,IAE1B,yPAAA,CACA,CACE,SAAU,CACR,OAAA,CAAS,CAEP,OAAA,CACE,wDAAA,CAEF,YACE,uEACJ,CAAA,CACA,KAAM,CAEJ,EAAA,CAAI,WAEJ,OAAA,CAAS,UAAA,CAET,GAAI,UACN,CACF,EACA,eAAA,CAAiB,CACf,QAAS,SAAA,CACT,IAAA,CAAM,SACR,CACF,CACF,EAQME,CAAAA,CAAsBF,GAAAA,CAE1B,2FACA,CACE,QAAA,CAAU,CACR,IAAA,CAAM,CAEJ,GAAI,SAAA,CACJ,OAAA,CAAS,UACT,EAAA,CAAI,SACN,EACA,QAAA,CAAU,CAER,MAAO,uDAAA,CAEP,IAAA,CAAM,EACR,CACF,CAAA,CACA,gBAAiB,CACf,IAAA,CAAM,UACN,QAAA,CAAU,KACZ,CACF,CACF,CAAA,CAyBMG,CAAAA,CAASC,IAAAA,CAAKC,WAClB,CACE,CACE,UAAAC,CAAAA,CACA,OAAA,CAAAC,EACA,IAAA,CAAAC,CAAAA,CACA,MAAAC,CAAAA,CACA,WAAA,CAAAC,EACA,UAAA,CAAAC,CAAAA,CACA,WAAAC,CAAAA,CACA,QAAA,CAAAlC,EACA,YAAA,CAAAmC,CAAAA,CAAef,GACf,QAAA,CAAUgB,CAAAA,CACV,GAAGC,CACL,CAAA,CACAC,IACG,CACH,IAAMrC,EAAuBG,CAAAA,EAAiB,CACxCmC,EAAYxC,CAAAA,CAAcC,CAAAA,CAAUC,CAAoB,CAAA,CAExDuC,CAAAA,CAAWC,OAAuB,IAAI,CAAA,CACtCC,EAAcD,MAAAA,CAAO,KAAK,EAC1BE,CAAAA,CAAaF,MAAAA,CAAyB,IAAI,CAAA,CAC1CG,CAAAA,CAAkBH,OAAoC,IAAI,CAAA,CAGhElC,UAAU,IAAM,CACTgC,GAELrB,EAAAA,EAAkB,CAAE,KAAM2B,CAAAA,EAAO,CAC/B,GAAIA,CAAAA,GACFF,CAAAA,CAAW,QAAUE,CAAAA,CACrBH,CAAAA,CAAY,QAAU,IAAA,CAGlBF,CAAAA,CAAS,SAAS,CACpB,IAAMM,EAAsBN,CAAAA,CAAS,OAAA,CAAQ,aAAa,eAAe,CAAA,CACzEA,EAAS,OAAA,CAAQ,KAAA,CAAM,UAAYM,CAAAA,CAC/B,kBAAA,CACA,gBACN,CAEJ,CAAC,EACH,CAAA,CAAG,CAACP,CAAS,CAAC,EAEd,IAAMQ,CAAAA,CAAeC,YAClBC,CAAAA,EAAwB,CAEvBb,IAAea,CAAU,CAAA,CAGrBV,GAAaG,CAAAA,CAAY,OAAA,EAAWC,EAAW,OAAA,EAAWH,CAAAA,CAAS,UAErEI,CAAAA,CAAgB,OAAA,EAAS,MAAK,CAE9BA,CAAAA,CAAgB,QAAUD,CAAAA,CAAW,OAAA,CACnCH,EAAS,OAAA,CACT,CAAE,EAAGS,CAAAA,CAAa,MAAA,CAAS,IAAK,CAAA,CAChC,CACE,KAAM,QAAA,CACN,SAAA,CAAWd,EAAa,SAAA,CACxB,OAAA,CAASA,EAAa,OACxB,CACF,GAEJ,CAAA,CACA,CAACI,EAAWJ,CAAAA,CAAa,SAAA,CAAWA,EAAa,OAAA,CAASC,CAAY,CACxE,CAAA,CAGMc,CAAAA,CAAiBX,EAEvB,OACEY,GAAAA,CAACC,OAAA,CACC,GAAA,CAAKd,EACL,UAAA,CAAYL,CAAAA,CACZ,WAAYC,CAAAA,CACZ,QAAA,CAAUa,EACV,SAAA,CAAYM,CAAAA,EACV1D,EASE,+CAAA,CACAsC,CAAAA,EAAc,gCACdL,CACF,CAAA,CAED,GAAGS,CAAAA,CAEH,QAAA,CAACiB,GACAC,IAAAA,CAAAC,QAAAA,CAAA,CAEE,QAAA,CAAA,CAAAL,GAAAA,CAAC,OACC,SAAA,CAAWxD,CAAAA,CAAG0B,GAAqB,CAAA,CACnC,gBAAeiC,CAAAA,CAAY,UAAA,EAAc,MAAA,CACzC,eAAA,CAAepB,GAAc,MAAA,CAG7B,QAAA,CAAAiB,IAAC,KAAA,CAAA,CACC,SAAA,CAAWxD,EACT4B,CAAAA,CAAoB,CAAE,QAAAM,CAAAA,CAAS,IAAA,CAAAC,CAAK,CAAC,CAAA,CACrCd,CACF,CAAA,CACA,eAAA,CAAesC,EAAY,UAAA,EAAc,MAAA,CAGzC,SAAAH,GAAAA,CAAC,KAAA,CAAA,CACC,IAAKX,CAAAA,CACL,SAAA,CAAW7C,EAAG6B,CAAAA,CAAoB,CAChC,KAAAM,CAAAA,CACA,QAAA,CAAUoB,CACZ,CAAC,CAAC,EACF,eAAA,CAAeI,CAAAA,CAAY,YAAc,MAAA,CAC3C,CAAA,CACF,EACF,CAAA,CAAA,CAGEvB,CAAAA,EAASC,IACTuB,IAAAA,CAAC,KAAA,CAAA,CAAI,UAAU,eAAA,CACZ,QAAA,CAAA,CAAAxB,GACCoB,GAAAA,CAAC,MAAA,CAAA,CAAK,UAAU,sDAAA,CACb,QAAA,CAAApB,EACH,CAAA,CAEDC,CAAAA,EACCmB,IAAC,MAAA,CAAA,CAAK,SAAA,CAAU,mCACb,QAAA,CAAAnB,CAAAA,CACH,GAEJ,CAAA,CAAA,CAEJ,CAAA,CAEJ,CAEJ,CACF,CAAC,EAEDP,CAAAA,CAAO,WAAA,CAAc,SC3Sd,IAAMgC,CAAAA,CAA2BC,CAAAA,CAAE,OAAO,CAE/C,SAAA,CAAWA,EAAE,MAAA,EAAO,CAAE,QAAA,EAAS,CAG/B,SAAUA,CAAAA,CAAE,GAAA,GAAM,QAAA,EAAS,CAC3B,GAAIA,CAAAA,CAAE,MAAA,GAAS,QAAA,EAAS,CAGxB,aAAcA,CAAAA,CAAE,MAAA,GAAS,QAAA,EAAS,CAClC,kBAAmBA,CAAAA,CAAE,MAAA,GAAS,QAAA,EAAS,CACvC,mBAAoBA,CAAAA,CAAE,MAAA,GAAS,QAAA,EAAS,CACxC,YAAaA,CAAAA,CAAE,IAAA,CAAK,CAAC,KAAA,CAAO,QAAA,CAAU,WAAW,CAAC,CAAA,CAAE,UAAS,CAC7D,aAAA,CAAeA,EAAE,OAAA,EAAQ,CAAE,UAAS,CAGpC,aAAA,CAAeA,EAAE,MAAA,EAAO,CAAE,UAC5B,CAAC,ECdM,IAAMC,EAAAA,CAAoBF,EAAyB,MAAA,CAAO,CAE/D,WAAYC,CAAAA,CAAE,OAAA,GAAU,QAAA,EAAS,CACjC,gBAAiBA,CAAAA,CAAE,OAAA,GAAU,QAAA,EAAS,CAAE,QAAQ,KAAK,CAAA,CACrD,SAAUA,CAAAA,CAAE,QAAA,GAAW,QAAA,EAAS,CAGhC,QAASA,CAAAA,CACN,IAAA,CAAK,CAAC,SAAA,CAAW,aAAa,CAAC,CAAA,CAC/B,QAAA,GACA,OAAA,CAAQ,SAAS,EAGpB,IAAA,CAAMA,CAAAA,CAAE,KAAK,CAAC,IAAA,CAAM,UAAW,IAAI,CAAC,EAAE,QAAA,EAAS,CAAE,QAAQ,SAAS,CAAA,CAGlE,WAAYA,CAAAA,CAAE,OAAA,GAAU,QAAA,EAAS,CAAE,QAAQ,KAAK,CAAA,CAChD,WAAYA,CAAAA,CAAE,OAAA,GAAU,QAAA,EAAS,CAAE,QAAQ,KAAK,CAAA,CAGhD,MAAOA,CAAAA,CAAE,MAAA,GAAS,QAAA,EAAS,CAC3B,YAAaA,CAAAA,CAAE,MAAA,GAAS,QAAA,EAAS,CAGjC,QAASA,CAAAA,CAAE,QAAA,GAAW,QAAA,EAAS,CAC/B,OAAQA,CAAAA,CAAE,QAAA,GAAW,QAAA,EAAS,CAC9B,cAAeA,CAAAA,CAAE,QAAA,GAAW,QAAA,EAAS,CACrC,UAAWA,CAAAA,CAAE,OAAA,GAAU,QAAA,EAAS,CAGhC,SAAUA,CAAAA,CAAE,OAAA,GAAU,QAAA,EAAS,CAAE,QAAQ,IAAI,CAAA,CAC7C,aAAcA,CAAAA,CACX,MAAA,CAAO,CACN,SAAA,CAAWA,CAAAA,CAAE,QAAO,CACpB,OAAA,CAASA,EAAE,MAAA,EACb,CAAC,CAAA,CACA,QAAA,EACL,CAAC","file":"index.mjs","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n return twMerge(clsx(inputs));\n}\n","/**\n * Determines whether a component should animate.\n *\n * Returns `false` if:\n * - The `animated` prop is explicitly `false`\n * - The user prefers reduced motion\n *\n * @param animated - The component's `animated` prop value (default: `true`)\n * @param prefersReducedMotion - Whether the user prefers reduced motion\n */\nexport function shouldAnimate(\n animated: boolean | undefined,\n prefersReducedMotion: boolean,\n): boolean {\n if (animated === false) return false;\n if (prefersReducedMotion) return false;\n return true;\n}\n","'use client';\n\nimport { useState, useEffect } from 'react';\n\nconst QUERY = '(prefers-reduced-motion: reduce)';\n\nfunction getInitialState(): boolean {\n if (typeof window === 'undefined') return false;\n return window.matchMedia(QUERY).matches;\n}\n\n/**\n * Detects whether the user prefers reduced motion.\n *\n * - SSR-safe (returns `false` on the server)\n * - Reacts to changes in the OS preference\n * - Cleans up the listener on unmount\n */\nexport function useReducedMotion(): boolean {\n const [prefersReducedMotion, setPrefersReducedMotion] = useState(getInitialState);\n\n useEffect(() => {\n const mql = window.matchMedia(QUERY);\n setPrefersReducedMotion(mql.matches);\n\n const handler = (event: MediaQueryListEvent): void => {\n setPrefersReducedMotion(event.matches);\n };\n\n mql.addEventListener('change', handler);\n return () => mql.removeEventListener('change', handler);\n }, []);\n\n return prefersReducedMotion;\n}\n","/**\n * Global Interaction State Styles\n *\n * Consistent interaction patterns across all Themis components.\n * These styles ensure WCAG 2.2 AAA compliance and predictable UX.\n *\n * @see spec.md FR-010 (Visible focus ring for keyboard navigation)\n * @see spec.md FR-031 (Pressed state feedback)\n * @see spec.md FR-012 (High contrast mode support)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\n/**\n * Focus state styles (FR-010)\n * Visible focus ring for keyboard navigation - WCAG 2.2 Level AAA\n *\n * Components can override by extending these styles:\n * @example\n * cn(FOCUS_STYLES, \"ring-4\") // Increases ring width to 4px\n */\nexport const FOCUS_STYLES = \"data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2\";\n\n/**\n * Pressed/Active state styles (FR-031)\n * Visual feedback for press interactions\n *\n * Components can override the scale amount:\n * @example\n * cn(PRESSED_STYLES_BASE, \"data-[pressed]:scale-[0.95]\") // More pronounced scale\n */\nexport const PRESSED_STYLES = \"data-[pressed]:scale-[0.97]\";\n\n/**\n * Base pressed styles without scale (for components that need different feedback)\n */\nexport const PRESSED_STYLES_BASE = \"data-[pressed]:transition-transform data-[pressed]:duration-100\";\n\n/**\n * Hover state styles\n * Elevation change on hover for better affordance\n *\n * Components can override shadow depth:\n * @example\n * cn(HOVER_STYLES_BASE, \"data-[hovered]:shadow-lg\") // Larger shadow\n */\nexport const HOVER_STYLES = \"\";\n\n/**\n * Base hover styles without shadow (for components that use different hover effects)\n */\nexport const HOVER_STYLES_BASE = \"data-[hovered]:transition-shadow data-[hovered]:duration-200\";\n\n/**\n * High contrast mode focus (FR-012)\n * Enhanced outlines for users requiring high contrast\n *\n * Uses 'hc:' prefix for prefers-contrast: more media query\n */\nexport const HIGH_CONTRAST_FOCUS = \"hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground\";\n\n/**\n * High contrast mode hover (FR-012)\n * Enhanced outlines for hover in high contrast mode\n */\nexport const HIGH_CONTRAST_HOVER = \"hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground\";\n\n/**\n * High contrast mode pressed state\n * Enhanced outlines for pressed state in high contrast mode\n */\nexport const HIGH_CONTRAST_PRESSED = \"hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground\";\n\n/**\n * Combined high contrast styles\n * Use this for components that need all high contrast interaction states\n */\nexport const HIGH_CONTRAST_INTERACTIONS = `${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Disabled state styles\n * Consistent disabled appearance across all components\n */\nexport const DISABLED_STYLES = \"disabled:pointer-events-none disabled:opacity-50\";\n\n/**\n * Default interaction bundle\n * Most common combination for interactive components\n *\n * Includes: focus ring, pressed scale, hover shadow, high contrast enhancements\n *\n * @example\n * <button className={cn(DEFAULT_INTERACTIONS, \"bg-primary\")}>Click</button>\n */\nexport const DEFAULT_INTERACTIONS = `${FOCUS_STYLES} ${PRESSED_STYLES} ${HOVER_STYLES} ${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Subtle interaction bundle\n * For components that need less pronounced feedback\n *\n * Includes: focus ring and high contrast, but no hover shadow or pressed scale\n */\nexport const SUBTLE_INTERACTIONS = `${FOCUS_STYLES} ${HIGH_CONTRAST_FOCUS}`;\n\n/**\n * Non-interactive element styles\n * For elements that should indicate they are not interactive\n */\nexport const NON_INTERACTIVE = \"cursor-default select-none\";\n","\"use client\";\n\n/**\n * Switch Component\n * Accessible toggle switch with React Aria primitives and CVA styling.\n * Supports optional spring animation via motion.dev.\n *\n * @see React Aria Switch: https://react-spectrum.adobe.com/react-aria/Switch.html\n * @see ShadCN Switch: https://ui.shadcn.com/docs/components/switch\n * @see spec.md (WCAG 2.2 AAA - 7:1 contrast ratio, 44x44px touch targets)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\nimport { forwardRef, memo, useRef, useEffect, useCallback } from 'react';\nimport {\n Switch as AriaSwitch,\n type SwitchProps as AriaSwitchProps,\n} from 'react-aria-components';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { shouldAnimate } from '../../utils/shouldAnimate';\nimport { useReducedMotion } from '../../hooks/useReducedMotion';\nimport { DEFAULT_INTERACTIONS } from '../../styles/interaction-states';\nimport type { AnimatedProps, SpringConfig } from '../../types/animation';\n\n// ---------------------------------------------------------------------------\n// Motion lazy-loader — avoids hard dep on optional peer\n// ---------------------------------------------------------------------------\n\ntype AnimateFn = (\n element: Element,\n keyframes: Record<string, string | number>,\n options?: Record<string, unknown>,\n) => { stop: () => void };\n\nlet cachedAnimate: AnimateFn | null | undefined; // undefined = pending, null = unavailable\n\nfunction loadMotionAnimate(): Promise<AnimateFn | null> {\n if (cachedAnimate !== undefined) return Promise.resolve(cachedAnimate);\n\n return import('motion')\n .then((m) => {\n cachedAnimate = m.animate as unknown as AnimateFn;\n return cachedAnimate;\n })\n .catch(() => {\n cachedAnimate = null;\n return null;\n });\n}\n\n// ---------------------------------------------------------------------------\n// Default spring configuration\n// ---------------------------------------------------------------------------\n\nconst DEFAULT_SPRING: SpringConfig = { stiffness: 500, damping: 30 };\n\n// ---------------------------------------------------------------------------\n// CVA Variants\n// ---------------------------------------------------------------------------\n\n/**\n * Layer 1: Transparent outer touch target (44x44px minimum)\n * This layer handles the WCAG 2.2 AAA touch target requirement\n * Always invisible, centers the visual switch inside\n */\nconst switchOuterVariants = cva(\n // Base styles - WCAG 2.2 AAA: 44x44px minimum touch target\n \"inline-flex shrink-0 cursor-pointer items-center justify-center min-h-[44px] min-w-[44px] disabled:cursor-not-allowed disabled:opacity-50 data-[readonly]:cursor-default\",\n {\n variants: {},\n defaultVariants: {},\n }\n);\n\n/**\n * Layer 2: Visual switch track/background (adjustable size)\n * This layer provides the visual appearance and size flexibility\n * Background color changes based on variant and selection state\n */\nconst switchTrackVariants = cva(\n // Base styles - visual track with transitions and focus states\n \"relative inline-flex shrink-0 items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n {\n variants: {\n variant: {\n // Default variant: Uses primary color when selected\n default:\n \"bg-[var(--border)] data-[selected]:bg-[var(--primary)]\",\n // Destructive variant: Uses destructive/error color when selected\n destructive:\n \"bg-[var(--border)] data-[selected]:bg-[var(--destructive-background)]\",\n },\n size: {\n // Small: h-6 w-10 (visual track size)\n sm: \"h-6 w-10\",\n // Default: h-7 w-12\n default: \"h-7 w-12\",\n // Large: h-8 w-14\n lg: \"h-8 w-14\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n);\n\n/**\n * Layer 3: Switch thumb (sliding circle)\n * Inner visual element that slides horizontally when switch is selected.\n * When spring animation is active, CSS transition is removed and\n * motion.dev controls the translateX via inline transform.\n */\nconst switchThumbVariants = cva(\n // Base styles: rounded circle with shadow\n \"pointer-events-none absolute left-0.5 rounded-full bg-[var(--content-background)] ring-0\",\n {\n variants: {\n size: {\n // Thumb is slightly smaller than track height for proper padding\n sm: \"h-4 w-4\",\n default: \"h-5 w-5\",\n lg: \"h-6 w-6\",\n },\n animated: {\n // When CSS handles the animation (motion.dev unavailable or disabled)\n false: \"transition-transform data-[selected]:translate-x-full\",\n // When motion.dev handles the animation — no CSS transition\n true: \"\",\n },\n },\n defaultVariants: {\n size: \"default\",\n animated: false,\n },\n }\n);\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport interface SwitchProps\n extends Omit<AriaSwitchProps, 'className' | 'children'>,\n VariantProps<typeof switchTrackVariants>,\n AnimatedProps {\n variant?: 'default' | 'destructive';\n size?: 'sm' | 'default' | 'lg';\n label?: string;\n description?: string;\n className?: string;\n /** Spring physics configuration. Default: { stiffness: 500, damping: 30 } */\n springConfig?: SpringConfig;\n}\n\n/**\n * Switch Component\n * Fully accessible toggle switch with React Aria and themed styling.\n * When `animated` is true (default) and motion.dev is installed,\n * the thumb uses spring physics for a natural bounce effect.\n */\nconst Switch = memo(forwardRef<HTMLLabelElement, SwitchProps>(\n (\n {\n className,\n variant,\n size,\n label,\n description,\n isDisabled,\n isReadOnly,\n animated,\n springConfig = DEFAULT_SPRING,\n onChange: onChangeProp,\n ...props\n },\n ref\n ) => {\n const prefersReducedMotion = useReducedMotion();\n const doAnimate = shouldAnimate(animated, prefersReducedMotion);\n\n const thumbRef = useRef<HTMLDivElement>(null);\n const motionReady = useRef(false);\n const animateRef = useRef<AnimateFn | null>(null);\n const activeAnimation = useRef<{ stop: () => void } | null>(null);\n\n // Preload motion.dev when animation is desired\n useEffect(() => {\n if (!doAnimate) return;\n\n loadMotionAnimate().then((fn) => {\n if (fn) {\n animateRef.current = fn;\n motionReady.current = true;\n\n // Set initial thumb position if already selected (no animation)\n if (thumbRef.current) {\n const isCurrentlySelected = thumbRef.current.hasAttribute('data-selected');\n thumbRef.current.style.transform = isCurrentlySelected\n ? 'translateX(100%)'\n : 'translateX(0)';\n }\n }\n });\n }, [doAnimate]);\n\n const handleChange = useCallback(\n (isSelected: boolean) => {\n // Forward to consumer's onChange\n onChangeProp?.(isSelected);\n\n // Trigger spring animation if motion is ready\n if (doAnimate && motionReady.current && animateRef.current && thumbRef.current) {\n // Stop any in-progress animation\n activeAnimation.current?.stop();\n\n activeAnimation.current = animateRef.current(\n thumbRef.current,\n { x: isSelected ? '100%' : '0%' },\n {\n type: 'spring',\n stiffness: springConfig.stiffness,\n damping: springConfig.damping,\n },\n );\n }\n },\n [doAnimate, springConfig.stiffness, springConfig.damping, onChangeProp],\n );\n\n // Use motion for thumb position when motion.dev is handling it\n const useMotionThumb = doAnimate;\n\n return (\n <AriaSwitch\n ref={ref}\n isDisabled={isDisabled}\n isReadOnly={isReadOnly}\n onChange={handleChange}\n className={(_classNameProps) =>\n cn(\n // `relative` is load-bearing: React Aria renders the real <input>\n // inside a VisuallyHidden span (position:absolute, auto offsets).\n // Without a positioned ancestor its containing block becomes the\n // document, so the input is laid out at its static Y deep in tall\n // scroll content and EXTENDS the page's scroll height — a phantom\n // blank band + a second (window) scrollbar. `relative` confines the\n // hidden input to this switch's box. (The `relative` on the track\n // sub-element is a sibling of the span, so it doesn't help here.)\n \"group relative inline-flex items-center gap-2\",\n isDisabled && \"cursor-not-allowed opacity-50\",\n className\n )\n }\n {...props}\n >\n {(renderProps) => (\n <>\n {/* Layer 1: Transparent outer touch target (44x44px WCAG compliant) */}\n <div\n className={cn(switchOuterVariants())}\n data-selected={renderProps.isSelected || undefined}\n data-readonly={isReadOnly || undefined}\n >\n {/* Layer 2: Visual switch track (adjustable size with variants) */}\n <div\n className={cn(\n switchTrackVariants({ variant, size }),\n DEFAULT_INTERACTIONS\n )}\n data-selected={renderProps.isSelected || undefined}\n >\n {/* Layer 3: Thumb (sliding circle, absolutely positioned) */}\n <div\n ref={thumbRef}\n className={cn(switchThumbVariants({\n size,\n animated: useMotionThumb,\n }))}\n data-selected={renderProps.isSelected || undefined}\n />\n </div>\n </div>\n\n {/* Optional label and description */}\n {(label || description) && (\n <div className=\"flex flex-col\">\n {label && (\n <span className=\"text-sm font-medium text-[var(--content-foreground)]\">\n {label}\n </span>\n )}\n {description && (\n <span className=\"text-xs text-[var(--menu-muted)]\">\n {description}\n </span>\n )}\n </div>\n )}\n </>\n )}\n </AriaSwitch>\n );\n }\n));\n\nSwitch.displayName = \"Switch\";\n\nexport { Switch, switchOuterVariants, switchTrackVariants, switchThumbVariants };\n","import { z } from 'zod';\n\n/**\n * Base props schema for all Themis components\n * Ensures consistent accessibility and styling APIs across the library\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements)\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AA minimum)\n */\nexport const BaseComponentPropsSchema = z.object({\n // Styling\n className: z.string().optional(),\n\n // React\n children: z.any().optional(), // ReactNode not directly supported by Zod\n id: z.string().optional(),\n\n // Accessibility (WCAG 2.2 AA requirements)\n 'aria-label': z.string().optional(),\n 'aria-labelledby': z.string().optional(),\n 'aria-describedby': z.string().optional(),\n 'aria-live': z.enum(['off', 'polite', 'assertive']).optional(),\n 'aria-hidden': z.boolean().optional(),\n\n // Testing & Development\n 'data-testid': z.string().optional(),\n});\n\nexport type BaseComponentProps = z.infer<typeof BaseComponentPropsSchema>;\n","import { z } from 'zod';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\nimport type { SwitchProps as AriaSwitchProps } from 'react-aria-components';\n\n/**\n * Switch props schema extending BaseComponentProps\n *\n * @see React Aria Switch: https://react-spectrum.adobe.com/react-aria/Switch.html\n * @see ShadCN Switch: https://ui.shadcn.com/docs/components/switch\n * @see spec.md (WCAG 2.2 AAA - 7:1 contrast, 44x44px touch targets)\n * @see constitution.md Principle IV (Accessibility First)\n */\nexport const SwitchPropsSchema = BaseComponentPropsSchema.extend({\n // State management (controlled/uncontrolled)\n isSelected: z.boolean().optional(),\n defaultSelected: z.boolean().optional().default(false),\n onChange: z.function().optional(),\n\n // Variants (matching Button pattern)\n variant: z\n .enum(['default', 'destructive'])\n .optional()\n .default('default'),\n\n // Sizes (3 sizes for consistency)\n size: z.enum(['sm', 'default', 'lg']).optional().default('default'),\n\n // States\n isDisabled: z.boolean().optional().default(false),\n isReadOnly: z.boolean().optional().default(false),\n\n // Labels (optional built-in labeling)\n label: z.string().optional(),\n description: z.string().optional(),\n\n // React Aria SwitchProps integration\n onFocus: z.function().optional(),\n onBlur: z.function().optional(),\n onFocusChange: z.function().optional(),\n autoFocus: z.boolean().optional(),\n\n // Animation (ADR 020 - Micro-Interaction Animation System)\n animated: z.boolean().optional().default(true),\n springConfig: z\n .object({\n stiffness: z.number(),\n damping: z.number(),\n })\n .optional(),\n});\n\nexport interface SwitchPropsOwn {\n className?: string;\n children?: unknown;\n id?: string;\n 'aria-label'?: string;\n 'aria-labelledby'?: string;\n 'aria-describedby'?: string;\n 'aria-hidden'?: boolean;\n 'data-testid'?: string;\n isSelected?: boolean;\n defaultSelected?: boolean;\n onChange?: (...args: unknown[]) => unknown;\n variant?: 'default' | 'destructive';\n size?: 'sm' | 'default' | 'lg';\n isDisabled?: boolean;\n isReadOnly?: boolean;\n label?: string;\n description?: string;\n onFocus?: (...args: unknown[]) => unknown;\n onBlur?: (...args: unknown[]) => unknown;\n onFocusChange?: (...args: unknown[]) => unknown;\n autoFocus?: boolean;\n animated?: boolean;\n springConfig?: { stiffness: number; damping: number };\n}\n\nexport type SwitchProps = SwitchPropsOwn &\n Omit<AriaSwitchProps, keyof SwitchPropsOwn>;\n\nexport type SwitchVariant = SwitchPropsOwn['variant'];\nexport type SwitchSize = SwitchPropsOwn['size'];\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
'use strict';var react=require('react'),reactAriaComponents=require('react-aria-components'),classVarianceAuthority=require('class-variance-authority'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime'),lucideReact=require('lucide-react');function g(...t){return tailwindMerge.twMerge(clsx.clsx(t))}var X="data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2",me="data-[pressed]:scale-[0.97]";var K="hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground",Q="hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground",J="hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground";var Le=classVarianceAuthority.cva(["group inline-flex items-center gap-2 cursor-pointer","transition-colors duration-200","rtl:flex-row-reverse",X,K].join(" "),{variants:{size:{sm:"min-h-[44px] text-sm",default:"min-h-[44px] text-sm",lg:"min-h-[48px] text-base"},isDisabled:{true:"opacity-50 cursor-not-allowed",false:""}},defaultVariants:{size:"default",isDisabled:false}}),Be=classVarianceAuthority.cva("flex-shrink-0 rounded-sm border-2 bg-[var(--content-background)] flex items-center justify-center transition-colors duration-200 motion-safe:data-[selected]:selection-pulse",{variants:{variant:{default:["border-[var(--border)]","data-[selected]:border-[var(--primary)]","data-[selected]:bg-[var(--primary)]","data-[indeterminate]:border-[var(--primary)]","data-[indeterminate]:bg-[var(--primary)]"].join(" "),destructive:["border-[var(--border)]","data-[selected]:border-[var(--destructive-background)]","data-[selected]:bg-[var(--destructive-background)]","data-[indeterminate]:border-[var(--destructive-background)]","data-[indeterminate]:bg-[var(--destructive-background)]"].join(" ")},size:{sm:"h-4 w-4",default:"h-5 w-5",lg:"h-6 w-6"},isInvalid:{true:"border-[var(--destructive-background)]",false:""}},defaultVariants:{variant:"default",size:"default",isInvalid:false}}),Pe=classVarianceAuthority.cva(["transition-transform duration-200","[transition-timing-function:cubic-bezier(0.34,1.56,0.64,1)]","motion-reduce:transition-none","scale-0 data-[selected]:scale-100 data-[indeterminate]:scale-100"].join(" "),{variants:{variant:{default:"text-[var(--primary-foreground)]",destructive:"text-[var(--destructive-foreground)]"},size:{sm:"h-3 w-3",default:"h-3.5 w-3.5",lg:"h-4 w-4"}},defaultVariants:{variant:"default",size:"default"}});function He({className:t,...e}){return jsxRuntime.jsx("svg",{className:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",...e,children:jsxRuntime.jsx("polyline",{points:"20 6 9 17 4 12"})})}function De({className:t,...e}){return jsxRuntime.jsx("svg",{className:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",...e,children:jsxRuntime.jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"})})}var H=react.forwardRef(({isSelected:t,defaultSelected:e,isDisabled:a,isReadOnly:r,isIndeterminate:n,isInvalid:l=false,isRequired:o=false,onChange:s,onFocusChange:i,value:p,name:y,size:d="default",variant:m="default",label:S,description:T,selectedIcon:f,className:v,id:E,"aria-label":b,"aria-labelledby":N,"aria-describedby":I,"data-testid":k,slot:O},R)=>{let c=a||void 0,_=r||void 0,C=n||void 0,L=(V,u)=>{let x=g(Pe({variant:m,size:d})),P=V||void 0,$=u||void 0;if(u)return jsxRuntime.jsx(De,{className:x,"data-selected":P,"data-indeterminate":$});if(f&&V){if(react.isValidElement(f)){let ke=f;return react.cloneElement(ke,{className:g(x,ke.props.className),"data-selected":P})}return jsxRuntime.jsx("span",{className:x,"data-selected":P,children:f})}return jsxRuntime.jsx(He,{className:x,"data-selected":P,"data-indeterminate":$})};return jsxRuntime.jsx(reactAriaComponents.Checkbox,{ref:R,id:E,isSelected:t,defaultSelected:e,isDisabled:c,isReadOnly:_,isIndeterminate:C,isInvalid:l,isRequired:o,onChange:s,onFocusChange:i,value:p,name:y,slot:O,"aria-label":b,"aria-labelledby":N,"aria-describedby":I,"data-testid":k,className:V=>g(Le({size:d,isDisabled:V.isDisabled}),v),children:V=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:Be({variant:m,size:d,isInvalid:V.isInvalid}),"data-selected":V.isSelected||void 0,"data-indeterminate":V.isIndeterminate||void 0,children:L(V.isSelected,V.isIndeterminate)}),(S||T)&&jsxRuntime.jsxs("div",{className:"flex flex-col",children:[S&&jsxRuntime.jsx("span",{className:"font-medium text-[var(--content-foreground)]",children:S}),T&&jsxRuntime.jsx("span",{className:"text-sm text-[var(--menu-muted)]",children:T})]})]})})});H.displayName="Checkbox";var be=classVarianceAuthority.cva(["relative w-full overflow-auto","rounded-lg border border-[var(--border)] bg-[var(--content-background)]"]),xe=classVarianceAuthority.cva(["w-full caption-bottom text-sm","border-collapse"],{variants:{variant:{default:"",bordered:"[&_tr>*+*]:border-l [&_tr>*+*]:border-[var(--border)]"}},defaultVariants:{variant:"default"}}),ge=classVarianceAuthority.cva(["[&_tr]:border-b [&_tr]:border-[var(--border)]"],{variants:{sticky:{true:"sticky top-0 z-10 bg-[var(--content-background)]",false:""}},defaultVariants:{sticky:false}}),ve=classVarianceAuthority.cva(["border-t border-[var(--border)]","bg-[var(--accent-background)]/50","font-medium","[&>tr]:last:border-b-0"]),ee=classVarianceAuthority.cva(["h-12 px-4 text-left align-middle font-semibold","uppercase tracking-wide","bg-[var(--accent-background)] text-[var(--content-foreground)]","[&:has([role=checkbox])]:pr-0","select-none","focus-visible:outline-none focus-visible:ring-2","focus-visible:ring-[var(--ring)] focus-visible:ring-inset"],{variants:{allowsSorting:{true:"cursor-pointer hover:bg-[var(--accent)]/50",false:""},align:{start:"text-start",center:"text-center",end:"text-end"},size:{sm:"h-10 px-3 text-xs",default:"h-12 px-4 text-sm",lg:"h-14 px-5 text-base"}},defaultVariants:{allowsSorting:false,align:"start",size:"default"}}),te=classVarianceAuthority.cva(["border-b border-[var(--border)]","transition-colors","focus-visible:outline-none focus-visible:ring-2","focus-visible:ring-[var(--ring)] focus-visible:ring-inset","hover:bg-[var(--accent-background)]/50","data-[disabled]:pointer-events-none data-[disabled]:opacity-50"],{variants:{isSelected:{true:"bg-[var(--selected)] data-[selected]:bg-[var(--selected)]",false:""},zebra:{true:"even:bg-[var(--accent-background)]/30",false:""}},defaultVariants:{isSelected:false,zebra:true}}),ae=classVarianceAuthority.cva(["p-4 align-middle","[&:has([role=checkbox])]:pr-0"],{variants:{align:{start:"text-start",center:"text-center",end:"text-end"},size:{sm:"p-3 text-xs",default:"p-4 text-sm",lg:"p-5 text-base"},isRowHeader:{true:"font-medium",false:""}},defaultVariants:{align:"start",size:"default",isRowHeader:false}});var Y=react.createContext({variant:"default",size:"default",selectionMode:"none",stickyHeader:false,zebra:true}),Ge=react.forwardRef(({className:t,variant:e="default",size:a="default",stickyHeader:r=false,zebra:n=true,toolbar:l,selectionMode:o="none",selectionBehavior:s="toggle",disallowEmptySelection:i=false,disabledBehavior:p="selection",selectedKeys:y,defaultSelectedKeys:d,onSelectionChange:m,disabledKeys:S,sortDescriptor:T,onSortChange:f,onRowAction:v,children:E,...b},N)=>{process.env.NODE_ENV!=="production"&&a==="sm"&&o!=="none"&&console.warn('[Table] size="sm" with selectionMode produces rows shorter than the 44px WCAG 2.2 AAA minimum touch target. Use size="default" or size="lg" for accessible interactive tables.');let I=react.useMemo(()=>({variant:e,size:a,selectionMode:o,stickyHeader:r,zebra:n}),[e,a,o,r,n]);return jsxRuntime.jsx(Y.Provider,{value:I,children:jsxRuntime.jsxs("div",{className:g(be(),t),"data-testid":"table-container",children:[l,jsxRuntime.jsx(reactAriaComponents.Table,{ref:N,className:g(xe({variant:e})),selectionMode:o,selectionBehavior:s,disallowEmptySelection:i,disabledBehavior:p,selectedKeys:y,defaultSelectedKeys:d,onSelectionChange:m,disabledKeys:S,sortDescriptor:T,onSortChange:f,onRowAction:v,"data-testid":"table","data-variant":e,"data-size":a,"data-zebra":n,...b,children:E})]})})});Ge.displayName="Table";function Ut({className:t,children:e,columns:a,...r},n){let{size:l,selectionMode:o,stickyHeader:s}=react.useContext(Y),{allowsDragging:i}=reactAriaComponents.useTableOptions();return jsxRuntime.jsxs(reactAriaComponents.TableHeader,{ref:n,className:g(ge({sticky:s}),t),"data-testid":"table-header",...r,children:[o==="multiple"&&jsxRuntime.jsx(reactAriaComponents.Column,{className:g(ee({size:l}),"w-12"),children:jsxRuntime.jsx(H,{slot:"selection","aria-label":"Select all",size:l})}),i&&jsxRuntime.jsx(reactAriaComponents.Column,{}),a?jsxRuntime.jsx(reactAriaComponents.Collection,{items:a,children:e}):e]})}var Ue=react.forwardRef(Ut);Ue.displayName="TableHeader";function Ft({className:t,children:e,items:a,renderEmptyState:r,...n},l){return jsxRuntime.jsx(reactAriaComponents.TableBody,{ref:l,className:g(t),items:a,renderEmptyState:r?()=>jsxRuntime.jsx("div",{className:"text-center p-8",children:r()}):void 0,"data-testid":"table-body",...n,children:e})}var Fe=react.forwardRef(Ft);Fe.displayName="TableBody";var je=react.forwardRef(({className:t,children:e,...a},r)=>jsxRuntime.jsx("tfoot",{ref:r,className:g(ve(),t),"data-testid":"table-footer",...a,children:e}));je.displayName="TableFooter";var $e=react.forwardRef(({className:t,children:e,isRowHeader:a=false,allowsSorting:r=false,align:n="start",width:l,minWidth:o,maxWidth:s,...i},p)=>{let{size:y}=react.useContext(Y);return jsxRuntime.jsx(reactAriaComponents.Column,{ref:p,isRowHeader:a,allowsSorting:r,width:l,minWidth:o,maxWidth:s,className:g(ee({allowsSorting:r,align:n,size:y}),t),...i,children:({allowsSorting:d,sortDirection:m})=>jsxRuntime.jsxs("div",{className:"flex items-center gap-1",children:[jsxRuntime.jsx("span",{children:e}),d&&jsxRuntime.jsx("span",{"aria-hidden":"true","data-sort-direction":m??"none",className:m?"text-[var(--primary-action)]":"opacity-50",children:m==="ascending"?jsxRuntime.jsx(lucideReact.ChevronUp,{className:"h-4 w-4"}):m==="descending"?jsxRuntime.jsx(lucideReact.ChevronDown,{className:"h-4 w-4"}):jsxRuntime.jsx(lucideReact.ChevronsUpDown,{className:"h-4 w-4"})})]})})});$e.displayName="Column";function jt({className:t,children:e,columns:a,href:r,isDisabled:n,...l},o){let{size:s,selectionMode:i,zebra:p}=react.useContext(Y),{allowsDragging:y}=reactAriaComponents.useTableOptions(),d=te({isSelected:true,zebra:p}),m=te({isSelected:false,zebra:p}),S=g(ae({size:s}),"w-12");return jsxRuntime.jsxs(reactAriaComponents.Row,{ref:o,href:r,isDisabled:n,className:({isSelected:T,isDisabled:f})=>g(T?d:m,f&&"opacity-50",t),"data-testid":"table-row",...l,children:[i==="multiple"&&jsxRuntime.jsx(reactAriaComponents.Cell,{className:S,children:jsxRuntime.jsx(H,{slot:"selection","aria-label":"Select row",size:s})}),y&&jsxRuntime.jsx(reactAriaComponents.Cell,{}),a?jsxRuntime.jsx(reactAriaComponents.Collection,{items:a,children:e}):e]})}var Ke=react.forwardRef(jt);Ke.displayName="Row";var Ye=react.memo(react.forwardRef(({className:t,children:e,align:a="start",colSpan:r,...n},l)=>{let{size:o}=react.useContext(Y);return jsxRuntime.jsx(reactAriaComponents.Cell,{ref:l,className:g(ae({align:a,size:o}),t),...n,children:e})}));Ye.displayName="Cell";var Ee=classVarianceAuthority.cva("inline-flex justify-center min-h-[44px] min-w-[44px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50",{variants:{fullWidth:{true:"w-full",false:""},inVerticalGroup:{true:"items-stretch",false:"items-center"}},defaultVariants:{fullWidth:false,inVerticalGroup:false}}),he=classVarianceAuthority.cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-normal ring-offset-background motion-safe:transition-transform motion-safe:duration-200 motion-safe:[transition-timing-function:cubic-bezier(0.34,1.56,0.64,1)] motion-reduce:transition-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 relative cursor-pointer",{variants:{variant:{default:"bg-[var(--primary-action)] text-[var(--primary-action-foreground)] shadow-md hover:bg-[var(--primary-action-hover)] hover:-translate-y-1",destructive:"bg-[var(--destructive-background)] text-[var(--destructive-foreground)] hover:bg-[var(--destructive-background-hover,var(--destructive-background))] motion-safe:hover:btn-warn-shake",outline:"border border-[var(--input-border)] bg-[var(--page-background)] hover:bg-[var(--input-border)]",secondary:"bg-[var(--secondary)] text-[var(--secondary-foreground)] hover:bg-[var(--secondary-hover,var(--secondary))]",ghost:"hover:bg-[var(--accent)] hover:text-[var(--accent-foreground)]",link:"text-[var(--text-link)] underline underline-offset-4 hover:bg-[var(--accent)] hover:text-[var(--text-link-hover)]"},fullWidth:{true:"w-full",false:""},visualSize:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3 text-xs",lg:"h-11 rounded-md px-6 text-base",icon:"h-10 w-10",dot:"h-5 w-5 rounded-full p-0 min-h-0 min-w-0"},paywall:{true:"!bg-[var(--paywall)] !text-[var(--paywall-foreground)] hover:!bg-[var(--paywall)]/90 !cursor-not-allowed !border-transparent",false:""}},defaultVariants:{variant:"default",visualSize:"default",paywall:false}});var Xe=react.createContext(null);Xe.displayName="ButtonGroupContext";function Qe(){return react.useContext(Xe)}var Je=react.createContext(null);Je.displayName="ButtonGroupItemContext";function et(){return react.useContext(Je)}classVarianceAuthority.cva("inline-flex items-center gap-0",{variants:{orientation:{horizontal:"flex-row",vertical:"flex-col w-full"}},defaultVariants:{orientation:"horizontal"}});var tt=classVarianceAuthority.cva("",{variants:{orientation:{horizontal:"min-w-[44px]",vertical:"flex min-h-[44px]"},position:{first:"",middle:"",last:"",only:""}},compoundVariants:[{orientation:"horizontal",position:"first",className:"rounded-r-none border-r-0"},{orientation:"horizontal",position:"middle",className:"rounded-none border-r-0"},{orientation:"horizontal",position:"last",className:"rounded-l-none"},{orientation:"vertical",position:"first",className:"rounded-b-none border-b-0"},{orientation:"vertical",position:"middle",className:"rounded-none border-b-0"},{orientation:"vertical",position:"last",className:"rounded-t-none"}],defaultVariants:{orientation:"horizontal",position:"only"}});classVarianceAuthority.cva("bg-[var(--border)]",{variants:{orientation:{horizontal:"w-px h-6 mx-1",vertical:"h-px w-full my-1"}},defaultVariants:{orientation:"horizontal"}});var U=react.memo(react.forwardRef(({className:t,buttonVisualClassName:e,variant:a,size:r,visualSize:n,fullWidth:l,loading:o=false,loadingText:s="Loading...",shortcut:i,children:p,isDisabled:y,paywall:d=false,paywallRedirect:m,paywallDescription:S,onPress:T,...f},v)=>{let E=react.useId(),b=Qe(),N=et(),I=a??b?.variant??"default",k=r??b?.size,O=y??b?.isDisabled??false,R=b?.orientation==="vertical",c=l||R,_=N?tt({orientation:b?.orientation??"horizontal",position:N.position}):"",C=n??k??"default";return process.env.NODE_ENV!=="production"&&(C==="dot"||C==="icon")&&!f["aria-label"]&&!p&&console.warn('[Button] visualSize="dot" or "icon" requires aria-label when no visible text is provided (WCAG 1.1.1)'),jsxRuntime.jsx(reactAriaComponents.Button,{ref:v,isDisabled:O||o||void 0,"aria-disabled":d?true:void 0,"aria-describedby":d?E:void 0,onPress:u=>{if(d){m&&window.open(m,"_blank","noopener,noreferrer");return}T?.(u);},className:g(Ee({fullWidth:c,inVerticalGroup:R}),t),...f,children:u=>jsxRuntime.jsxs("span",{className:g(he({variant:I,visualSize:C,paywall:d,fullWidth:c}),_,e,me,"",Q,J),"data-pressed":u.isPressed||void 0,children:[o&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(lucideReact.Loader2,{className:"motion-safe:animate-spin","aria-hidden":"true"}),jsxRuntime.jsx("span",{className:"sr-only","aria-live":"polite",children:s})]}),!o&&p,d&&jsxRuntime.jsx(lucideReact.Zap,{"data-testid":"zap-icon","aria-hidden":"true",className:"ml-1"}),d&&jsxRuntime.jsxs("span",{id:E,className:"sr-only",children:["Premium feature: ",S||"Upgrade required to access this feature"]}),u.isFocusVisible&&i&&jsxRuntime.jsx("kbd",{className:"ml-auto hidden text-xs opacity-60 lg:inline",children:i})]})})}));U.displayName="Button";var ne=classVarianceAuthority.cva(["flex items-center justify-between gap-3 flex-wrap","px-4 py-2.5","bg-[var(--selected)]"],{variants:{sticky:{true:"sticky top-0 z-[6]",false:""},framed:{true:"rounded-lg border border-[var(--border)]",false:"border-b border-[var(--border)]"}},defaultVariants:{sticky:true,framed:false}}),se=classVarianceAuthority.cva(["flex items-center gap-3 flex-wrap w-full justify-between"]),ie=classVarianceAuthority.cva(["text-sm text-[var(--content-muted)] inline-flex items-center gap-1.5"]),at=classVarianceAuthority.cva(["inline-flex items-center justify-center","min-w-[1.5rem] h-6 px-1.5 rounded","border border-[var(--primary)]/40 bg-[var(--content-background)]","font-mono text-xs font-semibold text-[var(--primary-action)]"]),rt=classVarianceAuthority.cva(["text-[var(--primary-action)] border-[var(--primary)]/30","hover:bg-[var(--content-background)]"]);function ra(t,e){typeof t=="function"?t(e):t&&(t.current=e);}var ot=react.forwardRef(({selectedCount:t,actions:e,onAction:a,onClearSelection:r,sticky:n=true,framed:l=false,showJumpHint:o=false,shortcutKey:s="A",labels:i,className:p,"data-testid":y="bulk-action-bar"},d)=>{let m=react.useRef(null),S=react.useRef(t),T=react.useRef([]),[f,v]=react.useState(0),E=e.length+1,b=Math.min(f,E-1),N=c=>{let _=(c+E)%E;v(_),T.current[_]?.focus();},I=c=>{switch(c.key){case "ArrowRight":case "ArrowDown":c.preventDefault(),N(b+1);break;case "ArrowLeft":case "ArrowUp":c.preventDefault(),N(b-1);break;case "Home":c.preventDefault(),N(0);break;case "End":c.preventDefault(),N(E-1);break;}};react.useEffect(()=>{let c=S.current;if(S.current=t,c>0&&t===0){let _=document.activeElement;(!_||_===document.body)&&m.current?.focus();}},[t]);let k=t>0,O=o&&!!i.jumpHint,R="";if(k){let c=[i.selectedCount(t)];i.actionsAvailable&&c.push(i.actionsAvailable(e.length)),o&&i.jumpAnnouncement&&c.push(i.jumpAnnouncement),R=c.join(". ");}return jsxRuntime.jsxs("div",{ref:c=>{m.current=c,ra(d,c);},tabIndex:-1,className:g("outline-none",p),"data-testid":y,children:[jsxRuntime.jsx("div",{className:"sr-only",role:"status","aria-live":"polite",children:R}),k&&jsxRuntime.jsx("div",{className:ne({sticky:n,framed:l}),children:jsxRuntime.jsxs("div",{role:"toolbar","aria-label":i.toolbarLabel(t),"aria-orientation":"horizontal",onKeyDown:I,className:se(),children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-4 flex-wrap",children:[jsxRuntime.jsx("span",{className:"text-sm font-bold text-[var(--content-foreground)]",children:i.selectedCount(t)}),jsxRuntime.jsx(U,{ref:c=>{T.current[0]=c;},variant:"link",excludeFromTabOrder:b!==0,onFocus:()=>v(0),onPress:r,children:i.clear}),O&&i.jumpHint&&jsxRuntime.jsx("span",{"aria-hidden":"true",className:ie(),children:i.jumpHint(jsxRuntime.jsx("kbd",{className:at(),children:s}))})]}),jsxRuntime.jsx("div",{className:"flex items-center gap-2 flex-wrap",children:e.map((c,_)=>{let C=_+1;return jsxRuntime.jsxs(U,{ref:L=>{T.current[C]=L;},variant:c.tone==="danger"?"destructive":"outline",buttonVisualClassName:c.tone==="danger"?void 0:rt(),isDisabled:c.isDisabled,excludeFromTabOrder:b!==C,onFocus:()=>v(C),onPress:()=>a(c.id),children:[c.icon!=null&&jsxRuntime.jsx("span",{"aria-hidden":"true",className:"inline-flex",children:c.icon}),c.label]},c.id)})})]})})]})});ot.displayName="BulkActionBar";function oa(t,e){if(t==="all"){let a=0;for(let r of e)a+=1;return a}return t.size}var sa=new Set(["text","search","email","url","tel","number","password"]);function ia(t){if(!(t instanceof HTMLElement))return false;if(t.isContentEditable||t.closest('[contenteditable=""],[contenteditable="true"]'))return true;let e=t.tagName;if(e==="TEXTAREA"||e==="SELECT"||e==="INPUT"&&sa.has(t.type))return true;let a=t.getAttribute("role");return a==="textbox"||a==="searchbox"||a==="combobox"}function la({scopeRef:t,toolbarRef:e,key:a="a",disabled:r=false}){react.useEffect(()=>{if(r)return;let n=t.current;if(!n)return;let l=o=>{if(o.metaKey||o.ctrlKey||o.altKey||o.key.toLowerCase()!==a.toLowerCase()||ia(o.target))return;let s=e.current;if(!s)return;let i=s.querySelector('[tabindex="0"]')??s.querySelector("button:not([disabled])");i&&(o.preventDefault(),i.focus());};return n.addEventListener("keydown",l),()=>n.removeEventListener("keydown",l)},[t,e,a,r]);}var ce={sm:"h-9",default:"h-10",lg:"h-11"},M={sm:`${ce.sm} px-2 text-xs`,default:`${ce.default} px-3 text-sm`,lg:`${ce.lg} px-4 text-base`},Ie="min-h-[44px] flex items-center";function ca(t){if(!(t instanceof Element))return false;let e=t;for(let n=0;e&&n<100;n++){let l=e.tagName?.toLowerCase()??"";if(l.startsWith("grammarly-")||l.startsWith("lt-")||e.hasAttribute("data-grammarly-shadow-root"))return true;if(e.parentElement)e=e.parentElement;else {let o=e.getRootNode();e=o instanceof ShadowRoot?o.host:null;}}let a=t;for(;a&&!a.tagName.includes("-");)a=a.parentElement;if(!a)return false;let r=a.parentElement;return r===document.body||r===document.documentElement}function nt(t){return e=>!ca(e)&&(t?.(e)??true)}var st=classVarianceAuthority.cva(["flex","w-full","items-center","justify-between","gap-2","rounded-md","border","bg-[var(--content-background)]","text-[var(--content-foreground)]","transition-colors","duration-200","outline-none","focus-visible:ring-2","focus-visible:ring-[var(--ring)]","focus-visible:ring-offset-2","hover:bg-[var(--accent)]/10","disabled:cursor-not-allowed","disabled:opacity-50","data-[loading=true]:cursor-wait","truncate"],{variants:{size:{sm:`${M.sm} pr-1`,default:`${M.default} pr-1.5`,lg:`${M.lg} pr-2`},isInvalid:{true:"border-[var(--destructive-background)]",false:"border-[var(--input-border)] hover:border-[var(--input-border)]/80"}},defaultVariants:{size:"default",isInvalid:false}}),it=classVarianceAuthority.cva(["relative","flex","w-full","cursor-pointer","select-none","items-center","rounded-sm","outline-none","transition-colors","pl-8","pr-2","hover:bg-[var(--accent)]","hover:text-[var(--accent-foreground)]","focus:bg-[var(--accent)]","focus:text-[var(--accent-foreground)]","data-[selected=true]:bg-[var(--accent)]","data-[selected=true]:text-[var(--accent-foreground)]","data-[disabled=true]:pointer-events-none","data-[disabled=true]:opacity-50","data-[disabled=true]:text-[var(--menu-muted)]"],{variants:{size:{sm:`${M.sm} py-1`,default:`${M.default} py-2`,lg:`${M.lg} py-3`}},defaultVariants:{size:"default"}}),lt=classVarianceAuthority.cva(["z-50","w-[--trigger-width]","rounded-md","border","border-[var(--menu-border)]","bg-[var(--menu-background)]","text-[var(--menu-foreground)]","outline-none","overflow-auto","data-[entering]:animate-in","data-[entering]:fade-in-0","data-[entering]:zoom-in-95","data-[exiting]:animate-out","data-[exiting]:fade-out-0","data-[exiting]:zoom-out-95"],{variants:{size:{sm:"max-h-[200px] p-1",default:"max-h-[300px] p-1",lg:"max-h-[400px] p-1"}},defaultVariants:{size:"default"}}),ct=classVarianceAuthority.cva(["px-2","py-1.5","text-xs","font-semibold","text-[var(--menu-muted)]","uppercase","tracking-wider"],{variants:{size:{sm:"px-2 py-1 text-[10px]",default:"px-2 py-1 text-xs",lg:"px-2 py-1.5 text-xs"}},defaultVariants:{size:"default"}}),dt=classVarianceAuthority.cva(["flex","items-center","gap-1.5","text-sm","font-medium","text-[var(--destructive-background)]","mt-1"],{variants:{size:{sm:"text-xs mt-1",default:"text-sm mt-1",lg:"text-base mt-1"}},defaultVariants:{size:"default"}});var Ia=Array.from({length:3}).map((t,e)=>jsxRuntime.jsx("div",{className:"h-11 px-4 py-2",children:jsxRuntime.jsx("div",{className:"h-4 bg-[var(--accent-background)] rounded animate-pulse"})},`skeleton-${e}`));function ft({ariaSelectProps:t,triggerContent:e,triggerRef:a,label:r,description:n,isRequired:l,isDisabled:o,isLoading:s,errorMessage:i,size:p,emptyStateMessage:y,childCount:d,children:m}){let S=react.useId(),T=react.useId(),f=react.useId(),v=!!i,{className:E,...b}=t;return jsxRuntime.jsxs(reactAriaComponents.Select,{...b,className:g("flex flex-col gap-1.5",E),isInvalid:v,children:[jsxRuntime.jsxs(reactAriaComponents.Label,{id:S,className:"text-sm font-medium text-[var(--content-foreground)]",children:[r,l&&jsxRuntime.jsx("span",{className:"text-[var(--destructive-background)] ml-1",children:"*"})]}),n&&jsxRuntime.jsx(reactAriaComponents.Text,{id:T,slot:"description",className:"text-sm text-[var(--menu-muted)]",children:n}),jsxRuntime.jsx("div",{className:Ie,children:jsxRuntime.jsxs(reactAriaComponents.Button,{ref:a,className:st({size:p,isInvalid:v}),"aria-labelledby":S,"aria-describedby":n?T:i?f:void 0,"data-loading":s,...l&&{"aria-required":"true"},...s&&{"aria-busy":"true"},...(o||s)&&{"aria-disabled":"true"},children:[e,s?jsxRuntime.jsx(lucideReact.Loader2,{className:"ml-auto h-4 w-4 shrink-0 animate-spin text-[var(--menu-muted)]","aria-hidden":"true"}):jsxRuntime.jsx(lucideReact.ChevronDown,{className:"ml-auto h-4 w-4 shrink-0 text-[var(--menu-muted)]","aria-hidden":"true"})]})}),jsxRuntime.jsx(reactAriaComponents.FieldError,{id:f,className:dt({size:p}),children:({validationErrors:N})=>{let I=i||N.join(" ");return I?jsxRuntime.jsx(jsxRuntime.Fragment,{children:I}):null}}),jsxRuntime.jsx(reactAriaComponents.Popover,{shouldCloseOnInteractOutside:nt(),className:lt({size:p}),children:jsxRuntime.jsxs(reactAriaComponents.ListBox,{className:"outline-none",children:[s&&d>0&&Ia,!s&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[m,d===0&&jsxRuntime.jsx(reactAriaComponents.ListBoxItem,{id:"__empty__",textValue:"empty",isDisabled:true,className:"py-6 text-center text-sm text-[var(--menu-muted)] cursor-default pointer-events-none",children:jsxRuntime.jsx("span",{role:"status",children:y||"No options available"})})]})]})})]})}var bt=react.forwardRef(({label:t,placeholder:e,description:a,value:r,defaultValue:n,isOpen:l,isDisabled:o=false,isRequired:s=false,disabledKeys:i,validate:p,validationBehavior:y="aria",errorMessage:d,isLoading:m=false,emptyStateMessage:S,name:T,size:f="default",onChange:v,onOpenChange:E,className:b,children:N,...I},k)=>{let O=react.Children.count(N);return O>1e3&&console.warn("Select has >1000 items. Consider using Autocomplete component for better performance."),jsxRuntime.jsx(ft,{ariaSelectProps:{value:r,defaultValue:n,onChange:R=>{v&&v(R);},placeholder:e,disabledKeys:i,isOpen:l,onOpenChange:E,isDisabled:o||m,isRequired:s,name:T,validate:p,validationBehavior:y,className:b,...I},triggerContent:jsxRuntime.jsx(reactAriaComponents.SelectValue,{className:"flex-1 text-left truncate"}),triggerRef:k,label:t,description:a,isRequired:s,isDisabled:o,isLoading:m,errorMessage:d,size:f,emptyStateMessage:S,childCount:O,children:N})});bt.displayName="Select";var xt=react.forwardRef(({label:t,placeholder:e,description:a,value:r,defaultValue:n,selectionMode:l="multiple",isOpen:o,isDisabled:s=false,isRequired:i=false,disabledKeys:p,validate:y,validationBehavior:d="aria",errorMessage:m,isLoading:S=false,emptyStateMessage:T,name:f,size:v="default",onChange:E,onOpenChange:b,className:N,children:I,...k},O)=>{let R=react.Children.count(I);R>1e3&&console.warn("Select has >1000 items. Consider using Autocomplete component for better performance.");let c=react.useMemo(()=>{let C=new Map,L=V=>{react.Children.forEach(V,u=>{if(react.isValidElement(u)){let x=u;if(x.type===de||x.props?.value){let P=x.props.value,$=x.props.children;P&&typeof $=="string"&&C.set(P,$);}x.props?.children&&L(x.props.children);}});};return L(I),C},[I]),_=react.useMemo(()=>!r||!Array.isArray(r)||r.length===0?e||"":r.length<=2?r.map(L=>c.get(L)||L).join(", "):`${r.length} items selected`,[r,c,e]);return jsxRuntime.jsx(ft,{ariaSelectProps:{value:r,defaultValue:n,onChange:C=>{E&&E(C);},selectionMode:"multiple",disabledKeys:p,isOpen:o,onOpenChange:b,isDisabled:s||S,isRequired:i,name:f,validate:y,validationBehavior:d,className:N,...k},triggerContent:jsxRuntime.jsx("span",{className:"flex-1 text-left truncate",children:_}),triggerRef:O,label:t,description:a,isRequired:i,isDisabled:s,isLoading:S,errorMessage:m,size:v,emptyStateMessage:T,childCount:R,children:I})});xt.displayName="MultiSelect";var de=react.memo(function({children:e,textValue:a,value:r,isDisabled:n=false,className:l,...o}){if(!a&&typeof e!="string"){let s="Select.Item with custom children requires textValue prop for accessibility";if(process.env.NODE_ENV==="development")throw new Error(s);console.warn(s);}return jsxRuntime.jsx(reactAriaComponents.ListBoxItem,{id:r,textValue:a||(typeof e=="string"?e:void 0),className:`${it({size:"default"})} ${l||""}`,isDisabled:n,...o,children:({isSelected:s,selectionMode:i,isDisabled:p})=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[i==="multiple"?jsxRuntime.jsx(lucideReact.CheckSquare,{className:`absolute left-2 h-4 w-4 ${s?"visible":"invisible"}`,"aria-hidden":"true"}):s&&jsxRuntime.jsx(lucideReact.Check,{className:"absolute left-2 h-4 w-4","aria-hidden":"true"}),jsxRuntime.jsx("span",{className:p?"text-[var(--menu-muted)]":"",children:e})]})})});de.displayName="SelectItem";function Re({children:t,className:e,...a}){return jsxRuntime.jsx(reactAriaComponents.ListBoxSection,{className:`border-t border-[var(--border)] first:border-t-0 ${e||""}`,...a,children:t})}Re.displayName="SelectSection";function we({children:t,className:e,...a}){return jsxRuntime.jsx(reactAriaComponents.Header,{className:`${ct({size:"default"})} ${e||""}`,...a,children:t})}we.displayName="SelectHeader";var ue=Object.assign(bt,{Item:de,Section:Re,Header:we});Object.assign(xt,{Item:de,Section:Re,Header:we});var gt=classVarianceAuthority.cva(["flex flex-col gap-3"]),vt=classVarianceAuthority.cva(["flex items-center justify-between gap-3 flex-wrap px-0.5"]),St=classVarianceAuthority.cva(["flex flex-col gap-2.5 list-none m-0 p-0"]),Tt=classVarianceAuthority.cva(["flex items-start gap-2.5 p-3.5","rounded-lg border border-[var(--border)] bg-[var(--content-background)]","motion-safe:transition-colors"],{variants:{isSelected:{true:"bg-[var(--selected)] border-[var(--primary)]/40",false:""}},defaultVariants:{isSelected:false}}),Et=classVarianceAuthority.cva(["flex items-center justify-center min-w-[44px] min-h-[44px] -m-1 flex-none"]),ht=classVarianceAuthority.cva(["flex-1 min-w-0"]),yt=classVarianceAuthority.cva(["block w-full text-left cursor-pointer rounded-md","outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2"]);function Nt({items:t,getRowId:e,renderCard:a,selectionMode:r="none",selectedKeys:n=new Set,onSelectionChange:l,onRowAction:o,sortDescriptor:s,onSortChange:i,sortColumns:p=[],renderEmptyState:y,labels:d,"aria-label":m,className:S,"data-testid":T="table-card-list"}){let f=r==="multiple",v=t.map(e),E=u=>n==="all"||n.has(u),b=v.length>0&&v.every(E),N=v.some(E)&&!b,I=()=>n==="all"?new Set(v):new Set(n),k=()=>{l?.(b?new Set:new Set(v));},O=u=>{let x=I();x.has(u)?x.delete(u):x.add(u),l?.(x);},R=s?.column!=null?String(s.column):void 0,c=s?.direction??"ascending",_=u=>{let x=Array.isArray(u)?u[0]:u;x&&i?.({column:x,direction:s?.direction??"ascending"});},C=()=>{s?.column!=null&&i?.({column:s.column,direction:c==="ascending"?"descending":"ascending"});},L=f||p.length>0,V=t.length===0;return jsxRuntime.jsxs("div",{role:"region","aria-label":m,className:g(gt(),S),"data-testid":T,children:[jsxRuntime.jsx("p",{className:"sr-only",role:"status","aria-live":"polite",children:d.results(t.length)}),L&&jsxRuntime.jsxs("div",{className:vt(),children:[f?jsxRuntime.jsx(H,{label:d.selectAll,isSelected:b,isIndeterminate:N,onChange:k}):jsxRuntime.jsx("span",{}),p.length>0&&jsxRuntime.jsxs("div",{className:"flex items-end gap-2",children:[jsxRuntime.jsx(ue,{label:d.sort,placeholder:d.sortPlaceholder,value:R,onChange:_,children:p.map(u=>jsxRuntime.jsx(ue.Item,{value:u.id,children:u.label},u.id))}),jsxRuntime.jsx(U,{variant:"ghost",visualSize:"icon",isDisabled:s?.column==null,"aria-label":d.sortDirection(c),onPress:C,children:c==="ascending"?jsxRuntime.jsx(lucideReact.ArrowUp,{"aria-hidden":"true"}):jsxRuntime.jsx(lucideReact.ArrowDown,{"aria-hidden":"true"})})]})]}),V?y?jsxRuntime.jsx("div",{className:"rounded-lg border border-dashed border-[var(--border)] p-8 text-center","data-testid":"card-empty-state",children:y()}):null:jsxRuntime.jsx("ul",{className:St(),children:t.map(u=>{let x=e(u),P=E(x);return jsxRuntime.jsxs("li",{className:Tt({isSelected:P}),children:[f&&jsxRuntime.jsx("div",{className:Et(),children:jsxRuntime.jsx(H,{"aria-label":d.selectItem(u),isSelected:P,onChange:()=>O(x)})}),jsxRuntime.jsx("div",{className:ht(),children:o?jsxRuntime.jsx(reactAriaComponents.Button,{className:yt(),"data-testid":"card-action",onPress:()=>o(x),children:a(u)}):a(u)})]},String(x))})})]})}Nt.displayName="TableCardList";function Oa(t,e){let[a,r]=react.useState(false);return react.useEffect(()=>{let n=t.current;if(!n)return;let l=()=>r(n.offsetWidth<e);l();let o;return typeof ResizeObserver<"u"&&(o=new ResizeObserver(l),o.observe(n)),window.addEventListener("resize",l),()=>{window.removeEventListener("resize",l),o?.disconnect();}},[t,e]),a}exports.BulkActionBar=ot;exports.Cell=Ye;exports.Column=$e;exports.Row=Ke;exports.Table=Ge;exports.TableBody=Fe;exports.TableCardList=Nt;exports.TableFooter=je;exports.TableHeader=Ue;exports.bulkActionBarVariants=ne;exports.bulkActionHintVariants=ie;exports.bulkActionToolbarVariants=se;exports.cellVariants=ae;exports.columnVariants=ee;exports.resolveSelectedCount=oa;exports.rowVariants=te;exports.tableContainerVariants=be;exports.tableFooterVariants=ve;exports.tableHeaderVariants=ge;exports.tableVariants=xe;exports.useBulkActionShortcut=la;exports.useContainerNarrow=Oa;//# sourceMappingURL=index.js.map
|
|
2
|
+
'use strict';var react=require('react'),reactAriaComponents=require('react-aria-components'),classVarianceAuthority=require('class-variance-authority'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime'),lucideReact=require('lucide-react');function g(...t){return tailwindMerge.twMerge(clsx.clsx(t))}var X="data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2",me="data-[pressed]:scale-[0.97]";var K="hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground",Q="hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground",J="hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground";var Le=classVarianceAuthority.cva(["group relative inline-flex items-center gap-2 cursor-pointer","transition-colors duration-200","rtl:flex-row-reverse",X,K].join(" "),{variants:{size:{sm:"min-h-[44px] text-sm",default:"min-h-[44px] text-sm",lg:"min-h-[48px] text-base"},isDisabled:{true:"opacity-50 cursor-not-allowed",false:""}},defaultVariants:{size:"default",isDisabled:false}}),Be=classVarianceAuthority.cva("flex-shrink-0 rounded-sm border-2 bg-[var(--content-background)] flex items-center justify-center transition-colors duration-200 motion-safe:data-[selected]:selection-pulse",{variants:{variant:{default:["border-[var(--border)]","data-[selected]:border-[var(--primary)]","data-[selected]:bg-[var(--primary)]","data-[indeterminate]:border-[var(--primary)]","data-[indeterminate]:bg-[var(--primary)]"].join(" "),destructive:["border-[var(--border)]","data-[selected]:border-[var(--destructive-background)]","data-[selected]:bg-[var(--destructive-background)]","data-[indeterminate]:border-[var(--destructive-background)]","data-[indeterminate]:bg-[var(--destructive-background)]"].join(" ")},size:{sm:"h-4 w-4",default:"h-5 w-5",lg:"h-6 w-6"},isInvalid:{true:"border-[var(--destructive-background)]",false:""}},defaultVariants:{variant:"default",size:"default",isInvalid:false}}),Pe=classVarianceAuthority.cva(["transition-transform duration-200","[transition-timing-function:cubic-bezier(0.34,1.56,0.64,1)]","motion-reduce:transition-none","scale-0 data-[selected]:scale-100 data-[indeterminate]:scale-100"].join(" "),{variants:{variant:{default:"text-[var(--primary-foreground)]",destructive:"text-[var(--destructive-foreground)]"},size:{sm:"h-3 w-3",default:"h-3.5 w-3.5",lg:"h-4 w-4"}},defaultVariants:{variant:"default",size:"default"}});function He({className:t,...e}){return jsxRuntime.jsx("svg",{className:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",...e,children:jsxRuntime.jsx("polyline",{points:"20 6 9 17 4 12"})})}function De({className:t,...e}){return jsxRuntime.jsx("svg",{className:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",...e,children:jsxRuntime.jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"})})}var H=react.forwardRef(({isSelected:t,defaultSelected:e,isDisabled:a,isReadOnly:r,isIndeterminate:n,isInvalid:l=false,isRequired:o=false,onChange:s,onFocusChange:i,value:p,name:y,size:d="default",variant:m="default",label:S,description:T,selectedIcon:f,className:v,id:E,"aria-label":b,"aria-labelledby":N,"aria-describedby":I,"data-testid":k,slot:O},R)=>{let c=a||void 0,_=r||void 0,C=n||void 0,L=(V,u)=>{let x=g(Pe({variant:m,size:d})),P=V||void 0,$=u||void 0;if(u)return jsxRuntime.jsx(De,{className:x,"data-selected":P,"data-indeterminate":$});if(f&&V){if(react.isValidElement(f)){let ke=f;return react.cloneElement(ke,{className:g(x,ke.props.className),"data-selected":P})}return jsxRuntime.jsx("span",{className:x,"data-selected":P,children:f})}return jsxRuntime.jsx(He,{className:x,"data-selected":P,"data-indeterminate":$})};return jsxRuntime.jsx(reactAriaComponents.Checkbox,{ref:R,id:E,isSelected:t,defaultSelected:e,isDisabled:c,isReadOnly:_,isIndeterminate:C,isInvalid:l,isRequired:o,onChange:s,onFocusChange:i,value:p,name:y,slot:O,"aria-label":b,"aria-labelledby":N,"aria-describedby":I,"data-testid":k,className:V=>g(Le({size:d,isDisabled:V.isDisabled}),v),children:V=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:Be({variant:m,size:d,isInvalid:V.isInvalid}),"data-selected":V.isSelected||void 0,"data-indeterminate":V.isIndeterminate||void 0,children:L(V.isSelected,V.isIndeterminate)}),(S||T)&&jsxRuntime.jsxs("div",{className:"flex flex-col",children:[S&&jsxRuntime.jsx("span",{className:"font-medium text-[var(--content-foreground)]",children:S}),T&&jsxRuntime.jsx("span",{className:"text-sm text-[var(--menu-muted)]",children:T})]})]})})});H.displayName="Checkbox";var be=classVarianceAuthority.cva(["relative w-full overflow-auto","rounded-lg border border-[var(--border)] bg-[var(--content-background)]"]),xe=classVarianceAuthority.cva(["w-full caption-bottom text-sm","border-collapse"],{variants:{variant:{default:"",bordered:"[&_tr>*+*]:border-l [&_tr>*+*]:border-[var(--border)]"}},defaultVariants:{variant:"default"}}),ge=classVarianceAuthority.cva(["[&_tr]:border-b [&_tr]:border-[var(--border)]"],{variants:{sticky:{true:"sticky top-0 z-10 bg-[var(--content-background)]",false:""}},defaultVariants:{sticky:false}}),ve=classVarianceAuthority.cva(["border-t border-[var(--border)]","bg-[var(--accent-background)]/50","font-medium","[&>tr]:last:border-b-0"]),ee=classVarianceAuthority.cva(["h-12 px-4 text-left align-middle font-semibold","uppercase tracking-wide","bg-[var(--accent-background)] text-[var(--content-foreground)]","[&:has([role=checkbox])]:pr-0","select-none","focus-visible:outline-none focus-visible:ring-2","focus-visible:ring-[var(--ring)] focus-visible:ring-inset"],{variants:{allowsSorting:{true:"cursor-pointer hover:bg-[var(--accent)]/50",false:""},align:{start:"text-start",center:"text-center",end:"text-end"},size:{sm:"h-10 px-3 text-xs",default:"h-12 px-4 text-sm",lg:"h-14 px-5 text-base"}},defaultVariants:{allowsSorting:false,align:"start",size:"default"}}),te=classVarianceAuthority.cva(["border-b border-[var(--border)]","transition-colors","focus-visible:outline-none focus-visible:ring-2","focus-visible:ring-[var(--ring)] focus-visible:ring-inset","hover:bg-[var(--accent-background)]/50","data-[disabled]:pointer-events-none data-[disabled]:opacity-50"],{variants:{isSelected:{true:"bg-[var(--selected)] data-[selected]:bg-[var(--selected)]",false:""},zebra:{true:"even:bg-[var(--accent-background)]/30",false:""}},defaultVariants:{isSelected:false,zebra:true}}),ae=classVarianceAuthority.cva(["p-4 align-middle","[&:has([role=checkbox])]:pr-0"],{variants:{align:{start:"text-start",center:"text-center",end:"text-end"},size:{sm:"p-3 text-xs",default:"p-4 text-sm",lg:"p-5 text-base"},isRowHeader:{true:"font-medium",false:""}},defaultVariants:{align:"start",size:"default",isRowHeader:false}});var Y=react.createContext({variant:"default",size:"default",selectionMode:"none",stickyHeader:false,zebra:true}),Ge=react.forwardRef(({className:t,variant:e="default",size:a="default",stickyHeader:r=false,zebra:n=true,toolbar:l,selectionMode:o="none",selectionBehavior:s="toggle",disallowEmptySelection:i=false,disabledBehavior:p="selection",selectedKeys:y,defaultSelectedKeys:d,onSelectionChange:m,disabledKeys:S,sortDescriptor:T,onSortChange:f,onRowAction:v,children:E,...b},N)=>{process.env.NODE_ENV!=="production"&&a==="sm"&&o!=="none"&&console.warn('[Table] size="sm" with selectionMode produces rows shorter than the 44px WCAG 2.2 AAA minimum touch target. Use size="default" or size="lg" for accessible interactive tables.');let I=react.useMemo(()=>({variant:e,size:a,selectionMode:o,stickyHeader:r,zebra:n}),[e,a,o,r,n]);return jsxRuntime.jsx(Y.Provider,{value:I,children:jsxRuntime.jsxs("div",{className:g(be(),t),"data-testid":"table-container",children:[l,jsxRuntime.jsx(reactAriaComponents.Table,{ref:N,className:g(xe({variant:e})),selectionMode:o,selectionBehavior:s,disallowEmptySelection:i,disabledBehavior:p,selectedKeys:y,defaultSelectedKeys:d,onSelectionChange:m,disabledKeys:S,sortDescriptor:T,onSortChange:f,onRowAction:v,"data-testid":"table","data-variant":e,"data-size":a,"data-zebra":n,...b,children:E})]})})});Ge.displayName="Table";function Ut({className:t,children:e,columns:a,...r},n){let{size:l,selectionMode:o,stickyHeader:s}=react.useContext(Y),{allowsDragging:i}=reactAriaComponents.useTableOptions();return jsxRuntime.jsxs(reactAriaComponents.TableHeader,{ref:n,className:g(ge({sticky:s}),t),"data-testid":"table-header",...r,children:[o==="multiple"&&jsxRuntime.jsx(reactAriaComponents.Column,{className:g(ee({size:l}),"w-12"),children:jsxRuntime.jsx(H,{slot:"selection","aria-label":"Select all",size:l})}),i&&jsxRuntime.jsx(reactAriaComponents.Column,{}),a?jsxRuntime.jsx(reactAriaComponents.Collection,{items:a,children:e}):e]})}var Ue=react.forwardRef(Ut);Ue.displayName="TableHeader";function Ft({className:t,children:e,items:a,renderEmptyState:r,...n},l){return jsxRuntime.jsx(reactAriaComponents.TableBody,{ref:l,className:g(t),items:a,renderEmptyState:r?()=>jsxRuntime.jsx("div",{className:"text-center p-8",children:r()}):void 0,"data-testid":"table-body",...n,children:e})}var Fe=react.forwardRef(Ft);Fe.displayName="TableBody";var je=react.forwardRef(({className:t,children:e,...a},r)=>jsxRuntime.jsx("tfoot",{ref:r,className:g(ve(),t),"data-testid":"table-footer",...a,children:e}));je.displayName="TableFooter";var $e=react.forwardRef(({className:t,children:e,isRowHeader:a=false,allowsSorting:r=false,align:n="start",width:l,minWidth:o,maxWidth:s,...i},p)=>{let{size:y}=react.useContext(Y);return jsxRuntime.jsx(reactAriaComponents.Column,{ref:p,isRowHeader:a,allowsSorting:r,width:l,minWidth:o,maxWidth:s,className:g(ee({allowsSorting:r,align:n,size:y}),t),...i,children:({allowsSorting:d,sortDirection:m})=>jsxRuntime.jsxs("div",{className:"flex items-center gap-1",children:[jsxRuntime.jsx("span",{children:e}),d&&jsxRuntime.jsx("span",{"aria-hidden":"true","data-sort-direction":m??"none",className:m?"text-[var(--primary-action)]":"opacity-50",children:m==="ascending"?jsxRuntime.jsx(lucideReact.ChevronUp,{className:"h-4 w-4"}):m==="descending"?jsxRuntime.jsx(lucideReact.ChevronDown,{className:"h-4 w-4"}):jsxRuntime.jsx(lucideReact.ChevronsUpDown,{className:"h-4 w-4"})})]})})});$e.displayName="Column";function jt({className:t,children:e,columns:a,href:r,isDisabled:n,...l},o){let{size:s,selectionMode:i,zebra:p}=react.useContext(Y),{allowsDragging:y}=reactAriaComponents.useTableOptions(),d=te({isSelected:true,zebra:p}),m=te({isSelected:false,zebra:p}),S=g(ae({size:s}),"w-12");return jsxRuntime.jsxs(reactAriaComponents.Row,{ref:o,href:r,isDisabled:n,className:({isSelected:T,isDisabled:f})=>g(T?d:m,f&&"opacity-50",t),"data-testid":"table-row",...l,children:[i==="multiple"&&jsxRuntime.jsx(reactAriaComponents.Cell,{className:S,children:jsxRuntime.jsx(H,{slot:"selection","aria-label":"Select row",size:s})}),y&&jsxRuntime.jsx(reactAriaComponents.Cell,{}),a?jsxRuntime.jsx(reactAriaComponents.Collection,{items:a,children:e}):e]})}var Ke=react.forwardRef(jt);Ke.displayName="Row";var Ye=react.memo(react.forwardRef(({className:t,children:e,align:a="start",colSpan:r,...n},l)=>{let{size:o}=react.useContext(Y);return jsxRuntime.jsx(reactAriaComponents.Cell,{ref:l,className:g(ae({align:a,size:o}),t),...n,children:e})}));Ye.displayName="Cell";var Ee=classVarianceAuthority.cva("inline-flex justify-center min-h-[44px] min-w-[44px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50",{variants:{fullWidth:{true:"w-full",false:""},inVerticalGroup:{true:"items-stretch",false:"items-center"}},defaultVariants:{fullWidth:false,inVerticalGroup:false}}),he=classVarianceAuthority.cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-normal ring-offset-background motion-safe:transition-transform motion-safe:duration-200 motion-safe:[transition-timing-function:cubic-bezier(0.34,1.56,0.64,1)] motion-reduce:transition-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 relative cursor-pointer",{variants:{variant:{default:"bg-[var(--primary-action)] text-[var(--primary-action-foreground)] shadow-md hover:bg-[var(--primary-action-hover)] hover:-translate-y-1",destructive:"bg-[var(--destructive-background)] text-[var(--destructive-foreground)] hover:bg-[var(--destructive-background-hover,var(--destructive-background))] motion-safe:hover:btn-warn-shake",outline:"border border-[var(--input-border)] bg-[var(--page-background)] hover:bg-[var(--input-border)]",secondary:"bg-[var(--secondary)] text-[var(--secondary-foreground)] hover:bg-[var(--secondary-hover,var(--secondary))]",ghost:"hover:bg-[var(--accent)] hover:text-[var(--accent-foreground)]",link:"text-[var(--text-link)] underline underline-offset-4 hover:bg-[var(--accent)] hover:text-[var(--text-link-hover)]"},fullWidth:{true:"w-full",false:""},visualSize:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3 text-xs",lg:"h-11 rounded-md px-6 text-base",icon:"h-10 w-10",dot:"h-5 w-5 rounded-full p-0 min-h-0 min-w-0"},paywall:{true:"!bg-[var(--paywall)] !text-[var(--paywall-foreground)] hover:!bg-[var(--paywall)]/90 !cursor-not-allowed !border-transparent",false:""}},defaultVariants:{variant:"default",visualSize:"default",paywall:false}});var Xe=react.createContext(null);Xe.displayName="ButtonGroupContext";function Qe(){return react.useContext(Xe)}var Je=react.createContext(null);Je.displayName="ButtonGroupItemContext";function et(){return react.useContext(Je)}classVarianceAuthority.cva("inline-flex items-center gap-0",{variants:{orientation:{horizontal:"flex-row",vertical:"flex-col w-full"}},defaultVariants:{orientation:"horizontal"}});var tt=classVarianceAuthority.cva("",{variants:{orientation:{horizontal:"min-w-[44px]",vertical:"flex min-h-[44px]"},position:{first:"",middle:"",last:"",only:""}},compoundVariants:[{orientation:"horizontal",position:"first",className:"rounded-r-none border-r-0"},{orientation:"horizontal",position:"middle",className:"rounded-none border-r-0"},{orientation:"horizontal",position:"last",className:"rounded-l-none"},{orientation:"vertical",position:"first",className:"rounded-b-none border-b-0"},{orientation:"vertical",position:"middle",className:"rounded-none border-b-0"},{orientation:"vertical",position:"last",className:"rounded-t-none"}],defaultVariants:{orientation:"horizontal",position:"only"}});classVarianceAuthority.cva("bg-[var(--border)]",{variants:{orientation:{horizontal:"w-px h-6 mx-1",vertical:"h-px w-full my-1"}},defaultVariants:{orientation:"horizontal"}});var U=react.memo(react.forwardRef(({className:t,buttonVisualClassName:e,variant:a,size:r,visualSize:n,fullWidth:l,loading:o=false,loadingText:s="Loading...",shortcut:i,children:p,isDisabled:y,paywall:d=false,paywallRedirect:m,paywallDescription:S,onPress:T,...f},v)=>{let E=react.useId(),b=Qe(),N=et(),I=a??b?.variant??"default",k=r??b?.size,O=y??b?.isDisabled??false,R=b?.orientation==="vertical",c=l||R,_=N?tt({orientation:b?.orientation??"horizontal",position:N.position}):"",C=n??k??"default";return process.env.NODE_ENV!=="production"&&(C==="dot"||C==="icon")&&!f["aria-label"]&&!p&&console.warn('[Button] visualSize="dot" or "icon" requires aria-label when no visible text is provided (WCAG 1.1.1)'),jsxRuntime.jsx(reactAriaComponents.Button,{ref:v,isDisabled:O||o||void 0,"aria-disabled":d?true:void 0,"aria-describedby":d?E:void 0,onPress:u=>{if(d){m&&window.open(m,"_blank","noopener,noreferrer");return}T?.(u);},className:g(Ee({fullWidth:c,inVerticalGroup:R}),t),...f,children:u=>jsxRuntime.jsxs("span",{className:g(he({variant:I,visualSize:C,paywall:d,fullWidth:c}),_,e,me,"",Q,J),"data-pressed":u.isPressed||void 0,children:[o&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(lucideReact.Loader2,{className:"motion-safe:animate-spin","aria-hidden":"true"}),jsxRuntime.jsx("span",{className:"sr-only","aria-live":"polite",children:s})]}),!o&&p,d&&jsxRuntime.jsx(lucideReact.Zap,{"data-testid":"zap-icon","aria-hidden":"true",className:"ml-1"}),d&&jsxRuntime.jsxs("span",{id:E,className:"sr-only",children:["Premium feature: ",S||"Upgrade required to access this feature"]}),u.isFocusVisible&&i&&jsxRuntime.jsx("kbd",{className:"ml-auto hidden text-xs opacity-60 lg:inline",children:i})]})})}));U.displayName="Button";var ne=classVarianceAuthority.cva(["flex items-center justify-between gap-3 flex-wrap","px-4 py-2.5","bg-[var(--selected)]"],{variants:{sticky:{true:"sticky top-0 z-[6]",false:""},framed:{true:"rounded-lg border border-[var(--border)]",false:"border-b border-[var(--border)]"}},defaultVariants:{sticky:true,framed:false}}),se=classVarianceAuthority.cva(["flex items-center gap-3 flex-wrap w-full justify-between"]),ie=classVarianceAuthority.cva(["text-sm text-[var(--content-muted)] inline-flex items-center gap-1.5"]),at=classVarianceAuthority.cva(["inline-flex items-center justify-center","min-w-[1.5rem] h-6 px-1.5 rounded","border border-[var(--primary)]/40 bg-[var(--content-background)]","font-mono text-xs font-semibold text-[var(--primary-action)]"]),rt=classVarianceAuthority.cva(["text-[var(--primary-action)] border-[var(--primary)]/30","hover:bg-[var(--content-background)]"]);function ra(t,e){typeof t=="function"?t(e):t&&(t.current=e);}var ot=react.forwardRef(({selectedCount:t,actions:e,onAction:a,onClearSelection:r,sticky:n=true,framed:l=false,showJumpHint:o=false,shortcutKey:s="A",labels:i,className:p,"data-testid":y="bulk-action-bar"},d)=>{let m=react.useRef(null),S=react.useRef(t),T=react.useRef([]),[f,v]=react.useState(0),E=e.length+1,b=Math.min(f,E-1),N=c=>{let _=(c+E)%E;v(_),T.current[_]?.focus();},I=c=>{switch(c.key){case "ArrowRight":case "ArrowDown":c.preventDefault(),N(b+1);break;case "ArrowLeft":case "ArrowUp":c.preventDefault(),N(b-1);break;case "Home":c.preventDefault(),N(0);break;case "End":c.preventDefault(),N(E-1);break;}};react.useEffect(()=>{let c=S.current;if(S.current=t,c>0&&t===0){let _=document.activeElement;(!_||_===document.body)&&m.current?.focus();}},[t]);let k=t>0,O=o&&!!i.jumpHint,R="";if(k){let c=[i.selectedCount(t)];i.actionsAvailable&&c.push(i.actionsAvailable(e.length)),o&&i.jumpAnnouncement&&c.push(i.jumpAnnouncement),R=c.join(". ");}return jsxRuntime.jsxs("div",{ref:c=>{m.current=c,ra(d,c);},tabIndex:-1,className:g("outline-none",p),"data-testid":y,children:[jsxRuntime.jsx("div",{className:"sr-only",role:"status","aria-live":"polite",children:R}),k&&jsxRuntime.jsx("div",{className:ne({sticky:n,framed:l}),children:jsxRuntime.jsxs("div",{role:"toolbar","aria-label":i.toolbarLabel(t),"aria-orientation":"horizontal",onKeyDown:I,className:se(),children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-4 flex-wrap",children:[jsxRuntime.jsx("span",{className:"text-sm font-bold text-[var(--content-foreground)]",children:i.selectedCount(t)}),jsxRuntime.jsx(U,{ref:c=>{T.current[0]=c;},variant:"link",excludeFromTabOrder:b!==0,onFocus:()=>v(0),onPress:r,children:i.clear}),O&&i.jumpHint&&jsxRuntime.jsx("span",{"aria-hidden":"true",className:ie(),children:i.jumpHint(jsxRuntime.jsx("kbd",{className:at(),children:s}))})]}),jsxRuntime.jsx("div",{className:"flex items-center gap-2 flex-wrap",children:e.map((c,_)=>{let C=_+1;return jsxRuntime.jsxs(U,{ref:L=>{T.current[C]=L;},variant:c.tone==="danger"?"destructive":"outline",buttonVisualClassName:c.tone==="danger"?void 0:rt(),isDisabled:c.isDisabled,excludeFromTabOrder:b!==C,onFocus:()=>v(C),onPress:()=>a(c.id),children:[c.icon!=null&&jsxRuntime.jsx("span",{"aria-hidden":"true",className:"inline-flex",children:c.icon}),c.label]},c.id)})})]})})]})});ot.displayName="BulkActionBar";function oa(t,e){if(t==="all"){let a=0;for(let r of e)a+=1;return a}return t.size}var sa=new Set(["text","search","email","url","tel","number","password"]);function ia(t){if(!(t instanceof HTMLElement))return false;if(t.isContentEditable||t.closest('[contenteditable=""],[contenteditable="true"]'))return true;let e=t.tagName;if(e==="TEXTAREA"||e==="SELECT"||e==="INPUT"&&sa.has(t.type))return true;let a=t.getAttribute("role");return a==="textbox"||a==="searchbox"||a==="combobox"}function la({scopeRef:t,toolbarRef:e,key:a="a",disabled:r=false}){react.useEffect(()=>{if(r)return;let n=t.current;if(!n)return;let l=o=>{if(o.metaKey||o.ctrlKey||o.altKey||o.key.toLowerCase()!==a.toLowerCase()||ia(o.target))return;let s=e.current;if(!s)return;let i=s.querySelector('[tabindex="0"]')??s.querySelector("button:not([disabled])");i&&(o.preventDefault(),i.focus());};return n.addEventListener("keydown",l),()=>n.removeEventListener("keydown",l)},[t,e,a,r]);}var ce={sm:"h-9",default:"h-10",lg:"h-11"},M={sm:`${ce.sm} px-2 text-xs`,default:`${ce.default} px-3 text-sm`,lg:`${ce.lg} px-4 text-base`},Ie="min-h-[44px] flex items-center";function ca(t){if(!(t instanceof Element))return false;let e=t;for(let n=0;e&&n<100;n++){let l=e.tagName?.toLowerCase()??"";if(l.startsWith("grammarly-")||l.startsWith("lt-")||e.hasAttribute("data-grammarly-shadow-root"))return true;if(e.parentElement)e=e.parentElement;else {let o=e.getRootNode();e=o instanceof ShadowRoot?o.host:null;}}let a=t;for(;a&&!a.tagName.includes("-");)a=a.parentElement;if(!a)return false;let r=a.parentElement;return r===document.body||r===document.documentElement}function nt(t){return e=>!ca(e)&&(t?.(e)??true)}var st=classVarianceAuthority.cva(["flex","w-full","items-center","justify-between","gap-2","rounded-md","border","bg-[var(--content-background)]","text-[var(--content-foreground)]","transition-colors","duration-200","outline-none","focus-visible:ring-2","focus-visible:ring-[var(--ring)]","focus-visible:ring-offset-2","hover:bg-[var(--accent)]/10","disabled:cursor-not-allowed","disabled:opacity-50","data-[loading=true]:cursor-wait","truncate"],{variants:{size:{sm:`${M.sm} pr-1`,default:`${M.default} pr-1.5`,lg:`${M.lg} pr-2`},isInvalid:{true:"border-[var(--destructive-background)]",false:"border-[var(--input-border)] hover:border-[var(--input-border)]/80"}},defaultVariants:{size:"default",isInvalid:false}}),it=classVarianceAuthority.cva(["relative","flex","w-full","cursor-pointer","select-none","items-center","rounded-sm","outline-none","transition-colors","pl-8","pr-2","hover:bg-[var(--accent)]","hover:text-[var(--accent-foreground)]","focus:bg-[var(--accent)]","focus:text-[var(--accent-foreground)]","data-[selected=true]:bg-[var(--accent)]","data-[selected=true]:text-[var(--accent-foreground)]","data-[disabled=true]:pointer-events-none","data-[disabled=true]:opacity-50","data-[disabled=true]:text-[var(--menu-muted)]"],{variants:{size:{sm:`${M.sm} py-1`,default:`${M.default} py-2`,lg:`${M.lg} py-3`}},defaultVariants:{size:"default"}}),lt=classVarianceAuthority.cva(["z-50","w-[--trigger-width]","rounded-md","border","border-[var(--menu-border)]","bg-[var(--menu-background)]","text-[var(--menu-foreground)]","outline-none","overflow-auto","data-[entering]:animate-in","data-[entering]:fade-in-0","data-[entering]:zoom-in-95","data-[exiting]:animate-out","data-[exiting]:fade-out-0","data-[exiting]:zoom-out-95"],{variants:{size:{sm:"max-h-[200px] p-1",default:"max-h-[300px] p-1",lg:"max-h-[400px] p-1"}},defaultVariants:{size:"default"}}),ct=classVarianceAuthority.cva(["px-2","py-1.5","text-xs","font-semibold","text-[var(--menu-muted)]","uppercase","tracking-wider"],{variants:{size:{sm:"px-2 py-1 text-[10px]",default:"px-2 py-1 text-xs",lg:"px-2 py-1.5 text-xs"}},defaultVariants:{size:"default"}}),dt=classVarianceAuthority.cva(["flex","items-center","gap-1.5","text-sm","font-medium","text-[var(--destructive-background)]","mt-1"],{variants:{size:{sm:"text-xs mt-1",default:"text-sm mt-1",lg:"text-base mt-1"}},defaultVariants:{size:"default"}});var Ia=Array.from({length:3}).map((t,e)=>jsxRuntime.jsx("div",{className:"h-11 px-4 py-2",children:jsxRuntime.jsx("div",{className:"h-4 bg-[var(--accent-background)] rounded animate-pulse"})},`skeleton-${e}`));function ft({ariaSelectProps:t,triggerContent:e,triggerRef:a,label:r,description:n,isRequired:l,isDisabled:o,isLoading:s,errorMessage:i,size:p,emptyStateMessage:y,childCount:d,children:m}){let S=react.useId(),T=react.useId(),f=react.useId(),v=!!i,{className:E,...b}=t;return jsxRuntime.jsxs(reactAriaComponents.Select,{...b,className:g("flex flex-col gap-1.5",E),isInvalid:v,children:[jsxRuntime.jsxs(reactAriaComponents.Label,{id:S,className:"text-sm font-medium text-[var(--content-foreground)]",children:[r,l&&jsxRuntime.jsx("span",{className:"text-[var(--destructive-background)] ml-1",children:"*"})]}),n&&jsxRuntime.jsx(reactAriaComponents.Text,{id:T,slot:"description",className:"text-sm text-[var(--menu-muted)]",children:n}),jsxRuntime.jsx("div",{className:Ie,children:jsxRuntime.jsxs(reactAriaComponents.Button,{ref:a,className:st({size:p,isInvalid:v}),"aria-labelledby":S,"aria-describedby":n?T:i?f:void 0,"data-loading":s,...l&&{"aria-required":"true"},...s&&{"aria-busy":"true"},...(o||s)&&{"aria-disabled":"true"},children:[e,s?jsxRuntime.jsx(lucideReact.Loader2,{className:"ml-auto h-4 w-4 shrink-0 animate-spin text-[var(--menu-muted)]","aria-hidden":"true"}):jsxRuntime.jsx(lucideReact.ChevronDown,{className:"ml-auto h-4 w-4 shrink-0 text-[var(--menu-muted)]","aria-hidden":"true"})]})}),jsxRuntime.jsx(reactAriaComponents.FieldError,{id:f,className:dt({size:p}),children:({validationErrors:N})=>{let I=i||N.join(" ");return I?jsxRuntime.jsx(jsxRuntime.Fragment,{children:I}):null}}),jsxRuntime.jsx(reactAriaComponents.Popover,{shouldCloseOnInteractOutside:nt(),className:lt({size:p}),children:jsxRuntime.jsxs(reactAriaComponents.ListBox,{className:"outline-none",children:[s&&d>0&&Ia,!s&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[m,d===0&&jsxRuntime.jsx(reactAriaComponents.ListBoxItem,{id:"__empty__",textValue:"empty",isDisabled:true,className:"py-6 text-center text-sm text-[var(--menu-muted)] cursor-default pointer-events-none",children:jsxRuntime.jsx("span",{role:"status",children:y||"No options available"})})]})]})})]})}var bt=react.forwardRef(({label:t,placeholder:e,description:a,value:r,defaultValue:n,isOpen:l,isDisabled:o=false,isRequired:s=false,disabledKeys:i,validate:p,validationBehavior:y="aria",errorMessage:d,isLoading:m=false,emptyStateMessage:S,name:T,size:f="default",onChange:v,onOpenChange:E,className:b,children:N,...I},k)=>{let O=react.Children.count(N);return O>1e3&&console.warn("Select has >1000 items. Consider using Autocomplete component for better performance."),jsxRuntime.jsx(ft,{ariaSelectProps:{value:r,defaultValue:n,onChange:R=>{v&&v(R);},placeholder:e,disabledKeys:i,isOpen:l,onOpenChange:E,isDisabled:o||m,isRequired:s,name:T,validate:p,validationBehavior:y,className:b,...I},triggerContent:jsxRuntime.jsx(reactAriaComponents.SelectValue,{className:"flex-1 text-left truncate"}),triggerRef:k,label:t,description:a,isRequired:s,isDisabled:o,isLoading:m,errorMessage:d,size:f,emptyStateMessage:S,childCount:O,children:N})});bt.displayName="Select";var xt=react.forwardRef(({label:t,placeholder:e,description:a,value:r,defaultValue:n,selectionMode:l="multiple",isOpen:o,isDisabled:s=false,isRequired:i=false,disabledKeys:p,validate:y,validationBehavior:d="aria",errorMessage:m,isLoading:S=false,emptyStateMessage:T,name:f,size:v="default",onChange:E,onOpenChange:b,className:N,children:I,...k},O)=>{let R=react.Children.count(I);R>1e3&&console.warn("Select has >1000 items. Consider using Autocomplete component for better performance.");let c=react.useMemo(()=>{let C=new Map,L=V=>{react.Children.forEach(V,u=>{if(react.isValidElement(u)){let x=u;if(x.type===de||x.props?.value){let P=x.props.value,$=x.props.children;P&&typeof $=="string"&&C.set(P,$);}x.props?.children&&L(x.props.children);}});};return L(I),C},[I]),_=react.useMemo(()=>!r||!Array.isArray(r)||r.length===0?e||"":r.length<=2?r.map(L=>c.get(L)||L).join(", "):`${r.length} items selected`,[r,c,e]);return jsxRuntime.jsx(ft,{ariaSelectProps:{value:r,defaultValue:n,onChange:C=>{E&&E(C);},selectionMode:"multiple",disabledKeys:p,isOpen:o,onOpenChange:b,isDisabled:s||S,isRequired:i,name:f,validate:y,validationBehavior:d,className:N,...k},triggerContent:jsxRuntime.jsx("span",{className:"flex-1 text-left truncate",children:_}),triggerRef:O,label:t,description:a,isRequired:i,isDisabled:s,isLoading:S,errorMessage:m,size:v,emptyStateMessage:T,childCount:R,children:I})});xt.displayName="MultiSelect";var de=react.memo(function({children:e,textValue:a,value:r,isDisabled:n=false,className:l,...o}){if(!a&&typeof e!="string"){let s="Select.Item with custom children requires textValue prop for accessibility";if(process.env.NODE_ENV==="development")throw new Error(s);console.warn(s);}return jsxRuntime.jsx(reactAriaComponents.ListBoxItem,{id:r,textValue:a||(typeof e=="string"?e:void 0),className:`${it({size:"default"})} ${l||""}`,isDisabled:n,...o,children:({isSelected:s,selectionMode:i,isDisabled:p})=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[i==="multiple"?jsxRuntime.jsx(lucideReact.CheckSquare,{className:`absolute left-2 h-4 w-4 ${s?"visible":"invisible"}`,"aria-hidden":"true"}):s&&jsxRuntime.jsx(lucideReact.Check,{className:"absolute left-2 h-4 w-4","aria-hidden":"true"}),jsxRuntime.jsx("span",{className:p?"text-[var(--menu-muted)]":"",children:e})]})})});de.displayName="SelectItem";function Re({children:t,className:e,...a}){return jsxRuntime.jsx(reactAriaComponents.ListBoxSection,{className:`border-t border-[var(--border)] first:border-t-0 ${e||""}`,...a,children:t})}Re.displayName="SelectSection";function we({children:t,className:e,...a}){return jsxRuntime.jsx(reactAriaComponents.Header,{className:`${ct({size:"default"})} ${e||""}`,...a,children:t})}we.displayName="SelectHeader";var ue=Object.assign(bt,{Item:de,Section:Re,Header:we});Object.assign(xt,{Item:de,Section:Re,Header:we});var gt=classVarianceAuthority.cva(["flex flex-col gap-3"]),vt=classVarianceAuthority.cva(["flex items-center justify-between gap-3 flex-wrap px-0.5"]),St=classVarianceAuthority.cva(["flex flex-col gap-2.5 list-none m-0 p-0"]),Tt=classVarianceAuthority.cva(["flex items-start gap-2.5 p-3.5","rounded-lg border border-[var(--border)] bg-[var(--content-background)]","motion-safe:transition-colors"],{variants:{isSelected:{true:"bg-[var(--selected)] border-[var(--primary)]/40",false:""}},defaultVariants:{isSelected:false}}),Et=classVarianceAuthority.cva(["flex items-center justify-center min-w-[44px] min-h-[44px] -m-1 flex-none"]),ht=classVarianceAuthority.cva(["flex-1 min-w-0"]),yt=classVarianceAuthority.cva(["block w-full text-left cursor-pointer rounded-md","outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2"]);function Nt({items:t,getRowId:e,renderCard:a,selectionMode:r="none",selectedKeys:n=new Set,onSelectionChange:l,onRowAction:o,sortDescriptor:s,onSortChange:i,sortColumns:p=[],renderEmptyState:y,labels:d,"aria-label":m,className:S,"data-testid":T="table-card-list"}){let f=r==="multiple",v=t.map(e),E=u=>n==="all"||n.has(u),b=v.length>0&&v.every(E),N=v.some(E)&&!b,I=()=>n==="all"?new Set(v):new Set(n),k=()=>{l?.(b?new Set:new Set(v));},O=u=>{let x=I();x.has(u)?x.delete(u):x.add(u),l?.(x);},R=s?.column!=null?String(s.column):void 0,c=s?.direction??"ascending",_=u=>{let x=Array.isArray(u)?u[0]:u;x&&i?.({column:x,direction:s?.direction??"ascending"});},C=()=>{s?.column!=null&&i?.({column:s.column,direction:c==="ascending"?"descending":"ascending"});},L=f||p.length>0,V=t.length===0;return jsxRuntime.jsxs("div",{role:"region","aria-label":m,className:g(gt(),S),"data-testid":T,children:[jsxRuntime.jsx("p",{className:"sr-only",role:"status","aria-live":"polite",children:d.results(t.length)}),L&&jsxRuntime.jsxs("div",{className:vt(),children:[f?jsxRuntime.jsx(H,{label:d.selectAll,isSelected:b,isIndeterminate:N,onChange:k}):jsxRuntime.jsx("span",{}),p.length>0&&jsxRuntime.jsxs("div",{className:"flex items-end gap-2",children:[jsxRuntime.jsx(ue,{label:d.sort,placeholder:d.sortPlaceholder,value:R,onChange:_,children:p.map(u=>jsxRuntime.jsx(ue.Item,{value:u.id,children:u.label},u.id))}),jsxRuntime.jsx(U,{variant:"ghost",visualSize:"icon",isDisabled:s?.column==null,"aria-label":d.sortDirection(c),onPress:C,children:c==="ascending"?jsxRuntime.jsx(lucideReact.ArrowUp,{"aria-hidden":"true"}):jsxRuntime.jsx(lucideReact.ArrowDown,{"aria-hidden":"true"})})]})]}),V?y?jsxRuntime.jsx("div",{className:"rounded-lg border border-dashed border-[var(--border)] p-8 text-center","data-testid":"card-empty-state",children:y()}):null:jsxRuntime.jsx("ul",{className:St(),children:t.map(u=>{let x=e(u),P=E(x);return jsxRuntime.jsxs("li",{className:Tt({isSelected:P}),children:[f&&jsxRuntime.jsx("div",{className:Et(),children:jsxRuntime.jsx(H,{"aria-label":d.selectItem(u),isSelected:P,onChange:()=>O(x)})}),jsxRuntime.jsx("div",{className:ht(),children:o?jsxRuntime.jsx(reactAriaComponents.Button,{className:yt(),"data-testid":"card-action",onPress:()=>o(x),children:a(u)}):a(u)})]},String(x))})})]})}Nt.displayName="TableCardList";function Oa(t,e){let[a,r]=react.useState(false);return react.useEffect(()=>{let n=t.current;if(!n)return;let l=()=>r(n.offsetWidth<e);l();let o;return typeof ResizeObserver<"u"&&(o=new ResizeObserver(l),o.observe(n)),window.addEventListener("resize",l),()=>{window.removeEventListener("resize",l),o?.disconnect();}},[t,e]),a}exports.BulkActionBar=ot;exports.Cell=Ye;exports.Column=$e;exports.Row=Ke;exports.Table=Ge;exports.TableBody=Fe;exports.TableCardList=Nt;exports.TableFooter=je;exports.TableHeader=Ue;exports.bulkActionBarVariants=ne;exports.bulkActionHintVariants=ie;exports.bulkActionToolbarVariants=se;exports.cellVariants=ae;exports.columnVariants=ee;exports.resolveSelectedCount=oa;exports.rowVariants=te;exports.tableContainerVariants=be;exports.tableFooterVariants=ve;exports.tableHeaderVariants=ge;exports.tableVariants=xe;exports.useBulkActionShortcut=la;exports.useContainerNarrow=Oa;//# sourceMappingURL=index.js.map
|
|
3
3
|
//# sourceMappingURL=index.js.map
|