@tribepad/themis 1.0.7 → 1.0.8

package/dist/elements/Switch/Switch.d.ts

@@ -1,5 +1,6 @@
 import { type SwitchProps as AriaSwitchProps } from 'react-aria-components';
 import { type VariantProps } from 'class-variance-authority';
+import type { AnimatedProps, SpringConfig } from '../../types/animation';
 /**
  * Layer 1: Transparent outer touch target (44x44px minimum)
  * This layer handles the WCAG 2.2 AAA touch target requirement
@@ -17,22 +18,28 @@ declare const switchTrackVariants: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 /**
  * Layer 3: Switch thumb (sliding circle)
- * Inner visual element that slides horizontally when switch is selected
- * Positioned absolutely within the track (Layer 2)
+ * Inner visual element that slides horizontally when switch is selected.
+ * When spring animation is active, CSS transition is removed and
+ * motion.dev controls the translateX via inline transform.
  */
 declare const switchThumbVariants: (props?: ({
     size?: "default" | "sm" | "lg" | null | undefined;
+    animated?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface SwitchProps extends Omit<AriaSwitchProps, 'className' | 'children'>, VariantProps<typeof switchTrackVariants> {
+export interface SwitchProps extends Omit<AriaSwitchProps, 'className' | 'children'>, VariantProps<typeof switchTrackVariants>, AnimatedProps {
     variant?: 'default' | 'destructive';
     size?: 'sm' | 'default' | 'lg';
     label?: string;
     description?: string;
     className?: string;
+    /** Spring physics configuration. Default: { stiffness: 500, damping: 30 } */
+    springConfig?: SpringConfig;
 }
 /**
  * Switch Component
- * Fully accessible toggle switch with React Aria and themed styling
+ * Fully accessible toggle switch with React Aria and themed styling.
+ * When `animated` is true (default) and motion.dev is installed,
+ * the thumb uses spring physics for a natural bounce effect.
  */
 declare const Switch: import("react").NamedExoticComponent<SwitchProps & import("react").RefAttributes<HTMLLabelElement>>;
 export { Switch, switchOuterVariants, switchTrackVariants, switchThumbVariants };

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/elements/Switch/Switch.tsx"],"names":[],"mappings":"AAaA,OAAO,EAEL,KAAK,WAAW,IAAI,eAAe,EACpC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE;;;;GAIG;AACH,QAAA,MAAM,mBAAmB,2FAOxB,CAAC;AAEF;;;;GAIG;AACH,QAAA,MAAM,mBAAmB;;;8EA2BxB,CAAC;AAEF;;;;GAIG;AACH,QAAA,MAAM,mBAAmB;;8EAgBxB,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,eAAe,EAAE,WAAW,GAAG,UAAU,CAAC,EACrD,YAAY,CAAC,OAAO,mBAAmB,CAAC;IAC1C,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACpC,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,QAAA,MAAM,MAAM,qGAwEV,CAAC;AAIH,OAAO,EAAE,MAAM,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/elements/Switch/Switch.tsx"],"names":[],"mappings":"AAcA,OAAO,EAEL,KAAK,WAAW,IAAI,eAAe,EACpC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAKlE,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAsCzE;;;;GAIG;AACH,QAAA,MAAM,mBAAmB,2FAOxB,CAAC;AAEF;;;;GAIG;AACH,QAAA,MAAM,mBAAmB;;;8EA2BxB,CAAC;AAEF;;;;;GAKG;AACH,QAAA,MAAM,mBAAmB;;;8EAuBxB,CAAC;AAMF,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,eAAe,EAAE,WAAW,GAAG,UAAU,CAAC,EACrD,YAAY,CAAC,OAAO,mBAAmB,CAAC,EACxC,aAAa;IACf,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACpC,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED;;;;;GAKG;AACH,QAAA,MAAM,MAAM,qGAuIV,CAAC;AAIH,OAAO,EAAE,MAAM,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,CAAC"}

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

@@ -42,6 +42,11 @@ export declare const SwitchPropsSchema: z.ZodObject<{
     onBlur: z.ZodOptional<z.ZodFunction<z.core.$ZodFunctionArgs, z.core.$ZodFunctionOut>>;
     onFocusChange: z.ZodOptional<z.ZodFunction<z.core.$ZodFunctionArgs, z.core.$ZodFunctionOut>>;
     autoFocus: z.ZodOptional<z.ZodBoolean>;
+    animated: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+    springConfig: z.ZodOptional<z.ZodObject<{
+        stiffness: z.ZodNumber;
+        damping: z.ZodNumber;
+    }, z.core.$strip>>;
 }, z.core.$strip>;
 export type SwitchProps = z.infer<typeof SwitchPropsSchema> & Omit<AriaSwitchProps, keyof z.infer<typeof SwitchPropsSchema>>;
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.types.d.ts","sourceRoot":"","sources":["../../../src/elements/Switch/Switch.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE5E;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA4B5B,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,GACzD,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC;AAEjE;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC,SAAS,CAAC,CAAC;AACzE,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC"}
+{"version":3,"file":"Switch.types.d.ts","sourceRoot":"","sources":["../../../src/elements/Switch/Switch.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE5E;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAqC5B,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,GACzD,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC;AAEjE;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC,SAAS,CAAC,CAAC;AACzE,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC"}

package/dist/elements/Switch/index.js

@@ -1,3 +1,3 @@
 "use client";
-'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'),zod=require('zod');function o(...r){return tailwindMerge.twMerge(clsx.clsx(r))}var u="data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2",A="data-[pressed]:scale-[0.97]";var V="data-[hovered]:shadow-md";var l="hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground",h="hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground",m="hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground";var S=`${u} ${A} ${V} ${l} ${h} ${m}`;var w=classVarianceAuthority.cva("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",{variants:{},defaultVariants:{}}),g=classVarianceAuthority.cva("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",{variants:{variant:{default:"bg-[var(--input-background)] data-[selected]:bg-[var(--primary)]",destructive:"bg-[var(--input-background)] data-[selected]:bg-[var(--destructive-background)]"},size:{sm:"h-5 w-9",default:"h-6 w-11",lg:"h-7 w-14"}},defaultVariants:{variant:"default",size:"default"}}),b=classVarianceAuthority.cva("pointer-events-none absolute left-0.5 rounded-full bg-[var(--content-background)] shadow-lg ring-0 transition-transform data-[selected]:translate-x-full",{variants:{size:{sm:"h-4 w-4",default:"h-5 w-5",lg:"h-6 w-6"}},defaultVariants:{size:"default"}}),x=react.memo(react.forwardRef(({className:r,variant:y,size:d,label:s,description:n,isDisabled:p,isReadOnly:f,...E},N)=>jsxRuntime.jsx(reactAriaComponents.Switch,{ref:N,isDisabled:p,isReadOnly:f,className:i=>o("group inline-flex items-center gap-2",p&&"cursor-not-allowed opacity-50",r),...E,children:i=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:o(w()),"data-selected":i.isSelected||void 0,"data-readonly":f||void 0,children:jsxRuntime.jsx("div",{className:o(g({variant:y,size:d}),S),"data-selected":i.isSelected||void 0,children:jsxRuntime.jsx("div",{className:o(b({size:d})),"data-selected":i.isSelected||void 0})})}),(s||n)&&jsxRuntime.jsxs("div",{className:"flex flex-col",children:[s&&jsxRuntime.jsx("span",{className:"text-sm font-medium text-[var(--content-foreground)]",children:s}),n&&jsxRuntime.jsx("span",{className:"text-xs text-[var(--menu-muted)]",children:n})]})]})})));x.displayName="Switch";var T=zod.z.object({className:zod.z.string().optional(),children:zod.z.any().optional(),id:zod.z.string().optional(),"aria-label":zod.z.string().optional(),"aria-labelledby":zod.z.string().optional(),"aria-describedby":zod.z.string().optional(),"aria-live":zod.z.enum(["off","polite","assertive"]).optional(),"aria-hidden":zod.z.boolean().optional(),"data-testid":zod.z.string().optional()});var I=T.extend({isSelected:zod.z.boolean().optional(),defaultSelected:zod.z.boolean().optional().default(false),onChange:zod.z.function().optional(),variant:zod.z.enum(["default","destructive"]).optional().default("default"),size:zod.z.enum(["sm","default","lg"]).optional().default("default"),isDisabled:zod.z.boolean().optional().default(false),isReadOnly:zod.z.boolean().optional().default(false),label:zod.z.string().optional(),description:zod.z.string().optional(),onFocus:zod.z.function().optional(),onBlur:zod.z.function().optional(),onFocusChange:zod.z.function().optional(),autoFocus:zod.z.boolean().optional()});exports.Switch=x;exports.SwitchPropsSchema=I;exports.switchOuterVariants=w;exports.switchThumbVariants=b;exports.switchTrackVariants=g;//# sourceMappingURL=index.js.map
+'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'),zod=require('zod');function u(...o){return tailwindMerge.twMerge(clsx.clsx(o))}function E(o,a){return !(o===false||a)}var T="(prefers-reduced-motion: reduce)";function Q(){return typeof window>"u"?false:window.matchMedia(T).matches}function A(){let[o,a]=react.useState(Q);return react.useEffect(()=>{let i=window.matchMedia(T);a(i.matches);let r=c=>{a(c.matches);};return i.addEventListener("change",r),()=>i.removeEventListener("change",r)},[]),o}var R="data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2",X="data-[pressed]:scale-[0.97]";var q="data-[hovered]:shadow-md";var S="hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground",P="hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground",N="hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground";var C=`${R} ${X} ${q} ${S} ${P} ${N}`;var f;function te(){return f!==void 0?Promise.resolve(f):import('motion').then(o=>(f=o.animate,f)).catch(()=>(f=null,null))}var ne={stiffness:500,damping:30},V=classVarianceAuthority.cva("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",{variants:{},defaultVariants:{}}),O=classVarianceAuthority.cva("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",{variants:{variant:{default:"bg-[var(--border)] data-[selected]:bg-[var(--primary)]",destructive:"bg-[var(--border)] data-[selected]:bg-[var(--destructive-background)]"},size:{sm:"h-6 w-10",default:"h-7 w-12",lg:"h-8 w-14"}},defaultVariants:{variant:"default",size:"default"}}),I=classVarianceAuthority.cva("pointer-events-none absolute left-0.5 rounded-full bg-[var(--content-background)] shadow-lg ring-0",{variants:{size:{sm:"h-4 w-4",default:"h-5 w-5",lg:"h-6 w-6"},animated:{false:"transition-transform data-[selected]:translate-x-full",true:""}},defaultVariants:{size:"default",animated:false}}),L=react.memo(react.forwardRef(({className:o,variant:a,size:i,label:r,description:c,isDisabled:v,isReadOnly:b,animated:k,springConfig:p=ne,onChange:w,...F},H)=>{let M=A(),d=E(k,M),s=react.useRef(null),x=react.useRef(false),h=react.useRef(null),y=react.useRef(null);react.useEffect(()=>{d&&te().then(t=>{if(t&&(h.current=t,x.current=true,s.current)){let B=s.current.hasAttribute("data-selected");s.current.style.transform=B?"translateX(100%)":"translateX(0)";}});},[d]);let $=react.useCallback(t=>{w?.(t),d&&x.current&&h.current&&s.current&&(y.current?.stop(),y.current=h.current(s.current,{x:t?"100%":"0%"},{type:"spring",stiffness:p.stiffness,damping:p.damping}));},[d,p.stiffness,p.damping,w]),D=d;return jsxRuntime.jsx(reactAriaComponents.Switch,{ref:H,isDisabled:v,isReadOnly:b,onChange:$,className:t=>u("group inline-flex items-center gap-2",v&&"cursor-not-allowed opacity-50",o),...F,children:t=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:u(V()),"data-selected":t.isSelected||void 0,"data-readonly":b||void 0,children:jsxRuntime.jsx("div",{className:u(O({variant:a,size:i}),C),"data-selected":t.isSelected||void 0,children:jsxRuntime.jsx("div",{ref:s,className:u(I({size:i,animated:D})),"data-selected":t.isSelected||void 0})})}),(r||c)&&jsxRuntime.jsxs("div",{className:"flex flex-col",children:[r&&jsxRuntime.jsx("span",{className:"text-sm font-medium text-[var(--content-foreground)]",children:r}),c&&jsxRuntime.jsx("span",{className:"text-xs text-[var(--menu-muted)]",children:c})]})]})})}));L.displayName="Switch";var z=zod.z.object({className:zod.z.string().optional(),children:zod.z.any().optional(),id:zod.z.string().optional(),"aria-label":zod.z.string().optional(),"aria-labelledby":zod.z.string().optional(),"aria-describedby":zod.z.string().optional(),"aria-live":zod.z.enum(["off","polite","assertive"]).optional(),"aria-hidden":zod.z.boolean().optional(),"data-testid":zod.z.string().optional()});var ae=z.extend({isSelected:zod.z.boolean().optional(),defaultSelected:zod.z.boolean().optional().default(false),onChange:zod.z.function().optional(),variant:zod.z.enum(["default","destructive"]).optional().default("default"),size:zod.z.enum(["sm","default","lg"]).optional().default("default"),isDisabled:zod.z.boolean().optional().default(false),isReadOnly:zod.z.boolean().optional().default(false),label:zod.z.string().optional(),description:zod.z.string().optional(),onFocus:zod.z.function().optional(),onBlur:zod.z.function().optional(),onFocusChange:zod.z.function().optional(),autoFocus:zod.z.boolean().optional(),animated:zod.z.boolean().optional().default(true),springConfig:zod.z.object({stiffness:zod.z.number(),damping:zod.z.number()}).optional()});exports.Switch=L;exports.SwitchPropsSchema=ae;exports.switchOuterVariants=V;exports.switchThumbVariants=I;exports.switchTrackVariants=O;//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/cn.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","FOCUS_STYLES","PRESSED_STYLES","HOVER_STYLES","HIGH_CONTRAST_FOCUS","HIGH_CONTRAST_HOVER","HIGH_CONTRAST_PRESSED","DEFAULT_INTERACTIONS","switchOuterVariants","cva","switchTrackVariants","switchThumbVariants","Switch","memo","forwardRef","className","variant","size","label","description","isDisabled","isReadOnly","props","ref","jsx","AriaSwitch","_classNameProps","renderProps","jsxs","Fragment","BaseComponentPropsSchema","z","SwitchPropsSchema"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","/**\n * Global Interaction State Styles\n *\n * Consistent interaction patterns across all Themis components.\n * These styles ensure WCAG 2.2 AAA compliance and predictable UX.\n *\n * @see spec.md FR-010 (Visible focus ring for keyboard navigation)\n * @see spec.md FR-031 (Pressed state feedback)\n * @see spec.md FR-012 (High contrast mode support)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\n/**\n * Focus state styles (FR-010)\n * Visible focus ring for keyboard navigation - WCAG 2.2 Level AAA\n *\n * Components can override by extending these styles:\n * @example\n * cn(FOCUS_STYLES, \"ring-4\") // Increases ring width to 4px\n */\nexport const FOCUS_STYLES = \"data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2\";\n\n/**\n * Pressed/Active state styles (FR-031)\n * Visual feedback for press interactions\n *\n * Components can override the scale amount:\n * @example\n * cn(PRESSED_STYLES_BASE, \"data-[pressed]:scale-[0.95]\") // More pronounced scale\n */\nexport const PRESSED_STYLES = \"data-[pressed]:scale-[0.97]\";\n\n/**\n * Base pressed styles without scale (for components that need different feedback)\n */\nexport const PRESSED_STYLES_BASE = \"data-[pressed]:transition-transform data-[pressed]:duration-100\";\n\n/**\n * Hover state styles\n * Elevation change on hover for better affordance\n *\n * Components can override shadow depth:\n * @example\n * cn(HOVER_STYLES_BASE, \"data-[hovered]:shadow-lg\") // Larger shadow\n */\nexport const HOVER_STYLES = \"data-[hovered]:shadow-md\";\n\n/**\n * Base hover styles without shadow (for components that use different hover effects)\n */\nexport const HOVER_STYLES_BASE = \"data-[hovered]:transition-shadow data-[hovered]:duration-200\";\n\n/**\n * High contrast mode focus (FR-012)\n * Enhanced outlines for users requiring high contrast\n *\n * Uses 'hc:' prefix for prefers-contrast: more media query\n */\nexport const HIGH_CONTRAST_FOCUS = \"hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground\";\n\n/**\n * High contrast mode hover (FR-012)\n * Enhanced outlines for hover in high contrast mode\n */\nexport const HIGH_CONTRAST_HOVER = \"hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground\";\n\n/**\n * High contrast mode pressed state\n * Enhanced outlines for pressed state in high contrast mode\n */\nexport const HIGH_CONTRAST_PRESSED = \"hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground\";\n\n/**\n * Combined high contrast styles\n * Use this for components that need all high contrast interaction states\n */\nexport const HIGH_CONTRAST_INTERACTIONS = `${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Disabled state styles\n * Consistent disabled appearance across all components\n */\nexport const DISABLED_STYLES = \"disabled:pointer-events-none disabled:opacity-50\";\n\n/**\n * Default interaction bundle\n * Most common combination for interactive components\n *\n * Includes: focus ring, pressed scale, hover shadow, high contrast enhancements\n *\n * @example\n * <button className={cn(DEFAULT_INTERACTIONS, \"bg-primary\")}>Click</button>\n */\nexport const DEFAULT_INTERACTIONS = `${FOCUS_STYLES} ${PRESSED_STYLES} ${HOVER_STYLES} ${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Subtle interaction bundle\n * For components that need less pronounced feedback\n *\n * Includes: focus ring and high contrast, but no hover shadow or pressed scale\n */\nexport const SUBTLE_INTERACTIONS = `${FOCUS_STYLES} ${HIGH_CONTRAST_FOCUS}`;\n\n/**\n * Non-interactive element styles\n * For elements that should indicate they are not interactive\n */\nexport const NON_INTERACTIVE = \"cursor-default select-none\";\n","\"use client\";\n\n/**\n * Switch Component\n * Accessible toggle switch with React Aria primitives and CVA styling\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 } 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 { DEFAULT_INTERACTIONS } from '../../styles/interaction-states';\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(--input-background)] data-[selected]:bg-[var(--primary)]\",\n        // Destructive variant: Uses destructive/error color when selected\n        destructive:\n          \"bg-[var(--input-background)] data-[selected]:bg-[var(--destructive-background)]\",\n      },\n      size: {\n        // Small: h-5 w-9 (visual track size)\n        sm: \"h-5 w-9\",\n        // Default: h-6 w-11\n        default: \"h-6 w-11\",\n        // Large: h-7 w-14\n        lg: \"h-7 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 * Positioned absolutely within the track (Layer 2)\n */\nconst switchThumbVariants = cva(\n  // Base styles: rounded circle with shadow, translates when selected\n  \"pointer-events-none absolute left-0.5 rounded-full bg-[var(--content-background)] shadow-lg ring-0 transition-transform data-[selected]:translate-x-full\",\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    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n);\n\nexport interface SwitchProps\n  extends Omit<AriaSwitchProps, 'className' | 'children'>,\n    VariantProps<typeof switchTrackVariants> {\n  variant?: 'default' | 'destructive';\n  size?: 'sm' | 'default' | 'lg';\n  label?: string;\n  description?: string;\n  className?: string;\n}\n\n/**\n * Switch Component\n * Fully accessible toggle switch with React Aria and themed styling\n */\nconst Switch = memo(forwardRef<HTMLLabelElement, SwitchProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      label,\n      description,\n      isDisabled,\n      isReadOnly,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <AriaSwitch\n        ref={ref}\n        isDisabled={isDisabled}\n        isReadOnly={isReadOnly}\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                  className={cn(switchThumbVariants({ size }))}\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\nexport type SwitchProps = z.infer<typeof SwitchPropsSchema> &\n  Omit<AriaSwitchProps, keyof z.infer<typeof SwitchPropsSchema>>;\n\n/**\n * CVA variant configuration types\n * Used for class-variance-authority integration\n */\nexport type SwitchVariant = z.infer<typeof SwitchPropsSchema>['variant'];\nexport type SwitchSize = z.infer<typeof SwitchPropsSchema>['size'];\n"]}
+{"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","HOVER_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.js","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","/**\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 = \"data-[hovered]:shadow-md\";\n\n/**\n * Base hover styles without shadow (for components that use different hover effects)\n */\nexport const HOVER_STYLES_BASE = \"data-[hovered]:transition-shadow data-[hovered]:duration-200\";\n\n/**\n * High contrast mode focus (FR-012)\n * Enhanced outlines for users requiring high contrast\n *\n * Uses 'hc:' prefix for prefers-contrast: more media query\n */\nexport const HIGH_CONTRAST_FOCUS = \"hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground\";\n\n/**\n * High contrast mode hover (FR-012)\n * Enhanced outlines for hover in high contrast mode\n */\nexport const HIGH_CONTRAST_HOVER = \"hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground\";\n\n/**\n * High contrast mode pressed state\n * Enhanced outlines for pressed state in high contrast mode\n */\nexport const HIGH_CONTRAST_PRESSED = \"hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground\";\n\n/**\n * Combined high contrast styles\n * Use this for components that need all high contrast interaction states\n */\nexport const HIGH_CONTRAST_INTERACTIONS = `${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Disabled state styles\n * Consistent disabled appearance across all components\n */\nexport const DISABLED_STYLES = \"disabled:pointer-events-none disabled:opacity-50\";\n\n/**\n * Default interaction bundle\n * Most common combination for interactive components\n *\n * Includes: focus ring, pressed scale, hover shadow, high contrast enhancements\n *\n * @example\n * <button className={cn(DEFAULT_INTERACTIONS, \"bg-primary\")}>Click</button>\n */\nexport const DEFAULT_INTERACTIONS = `${FOCUS_STYLES} ${PRESSED_STYLES} ${HOVER_STYLES} ${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Subtle interaction bundle\n * For components that need less pronounced feedback\n *\n * Includes: focus ring and high contrast, but no hover shadow or pressed scale\n */\nexport const SUBTLE_INTERACTIONS = `${FOCUS_STYLES} ${HIGH_CONTRAST_FOCUS}`;\n\n/**\n * Non-interactive element styles\n * For elements that should indicate they are not interactive\n */\nexport const NON_INTERACTIVE = \"cursor-default select-none\";\n","\"use client\";\n\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)] shadow-lg 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 type SwitchProps = z.infer<typeof SwitchPropsSchema> &\n  Omit<AriaSwitchProps, keyof z.infer<typeof SwitchPropsSchema>>;\n\n/**\n * CVA variant configuration types\n * Used for class-variance-authority integration\n */\nexport type SwitchVariant = z.infer<typeof SwitchPropsSchema>['variant'];\nexport type SwitchSize = z.infer<typeof SwitchPropsSchema>['size'];\n"]}

package/dist/elements/Switch/index.mjs

@@ -1,3 +1,3 @@
 "use client";
-import {memo,forwardRef}from'react';import {Switch}from'react-aria-components';import {cva}from'class-variance-authority';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {z}from'zod';function o(...r){return twMerge(clsx(r))}var u="data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2",A="data-[pressed]:scale-[0.97]";var V="data-[hovered]:shadow-md";var l="hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground",h="hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground",m="hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground";var S=`${u} ${A} ${V} ${l} ${h} ${m}`;var w=cva("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",{variants:{},defaultVariants:{}}),g=cva("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",{variants:{variant:{default:"bg-[var(--input-background)] data-[selected]:bg-[var(--primary)]",destructive:"bg-[var(--input-background)] data-[selected]:bg-[var(--destructive-background)]"},size:{sm:"h-5 w-9",default:"h-6 w-11",lg:"h-7 w-14"}},defaultVariants:{variant:"default",size:"default"}}),b=cva("pointer-events-none absolute left-0.5 rounded-full bg-[var(--content-background)] shadow-lg ring-0 transition-transform data-[selected]:translate-x-full",{variants:{size:{sm:"h-4 w-4",default:"h-5 w-5",lg:"h-6 w-6"}},defaultVariants:{size:"default"}}),x=memo(forwardRef(({className:r,variant:y,size:d,label:s,description:n,isDisabled:p,isReadOnly:f,...E},N)=>jsx(Switch,{ref:N,isDisabled:p,isReadOnly:f,className:i=>o("group inline-flex items-center gap-2",p&&"cursor-not-allowed opacity-50",r),...E,children:i=>jsxs(Fragment,{children:[jsx("div",{className:o(w()),"data-selected":i.isSelected||void 0,"data-readonly":f||void 0,children:jsx("div",{className:o(g({variant:y,size:d}),S),"data-selected":i.isSelected||void 0,children:jsx("div",{className:o(b({size:d})),"data-selected":i.isSelected||void 0})})}),(s||n)&&jsxs("div",{className:"flex flex-col",children:[s&&jsx("span",{className:"text-sm font-medium text-[var(--content-foreground)]",children:s}),n&&jsx("span",{className:"text-xs text-[var(--menu-muted)]",children:n})]})]})})));x.displayName="Switch";var T=z.object({className:z.string().optional(),children:z.any().optional(),id:z.string().optional(),"aria-label":z.string().optional(),"aria-labelledby":z.string().optional(),"aria-describedby":z.string().optional(),"aria-live":z.enum(["off","polite","assertive"]).optional(),"aria-hidden":z.boolean().optional(),"data-testid":z.string().optional()});var I=T.extend({isSelected:z.boolean().optional(),defaultSelected:z.boolean().optional().default(false),onChange:z.function().optional(),variant:z.enum(["default","destructive"]).optional().default("default"),size:z.enum(["sm","default","lg"]).optional().default("default"),isDisabled:z.boolean().optional().default(false),isReadOnly:z.boolean().optional().default(false),label:z.string().optional(),description:z.string().optional(),onFocus:z.function().optional(),onBlur:z.function().optional(),onFocusChange:z.function().optional(),autoFocus:z.boolean().optional()});export{x as Switch,I as SwitchPropsSchema,w as switchOuterVariants,b as switchThumbVariants,g as switchTrackVariants};//# sourceMappingURL=index.mjs.map
+import {memo,forwardRef,useRef,useEffect,useCallback,useState}from'react';import {Switch}from'react-aria-components';import {cva}from'class-variance-authority';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {z as z$1}from'zod';function u(...o){return twMerge(clsx(o))}function E(o,a){return !(o===false||a)}var T="(prefers-reduced-motion: reduce)";function Q(){return typeof window>"u"?false:window.matchMedia(T).matches}function A(){let[o,a]=useState(Q);return useEffect(()=>{let i=window.matchMedia(T);a(i.matches);let r=c=>{a(c.matches);};return i.addEventListener("change",r),()=>i.removeEventListener("change",r)},[]),o}var R="data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2",X="data-[pressed]:scale-[0.97]";var q="data-[hovered]:shadow-md";var S="hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground",P="hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground",N="hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground";var C=`${R} ${X} ${q} ${S} ${P} ${N}`;var f;function te(){return f!==void 0?Promise.resolve(f):import('motion').then(o=>(f=o.animate,f)).catch(()=>(f=null,null))}var ne={stiffness:500,damping:30},V=cva("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",{variants:{},defaultVariants:{}}),O=cva("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",{variants:{variant:{default:"bg-[var(--border)] data-[selected]:bg-[var(--primary)]",destructive:"bg-[var(--border)] data-[selected]:bg-[var(--destructive-background)]"},size:{sm:"h-6 w-10",default:"h-7 w-12",lg:"h-8 w-14"}},defaultVariants:{variant:"default",size:"default"}}),I=cva("pointer-events-none absolute left-0.5 rounded-full bg-[var(--content-background)] shadow-lg ring-0",{variants:{size:{sm:"h-4 w-4",default:"h-5 w-5",lg:"h-6 w-6"},animated:{false:"transition-transform data-[selected]:translate-x-full",true:""}},defaultVariants:{size:"default",animated:false}}),L=memo(forwardRef(({className:o,variant:a,size:i,label:r,description:c,isDisabled:v,isReadOnly:b,animated:k,springConfig:p=ne,onChange:w,...F},H)=>{let M=A(),d=E(k,M),s=useRef(null),x=useRef(false),h=useRef(null),y=useRef(null);useEffect(()=>{d&&te().then(t=>{if(t&&(h.current=t,x.current=true,s.current)){let B=s.current.hasAttribute("data-selected");s.current.style.transform=B?"translateX(100%)":"translateX(0)";}});},[d]);let $=useCallback(t=>{w?.(t),d&&x.current&&h.current&&s.current&&(y.current?.stop(),y.current=h.current(s.current,{x:t?"100%":"0%"},{type:"spring",stiffness:p.stiffness,damping:p.damping}));},[d,p.stiffness,p.damping,w]),D=d;return jsx(Switch,{ref:H,isDisabled:v,isReadOnly:b,onChange:$,className:t=>u("group inline-flex items-center gap-2",v&&"cursor-not-allowed opacity-50",o),...F,children:t=>jsxs(Fragment,{children:[jsx("div",{className:u(V()),"data-selected":t.isSelected||void 0,"data-readonly":b||void 0,children:jsx("div",{className:u(O({variant:a,size:i}),C),"data-selected":t.isSelected||void 0,children:jsx("div",{ref:s,className:u(I({size:i,animated:D})),"data-selected":t.isSelected||void 0})})}),(r||c)&&jsxs("div",{className:"flex flex-col",children:[r&&jsx("span",{className:"text-sm font-medium text-[var(--content-foreground)]",children:r}),c&&jsx("span",{className:"text-xs text-[var(--menu-muted)]",children:c})]})]})})}));L.displayName="Switch";var z=z$1.object({className:z$1.string().optional(),children:z$1.any().optional(),id:z$1.string().optional(),"aria-label":z$1.string().optional(),"aria-labelledby":z$1.string().optional(),"aria-describedby":z$1.string().optional(),"aria-live":z$1.enum(["off","polite","assertive"]).optional(),"aria-hidden":z$1.boolean().optional(),"data-testid":z$1.string().optional()});var ae=z.extend({isSelected:z$1.boolean().optional(),defaultSelected:z$1.boolean().optional().default(false),onChange:z$1.function().optional(),variant:z$1.enum(["default","destructive"]).optional().default("default"),size:z$1.enum(["sm","default","lg"]).optional().default("default"),isDisabled:z$1.boolean().optional().default(false),isReadOnly:z$1.boolean().optional().default(false),label:z$1.string().optional(),description:z$1.string().optional(),onFocus:z$1.function().optional(),onBlur:z$1.function().optional(),onFocusChange:z$1.function().optional(),autoFocus:z$1.boolean().optional(),animated:z$1.boolean().optional().default(true),springConfig:z$1.object({stiffness:z$1.number(),damping:z$1.number()}).optional()});export{L as Switch,ae as SwitchPropsSchema,V as switchOuterVariants,I as switchThumbVariants,O as switchTrackVariants};//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/cn.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","FOCUS_STYLES","PRESSED_STYLES","HOVER_STYLES","HIGH_CONTRAST_FOCUS","HIGH_CONTRAST_HOVER","HIGH_CONTRAST_PRESSED","DEFAULT_INTERACTIONS","switchOuterVariants","cva","switchTrackVariants","switchThumbVariants","Switch","memo","forwardRef","className","variant","size","label","description","isDisabled","isReadOnly","props","ref","jsx","AriaSwitch","_classNameProps","renderProps","jsxs","Fragment","BaseComponentPropsSchema","z","SwitchPropsSchema"],"mappings":"6PAcO,SAASA,CAAAA,CAAAA,GAAMC,CAAAA,CAA8B,CAClD,OAAOC,OAAAA,CAAQC,KAAKF,CAAM,CAAC,CAC7B,CCIO,IAAMG,CAAAA,CAAe,gHAUfC,CAAAA,CAAiB,6BAAA,CAevB,IAAMC,CAAAA,CAAe,0BAAA,CAarB,IAAMC,EAAsB,uJAAA,CAMtBC,CAAAA,CAAsB,4FAAA,CAMtBC,CAAAA,CAAwB,+HAAA,CAuB9B,IAAMC,EAAuB,CAAA,EAAGN,CAAY,CAAA,CAAA,EAAIC,CAAc,CAAA,CAAA,EAAIC,CAAY,IAAIC,CAAmB,CAAA,CAAA,EAAIC,CAAmB,CAAA,CAAA,EAAIC,CAAqB,CAAA,CAAA,CCnE5J,IAAME,CAAAA,CAAsBC,IAE1B,0KAAA,CACA,CACE,QAAA,CAAU,EAAC,CACX,eAAA,CAAiB,EACnB,CACF,CAAA,CAOMC,CAAAA,CAAsBD,GAAAA,CAE1B,yPAAA,CACA,CACE,QAAA,CAAU,CACR,OAAA,CAAS,CAEP,OAAA,CACE,kEAAA,CAEF,WAAA,CACE,iFACJ,CAAA,CACA,IAAA,CAAM,CAEJ,EAAA,CAAI,SAAA,CAEJ,OAAA,CAAS,WAET,EAAA,CAAI,UACN,CACF,CAAA,CACA,eAAA,CAAiB,CACf,QAAS,SAAA,CACT,IAAA,CAAM,SACR,CACF,CACF,CAAA,CAOME,EAAsBF,GAAAA,CAE1B,0JAAA,CACA,CACE,QAAA,CAAU,CACR,IAAA,CAAM,CAEJ,EAAA,CAAI,SAAA,CACJ,OAAA,CAAS,SAAA,CACT,EAAA,CAAI,SACN,CACF,EACA,eAAA,CAAiB,CACf,IAAA,CAAM,SACR,CACF,CACF,EAgBMG,CAAAA,CAASC,IAAAA,CAAKC,UAAAA,CAClB,CACE,CACE,SAAA,CAAAC,EACA,OAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,EACAC,CAAAA,GAGEC,GAAAA,CAACC,MAAAA,CAAA,CACC,GAAA,CAAKF,CAAAA,CACL,WAAYH,CAAAA,CACZ,UAAA,CAAYC,CAAAA,CACZ,SAAA,CAAYK,CAAAA,EACV7B,CAAAA,CACE,uCACAuB,CAAAA,EAAc,+BAAA,CACdL,CACF,CAAA,CAED,GAAGO,CAAAA,CAEH,QAAA,CAACK,CAAAA,EACAC,IAAAA,CAAAC,QAAAA,CAAA,CAEE,QAAA,CAAA,CAAAL,GAAAA,CAAC,KAAA,CAAA,CACC,UAAW3B,CAAAA,CAAGW,CAAAA,EAAqB,CAAA,CACnC,eAAA,CAAemB,CAAAA,CAAY,UAAA,EAAc,MAAA,CACzC,eAAA,CAAeN,CAAAA,EAAc,MAAA,CAG7B,QAAA,CAAAG,GAAAA,CAAC,KAAA,CAAA,CACC,UAAW3B,CAAAA,CACTa,CAAAA,CAAoB,CAAE,OAAA,CAAAM,CAAAA,CAAS,IAAA,CAAAC,CAAK,CAAC,CAAA,CACrCV,CACF,CAAA,CACA,eAAA,CAAeoB,CAAAA,CAAY,UAAA,EAAc,OAGzC,QAAA,CAAAH,GAAAA,CAAC,KAAA,CAAA,CACC,SAAA,CAAW3B,CAAAA,CAAGc,CAAAA,CAAoB,CAAE,IAAA,CAAAM,CAAK,CAAC,CAAC,CAAA,CAC3C,eAAA,CAAeU,EAAY,UAAA,EAAc,MAAA,CAC3C,CAAA,CACF,CAAA,CACF,CAAA,CAAA,CAGET,CAAAA,EAASC,CAAAA,GACTS,IAAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,eAAA,CACZ,QAAA,CAAA,CAAAV,CAAAA,EACCM,GAAAA,CAAC,QAAK,SAAA,CAAU,sDAAA,CACb,QAAA,CAAAN,CAAAA,CACH,CAAA,CAEDC,CAAAA,EACCK,IAAC,MAAA,CAAA,CAAK,SAAA,CAAU,kCAAA,CACb,QAAA,CAAAL,CAAAA,CACH,CAAA,CAAA,CAEJ,GAEJ,CAAA,CAEJ,CAGN,CAAC,EAEDP,CAAAA,CAAO,WAAA,CAAc,QAAA,CC3Kd,IAAMkB,CAAAA,CAA2BC,CAAAA,CAAE,MAAA,CAAO,CAE/C,SAAA,CAAWA,EAAE,MAAA,EAAO,CAAE,QAAA,EAAS,CAG/B,QAAA,CAAUA,CAAAA,CAAE,KAAI,CAAE,QAAA,EAAS,CAC3B,EAAA,CAAIA,CAAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS,CAGxB,YAAA,CAAcA,CAAAA,CAAE,MAAA,EAAO,CAAE,QAAA,GACzB,iBAAA,CAAmBA,CAAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS,CACvC,kBAAA,CAAoBA,CAAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS,CACxC,WAAA,CAAaA,CAAAA,CAAE,KAAK,CAAC,KAAA,CAAO,QAAA,CAAU,WAAW,CAAC,CAAA,CAAE,QAAA,EAAS,CAC7D,aAAA,CAAeA,CAAAA,CAAE,OAAA,EAAQ,CAAE,QAAA,EAAS,CAGpC,cAAeA,CAAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAC5B,CAAC,ECdM,IAAMC,CAAAA,CAAoBF,CAAAA,CAAyB,MAAA,CAAO,CAE/D,UAAA,CAAYC,EAAE,OAAA,EAAQ,CAAE,QAAA,EAAS,CACjC,eAAA,CAAiBA,CAAAA,CAAE,OAAA,EAAQ,CAAE,QAAA,EAAS,CAAE,OAAA,CAAQ,KAAK,CAAA,CACrD,QAAA,CAAUA,EAAE,QAAA,EAAS,CAAE,QAAA,EAAS,CAGhC,OAAA,CAASA,CAAAA,CACN,KAAK,CAAC,SAAA,CAAW,aAAa,CAAC,CAAA,CAC/B,QAAA,GACA,OAAA,CAAQ,SAAS,CAAA,CAGpB,IAAA,CAAMA,CAAAA,CAAE,IAAA,CAAK,CAAC,IAAA,CAAM,SAAA,CAAW,IAAI,CAAC,CAAA,CAAE,QAAA,EAAS,CAAE,QAAQ,SAAS,CAAA,CAGlE,UAAA,CAAYA,CAAAA,CAAE,OAAA,EAAQ,CAAE,UAAS,CAAE,OAAA,CAAQ,KAAK,CAAA,CAChD,UAAA,CAAYA,CAAAA,CAAE,SAAQ,CAAE,QAAA,EAAS,CAAE,OAAA,CAAQ,KAAK,CAAA,CAGhD,KAAA,CAAOA,CAAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS,CAC3B,WAAA,CAAaA,CAAAA,CAAE,QAAO,CAAE,QAAA,EAAS,CAGjC,OAAA,CAASA,CAAAA,CAAE,QAAA,EAAS,CAAE,QAAA,EAAS,CAC/B,MAAA,CAAQA,CAAAA,CAAE,QAAA,EAAS,CAAE,QAAA,GACrB,aAAA,CAAeA,CAAAA,CAAE,QAAA,EAAS,CAAE,QAAA,EAAS,CACrC,SAAA,CAAWA,CAAAA,CAAE,OAAA,EAAQ,CAAE,QAAA,EACzB,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 * Global Interaction State Styles\n *\n * Consistent interaction patterns across all Themis components.\n * These styles ensure WCAG 2.2 AAA compliance and predictable UX.\n *\n * @see spec.md FR-010 (Visible focus ring for keyboard navigation)\n * @see spec.md FR-031 (Pressed state feedback)\n * @see spec.md FR-012 (High contrast mode support)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\n/**\n * Focus state styles (FR-010)\n * Visible focus ring for keyboard navigation - WCAG 2.2 Level AAA\n *\n * Components can override by extending these styles:\n * @example\n * cn(FOCUS_STYLES, \"ring-4\") // Increases ring width to 4px\n */\nexport const FOCUS_STYLES = \"data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2\";\n\n/**\n * Pressed/Active state styles (FR-031)\n * Visual feedback for press interactions\n *\n * Components can override the scale amount:\n * @example\n * cn(PRESSED_STYLES_BASE, \"data-[pressed]:scale-[0.95]\") // More pronounced scale\n */\nexport const PRESSED_STYLES = \"data-[pressed]:scale-[0.97]\";\n\n/**\n * Base pressed styles without scale (for components that need different feedback)\n */\nexport const PRESSED_STYLES_BASE = \"data-[pressed]:transition-transform data-[pressed]:duration-100\";\n\n/**\n * Hover state styles\n * Elevation change on hover for better affordance\n *\n * Components can override shadow depth:\n * @example\n * cn(HOVER_STYLES_BASE, \"data-[hovered]:shadow-lg\") // Larger shadow\n */\nexport const HOVER_STYLES = \"data-[hovered]:shadow-md\";\n\n/**\n * Base hover styles without shadow (for components that use different hover effects)\n */\nexport const HOVER_STYLES_BASE = \"data-[hovered]:transition-shadow data-[hovered]:duration-200\";\n\n/**\n * High contrast mode focus (FR-012)\n * Enhanced outlines for users requiring high contrast\n *\n * Uses 'hc:' prefix for prefers-contrast: more media query\n */\nexport const HIGH_CONTRAST_FOCUS = \"hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground\";\n\n/**\n * High contrast mode hover (FR-012)\n * Enhanced outlines for hover in high contrast mode\n */\nexport const HIGH_CONTRAST_HOVER = \"hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground\";\n\n/**\n * High contrast mode pressed state\n * Enhanced outlines for pressed state in high contrast mode\n */\nexport const HIGH_CONTRAST_PRESSED = \"hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground\";\n\n/**\n * Combined high contrast styles\n * Use this for components that need all high contrast interaction states\n */\nexport const HIGH_CONTRAST_INTERACTIONS = `${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Disabled state styles\n * Consistent disabled appearance across all components\n */\nexport const DISABLED_STYLES = \"disabled:pointer-events-none disabled:opacity-50\";\n\n/**\n * Default interaction bundle\n * Most common combination for interactive components\n *\n * Includes: focus ring, pressed scale, hover shadow, high contrast enhancements\n *\n * @example\n * <button className={cn(DEFAULT_INTERACTIONS, \"bg-primary\")}>Click</button>\n */\nexport const DEFAULT_INTERACTIONS = `${FOCUS_STYLES} ${PRESSED_STYLES} ${HOVER_STYLES} ${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Subtle interaction bundle\n * For components that need less pronounced feedback\n *\n * Includes: focus ring and high contrast, but no hover shadow or pressed scale\n */\nexport const SUBTLE_INTERACTIONS = `${FOCUS_STYLES} ${HIGH_CONTRAST_FOCUS}`;\n\n/**\n * Non-interactive element styles\n * For elements that should indicate they are not interactive\n */\nexport const NON_INTERACTIVE = \"cursor-default select-none\";\n","\"use client\";\n\n/**\n * Switch Component\n * Accessible toggle switch with React Aria primitives and CVA styling\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 } 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 { DEFAULT_INTERACTIONS } from '../../styles/interaction-states';\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(--input-background)] data-[selected]:bg-[var(--primary)]\",\n        // Destructive variant: Uses destructive/error color when selected\n        destructive:\n          \"bg-[var(--input-background)] data-[selected]:bg-[var(--destructive-background)]\",\n      },\n      size: {\n        // Small: h-5 w-9 (visual track size)\n        sm: \"h-5 w-9\",\n        // Default: h-6 w-11\n        default: \"h-6 w-11\",\n        // Large: h-7 w-14\n        lg: \"h-7 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 * Positioned absolutely within the track (Layer 2)\n */\nconst switchThumbVariants = cva(\n  // Base styles: rounded circle with shadow, translates when selected\n  \"pointer-events-none absolute left-0.5 rounded-full bg-[var(--content-background)] shadow-lg ring-0 transition-transform data-[selected]:translate-x-full\",\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    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n);\n\nexport interface SwitchProps\n  extends Omit<AriaSwitchProps, 'className' | 'children'>,\n    VariantProps<typeof switchTrackVariants> {\n  variant?: 'default' | 'destructive';\n  size?: 'sm' | 'default' | 'lg';\n  label?: string;\n  description?: string;\n  className?: string;\n}\n\n/**\n * Switch Component\n * Fully accessible toggle switch with React Aria and themed styling\n */\nconst Switch = memo(forwardRef<HTMLLabelElement, SwitchProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      label,\n      description,\n      isDisabled,\n      isReadOnly,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <AriaSwitch\n        ref={ref}\n        isDisabled={isDisabled}\n        isReadOnly={isReadOnly}\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                  className={cn(switchThumbVariants({ size }))}\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\nexport type SwitchProps = z.infer<typeof SwitchPropsSchema> &\n  Omit<AriaSwitchProps, keyof z.infer<typeof SwitchPropsSchema>>;\n\n/**\n * CVA variant configuration types\n * Used for class-variance-authority integration\n */\nexport type SwitchVariant = z.infer<typeof SwitchPropsSchema>['variant'];\nexport type SwitchSize = z.infer<typeof SwitchPropsSchema>['size'];\n"]}
+{"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","HOVER_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 = \"data-[hovered]:shadow-md\";\n\n/**\n * Base hover styles without shadow (for components that use different hover effects)\n */\nexport const HOVER_STYLES_BASE = \"data-[hovered]:transition-shadow data-[hovered]:duration-200\";\n\n/**\n * High contrast mode focus (FR-012)\n * Enhanced outlines for users requiring high contrast\n *\n * Uses 'hc:' prefix for prefers-contrast: more media query\n */\nexport const HIGH_CONTRAST_FOCUS = \"hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground\";\n\n/**\n * High contrast mode hover (FR-012)\n * Enhanced outlines for hover in high contrast mode\n */\nexport const HIGH_CONTRAST_HOVER = \"hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground\";\n\n/**\n * High contrast mode pressed state\n * Enhanced outlines for pressed state in high contrast mode\n */\nexport const HIGH_CONTRAST_PRESSED = \"hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground\";\n\n/**\n * Combined high contrast styles\n * Use this for components that need all high contrast interaction states\n */\nexport const HIGH_CONTRAST_INTERACTIONS = `${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Disabled state styles\n * Consistent disabled appearance across all components\n */\nexport const DISABLED_STYLES = \"disabled:pointer-events-none disabled:opacity-50\";\n\n/**\n * Default interaction bundle\n * Most common combination for interactive components\n *\n * Includes: focus ring, pressed scale, hover shadow, high contrast enhancements\n *\n * @example\n * <button className={cn(DEFAULT_INTERACTIONS, \"bg-primary\")}>Click</button>\n */\nexport const DEFAULT_INTERACTIONS = `${FOCUS_STYLES} ${PRESSED_STYLES} ${HOVER_STYLES} ${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Subtle interaction bundle\n * For components that need less pronounced feedback\n *\n * Includes: focus ring and high contrast, but no hover shadow or pressed scale\n */\nexport const SUBTLE_INTERACTIONS = `${FOCUS_STYLES} ${HIGH_CONTRAST_FOCUS}`;\n\n/**\n * Non-interactive element styles\n * For elements that should indicate they are not interactive\n */\nexport const NON_INTERACTIVE = \"cursor-default select-none\";\n","\"use client\";\n\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)] shadow-lg 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 type SwitchProps = z.infer<typeof SwitchPropsSchema> &\n  Omit<AriaSwitchProps, keyof z.infer<typeof SwitchPropsSchema>>;\n\n/**\n * CVA variant configuration types\n * Used for class-variance-authority integration\n */\nexport type SwitchVariant = z.infer<typeof SwitchPropsSchema>['variant'];\nexport type SwitchSize = z.infer<typeof SwitchPropsSchema>['size'];\n"]}

package/dist/elements/Tabs/Tabs.d.ts

@@ -53,7 +53,7 @@ export declare const tabPanelVariants: (props?: ({} & import("class-variance-aut
  *   ...
  * </Tabs>
  */
-declare function TabsRoot({ children, variant, selectedKey, defaultSelectedKey, onSelectionChange, orientation, keyboardActivation, isDisabled, disabledKeys, className, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
+declare function TabsRoot({ children, variant, selectedKey, defaultSelectedKey, onSelectionChange, orientation, keyboardActivation, isDisabled, disabledKeys, animated: animatedProp, className, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
 declare namespace TabsRoot {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/elements/Tabs/Tabs.tsx"],"names":[],"mappings":"AA2DA,OAAO,KAAK,EACV,SAAS,EACT,WAAW,EAEX,YAAY,EACZ,QAAQ,EACR,aAAa,EACd,MAAM,cAAc,CAAC;AAkCtB;;;;;GAKG;AACH,eAAO,MAAM,eAAe;;;8EA2B3B,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,WAAW;;;8EAoDvB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,2FAU5B,CAAC;AAMF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,iBAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,OAAmB,EACnB,WAAW,EACX,kBAAkB,EAClB,iBAAiB,EACjB,WAA0B,EAC1B,kBAAgC,EAChC,UAAkB,EAClB,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,SAAS,2CAsCX;kBAlDQ,QAAQ;;;AAsDjB;;;;;;;;GAQG;AACH,iBAAS,gBAAgB,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,YAAY,2CA2Cd;kBA/CQ,gBAAgB;;;AAmDzB;;;;;;;;;;GAUG;AACH,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,EAAE,EACF,UAAkB,EAClB,IAAI,EACJ,MAAM,EACN,GAAG,EACH,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,QAAQ,2CA0FV;kBApGQ,YAAY;;;AAwGrB;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,iBAAS,iBAAiB,CAAC,EACzB,QAAQ,EACR,EAAE,EACF,gBAAwB,EACxB,aAAqB,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,2CA2Ef;kBAlFQ,iBAAiB;;;AA0F1B;;;;;;;;;GASG;AACH,eAAO,MAAM,IAAI,iBAAW,CAAC;AAC7B,eAAO,MAAM,OAAO,yBAAmB,CAAC;AACxC,eAAO,MAAM,GAAG,qBAAe,CAAC;AAChC,eAAO,MAAM,QAAQ,0BAAoB,CAAC;AAG1C,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/elements/Tabs/Tabs.tsx"],"names":[],"mappings":"AA+DA,OAAO,KAAK,EACV,SAAS,EACT,WAAW,EAEX,YAAY,EACZ,QAAQ,EACR,aAAa,EACd,MAAM,cAAc,CAAC;AAgEtB;;;;;GAKG;AACH,eAAO,MAAM,eAAe;;;8EA2B3B,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,WAAW;;;8EAoDvB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,2FAU5B,CAAC;AAMF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,iBAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,OAAmB,EACnB,WAAW,EACX,kBAAkB,EAClB,iBAAiB,EACjB,WAA0B,EAC1B,kBAAgC,EAChC,UAAkB,EAClB,YAAY,EACZ,QAAQ,EAAE,YAAY,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,SAAS,2CAwCX;kBArDQ,QAAQ;;;AAyDjB;;;;;;;;GAQG;AACH,iBAAS,gBAAgB,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,YAAY,2CA2Cd;kBA/CQ,gBAAgB;;;AAmDzB;;;;;;;;;;GAUG;AACH,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,EAAE,EACF,UAAkB,EAClB,IAAI,EACJ,MAAM,EACN,GAAG,EACH,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,QAAQ,2CA4HV;kBAtIQ,YAAY;;;AA0IrB;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,iBAAS,iBAAiB,CAAC,EACzB,QAAQ,EACR,EAAE,EACF,gBAAwB,EACxB,aAAqB,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,2CA2Ef;kBAlFQ,iBAAiB;;;AA0F1B;;;;;;;;;GASG;AACH,eAAO,MAAM,IAAI,iBAAW,CAAC;AAC7B,eAAO,MAAM,OAAO,yBAAmB,CAAC;AACxC,eAAO,MAAM,GAAG,qBAAe,CAAC;AAChC,eAAO,MAAM,QAAQ,0BAAoB,CAAC;AAG1C,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC"}

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

@@ -77,6 +77,7 @@ export declare const TabsPropsSchema: z.ZodObject<{
     isDisabled: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
     disabledKeys: z.ZodOptional<z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>>>;
     children: z.ZodCustom<ReactNode, ReactNode>;
+    animated: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
 }, z.core.$strip>;
 export type TabsProps = z.infer<typeof TabsPropsSchema>;
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.types.d.ts","sourceRoot":"","sources":["../../../src/elements/Tabs/Tabs.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB;;;;EAA0C,CAAC;AACzE,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE5D;;;;GAIG;AACH,eAAO,MAAM,qBAAqB;;;EAAqC,CAAC;AACxE,MAAM,MAAM,eAAe,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAEpE;;;;GAIG;AACH,eAAO,MAAM,4BAA4B;;;EAAkC,CAAC;AAC5E,MAAM,MAAM,sBAAsB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,4BAA4B,CAAC,CAAC;AAElF;;;GAGG;AACH,eAAO,MAAM,SAAS,iDAAoC,CAAC;AAE3D;;;;;;GAMG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;uDAWQ,GAAG,KAAK,IAAI,QAAZ,GAAG,KAAK,IAAI;;;;;;;;;;;;iBAgB9C,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,eAAe,CAAC,CAAC;AAExD;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;iBAS7B,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAE9D;;;;;;GAMG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;iBAqBzB,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,cAAc,CAAC,CAAC;AAEtD;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;iBAe9B,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAEhE;;;;GAIG;AACH,eAAO,MAAM,0BAA0B;;;;;EAA0C,CAAC;AAClF,MAAM,MAAM,oBAAoB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,0BAA0B,CAAC,CAAC;AAE9E;;;GAGG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;+BAQT,IAAI,QAAJ,IAAI;;iBAI5B,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,sBAAsB,CAAC,CAAC"}
+{"version":3,"file":"Tabs.types.d.ts","sourceRoot":"","sources":["../../../src/elements/Tabs/Tabs.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB;;;;EAA0C,CAAC;AACzE,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE5D;;;;GAIG;AACH,eAAO,MAAM,qBAAqB;;;EAAqC,CAAC;AACxE,MAAM,MAAM,eAAe,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAEpE;;;;GAIG;AACH,eAAO,MAAM,4BAA4B;;;EAAkC,CAAC;AAC5E,MAAM,MAAM,sBAAsB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,4BAA4B,CAAC,CAAC;AAElF;;;GAGG;AACH,eAAO,MAAM,SAAS,iDAAoC,CAAC;AAE3D;;;;;;GAMG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;uDAWQ,GAAG,KAAK,IAAI,QAAZ,GAAG,KAAK,IAAI;;;;;;;;;;;;;iBAoB9C,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,eAAe,CAAC,CAAC;AAExD;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;iBAS7B,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAE9D;;;;;;GAMG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;iBAqBzB,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,cAAc,CAAC,CAAC;AAEtD;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;iBAe9B,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAEhE;;;;GAIG;AACH,eAAO,MAAM,0BAA0B;;;;;EAA0C,CAAC;AAClF,MAAM,MAAM,oBAAoB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,0BAA0B,CAAC,CAAC;AAE9E;;;GAGG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;+BAQT,IAAI,QAAJ,IAAI;;iBAI5B,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,sBAAsB,CAAC,CAAC"}

package/dist/elements/Tabs/index.js

@@ -1,3 +1,3 @@
 "use client";
-'use strict';var react=require('react'),lucideReact=require('lucide-react'),reactAriaComponents=require('react-aria-components'),classVarianceAuthority=require('class-variance-authority'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime'),zod=require('zod');function b(...t){return tailwindMerge.twMerge(clsx.clsx(t))}var k=react.Activity??function({children:r,mode:i}){return jsxRuntime.jsx("div",{"data-activity-mode":i,children:r})},z=react.createContext({variant:"default",orientation:"horizontal"}),O=react.createContext({tabKeys:[]}),w=classVarianceAuthority.cva(["inline-flex items-center text-[var(--menu-muted)]"],{variants:{variant:{default:"border-b border-[var(--border)] bg-transparent rounded-none p-0 gap-0",block:"justify-center rounded-md p-1 bg-[var(--accent-background)]",stepper:"flex items-center justify-center gap-0 border-none bg-[var(--content-background)] p-2 rounded-none"},orientation:{horizontal:"flex-row",vertical:"h-auto flex-col w-full"}},compoundVariants:[{variant:"block",orientation:"horizontal",class:"h-10 gap-0"},{variant:"block",orientation:"vertical",class:"gap-1"},{variant:"default",orientation:"vertical",class:"border-b-0 border-l"}],defaultVariants:{variant:"default",orientation:"horizontal"}}),V=classVarianceAuthority.cva(["inline-flex items-center justify-center gap-2 whitespace-nowrap","px-3 py-1.5 text-sm font-medium","ring-offset-[var(--content-background)] transition-all","focus-visible:outline-none focus-visible:ring-2","focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2","data-[disabled]:pointer-events-none data-[disabled]:opacity-50","min-h-[44px]"],{variants:{variant:{default:["rounded-none bg-transparent","data-[selected]:text-[var(--content-foreground)]","hover:text-[var(--content-foreground)]"],block:["rounded-sm","data-[selected]:bg-[var(--content-background)] data-[selected]:text-[var(--content-foreground)]","data-[selected]:shadow-sm"],stepper:["flex items-center gap-2 rounded-none border-none bg-transparent px-3 py-2"]},orientation:{horizontal:"",vertical:"w-full justify-start"}},compoundVariants:[{variant:"default",orientation:"horizontal",class:"border-b-2 border-transparent -mb-px data-[selected]:border-[var(--primary-action)]"},{variant:"default",orientation:"vertical",class:"border-l-2 border-transparent -ml-px data-[selected]:border-[var(--primary-action)]"}],defaultVariants:{variant:"default",orientation:"horizontal"}}),S=classVarianceAuthority.cva(["mt-2 ring-offset-[var(--content-background)]","focus-visible:outline-none focus-visible:ring-2","focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2"],{variants:{},defaultVariants:{}});function I({children:t,variant:r="default",selectedKey:i,defaultSelectedKey:s,onSelectionChange:l,orientation:a="horizontal",keyboardActivation:c="automatic",isDisabled:n=false,disabledKeys:d,className:u,...x}){let[h,P]=react.useState(i??s),p=g=>{r==="stepper"&&P(g),l?.(g);},m=r==="stepper"?i??h:void 0;return jsxRuntime.jsx(z.Provider,{value:{variant:r,orientation:a,stepperSelectedKey:m},children:jsxRuntime.jsx(reactAriaComponents.Tabs,{selectedKey:i,defaultSelectedKey:s,onSelectionChange:p,orientation:a,keyboardActivation:c,isDisabled:n,disabledKeys:d,className:b(u),...x,children:t})})}I.displayName="Tabs";function E({children:t,className:r,...i}){let{variant:s}=react.useContext(z);if(s==="stepper"){let l=[];return react.Children.forEach(t,a=>{react.isValidElement(a)&&a.props&&typeof a.props.id<"u"&&l.push(a.props.id);}),jsxRuntime.jsx(O.Provider,{value:{tabKeys:l},children:jsxRuntime.jsx(reactAriaComponents.TabList,{className:reactAriaComponents.composeRenderProps(r,(a,c)=>b(w({variant:s,orientation:c.orientation}),a)),...i,children:t})})}return jsxRuntime.jsx(reactAriaComponents.TabList,{className:reactAriaComponents.composeRenderProps(r,(l,a)=>b(w({variant:s,orientation:a.orientation}),l)),...i,children:t})}E.displayName="TabList";function F({children:t,id:r,isDisabled:i=false,href:s,target:l,rel:a,download:c,className:n,...d}){process.env.NODE_ENV!=="production"&&!(typeof t=="string"||Array.isArray(t)&&t.some(m=>typeof m=="string"))&&!d["aria-label"]&&console.warn("Tabs: Icon-only tabs should have an aria-label for accessibility.");let{variant:u,orientation:x,stepperSelectedKey:h}=react.useContext(z),P=react.useContext(O);if(u==="stepper"){let p=P.tabKeys.indexOf(r),m=h!==void 0?P.tabKeys.indexOf(h):-1,g=p===0,A=p>=0&&m>=0&&p<m,_=p>=0&&p===m;return jsxRuntime.jsxs(reactAriaComponents.Tab,{id:r,isDisabled:i,href:s,target:l,rel:a,download:c,className:reactAriaComponents.composeRenderProps(n,q=>b(V({variant:u,orientation:x}),q)),...d,children:[!g&&jsxRuntime.jsx("span",{className:"h-px w-6 bg-[var(--border)]","aria-hidden":"true"}),jsxRuntime.jsx("span",{className:b("flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-xs font-medium",_||A?"bg-[var(--primary-action)] text-white":"bg-[var(--accent-background)] text-[var(--muted-foreground)]"),"aria-hidden":"true",children:A?jsxRuntime.jsx(lucideReact.Check,{className:"h-3.5 w-3.5"}):p+1}),jsxRuntime.jsx("span",{className:"sr-only",children:A?`Step ${p+1}, completed:`:`Step ${p+1}:`}),jsxRuntime.jsx("span",{children:t})]})}return jsxRuntime.jsx(reactAriaComponents.Tab,{id:r,isDisabled:i,href:s,target:l,rel:a,download:c,className:reactAriaComponents.composeRenderProps(n,p=>b(V({variant:u,orientation:x}),p)),...d,children:t})}F.displayName="Tab";function M({children:t,id:r,shouldForceMount:i=false,preserveState:s=false,className:l,...a}){let c=s||i;return typeof t=="function"?jsxRuntime.jsx(reactAriaComponents.TabPanel,{id:r,shouldForceMount:c,className:reactAriaComponents.composeRenderProps(l,n=>b(S(),n)),...a,children:n=>{let d=!n.isInert,u=t({isSelected:d});return s?jsxRuntime.jsx(k,{mode:d?"visible":"hidden",children:u}):u}}):s?jsxRuntime.jsx(reactAriaComponents.TabPanel,{id:r,shouldForceMount:c,className:reactAriaComponents.composeRenderProps(l,n=>b(S(),n)),...a,children:n=>{let d=!n.isInert;return jsxRuntime.jsx(k,{mode:d?"visible":"hidden",children:t})}}):jsxRuntime.jsx(reactAriaComponents.TabPanel,{id:r,shouldForceMount:c,className:reactAriaComponents.composeRenderProps(l,n=>b(S(),n)),...a,children:t})}M.displayName="TabPanel";var Z=I,ee=E,te=F,ae=M;var T=zod.z.object({className:zod.z.string().optional(),children:zod.z.any().optional(),id:zod.z.string().optional(),"aria-label":zod.z.string().optional(),"aria-labelledby":zod.z.string().optional(),"aria-describedby":zod.z.string().optional(),"aria-live":zod.z.enum(["off","polite","assertive"]).optional(),"aria-hidden":zod.z.boolean().optional(),"data-testid":zod.z.string().optional()});var re=zod.z.enum(["default","block","stepper"]),j=zod.z.enum(["horizontal","vertical"]),B=zod.z.enum(["automatic","manual"]),v=zod.z.union([zod.z.string(),zod.z.number()]),ne=T.extend({variant:re.optional().default("default"),selectedKey:v.optional(),defaultSelectedKey:v.optional(),onSelectionChange:zod.z.custom().optional(),orientation:j.optional().default("horizontal"),keyboardActivation:B.optional().default("automatic"),isDisabled:zod.z.boolean().optional().default(false),disabledKeys:zod.z.array(v).optional(),children:zod.z.custom()}),ie=T.extend({"aria-label":zod.z.string().optional(),"aria-labelledby":zod.z.string().optional(),children:zod.z.custom()}),se=T.extend({id:v,isDisabled:zod.z.boolean().optional().default(false),href:zod.z.string().optional(),target:zod.z.string().optional(),rel:zod.z.string().optional(),download:zod.z.union([zod.z.string(),zod.z.boolean()]).optional(),children:zod.z.custom()}),le=T.extend({id:v,shouldForceMount:zod.z.boolean().optional().default(false),preserveState:zod.z.boolean().optional().default(false),children:zod.z.custom()}),$=zod.z.enum(["left","right","up","down"]),pe=T.extend({direction:$,isDisabled:zod.z.boolean().optional().default(false),onPress:zod.z.custom(),"aria-label":zod.z.string()});exports.KeySchema=v;exports.ScrollArrowDirectionSchema=$;exports.ScrollArrowPropsSchema=pe;exports.Tab=te;exports.TabList=ee;exports.TabListPropsSchema=ie;exports.TabPanel=ae;exports.TabPanelPropsSchema=le;exports.TabPropsSchema=se;exports.Tabs=Z;exports.TabsKeyboardActivationSchema=B;exports.TabsOrientationSchema=j;exports.TabsPropsSchema=ne;exports.tabListVariants=w;exports.tabPanelVariants=S;exports.tabVariants=V;//# sourceMappingURL=index.js.map
+'use strict';var react=require('react'),lucideReact=require('lucide-react'),reactAriaComponents=require('react-aria-components'),classVarianceAuthority=require('class-variance-authority'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime'),zod=require('zod');function u(...t){return tailwindMerge.twMerge(clsx.clsx(t))}function I(t,a){return !(t===false||a)}var O="(prefers-reduced-motion: reduce)";function se(){return typeof window>"u"?false:window.matchMedia(O).matches}function F(){let[t,a]=react.useState(se);return react.useEffect(()=>{let r=window.matchMedia(O);a(r.matches);let i=l=>{a(l.matches);};return r.addEventListener("change",i),()=>r.removeEventListener("change",i)},[]),t}var j=react.Activity??function({children:a,mode:r}){return jsxRuntime.jsx("div",{"data-activity-mode":r,children:a})},P;function me(){return P!==void 0?Promise.resolve(P):import('motion/react').then(t=>(P=t.motion.span,P)).catch(()=>(P=null,null))}var D=react.createContext({variant:"default",orientation:"horizontal",animated:true}),U=react.createContext({tabKeys:[]}),M=classVarianceAuthority.cva(["inline-flex items-center text-[var(--menu-muted)]"],{variants:{variant:{default:"border-b border-[var(--border)] bg-transparent rounded-none p-0 gap-0",block:"justify-center rounded-md p-1 bg-[var(--accent-background)]",stepper:"flex items-center justify-center gap-0 border-none bg-[var(--content-background)] p-2 rounded-none"},orientation:{horizontal:"flex-row",vertical:"h-auto flex-col w-full"}},compoundVariants:[{variant:"block",orientation:"horizontal",class:"h-10 gap-0"},{variant:"block",orientation:"vertical",class:"gap-1"},{variant:"default",orientation:"vertical",class:"border-b-0 border-l"}],defaultVariants:{variant:"default",orientation:"horizontal"}}),L=classVarianceAuthority.cva(["inline-flex items-center justify-center gap-2 whitespace-nowrap","px-3 py-1.5 text-sm font-medium","ring-offset-[var(--content-background)] transition-all","focus-visible:outline-none focus-visible:ring-2","focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2","data-[disabled]:pointer-events-none data-[disabled]:opacity-50","min-h-[44px]"],{variants:{variant:{default:["rounded-none bg-transparent","data-[selected]:text-[var(--content-foreground)]","hover:text-[var(--content-foreground)]"],block:["rounded-sm","data-[selected]:bg-[var(--content-background)] data-[selected]:text-[var(--content-foreground)]","data-[selected]:shadow-sm"],stepper:["flex items-center gap-2 rounded-none border-none bg-transparent px-3 py-2"]},orientation:{horizontal:"",vertical:"w-full justify-start"}},compoundVariants:[{variant:"default",orientation:"horizontal",class:"relative -mb-px"},{variant:"default",orientation:"vertical",class:"relative -ml-px"}],defaultVariants:{variant:"default",orientation:"horizontal"}}),N=classVarianceAuthority.cva(["mt-2 ring-offset-[var(--content-background)]","focus-visible:outline-none focus-visible:ring-2","focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2"],{variants:{},defaultVariants:{}});function Y({children:t,variant:a="default",selectedKey:r,defaultSelectedKey:i,onSelectionChange:l,orientation:n="horizontal",keyboardActivation:d="automatic",isDisabled:c=false,disabledKeys:b,animated:p,className:v,...S}){let h=F(),A=I(p,h),[w,R]=react.useState(r??i),C=x=>{a==="stepper"&&R(x),l?.(x);},K=a==="stepper"?r??w:void 0;return jsxRuntime.jsx(D.Provider,{value:{variant:a,orientation:n,stepperSelectedKey:K,animated:A},children:jsxRuntime.jsx(reactAriaComponents.Tabs,{selectedKey:r,defaultSelectedKey:i,onSelectionChange:C,orientation:n,keyboardActivation:d,isDisabled:c,disabledKeys:b,className:u(v),...S,children:t})})}Y.displayName="Tabs";function _({children:t,className:a,...r}){let{variant:i}=react.useContext(D);if(i==="stepper"){let l=[];return react.Children.forEach(t,n=>{react.isValidElement(n)&&n.props&&typeof n.props.id<"u"&&l.push(n.props.id);}),jsxRuntime.jsx(U.Provider,{value:{tabKeys:l},children:jsxRuntime.jsx(reactAriaComponents.TabList,{className:reactAriaComponents.composeRenderProps(a,(n,d)=>u(M({variant:i,orientation:d.orientation}),n)),...r,children:t})})}return jsxRuntime.jsx(reactAriaComponents.TabList,{className:reactAriaComponents.composeRenderProps(a,(l,n)=>u(M({variant:i,orientation:n.orientation}),l)),...r,children:t})}_.displayName="TabList";function G({children:t,id:a,isDisabled:r=false,href:i,target:l,rel:n,download:d,className:c,...b}){process.env.NODE_ENV!=="production"&&!(typeof t=="string"||Array.isArray(t)&&t.some(g=>typeof g=="string"))&&!b["aria-label"]&&console.warn("Tabs: Icon-only tabs should have an aria-label for accessibility.");let{variant:p,orientation:v,stepperSelectedKey:S,animated:h}=react.useContext(D),A=react.useContext(U),[w,R]=react.useState(null),C=react.useRef(false);if(react.useEffect(()=>{p!=="default"||!h||C.current||(C.current=true,me().then(s=>{s&&R(()=>s);}));},[p,h]),p==="stepper"){let s=A.tabKeys.indexOf(a),g=S!==void 0?A.tabKeys.indexOf(S):-1,ee=s===0,V=s>=0&&g>=0&&s<g,te=s>=0&&s===g;return jsxRuntime.jsxs(reactAriaComponents.Tab,{id:a,isDisabled:r,href:i,target:l,rel:n,download:d,className:reactAriaComponents.composeRenderProps(c,ae=>u(L({variant:p,orientation:v}),ae)),...b,children:[!ee&&jsxRuntime.jsx("span",{className:"h-px w-6 bg-[var(--border)]","aria-hidden":"true"}),jsxRuntime.jsx("span",{className:u("flex h-6 w-6 shrink-0 items-center justify-center rounded-full text-xs font-medium",te||V?"bg-[var(--primary-action)] text-white":"bg-[var(--accent-background)] text-[var(--muted-foreground)]"),"aria-hidden":"true",children:V?jsxRuntime.jsx(lucideReact.Check,{className:"h-3.5 w-3.5"}):s+1}),jsxRuntime.jsx("span",{className:"sr-only",children:V?`Step ${s+1}, completed:`:`Step ${s+1}:`}),jsxRuntime.jsx("span",{children:t})]})}let K=v==="horizontal",x=K?"absolute bottom-0 left-0 right-0 h-0.5 bg-[var(--primary-action)]":"absolute top-0 bottom-0 left-0 w-0.5 bg-[var(--primary-action)]";return jsxRuntime.jsx(reactAriaComponents.Tab,{id:a,isDisabled:r,href:i,target:l,rel:n,download:d,className:reactAriaComponents.composeRenderProps(c,s=>u(L({variant:p,orientation:v}),s)),...b,children:s=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[t,p==="default"&&s.isSelected&&(h&&w?jsxRuntime.jsx(w,{layoutId:`tab-indicator-${K?"h":"v"}`,className:x,transition:{type:"spring",stiffness:500,damping:30}}):jsxRuntime.jsx("span",{className:x}))]})})}G.displayName="Tab";function J({children:t,id:a,shouldForceMount:r=false,preserveState:i=false,className:l,...n}){let d=i||r;return typeof t=="function"?jsxRuntime.jsx(reactAriaComponents.TabPanel,{id:a,shouldForceMount:d,className:reactAriaComponents.composeRenderProps(l,c=>u(N(),c)),...n,children:c=>{let b=!c.isInert,p=t({isSelected:b});return i?jsxRuntime.jsx(j,{mode:b?"visible":"hidden",children:p}):p}}):i?jsxRuntime.jsx(reactAriaComponents.TabPanel,{id:a,shouldForceMount:d,className:reactAriaComponents.composeRenderProps(l,c=>u(N(),c)),...n,children:c=>{let b=!c.isInert;return jsxRuntime.jsx(j,{mode:b?"visible":"hidden",children:t})}}):jsxRuntime.jsx(reactAriaComponents.TabPanel,{id:a,shouldForceMount:d,className:reactAriaComponents.composeRenderProps(l,c=>u(N(),c)),...n,children:t})}J.displayName="TabPanel";var ye=Y,Te=_,ve=G,he=J;var y=zod.z.object({className:zod.z.string().optional(),children:zod.z.any().optional(),id:zod.z.string().optional(),"aria-label":zod.z.string().optional(),"aria-labelledby":zod.z.string().optional(),"aria-describedby":zod.z.string().optional(),"aria-live":zod.z.enum(["off","polite","assertive"]).optional(),"aria-hidden":zod.z.boolean().optional(),"data-testid":zod.z.string().optional()});var ge=zod.z.enum(["default","block","stepper"]),W=zod.z.enum(["horizontal","vertical"]),X=zod.z.enum(["automatic","manual"]),T=zod.z.union([zod.z.string(),zod.z.number()]),Pe=y.extend({variant:ge.optional().default("default"),selectedKey:T.optional(),defaultSelectedKey:T.optional(),onSelectionChange:zod.z.custom().optional(),orientation:W.optional().default("horizontal"),keyboardActivation:X.optional().default("automatic"),isDisabled:zod.z.boolean().optional().default(false),disabledKeys:zod.z.array(T).optional(),children:zod.z.custom(),animated:zod.z.boolean().optional().default(true)}),Se=y.extend({"aria-label":zod.z.string().optional(),"aria-labelledby":zod.z.string().optional(),children:zod.z.custom()}),Ae=y.extend({id:T,isDisabled:zod.z.boolean().optional().default(false),href:zod.z.string().optional(),target:zod.z.string().optional(),rel:zod.z.string().optional(),download:zod.z.union([zod.z.string(),zod.z.boolean()]).optional(),children:zod.z.custom()}),we=y.extend({id:T,shouldForceMount:zod.z.boolean().optional().default(false),preserveState:zod.z.boolean().optional().default(false),children:zod.z.custom()}),Z=zod.z.enum(["left","right","up","down"]),Ce=y.extend({direction:Z,isDisabled:zod.z.boolean().optional().default(false),onPress:zod.z.custom(),"aria-label":zod.z.string()});exports.KeySchema=T;exports.ScrollArrowDirectionSchema=Z;exports.ScrollArrowPropsSchema=Ce;exports.Tab=ve;exports.TabList=Te;exports.TabListPropsSchema=Se;exports.TabPanel=he;exports.TabPanelPropsSchema=we;exports.TabPropsSchema=Ae;exports.Tabs=ye;exports.TabsKeyboardActivationSchema=X;exports.TabsOrientationSchema=W;exports.TabsPropsSchema=Pe;exports.tabListVariants=M;exports.tabPanelVariants=N;exports.tabVariants=L;//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map