@tribepad/themis 1.5.7 → 1.5.9

package/dist/elements/Tabs/index.mjs

@@ -1,3 +1,3 @@
 "use client";
-import {createContext,useState,useContext,Children,isValidElement,useRef,useEffect,Activity}from'react';import {ChevronRight,Check}from'lucide-react';import {Tabs,TabList,composeRenderProps,Tab,TabPanel}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 p(...t){return twMerge(clsx(t))}function $(t,o){return !(t===false||o)}var Q="(prefers-reduced-motion: reduce)";function pe(){return typeof window>"u"?false:window.matchMedia(Q).matches}function q(){let[t,o]=useState(pe);return useEffect(()=>{let i=window.matchMedia(Q);o(i.matches);let s=l=>{o(l.matches);};return i.addEventListener("change",s),()=>i.removeEventListener("change",s)},[]),t}var H=Activity??function({children:o,mode:i}){return jsx("div",{"data-activity-mode":i,children:o})},T;function he(){return T!==void 0?Promise.resolve(T):import('motion/react').then(t=>(T=t.motion.span,T)).catch(()=>(T=null,null))}var B=createContext({variant:"default",orientation:"horizontal",animated:true,separator:"line",visualSize:"sm"}),G=createContext({tabKeys:[]}),j=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)]",pill:"gap-2 bg-transparent rounded-none p-0 border-none",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"},{variant:"stepper",orientation:"vertical",class:"gap-1"}],defaultVariants:{variant:"default",orientation:"horizontal"}}),z=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-colors","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"],pill:["rounded-none border-none bg-transparent p-0","hover:bg-transparent"],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"}}),Se=cva(["inline-flex items-center justify-center gap-2 whitespace-nowrap","rounded-lg border font-medium transition-colors"],{variants:{visualSize:{sm:"h-7 px-2.5 text-xs gap-1.5",default:"h-9 px-3 text-sm",lg:"h-11 px-4 text-sm"}},defaultVariants:{visualSize:"sm"}}),C=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 J({children:t,variant:o="default",selectedKey:i,defaultSelectedKey:s,onSelectionChange:l,orientation:r="horizontal",keyboardActivation:b="automatic",isDisabled:c=false,disabledKeys:u,animated:d,separator:g="line",visualSize:x,className:v,...R}){let k=q(),P=$(d,k),[A,M]=useState(i??s),w=a=>{o==="stepper"&&M(a),l?.(a);},N=o==="stepper"?i??A:void 0,V=x??(o==="pill"?"sm":"default");return jsx(B.Provider,{value:{variant:o,orientation:r,stepperSelectedKey:N,animated:P,separator:g,visualSize:V},children:jsx(Tabs,{selectedKey:i,defaultSelectedKey:s,onSelectionChange:w,orientation:r,keyboardActivation:b,isDisabled:c,disabledKeys:u,className:p(v),...R,children:t})})}J.displayName="Tabs";function W({children:t,className:o,...i}){let{variant:s}=useContext(B);if(s==="stepper"){let l=[];return Children.forEach(t,r=>{isValidElement(r)&&r.props&&typeof r.props.id<"u"&&l.push(r.props.id);}),jsx(G.Provider,{value:{tabKeys:l},children:jsx(TabList,{className:composeRenderProps(o,(r,b)=>p(j({variant:s,orientation:b.orientation}),r)),...i,children:t})})}return jsx(TabList,{className:composeRenderProps(o,(l,r)=>p(j({variant:s,orientation:r.orientation}),l)),...i,children:t})}W.displayName="TabList";function X({children:t,id:o,isDisabled:i=false,href:s,target:l,rel:r,download:b,className:c,...u}){process.env.NODE_ENV!=="production"&&!(typeof t=="string"||Array.isArray(t)&&t.some(S=>typeof S=="string"))&&!u["aria-label"]&&console.warn("Tabs: Icon-only tabs should have an aria-label for accessibility.");let{variant:d,orientation:g,stepperSelectedKey:x,animated:v,separator:R,visualSize:k}=useContext(B),P=useContext(G),[A,M]=useState(null),w=useRef(false);if(useEffect(()=>{d!=="default"||!v||w.current||(w.current=true,he().then(a=>{a&&M(()=>a);}));},[d,v]),d==="stepper"){let a=P.tabKeys.indexOf(o),S=x!==void 0?P.tabKeys.indexOf(x):-1,oe=a===0,L=a>=0&&S>=0&&a<S,D=a>=0&&a===S,ne=g==="vertical";return jsxs(Tab,{id:o,isDisabled:i,href:s,target:l,rel:r,download:b,className:composeRenderProps(c,re=>p(z({variant:d,orientation:g}),re)),...u,children:[!oe&&!ne&&(R==="chevron"?jsx(ChevronRight,{className:"h-4 w-4 shrink-0 text-[var(--muted-foreground)]","aria-hidden":"true"}):jsx("span",{className:"h-px w-6 bg-[var(--border)]","aria-hidden":"true"})),jsxs("span",{className:p("inline-flex items-center gap-2 rounded-lg p-2",D&&"bg-[var(--primary-action)]/10"),children:[jsx("span",{className:p("flex min-h-7 min-w-7 shrink-0 items-center justify-center rounded-lg px-1.5 text-xs font-bold",D||L?"bg-[var(--primary-action)] text-white":"bg-[var(--accent-background)] text-[var(--muted-foreground)]"),"aria-hidden":"true",children:L?jsx(Check,{className:"h-3.5 w-3.5"}):a+1}),jsx("span",{className:"sr-only",children:L?`Step ${a+1}, completed:`:`Step ${a+1}:`}),jsx("span",{className:p(D&&"font-semibold text-[var(--primary-action)]"),children:t})]})]})}if(d==="pill")return jsx(Tab,{id:o,isDisabled:i,href:s,target:l,rel:r,download:b,className:composeRenderProps(c,a=>p(z({variant:d,orientation:g}),a)),...u,children:a=>jsx("span",{className:p(Se({visualSize:k}),a.isSelected?"border-[var(--primary-action)] bg-[var(--primary-action)] text-[var(--primary-action-foreground)]":"border-[var(--border)] bg-[var(--content-background)] text-[var(--content-foreground)] hover:bg-[var(--accent-background)]",a.isSelected&&v&&"motion-safe:selection-pulse"),children:t})});let N=g==="horizontal",V=N?"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 jsx(Tab,{id:o,isDisabled:i,href:s,target:l,rel:r,download:b,className:composeRenderProps(c,a=>p(z({variant:d,orientation:g}),a)),...u,children:a=>jsxs(Fragment,{children:[t,d==="default"&&a.isSelected&&(v&&A?jsx(A,{layoutId:`tab-indicator-${N?"h":"v"}`,className:V,transition:{type:"spring",stiffness:500,damping:30}}):jsx("span",{className:V}))]})})}X.displayName="Tab";function Z({children:t,id:o,shouldForceMount:i=false,preserveState:s=false,className:l,...r}){let b=s||i;return typeof t=="function"?jsx(TabPanel,{id:o,shouldForceMount:b,className:composeRenderProps(l,c=>p(C(),c)),...r,children:c=>{let u=!c.isInert,d=t({isSelected:u});return s?jsx(H,{mode:u?"visible":"hidden",children:d}):d}}):s?jsx(TabPanel,{id:o,shouldForceMount:b,className:composeRenderProps(l,c=>p(C(),c)),...r,children:c=>{let u=!c.isInert;return jsx(H,{mode:u?"visible":"hidden",children:t})}}):jsx(TabPanel,{id:o,shouldForceMount:b,className:composeRenderProps(l,c=>p(C(),c)),...r,children:t})}Z.displayName="TabPanel";var Te=J,xe=W,Pe=X,Ae=Z;var y=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 Ne=z$1.enum(["default","block","pill","stepper"]),Ve=z$1.enum(["line","chevron"]),ze=z$1.enum(["sm","default","lg"]),ee=z$1.enum(["horizontal","vertical"]),te=z$1.enum(["automatic","manual"]),h=z$1.union([z$1.string(),z$1.number()]),Ce=y.extend({variant:Ne.optional().default("default"),selectedKey:h.optional(),defaultSelectedKey:h.optional(),onSelectionChange:z$1.custom().optional(),orientation:ee.optional().default("horizontal"),keyboardActivation:te.optional().default("automatic"),isDisabled:z$1.boolean().optional().default(false),disabledKeys:z$1.array(h).optional(),children:z$1.custom(),animated:z$1.boolean().optional().default(true),separator:Ve.optional().default("line"),visualSize:ze.optional()}),Ke=y.extend({"aria-label":z$1.string().optional(),"aria-labelledby":z$1.string().optional(),children:z$1.custom()}),Re=y.extend({id:h,isDisabled:z$1.boolean().optional().default(false),href:z$1.string().optional(),target:z$1.string().optional(),rel:z$1.string().optional(),download:z$1.union([z$1.string(),z$1.boolean()]).optional(),children:z$1.custom()}),ke=y.extend({id:h,shouldForceMount:z$1.boolean().optional().default(false),preserveState:z$1.boolean().optional().default(false),children:z$1.custom()}),ae=z$1.enum(["left","right","up","down"]),Me=y.extend({direction:ae,isDisabled:z$1.boolean().optional().default(false),onPress:z$1.custom(),"aria-label":z$1.string()});export{h as KeySchema,ae as ScrollArrowDirectionSchema,Me as ScrollArrowPropsSchema,Pe as Tab,xe as TabList,Ke as TabListPropsSchema,Ae as TabPanel,ke as TabPanelPropsSchema,Re as TabPropsSchema,Te as Tabs,te as TabsKeyboardActivationSchema,ee as TabsOrientationSchema,Ce as TabsPropsSchema,j as tabListVariants,C as tabPanelVariants,z as tabVariants};//# sourceMappingURL=index.mjs.map
+import {createContext,useState,useContext,Children,isValidElement,useRef,useEffect,Activity}from'react';import {ChevronRight,Check}from'lucide-react';import {Tabs,TabList,composeRenderProps,Tab,TabPanel}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 p(...t){return twMerge(clsx(t))}function $(t,o){return !(t===false||o)}var Q="(prefers-reduced-motion: reduce)";function pe(){return typeof window>"u"?false:window.matchMedia(Q).matches}function q(){let[t,o]=useState(pe);return useEffect(()=>{let i=window.matchMedia(Q);o(i.matches);let s=l=>{o(l.matches);};return i.addEventListener("change",s),()=>i.removeEventListener("change",s)},[]),t}var H=Activity??function({children:o,mode:i}){return jsx("div",{"data-activity-mode":i,children:o})},x;function he(){return x!==void 0?Promise.resolve(x):import('motion/react').then(t=>(x=t.motion.span,x)).catch(()=>(x=null,null))}var B=createContext({variant:"default",orientation:"horizontal",animated:true,separator:"line",visualSize:"sm"}),G=createContext({tabKeys:[]}),j=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)]",pill:"gap-2 bg-transparent rounded-none p-0 border-none",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"},{variant:"stepper",orientation:"vertical",class:"gap-1"}],defaultVariants:{variant:"default",orientation:"horizontal"}}),z=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-colors","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:["px-4","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)]"],pill:["rounded-none border-none bg-transparent p-0","hover:bg-transparent"],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"}}),Se=cva(["inline-flex items-center justify-center gap-2 whitespace-nowrap","rounded-lg border font-medium transition-colors"],{variants:{visualSize:{sm:"h-7 px-2.5 text-xs gap-1.5",default:"h-9 px-3 text-sm",lg:"h-11 px-4 text-sm"}},defaultVariants:{visualSize:"sm"}}),C=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 J({children:t,variant:o="default",selectedKey:i,defaultSelectedKey:s,onSelectionChange:l,orientation:r="horizontal",keyboardActivation:b="automatic",isDisabled:c=false,disabledKeys:u,animated:d,separator:g="line",visualSize:T,className:v,...R}){let k=q(),P=$(d,k),[A,M]=useState(i??s),w=a=>{o==="stepper"&&M(a),l?.(a);},N=o==="stepper"?i??A:void 0,V=T??(o==="pill"?"sm":"default");return jsx(B.Provider,{value:{variant:o,orientation:r,stepperSelectedKey:N,animated:P,separator:g,visualSize:V},children:jsx(Tabs,{selectedKey:i,defaultSelectedKey:s,onSelectionChange:w,orientation:r,keyboardActivation:b,isDisabled:c,disabledKeys:u,className:p(v),...R,children:t})})}J.displayName="Tabs";function W({children:t,className:o,...i}){let{variant:s}=useContext(B);if(s==="stepper"){let l=[];return Children.forEach(t,r=>{isValidElement(r)&&r.props&&typeof r.props.id<"u"&&l.push(r.props.id);}),jsx(G.Provider,{value:{tabKeys:l},children:jsx(TabList,{className:composeRenderProps(o,(r,b)=>p(j({variant:s,orientation:b.orientation}),r)),...i,children:t})})}return jsx(TabList,{className:composeRenderProps(o,(l,r)=>p(j({variant:s,orientation:r.orientation}),l)),...i,children:t})}W.displayName="TabList";function X({children:t,id:o,isDisabled:i=false,href:s,target:l,rel:r,download:b,className:c,...u}){process.env.NODE_ENV!=="production"&&!(typeof t=="string"||Array.isArray(t)&&t.some(S=>typeof S=="string"))&&!u["aria-label"]&&console.warn("Tabs: Icon-only tabs should have an aria-label for accessibility.");let{variant:d,orientation:g,stepperSelectedKey:T,animated:v,separator:R,visualSize:k}=useContext(B),P=useContext(G),[A,M]=useState(null),w=useRef(false);if(useEffect(()=>{d!=="default"||!v||w.current||(w.current=true,he().then(a=>{a&&M(()=>a);}));},[d,v]),d==="stepper"){let a=P.tabKeys.indexOf(o),S=T!==void 0?P.tabKeys.indexOf(T):-1,oe=a===0,L=a>=0&&S>=0&&a<S,D=a>=0&&a===S,ne=g==="vertical";return jsxs(Tab,{id:o,isDisabled:i,href:s,target:l,rel:r,download:b,className:composeRenderProps(c,re=>p(z({variant:d,orientation:g}),re)),...u,children:[!oe&&!ne&&(R==="chevron"?jsx(ChevronRight,{className:"h-4 w-4 shrink-0 text-[var(--muted-foreground)]","aria-hidden":"true"}):jsx("span",{className:"h-px w-6 bg-[var(--border)]","aria-hidden":"true"})),jsxs("span",{className:p("inline-flex items-center gap-2 rounded-lg p-2",D&&"bg-[var(--primary-action)]/10"),children:[jsx("span",{className:p("flex min-h-7 min-w-7 shrink-0 items-center justify-center rounded-lg px-1.5 text-xs font-bold",D||L?"bg-[var(--primary-action)] text-white":"bg-[var(--accent-background)] text-[var(--muted-foreground)]"),"aria-hidden":"true",children:L?jsx(Check,{className:"h-3.5 w-3.5"}):a+1}),jsx("span",{className:"sr-only",children:L?`Step ${a+1}, completed:`:`Step ${a+1}:`}),jsx("span",{className:p(D&&"font-semibold text-[var(--primary-action)]"),children:t})]})]})}if(d==="pill")return jsx(Tab,{id:o,isDisabled:i,href:s,target:l,rel:r,download:b,className:composeRenderProps(c,a=>p(z({variant:d,orientation:g}),a)),...u,children:a=>jsx("span",{className:p(Se({visualSize:k}),a.isSelected?"border-[var(--primary-action)] bg-[var(--primary-action)] text-[var(--primary-action-foreground)]":"border-[var(--border)] bg-[var(--content-background)] text-[var(--content-foreground)] hover:bg-[var(--accent-background)]",a.isSelected&&v&&"motion-safe:selection-pulse"),children:t})});let N=g==="horizontal",V=N?"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 jsx(Tab,{id:o,isDisabled:i,href:s,target:l,rel:r,download:b,className:composeRenderProps(c,a=>p(z({variant:d,orientation:g}),a)),...u,children:a=>jsxs(Fragment,{children:[t,d==="default"&&a.isSelected&&(v&&A?jsx(A,{layoutId:`tab-indicator-${N?"h":"v"}`,className:V,transition:{type:"spring",stiffness:500,damping:30}}):jsx("span",{className:V}))]})})}X.displayName="Tab";function Z({children:t,id:o,shouldForceMount:i=false,preserveState:s=false,className:l,...r}){let b=s||i;return typeof t=="function"?jsx(TabPanel,{id:o,shouldForceMount:b,className:composeRenderProps(l,c=>p(C(),c)),...r,children:c=>{let u=!c.isInert,d=t({isSelected:u});return s?jsx(H,{mode:u?"visible":"hidden",children:d}):d}}):s?jsx(TabPanel,{id:o,shouldForceMount:b,className:composeRenderProps(l,c=>p(C(),c)),...r,children:c=>{let u=!c.isInert;return jsx(H,{mode:u?"visible":"hidden",children:t})}}):jsx(TabPanel,{id:o,shouldForceMount:b,className:composeRenderProps(l,c=>p(C(),c)),...r,children:t})}Z.displayName="TabPanel";var xe=J,Te=W,Pe=X,Ae=Z;var y=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 Ne=z$1.enum(["default","block","pill","stepper"]),Ve=z$1.enum(["line","chevron"]),ze=z$1.enum(["sm","default","lg"]),ee=z$1.enum(["horizontal","vertical"]),te=z$1.enum(["automatic","manual"]),h=z$1.union([z$1.string(),z$1.number()]),Ce=y.extend({variant:Ne.optional().default("default"),selectedKey:h.optional(),defaultSelectedKey:h.optional(),onSelectionChange:z$1.custom().optional(),orientation:ee.optional().default("horizontal"),keyboardActivation:te.optional().default("automatic"),isDisabled:z$1.boolean().optional().default(false),disabledKeys:z$1.array(h).optional(),children:z$1.custom(),animated:z$1.boolean().optional().default(true),separator:Ve.optional().default("line"),visualSize:ze.optional()}),Ke=y.extend({"aria-label":z$1.string().optional(),"aria-labelledby":z$1.string().optional(),children:z$1.custom()}),Re=y.extend({id:h,isDisabled:z$1.boolean().optional().default(false),href:z$1.string().optional(),target:z$1.string().optional(),rel:z$1.string().optional(),download:z$1.union([z$1.string(),z$1.boolean()]).optional(),children:z$1.custom()}),ke=y.extend({id:h,shouldForceMount:z$1.boolean().optional().default(false),preserveState:z$1.boolean().optional().default(false),children:z$1.custom()}),ae=z$1.enum(["left","right","up","down"]),Me=y.extend({direction:ae,isDisabled:z$1.boolean().optional().default(false),onPress:z$1.custom(),"aria-label":z$1.string()});export{h as KeySchema,ae as ScrollArrowDirectionSchema,Me as ScrollArrowPropsSchema,Pe as Tab,Te as TabList,Ke as TabListPropsSchema,Ae as TabPanel,ke as TabPanelPropsSchema,Re as TabPropsSchema,xe as Tabs,te as TabsKeyboardActivationSchema,ee as TabsOrientationSchema,Ce as TabsPropsSchema,j as tabListVariants,C as tabPanelVariants,z as tabVariants};//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/utils/shouldAnimate.ts","../../../src/hooks/useReducedMotion.ts","../../../src/elements/Tabs/Tabs.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Tabs/Tabs.types.ts"],"names":["cn","inputs","twMerge","clsx","shouldAnimate","animated","prefersReducedMotion","QUERY","getInitialState","useReducedMotion","setPrefersReducedMotion","useState","useEffect","mql","handler","event","Activity","ReactActivity","children","mode","jsx","cachedMotionSpan","loadMotionSpan","m","TabsInternalContext","createContext","StepperContext","tabListVariants","cva","tabVariants","tabPillVisualVariants","tabPanelVariants","TabsRoot","variant","selectedKey","defaultSelectedKey","onSelectionChange","orientation","keyboardActivation","isDisabled","disabledKeys","animatedProp","separator","visualSize","className","props","doAnimate","trackedKey","setTrackedKey","handleSelectionChange","key","stepperSelectedKey","effectiveVisualSize","AriaTabs","TabListComponent","useContext","tabKeys","Children","child","isValidElement","AriaTabList","composeRenderProps","renderProps","TabComponent","id","href","target","rel","download","stepperCtx","MotionSpan","setMotionSpan","motionLoadedRef","useRef","component","tabIndex","selectedIndex","isFirst","isCompleted","isActive","isVertical","jsxs","AriaTab","ChevronRight","Check","isHorizontal","indicatorClasses","Fragment","TabPanelComponent","shouldForceMount","preserveState","forceMount","AriaTabPanel","isSelected","content","Tabs","TabList","Tab","TabPanel","BaseComponentPropsSchema","z","TabsVariantSchema","StepperSeparatorSchema","TabsVisualSizeSchema","TabsOrientationSchema","TabsKeyboardActivationSchema","KeySchema","TabsPropsSchema","TabListPropsSchema","TabPropsSchema","TabPanelPropsSchema","ScrollArrowDirectionSchema","ScrollArrowPropsSchema"],"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","'use client';\n\n/**\n * Tabs Component - Implementation\n *\n * Accessible tabbed interface component combining React Aria primitives with ShadCN styling.\n * Follows Themis library patterns with compound component structure and direct named exports.\n *\n * Key Features:\n * - React Aria Tabs for full accessibility (WCAG 2.2 AAA)\n * - CVA variants for orientation styling\n * - React 19.2 Activity API for state preservation (preserveState prop)\n * - Dual keyboard activation modes (automatic/manual)\n * - Support for icons, badges, and link-based tabs\n *\n * @see tabs-prd.md (Full requirements)\n * @see Tabs.types.ts (Zod schemas)\n * @see plan.md (Implementation approach)\n */\n\n// React 19.2 Activity API - may not be available in all builds\n// Import conditionally to support environments where Activity is unavailable\nimport {\n  Activity as ReactActivity,\n  Children,\n  createContext,\n  isValidElement,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n  type ReactNode,\n  type Key,\n  type ReactElement,\n} from 'react';\nimport { Check, ChevronRight } from 'lucide-react';\n\n// Activity component with fallback for environments where it's not available\n// The fallback simply renders children directly - no state preservation when Activity unavailable\n// Note: ActivityFallback doesn't actually preserve state; it's just a pass-through\nconst Activity = ReactActivity ?? function ActivityFallback({\n  children,\n  mode,\n}: {\n  children: ReactNode;\n  mode: 'visible' | 'hidden';\n}): ReactElement {\n  // When Activity is not available, just render children directly\n  // mode is ignored in the fallback\n  return <div data-activity-mode={mode}>{children}</div>;\n};\nimport {\n  Tabs as AriaTabs,\n  TabList as AriaTabList,\n  Tab as AriaTab,\n  TabPanel as AriaTabPanel,\n  composeRenderProps,\n  type Key as AriaKey,\n} from 'react-aria-components';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { shouldAnimate } from '../../utils/shouldAnimate';\nimport { useReducedMotion } from '../../hooks/useReducedMotion';\nimport type {\n  TabsProps,\n  TabsVariant,\n  TabsOrientation,\n  TabsVisualSize,\n  StepperSeparator,\n  TabListProps,\n  TabProps,\n  TabPanelProps,\n} from './Tabs.types';\n\n// ---------------------------------------------------------------------------\n// Motion lazy-loader — avoids hard dep on optional peer\n// ---------------------------------------------------------------------------\n\ntype MotionSpanComponent = React.ComponentType<{\n  layoutId?: string;\n  className?: string;\n  transition?: Record<string, unknown>;\n  style?: React.CSSProperties;\n}>;\n\nlet cachedMotionSpan: MotionSpanComponent | null | undefined; // undefined = pending, null = unavailable\n\nfunction loadMotionSpan(): Promise<MotionSpanComponent | null> {\n  if (cachedMotionSpan !== undefined) return Promise.resolve(cachedMotionSpan);\n\n  return import('motion/react')\n    .then((m) => {\n      cachedMotionSpan = m.motion.span as unknown as MotionSpanComponent;\n      return cachedMotionSpan;\n    })\n    .catch(() => {\n      cachedMotionSpan = null;\n      return null;\n    });\n}\n\n// ============================================================================\n// Internal Context\n// ============================================================================\n\ninterface TabsContextValue {\n  variant: TabsVariant;\n  orientation: TabsOrientation;\n  /** For stepper variant: tracked selected key from Tabs root */\n  stepperSelectedKey?: Key;\n  /** Whether the indicator should animate. Default: true */\n  animated: boolean;\n  /** Stepper separator style. Only applies to horizontal stepper variant. */\n  separator: StepperSeparator;\n  /** Visual size for Layer 2 (currently consumed only by pill variant) */\n  visualSize: TabsVisualSize;\n}\n\nconst TabsInternalContext = createContext<TabsContextValue>({\n  variant: 'default',\n  orientation: 'horizontal',\n  animated: true,\n  separator: 'line',\n  visualSize: 'sm',\n});\n\n/**\n * Stepper context for tracking tab order.\n * Only used when variant=\"stepper\" to determine completed/active/inactive states.\n */\ninterface StepperContextValue {\n  tabKeys: Key[];\n}\n\nconst StepperContext = createContext<StepperContextValue>({\n  tabKeys: [],\n});\n\n// ============================================================================\n// CVA Variants\n// ============================================================================\n\n/**\n * TabList CVA variants\n *\n * @see PRD.md FR-002 (TabList Requirements)\n * @see PRD.md DS-001 (Design System - Layout)\n */\nexport const tabListVariants = cva(\n  // Base styles\n  [\n    'inline-flex items-center text-[var(--menu-muted)]',\n  ],\n  {\n    variants: {\n      variant: {\n        default: 'border-b border-[var(--border)] bg-transparent rounded-none p-0 gap-0',\n        block: 'justify-center rounded-md p-1 bg-[var(--accent-background)]',\n        pill: 'gap-2 bg-transparent rounded-none p-0 border-none',\n        stepper: 'flex items-center justify-center gap-0 border-none bg-[var(--content-background)] p-2 rounded-none',\n      },\n      orientation: {\n        horizontal: 'flex-row',\n        vertical: 'h-auto flex-col w-full',\n      },\n    },\n    compoundVariants: [\n      { variant: 'block', orientation: 'horizontal', class: 'h-10 gap-0' },\n      { variant: 'block', orientation: 'vertical', class: 'gap-1' },\n      { variant: 'default', orientation: 'vertical', class: 'border-b-0 border-l' },\n      // Stepper vertical: keep flex-col from orientation base, just add gap\n      { variant: 'stepper', orientation: 'vertical', class: 'gap-1' },\n    ],\n    defaultVariants: {\n      variant: 'default',\n      orientation: 'horizontal',\n    },\n  }\n);\n\n/**\n * Tab CVA variants\n *\n * @see PRD.md FR-003 (Tab Requirements)\n * @see PRD.md DS-002 (Design System - Tab Styling)\n * @see PRD.md AR-001 (Accessibility - 44×44px touch targets)\n */\nexport const tabVariants = cva(\n  // Base styles\n  [\n    'inline-flex items-center justify-center gap-2 whitespace-nowrap',\n    'px-3 py-1.5 text-sm font-medium',\n    'ring-offset-[var(--content-background)] transition-colors',\n    'focus-visible:outline-none focus-visible:ring-2',\n    'focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2',\n    // States via data attributes\n    'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n    // WCAG 2.2 AAA: 44×44px minimum touch target\n    'min-h-[44px]',\n  ],\n  {\n    variants: {\n      variant: {\n        default: [\n          'rounded-none bg-transparent',\n          'data-[selected]:text-[var(--content-foreground)]',\n          'hover:text-[var(--content-foreground)]',\n        ],\n        block: [\n          'rounded-sm',\n          'data-[selected]:bg-[var(--content-background)] data-[selected]:text-[var(--content-foreground)]',\n          'data-[selected]:shadow-sm',\n        ],\n        // Pill is Layer 1 only — transparent 44×44px touch target.\n        // The visible pill is rendered as an inner Layer 2 span; see tabPillVisualVariants.\n        pill: [\n          'rounded-none border-none bg-transparent p-0',\n          'hover:bg-transparent',\n        ],\n        stepper: [\n          'flex items-center gap-2 rounded-none border-none bg-transparent px-3 py-2',\n        ],\n      },\n      orientation: {\n        horizontal: '',\n        vertical: 'w-full justify-start',\n      },\n    },\n    compoundVariants: [\n      {\n        variant: 'default',\n        orientation: 'horizontal',\n        class: 'relative -mb-px',\n      },\n      {\n        variant: 'default',\n        orientation: 'vertical',\n        class: 'relative -ml-px',\n      },\n    ],\n    defaultVariants: {\n      variant: 'default',\n      orientation: 'horizontal',\n    },\n  }\n);\n\n/**\n * Pill visual (Layer 2) CVA variants\n *\n * The pill variant follows the three-layer architecture:\n * - Layer 1 (AriaTab): transparent 44×44px touch target — see tabVariants pill case\n * - Layer 2 (this CVA): the visible pill, sized via `visualSize`\n * - Layer 3: children inside the visual pill\n *\n * Selected/hover/border colours are applied alongside this CVA in the Tab\n * component because they depend on render-time `isSelected` state.\n */\nexport const tabPillVisualVariants = cva(\n  [\n    'inline-flex items-center justify-center gap-2 whitespace-nowrap',\n    'rounded-lg border font-medium transition-colors',\n  ],\n  {\n    variants: {\n      visualSize: {\n        sm: 'h-7 px-2.5 text-xs gap-1.5',\n        default: 'h-9 px-3 text-sm',\n        lg: 'h-11 px-4 text-sm',\n      },\n    },\n    defaultVariants: {\n      visualSize: 'sm',\n    },\n  }\n);\n\n/**\n * TabPanel CVA variants\n *\n * @see PRD.md FR-004 (TabPanel Requirements)\n */\nexport const tabPanelVariants = cva(\n  [\n    'mt-2 ring-offset-[var(--content-background)]',\n    'focus-visible:outline-none focus-visible:ring-2',\n    'focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2',\n  ],\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n);\n\n// ============================================================================\n// Components\n// ============================================================================\n\n/**\n * Tabs Root Component\n *\n * Container for tabbed interface. Manages selection state and provides\n * context to child components.\n *\n * @see PRD.md FR-001 (Compound Component Pattern)\n * @see PRD.md FR-012 (Controlled Mode)\n * @see PRD.md FR-013 (Uncontrolled Mode)\n *\n * @example\n * // Uncontrolled\n * <Tabs defaultSelectedKey=\"tab1\">\n *   <TabList aria-label=\"Navigation\">\n *     <Tab id=\"tab1\">Tab 1</Tab>\n *     <Tab id=\"tab2\">Tab 2</Tab>\n *   </TabList>\n *   <TabPanel id=\"tab1\">Content 1</TabPanel>\n *   <TabPanel id=\"tab2\">Content 2</TabPanel>\n * </Tabs>\n *\n * @example\n * // Controlled\n * <Tabs selectedKey={selected} onSelectionChange={setSelected}>\n *   ...\n * </Tabs>\n */\nfunction TabsRoot({\n  children,\n  variant = 'default',\n  selectedKey,\n  defaultSelectedKey,\n  onSelectionChange,\n  orientation = 'horizontal',\n  keyboardActivation = 'automatic',\n  isDisabled = false,\n  disabledKeys,\n  animated: animatedProp,\n  separator = 'line',\n  visualSize,\n  className,\n  ...props\n}: TabsProps) {\n  const prefersReducedMotion = useReducedMotion();\n  const doAnimate = shouldAnimate(animatedProp, prefersReducedMotion);\n  // For stepper variant, track the selected key internally so Tab children\n  // can determine completed/active/inactive state. React Aria's internal\n  // TabListStateContext is not accessible from our Tab wrapper since tabs\n  // are rendered via the collection system.\n  const [trackedKey, setTrackedKey] = useState<Key | undefined>(\n    selectedKey ?? defaultSelectedKey\n  );\n\n  const handleSelectionChange = (key: Key) => {\n    if (variant === 'stepper') {\n      setTrackedKey(key);\n    }\n    onSelectionChange?.(key);\n  };\n\n  // For controlled mode, use the prop directly\n  const stepperSelectedKey = variant === 'stepper'\n    ? (selectedKey ?? trackedKey)\n    : undefined;\n\n  // Default visualSize: 'sm' (28px) for pill, 'default' for everything else.\n  // Pill uses three-layer architecture; other variants currently ignore visualSize.\n  const effectiveVisualSize: TabsVisualSize =\n    visualSize ?? (variant === 'pill' ? 'sm' : 'default');\n\n  return (\n    <TabsInternalContext.Provider\n      value={{\n        variant,\n        orientation,\n        stepperSelectedKey,\n        animated: doAnimate,\n        separator,\n        visualSize: effectiveVisualSize,\n      }}\n    >\n      <AriaTabs\n        selectedKey={selectedKey}\n        defaultSelectedKey={defaultSelectedKey}\n        onSelectionChange={handleSelectionChange as (key: Key) => void}\n        orientation={orientation}\n        keyboardActivation={keyboardActivation}\n        isDisabled={isDisabled}\n        disabledKeys={disabledKeys as Iterable<AriaKey> | undefined}\n        className={cn(className)}\n        {...props}\n      >\n        {children}\n      </AriaTabs>\n    </TabsInternalContext.Provider>\n  );\n}\n\nTabsRoot.displayName = 'Tabs';\n\n/**\n * TabList Component\n *\n * Container for tab buttons. Uses roving tabindex for keyboard navigation.\n * Receives orientation from parent Tabs via React Aria context.\n *\n * @see PRD.md FR-002 (TabList Requirements)\n * @see PRD.md AR-001 (ARIA Requirements)\n */\nfunction TabListComponent({\n  children,\n  className,\n  ...props\n}: TabListProps) {\n  const { variant } = useContext(TabsInternalContext);\n\n  // For stepper variant, collect tab keys from children to determine order\n  if (variant === 'stepper') {\n    // Extract keys from Tab children to determine ordering\n    const tabKeys: Key[] = [];\n    Children.forEach(children as ReactNode, (child) => {\n      if (isValidElement(child) && child.props && typeof (child.props as Record<string, unknown>).id !== 'undefined') {\n        tabKeys.push((child.props as Record<string, unknown>).id as Key);\n      }\n    });\n\n    return (\n      <StepperContext.Provider value={{ tabKeys }}>\n        <AriaTabList\n          className={composeRenderProps(className, (className, renderProps) =>\n            cn(\n              tabListVariants({ variant, orientation: renderProps.orientation }),\n              className\n            )\n          )}\n          {...props}\n        >\n          {children}\n        </AriaTabList>\n      </StepperContext.Provider>\n    );\n  }\n\n  return (\n    <AriaTabList\n      className={composeRenderProps(className, (className, renderProps) =>\n        cn(\n          tabListVariants({ variant, orientation: renderProps.orientation }),\n          className\n        )\n      )}\n      {...props}\n    >\n      {children}\n    </AriaTabList>\n  );\n}\n\nTabListComponent.displayName = 'TabList';\n\n/**\n * Tab Component\n *\n * Individual tab button. Can render as button or anchor (when href provided).\n * Supports icons and badges as children.\n *\n * @see PRD.md FR-003 (Tab Requirements)\n * @see PRD.md FR-007 (Disabled States)\n * @see PRD.md FR-013 (Icon Support)\n * @see PRD.md FR-014 (Link-based Tabs)\n */\nfunction TabComponent({\n  children,\n  id,\n  isDisabled = false,\n  href,\n  target,\n  rel,\n  download,\n  className,\n  ...props\n}: TabProps) {\n  // Warn if icon-only tab without aria-label\n  if (process.env.NODE_ENV !== 'production') {\n    const hasTextContent =\n      typeof children === 'string' ||\n      (Array.isArray(children) &&\n        children.some((child) => typeof child === 'string'));\n\n    if (!hasTextContent && !props['aria-label']) {\n      console.warn(\n        'Tabs: Icon-only tabs should have an aria-label for accessibility.'\n      );\n    }\n  }\n\n  const { variant, orientation, stepperSelectedKey, animated: doAnimate, separator, visualSize } = useContext(TabsInternalContext);\n  const stepperCtx = useContext(StepperContext);\n\n  // Motion.dev component for animated indicator (lazy-loaded)\n  const [MotionSpan, setMotionSpan] = useState<MotionSpanComponent | null>(null);\n  const motionLoadedRef = useRef(false);\n\n  useEffect(() => {\n    if (variant !== 'default' || !doAnimate || motionLoadedRef.current) return;\n    motionLoadedRef.current = true;\n    loadMotionSpan().then((component) => {\n      if (component) setMotionSpan(() => component);\n    });\n  }, [variant, doAnimate]);\n\n  // For stepper variant, render numbered circle with optional connecting line\n  if (variant === 'stepper') {\n    const tabIndex = stepperCtx.tabKeys.indexOf(id);\n    const selectedIndex = stepperSelectedKey !== undefined\n      ? stepperCtx.tabKeys.indexOf(stepperSelectedKey)\n      : -1;\n    const isFirst = tabIndex === 0;\n    const isCompleted = tabIndex >= 0 && selectedIndex >= 0 && tabIndex < selectedIndex;\n    const isActive = tabIndex >= 0 && tabIndex === selectedIndex;\n    const isVertical = orientation === 'vertical';\n\n    return (\n      <AriaTab\n        id={id}\n        isDisabled={isDisabled}\n        href={href}\n        target={target}\n        rel={rel}\n        download={download}\n        className={composeRenderProps(className, (className) =>\n          cn(\n            tabVariants({ variant, orientation }),\n            className,\n          )\n        )}\n        {...props}\n      >\n        {/* Separator before tab (horizontal only, except first) */}\n        {!isFirst && !isVertical && (\n          separator === 'chevron' ? (\n            <ChevronRight\n              className=\"h-4 w-4 shrink-0 text-[var(--muted-foreground)]\"\n              aria-hidden=\"true\"\n            />\n          ) : (\n            <span\n              className=\"h-px w-6 bg-[var(--border)]\"\n              aria-hidden=\"true\"\n            />\n          )\n        )}\n        {/* Inner wrapper for active highlight (excludes connecting line) */}\n        <span\n          className={cn(\n            'inline-flex items-center gap-2 rounded-lg p-2',\n            isActive && 'bg-[var(--primary-action)]/10',\n          )}\n        >\n          {/* Step circle */}\n          <span\n            className={cn(\n              'flex min-h-7 min-w-7 shrink-0 items-center justify-center rounded-lg px-1.5 text-xs font-bold',\n              isActive\n                ? 'bg-[var(--primary-action)] text-white'\n                : isCompleted\n                  ? 'bg-[var(--primary-action)] text-white'\n                  : 'bg-[var(--accent-background)] text-[var(--muted-foreground)]'\n            )}\n            aria-hidden=\"true\"\n          >\n            {isCompleted ? (\n              <Check className=\"h-3.5 w-3.5\" />\n            ) : (\n              tabIndex + 1\n            )}\n          </span>\n          {/* Visually hidden step number for screen readers */}\n          <span className=\"sr-only\">\n            {isCompleted ? `Step ${tabIndex + 1}, completed:` : `Step ${tabIndex + 1}:`}\n          </span>\n          {/* Tab label */}\n          <span className={cn(\n            isActive && 'font-semibold text-[var(--primary-action)]',\n          )}>{children}</span>\n        </span>\n      </AriaTab>\n    );\n  }\n\n  // Pill variant: three-layer architecture.\n  // Layer 1 (AriaTab) is a transparent 44×44px touch target; the visible pill\n  // is rendered as an inner Layer 2 span sized via the `visualSize` context.\n  if (variant === 'pill') {\n    return (\n      <AriaTab\n        id={id}\n        isDisabled={isDisabled}\n        href={href}\n        target={target}\n        rel={rel}\n        download={download}\n        className={composeRenderProps(className, (className) =>\n          cn(tabVariants({ variant, orientation }), className)\n        )}\n        {...props}\n      >\n        {(renderProps) => (\n          <span\n            className={cn(\n              tabPillVisualVariants({ visualSize }),\n              renderProps.isSelected\n                ? 'border-[var(--primary-action)] bg-[var(--primary-action)] text-[var(--primary-action-foreground)]'\n                : 'border-[var(--border)] bg-[var(--content-background)] text-[var(--content-foreground)] hover:bg-[var(--accent-background)]',\n              // Bump on selection. motion-safe: respects prefers-reduced-motion.\n              renderProps.isSelected && doAnimate && 'motion-safe:selection-pulse'\n            )}\n          >\n            {children}\n          </span>\n        )}\n      </AriaTab>\n    );\n  }\n\n  // Default variant: render with sliding indicator\n  const isHorizontal = orientation === 'horizontal';\n  const indicatorClasses = isHorizontal\n    ? 'absolute bottom-0 left-0 right-0 h-0.5 bg-[var(--primary-action)]'\n    : 'absolute top-0 bottom-0 left-0 w-0.5 bg-[var(--primary-action)]';\n\n  return (\n    <AriaTab\n      id={id}\n      isDisabled={isDisabled}\n      href={href}\n      target={target}\n      rel={rel}\n      download={download}\n      className={composeRenderProps(className, (className) =>\n        cn(tabVariants({ variant, orientation }), className)\n      )}\n      {...props}\n    >\n      {(renderProps) => (\n        <>\n          {children}\n          {/* Tab indicator — animated slide or instant position */}\n          {variant === 'default' && renderProps.isSelected && (\n            doAnimate && MotionSpan ? (\n              <MotionSpan\n                layoutId={`tab-indicator-${isHorizontal ? 'h' : 'v'}`}\n                className={indicatorClasses}\n                transition={{ type: 'spring', stiffness: 500, damping: 30 }}\n              />\n            ) : (\n              <span className={indicatorClasses} />\n            )\n          )}\n        </>\n      )}\n    </AriaTab>\n  );\n}\n\nTabComponent.displayName = 'Tab';\n\n/**\n * TabPanel Component\n *\n * Content panel associated with a tab. Only the selected panel is visible.\n * Supports preserveState for React Activity state preservation.\n *\n * @see PRD.md FR-004 (TabPanel Requirements)\n * @see PRD.md FR-015 (Force Mount Panels)\n * @see PRD.md FR-016 (React Activity State Preservation)\n *\n * @example\n * // Default behavior - content unmounts when hidden\n * <TabPanel id=\"tab1\">Content</TabPanel>\n *\n * @example\n * // Legacy force mount - keeps content in DOM\n * <TabPanel id=\"tab1\" shouldForceMount>Form with state</TabPanel>\n *\n * @example\n * // React Activity - preserves state with proper effect cleanup\n * <TabPanel id=\"tab1\" preserveState>\n *   <FormWithDraft />\n * </TabPanel>\n */\nfunction TabPanelComponent({\n  children,\n  id,\n  shouldForceMount = false,\n  preserveState = false,\n  className,\n  ...props\n}: TabPanelProps) {\n  // preserveState takes precedence - both enable force mounting\n  const forceMount = preserveState || shouldForceMount;\n\n  // If children is a render function (for dynamic content based on selection state),\n  // we need to use the render props pattern\n  if (typeof children === 'function') {\n    return (\n      <AriaTabPanel\n        id={id}\n        shouldForceMount={forceMount}\n        className={composeRenderProps(className, (className) =>\n          cn(tabPanelVariants(), className)\n        )}\n        {...props}\n      >\n        {(renderProps) => {\n          // React Aria TabPanelRenderProps includes: state, isInert\n          // We derive isSelected from state - if state is undefined, panel is selected\n          const isSelected = !renderProps.isInert;\n          const content = (\n            children as (renderProps: { isSelected: boolean }) => ReactNode\n          )({ isSelected });\n\n          if (preserveState) {\n            return (\n              <Activity mode={isSelected ? 'visible' : 'hidden'}>\n                {content}\n              </Activity>\n            );\n          }\n\n          return content;\n        }}\n      </AriaTabPanel>\n    );\n  }\n\n  // For static children (not a function), render directly\n  // If preserveState is enabled, wrap in Activity\n  if (preserveState) {\n    return (\n      <AriaTabPanel\n        id={id}\n        shouldForceMount={forceMount}\n        className={composeRenderProps(className, (className) =>\n          cn(tabPanelVariants(), className)\n        )}\n        {...props}\n      >\n        {(renderProps) => {\n          const isSelected = !renderProps.isInert;\n          return (\n            <Activity mode={isSelected ? 'visible' : 'hidden'}>\n              {children}\n            </Activity>\n          );\n        }}\n      </AriaTabPanel>\n    );\n  }\n\n  // Default: render static children directly\n  return (\n    <AriaTabPanel\n      id={id}\n      shouldForceMount={forceMount}\n      className={composeRenderProps(className, (className) =>\n        cn(tabPanelVariants(), className)\n      )}\n      {...props}\n    >\n      {children}\n    </AriaTabPanel>\n  );\n}\n\nTabPanelComponent.displayName = 'TabPanel';\n\n// ============================================================================\n// Exports\n// ============================================================================\n\n/**\n * Direct named exports (not Object.assign compound pattern)\n *\n * Tabs follows React Aria's direct export pattern because:\n * - Simpler structure (only 4 components vs Dialog's 9)\n * - Better tree-shaking with named exports\n * - Clearer imports: import { Tabs, TabList, Tab, TabPanel } from '...'\n *\n * @see plan.md \"Why Direct Named Exports (Not Object.assign)?\"\n */\nexport const Tabs = TabsRoot;\nexport const TabList = TabListComponent;\nexport const Tab = TabComponent;\nexport const TabPanel = TabPanelComponent;\n\n// Re-export types for convenience\nexport type { TabsProps, TabsVariant, TabsVisualSize, StepperSeparator, TabListProps, TabProps, TabPanelProps };\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 { ReactNode, Key } from 'react';\n\n/**\n * Tab variant schema\n *\n * - 'default': Transparent background with bottom border indicator for active tab\n * - 'block': Segmented control with accent background container and card-style active tab\n * - 'pill': Independent rounded tabs with filled primary-action background when selected\n * - 'stepper': Numbered step circles with connecting lines (free navigation, not a wizard)\n */\nexport const TabsVariantSchema = z.enum(['default', 'block', 'pill', 'stepper']);\nexport type TabsVariant = z.infer<typeof TabsVariantSchema>;\n\n/**\n * Stepper separator style schema\n *\n * - 'line': Horizontal line between steps (default)\n * - 'chevron': Chevron arrow between steps\n *\n * Only applies to horizontal stepper variant.\n */\nexport const StepperSeparatorSchema = z.enum(['line', 'chevron']);\nexport type StepperSeparator = z.infer<typeof StepperSeparatorSchema>;\n\n/**\n * Visual size schema (Layer 2 of three-layer architecture)\n *\n * The outer touch target (Layer 1) always meets the 44×44px WCAG 2.2 AAA minimum;\n * `visualSize` controls the size of the visible element nested inside it.\n *\n * - 'sm': 28px tall — compact (default for pill variant)\n * - 'default': 36px tall — Button-sm equivalent\n * - 'lg': 44px tall — fills the touch target (no transparent gutter)\n *\n * Currently consumed only by the 'pill' variant; other variants ignore it.\n */\nexport const TabsVisualSizeSchema = z.enum(['sm', 'default', 'lg']);\nexport type TabsVisualSize = z.infer<typeof TabsVisualSizeSchema>;\n\n/**\n * Tab orientation schema\n *\n * @see PRD.md FR-005 (Orientation Support)\n */\nexport const TabsOrientationSchema = z.enum(['horizontal', 'vertical']);\nexport type TabsOrientation = z.infer<typeof TabsOrientationSchema>;\n\n/**\n * Keyboard activation mode schema\n *\n * @see PRD.md FR-006 (Keyboard Activation Modes)\n */\nexport const TabsKeyboardActivationSchema = z.enum(['automatic', 'manual']);\nexport type TabsKeyboardActivation = z.infer<typeof TabsKeyboardActivationSchema>;\n\n/**\n * Key schema for tab identification\n * Supports both string and number keys per React Aria convention\n */\nexport const KeySchema = z.union([z.string(), z.number()]);\n\n/**\n * Tabs root component props schema\n *\n * @see PRD.md FR-001 (Compound Component Pattern)\n * @see PRD.md FR-012 (Controlled Mode)\n * @see PRD.md FR-013 (Uncontrolled Mode)\n */\nexport const TabsPropsSchema = BaseComponentPropsSchema.extend({\n  // Visual variant: 'default' (underline), 'block' (segmented), 'pill' (independent rounded tabs), 'stepper' (numbered steps)\n  variant: TabsVariantSchema.optional().default('default'),\n\n  // Controlled mode: selected tab key\n  selectedKey: KeySchema.optional(),\n\n  // Uncontrolled mode: default selected tab key\n  defaultSelectedKey: KeySchema.optional(),\n\n  // Selection change handler\n  onSelectionChange: z.custom<(key: Key) => void>().optional(),\n\n  // Orientation: horizontal or vertical layout\n  orientation: TabsOrientationSchema.optional().default('horizontal'),\n\n  // Keyboard activation: automatic (arrows select) or manual (arrows focus, Enter selects)\n  keyboardActivation: TabsKeyboardActivationSchema.optional().default('automatic'),\n\n  // Disable all tabs\n  isDisabled: z.boolean().optional().default(false),\n\n  // Keys of tabs to disable individually\n  disabledKeys: z.array(KeySchema).optional(),\n\n  // Children: TabList and TabPanel components\n  children: z.custom<ReactNode>(),\n\n  // Animation (ADR 020 - Micro-Interaction Animation System)\n  // When true, the tab indicator slides between tabs (default variant only)\n  animated: z.boolean().optional().default(true),\n\n  // Stepper separator style: 'line' (default) or 'chevron'\n  // Only applies to horizontal stepper variant\n  separator: StepperSeparatorSchema.optional().default('line'),\n\n  // Visual size for Layer 2 in the three-layer architecture\n  // Layer 1 (touch target) always meets 44x44px WCAG AAA; this controls Layer 2.\n  // Currently consumed only by the 'pill' variant.\n  visualSize: TabsVisualSizeSchema.optional(),\n});\n\nexport interface TabsProps {\n  className?: string;\n  children?: ReactNode;\n  id?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'aria-describedby'?: string;\n  'aria-live'?: 'off' | 'polite' | 'assertive';\n  'aria-hidden'?: boolean;\n  'data-testid'?: string;\n  variant?: TabsVariant;\n  selectedKey?: string | number;\n  defaultSelectedKey?: string | number;\n  onSelectionChange?: (key: Key) => void;\n  orientation?: TabsOrientation;\n  keyboardActivation?: TabsKeyboardActivation;\n  isDisabled?: boolean;\n  disabledKeys?: (string | number)[];\n  animated?: boolean;\n  separator?: StepperSeparator;\n  visualSize?: TabsVisualSize;\n}\n\n/**\n * TabList component props schema\n *\n * @see PRD.md FR-002 (TabList Requirements)\n * @see PRD.md AR-001 (ARIA Requirements)\n */\nexport const TabListPropsSchema = BaseComponentPropsSchema.extend({\n  // Accessible label (required for accessibility if no aria-labelledby)\n  'aria-label': z.string().optional(),\n\n  // Reference to labelling element\n  'aria-labelledby': z.string().optional(),\n\n  // Children: Tab components\n  children: z.custom<ReactNode>(),\n});\n\nexport interface TabListProps {\n  className?: string;\n  children?: ReactNode;\n  id?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'data-testid'?: string;\n}\n\n/**\n * Tab component props schema\n *\n * @see PRD.md FR-003 (Tab Requirements)\n * @see PRD.md FR-007 (Disabled States)\n * @see PRD.md FR-014 (Link-based Tabs)\n */\nexport const TabPropsSchema = BaseComponentPropsSchema.extend({\n  // Unique identifier for the tab (required)\n  id: KeySchema,\n\n  // Disable this specific tab\n  isDisabled: z.boolean().optional().default(false),\n\n  // Link tab: URL for navigation-style tabs\n  href: z.string().optional(),\n\n  // Link tab: target attribute\n  target: z.string().optional(),\n\n  // Link tab: rel attribute\n  rel: z.string().optional(),\n\n  // Link tab: download attribute\n  download: z.union([z.string(), z.boolean()]).optional(),\n\n  // Tab content (text, icons, badges)\n  children: z.custom<ReactNode>(),\n});\n\nexport interface TabProps {\n  className?: string;\n  children?: ReactNode;\n  id: string | number;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'aria-describedby'?: string;\n  'data-testid'?: string;\n  isDisabled?: boolean;\n  href?: string;\n  target?: string;\n  rel?: string;\n  download?: string | boolean;\n}\n\n/**\n * TabPanel component props schema\n *\n * @see PRD.md FR-004 (TabPanel Requirements)\n * @see PRD.md FR-015 (Force Mount Panels)\n * @see PRD.md FR-016 (React Activity State Preservation)\n */\nexport const TabPanelPropsSchema = BaseComponentPropsSchema.extend({\n  // Unique identifier matching a Tab id (required)\n  id: KeySchema,\n\n  // Legacy: Force panel to stay in DOM when hidden\n  // Use preserveState instead for proper effect cleanup\n  shouldForceMount: z.boolean().optional().default(false),\n\n  // React 19.2 Activity: Preserve state with proper effect cleanup\n  // When true, wraps content in <Activity> component\n  // Effects are cleaned up when hidden, restored when visible\n  preserveState: z.boolean().optional().default(false),\n\n  // Panel content\n  children: z.custom<ReactNode>(),\n});\n\nexport interface TabPanelProps {\n  className?: string;\n  children?: ReactNode;\n  id: string | number;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'data-testid'?: string;\n  shouldForceMount?: boolean;\n  preserveState?: boolean;\n}\n\n/**\n * Scroll arrow direction for overflow handling\n *\n * @see PRD.md FR-010 (Overflow Handling)\n */\nexport const ScrollArrowDirectionSchema = z.enum(['left', 'right', 'up', 'down']);\nexport type ScrollArrowDirection = z.infer<typeof ScrollArrowDirectionSchema>;\n\n/**\n * Internal props for scroll arrow buttons\n * Used by overflow handling implementation\n */\nexport const ScrollArrowPropsSchema = BaseComponentPropsSchema.extend({\n  // Scroll direction\n  direction: ScrollArrowDirectionSchema,\n\n  // Disable when can't scroll further\n  isDisabled: z.boolean().optional().default(false),\n\n  // Click handler for scrolling\n  onPress: z.custom<() => void>(),\n\n  // Accessible label\n  'aria-label': z.string(),\n});\n\nexport interface ScrollArrowProps {\n  className?: string;\n  id?: string;\n  'aria-label': string;\n  'data-testid'?: string;\n  direction: ScrollArrowDirection;\n  isDisabled?: boolean;\n  onPress: () => void;\n}\n"]}
+{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/utils/shouldAnimate.ts","../../../src/hooks/useReducedMotion.ts","../../../src/elements/Tabs/Tabs.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Tabs/Tabs.types.ts"],"names":["cn","inputs","twMerge","clsx","shouldAnimate","animated","prefersReducedMotion","QUERY","getInitialState","useReducedMotion","setPrefersReducedMotion","useState","useEffect","mql","handler","event","Activity","ReactActivity","children","mode","jsx","cachedMotionSpan","loadMotionSpan","m","TabsInternalContext","createContext","StepperContext","tabListVariants","cva","tabVariants","tabPillVisualVariants","tabPanelVariants","TabsRoot","variant","selectedKey","defaultSelectedKey","onSelectionChange","orientation","keyboardActivation","isDisabled","disabledKeys","animatedProp","separator","visualSize","className","props","doAnimate","trackedKey","setTrackedKey","handleSelectionChange","key","stepperSelectedKey","effectiveVisualSize","AriaTabs","TabListComponent","useContext","tabKeys","Children","child","isValidElement","AriaTabList","composeRenderProps","renderProps","TabComponent","id","href","target","rel","download","stepperCtx","MotionSpan","setMotionSpan","motionLoadedRef","useRef","component","tabIndex","selectedIndex","isFirst","isCompleted","isActive","isVertical","jsxs","AriaTab","ChevronRight","Check","isHorizontal","indicatorClasses","Fragment","TabPanelComponent","shouldForceMount","preserveState","forceMount","AriaTabPanel","isSelected","content","Tabs","TabList","Tab","TabPanel","BaseComponentPropsSchema","z","TabsVariantSchema","StepperSeparatorSchema","TabsVisualSizeSchema","TabsOrientationSchema","TabsKeyboardActivationSchema","KeySchema","TabsPropsSchema","TabListPropsSchema","TabPropsSchema","TabPanelPropsSchema","ScrollArrowDirectionSchema","ScrollArrowPropsSchema"],"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","'use client';\n\n/**\n * Tabs Component - Implementation\n *\n * Accessible tabbed interface component combining React Aria primitives with ShadCN styling.\n * Follows Themis library patterns with compound component structure and direct named exports.\n *\n * Key Features:\n * - React Aria Tabs for full accessibility (WCAG 2.2 AAA)\n * - CVA variants for orientation styling\n * - React 19.2 Activity API for state preservation (preserveState prop)\n * - Dual keyboard activation modes (automatic/manual)\n * - Support for icons, badges, and link-based tabs\n *\n * @see tabs-prd.md (Full requirements)\n * @see Tabs.types.ts (Zod schemas)\n * @see plan.md (Implementation approach)\n */\n\n// React 19.2 Activity API - may not be available in all builds\n// Import conditionally to support environments where Activity is unavailable\nimport {\n  Activity as ReactActivity,\n  Children,\n  createContext,\n  isValidElement,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n  type ReactNode,\n  type Key,\n  type ReactElement,\n} from 'react';\nimport { Check, ChevronRight } from 'lucide-react';\n\n// Activity component with fallback for environments where it's not available\n// The fallback simply renders children directly - no state preservation when Activity unavailable\n// Note: ActivityFallback doesn't actually preserve state; it's just a pass-through\nconst Activity = ReactActivity ?? function ActivityFallback({\n  children,\n  mode,\n}: {\n  children: ReactNode;\n  mode: 'visible' | 'hidden';\n}): ReactElement {\n  // When Activity is not available, just render children directly\n  // mode is ignored in the fallback\n  return <div data-activity-mode={mode}>{children}</div>;\n};\nimport {\n  Tabs as AriaTabs,\n  TabList as AriaTabList,\n  Tab as AriaTab,\n  TabPanel as AriaTabPanel,\n  composeRenderProps,\n  type Key as AriaKey,\n} from 'react-aria-components';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { shouldAnimate } from '../../utils/shouldAnimate';\nimport { useReducedMotion } from '../../hooks/useReducedMotion';\nimport type {\n  TabsProps,\n  TabsVariant,\n  TabsOrientation,\n  TabsVisualSize,\n  StepperSeparator,\n  TabListProps,\n  TabProps,\n  TabPanelProps,\n} from './Tabs.types';\n\n// ---------------------------------------------------------------------------\n// Motion lazy-loader — avoids hard dep on optional peer\n// ---------------------------------------------------------------------------\n\ntype MotionSpanComponent = React.ComponentType<{\n  layoutId?: string;\n  className?: string;\n  transition?: Record<string, unknown>;\n  style?: React.CSSProperties;\n}>;\n\nlet cachedMotionSpan: MotionSpanComponent | null | undefined; // undefined = pending, null = unavailable\n\nfunction loadMotionSpan(): Promise<MotionSpanComponent | null> {\n  if (cachedMotionSpan !== undefined) return Promise.resolve(cachedMotionSpan);\n\n  return import('motion/react')\n    .then((m) => {\n      cachedMotionSpan = m.motion.span as unknown as MotionSpanComponent;\n      return cachedMotionSpan;\n    })\n    .catch(() => {\n      cachedMotionSpan = null;\n      return null;\n    });\n}\n\n// ============================================================================\n// Internal Context\n// ============================================================================\n\ninterface TabsContextValue {\n  variant: TabsVariant;\n  orientation: TabsOrientation;\n  /** For stepper variant: tracked selected key from Tabs root */\n  stepperSelectedKey?: Key;\n  /** Whether the indicator should animate. Default: true */\n  animated: boolean;\n  /** Stepper separator style. Only applies to horizontal stepper variant. */\n  separator: StepperSeparator;\n  /** Visual size for Layer 2 (currently consumed only by pill variant) */\n  visualSize: TabsVisualSize;\n}\n\nconst TabsInternalContext = createContext<TabsContextValue>({\n  variant: 'default',\n  orientation: 'horizontal',\n  animated: true,\n  separator: 'line',\n  visualSize: 'sm',\n});\n\n/**\n * Stepper context for tracking tab order.\n * Only used when variant=\"stepper\" to determine completed/active/inactive states.\n */\ninterface StepperContextValue {\n  tabKeys: Key[];\n}\n\nconst StepperContext = createContext<StepperContextValue>({\n  tabKeys: [],\n});\n\n// ============================================================================\n// CVA Variants\n// ============================================================================\n\n/**\n * TabList CVA variants\n *\n * @see PRD.md FR-002 (TabList Requirements)\n * @see PRD.md DS-001 (Design System - Layout)\n */\nexport const tabListVariants = cva(\n  // Base styles\n  [\n    'inline-flex items-center text-[var(--menu-muted)]',\n  ],\n  {\n    variants: {\n      variant: {\n        default: 'border-b border-[var(--border)] bg-transparent rounded-none p-0 gap-0',\n        block: 'justify-center rounded-md p-1 bg-[var(--accent-background)]',\n        pill: 'gap-2 bg-transparent rounded-none p-0 border-none',\n        stepper: 'flex items-center justify-center gap-0 border-none bg-[var(--content-background)] p-2 rounded-none',\n      },\n      orientation: {\n        horizontal: 'flex-row',\n        vertical: 'h-auto flex-col w-full',\n      },\n    },\n    compoundVariants: [\n      { variant: 'block', orientation: 'horizontal', class: 'h-10 gap-0' },\n      { variant: 'block', orientation: 'vertical', class: 'gap-1' },\n      { variant: 'default', orientation: 'vertical', class: 'border-b-0 border-l' },\n      // Stepper vertical: keep flex-col from orientation base, just add gap\n      { variant: 'stepper', orientation: 'vertical', class: 'gap-1' },\n    ],\n    defaultVariants: {\n      variant: 'default',\n      orientation: 'horizontal',\n    },\n  }\n);\n\n/**\n * Tab CVA variants\n *\n * @see PRD.md FR-003 (Tab Requirements)\n * @see PRD.md DS-002 (Design System - Tab Styling)\n * @see PRD.md AR-001 (Accessibility - 44×44px touch targets)\n */\nexport const tabVariants = cva(\n  // Base styles\n  [\n    'inline-flex items-center justify-center gap-2 whitespace-nowrap',\n    'px-3 py-1.5 text-sm font-medium',\n    'ring-offset-[var(--content-background)] transition-colors',\n    'focus-visible:outline-none focus-visible:ring-2',\n    'focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2',\n    // States via data attributes\n    'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n    // WCAG 2.2 AAA: 44×44px minimum touch target\n    'min-h-[44px]',\n  ],\n  {\n    variants: {\n      variant: {\n        default: [\n          // 16px horizontal padding (overrides the base px-3) so the first tab's\n          // text aligns with surrounding 16px content insets (e.g. PageTitle).\n          'px-4',\n          'rounded-none bg-transparent',\n          'data-[selected]:text-[var(--content-foreground)]',\n          'hover:text-[var(--content-foreground)]',\n        ],\n        block: [\n          'rounded-sm',\n          'data-[selected]:bg-[var(--content-background)] data-[selected]:text-[var(--content-foreground)]',\n        ],\n        // Pill is Layer 1 only — transparent 44×44px touch target.\n        // The visible pill is rendered as an inner Layer 2 span; see tabPillVisualVariants.\n        pill: [\n          'rounded-none border-none bg-transparent p-0',\n          'hover:bg-transparent',\n        ],\n        stepper: [\n          'flex items-center gap-2 rounded-none border-none bg-transparent px-3 py-2',\n        ],\n      },\n      orientation: {\n        horizontal: '',\n        vertical: 'w-full justify-start',\n      },\n    },\n    compoundVariants: [\n      {\n        variant: 'default',\n        orientation: 'horizontal',\n        class: 'relative -mb-px',\n      },\n      {\n        variant: 'default',\n        orientation: 'vertical',\n        class: 'relative -ml-px',\n      },\n    ],\n    defaultVariants: {\n      variant: 'default',\n      orientation: 'horizontal',\n    },\n  }\n);\n\n/**\n * Pill visual (Layer 2) CVA variants\n *\n * The pill variant follows the three-layer architecture:\n * - Layer 1 (AriaTab): transparent 44×44px touch target — see tabVariants pill case\n * - Layer 2 (this CVA): the visible pill, sized via `visualSize`\n * - Layer 3: children inside the visual pill\n *\n * Selected/hover/border colours are applied alongside this CVA in the Tab\n * component because they depend on render-time `isSelected` state.\n */\nexport const tabPillVisualVariants = cva(\n  [\n    'inline-flex items-center justify-center gap-2 whitespace-nowrap',\n    'rounded-lg border font-medium transition-colors',\n  ],\n  {\n    variants: {\n      visualSize: {\n        sm: 'h-7 px-2.5 text-xs gap-1.5',\n        default: 'h-9 px-3 text-sm',\n        lg: 'h-11 px-4 text-sm',\n      },\n    },\n    defaultVariants: {\n      visualSize: 'sm',\n    },\n  }\n);\n\n/**\n * TabPanel CVA variants\n *\n * @see PRD.md FR-004 (TabPanel Requirements)\n */\nexport const tabPanelVariants = cva(\n  [\n    'mt-2 ring-offset-[var(--content-background)]',\n    'focus-visible:outline-none focus-visible:ring-2',\n    'focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2',\n  ],\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n);\n\n// ============================================================================\n// Components\n// ============================================================================\n\n/**\n * Tabs Root Component\n *\n * Container for tabbed interface. Manages selection state and provides\n * context to child components.\n *\n * @see PRD.md FR-001 (Compound Component Pattern)\n * @see PRD.md FR-012 (Controlled Mode)\n * @see PRD.md FR-013 (Uncontrolled Mode)\n *\n * @example\n * // Uncontrolled\n * <Tabs defaultSelectedKey=\"tab1\">\n *   <TabList aria-label=\"Navigation\">\n *     <Tab id=\"tab1\">Tab 1</Tab>\n *     <Tab id=\"tab2\">Tab 2</Tab>\n *   </TabList>\n *   <TabPanel id=\"tab1\">Content 1</TabPanel>\n *   <TabPanel id=\"tab2\">Content 2</TabPanel>\n * </Tabs>\n *\n * @example\n * // Controlled\n * <Tabs selectedKey={selected} onSelectionChange={setSelected}>\n *   ...\n * </Tabs>\n */\nfunction TabsRoot({\n  children,\n  variant = 'default',\n  selectedKey,\n  defaultSelectedKey,\n  onSelectionChange,\n  orientation = 'horizontal',\n  keyboardActivation = 'automatic',\n  isDisabled = false,\n  disabledKeys,\n  animated: animatedProp,\n  separator = 'line',\n  visualSize,\n  className,\n  ...props\n}: TabsProps) {\n  const prefersReducedMotion = useReducedMotion();\n  const doAnimate = shouldAnimate(animatedProp, prefersReducedMotion);\n  // For stepper variant, track the selected key internally so Tab children\n  // can determine completed/active/inactive state. React Aria's internal\n  // TabListStateContext is not accessible from our Tab wrapper since tabs\n  // are rendered via the collection system.\n  const [trackedKey, setTrackedKey] = useState<Key | undefined>(\n    selectedKey ?? defaultSelectedKey\n  );\n\n  const handleSelectionChange = (key: Key) => {\n    if (variant === 'stepper') {\n      setTrackedKey(key);\n    }\n    onSelectionChange?.(key);\n  };\n\n  // For controlled mode, use the prop directly\n  const stepperSelectedKey = variant === 'stepper'\n    ? (selectedKey ?? trackedKey)\n    : undefined;\n\n  // Default visualSize: 'sm' (28px) for pill, 'default' for everything else.\n  // Pill uses three-layer architecture; other variants currently ignore visualSize.\n  const effectiveVisualSize: TabsVisualSize =\n    visualSize ?? (variant === 'pill' ? 'sm' : 'default');\n\n  return (\n    <TabsInternalContext.Provider\n      value={{\n        variant,\n        orientation,\n        stepperSelectedKey,\n        animated: doAnimate,\n        separator,\n        visualSize: effectiveVisualSize,\n      }}\n    >\n      <AriaTabs\n        selectedKey={selectedKey}\n        defaultSelectedKey={defaultSelectedKey}\n        onSelectionChange={handleSelectionChange as (key: Key) => void}\n        orientation={orientation}\n        keyboardActivation={keyboardActivation}\n        isDisabled={isDisabled}\n        disabledKeys={disabledKeys as Iterable<AriaKey> | undefined}\n        className={cn(className)}\n        {...props}\n      >\n        {children}\n      </AriaTabs>\n    </TabsInternalContext.Provider>\n  );\n}\n\nTabsRoot.displayName = 'Tabs';\n\n/**\n * TabList Component\n *\n * Container for tab buttons. Uses roving tabindex for keyboard navigation.\n * Receives orientation from parent Tabs via React Aria context.\n *\n * @see PRD.md FR-002 (TabList Requirements)\n * @see PRD.md AR-001 (ARIA Requirements)\n */\nfunction TabListComponent({\n  children,\n  className,\n  ...props\n}: TabListProps) {\n  const { variant } = useContext(TabsInternalContext);\n\n  // For stepper variant, collect tab keys from children to determine order\n  if (variant === 'stepper') {\n    // Extract keys from Tab children to determine ordering\n    const tabKeys: Key[] = [];\n    Children.forEach(children as ReactNode, (child) => {\n      if (isValidElement(child) && child.props && typeof (child.props as Record<string, unknown>).id !== 'undefined') {\n        tabKeys.push((child.props as Record<string, unknown>).id as Key);\n      }\n    });\n\n    return (\n      <StepperContext.Provider value={{ tabKeys }}>\n        <AriaTabList\n          className={composeRenderProps(className, (className, renderProps) =>\n            cn(\n              tabListVariants({ variant, orientation: renderProps.orientation }),\n              className\n            )\n          )}\n          {...props}\n        >\n          {children}\n        </AriaTabList>\n      </StepperContext.Provider>\n    );\n  }\n\n  return (\n    <AriaTabList\n      className={composeRenderProps(className, (className, renderProps) =>\n        cn(\n          tabListVariants({ variant, orientation: renderProps.orientation }),\n          className\n        )\n      )}\n      {...props}\n    >\n      {children}\n    </AriaTabList>\n  );\n}\n\nTabListComponent.displayName = 'TabList';\n\n/**\n * Tab Component\n *\n * Individual tab button. Can render as button or anchor (when href provided).\n * Supports icons and badges as children.\n *\n * @see PRD.md FR-003 (Tab Requirements)\n * @see PRD.md FR-007 (Disabled States)\n * @see PRD.md FR-013 (Icon Support)\n * @see PRD.md FR-014 (Link-based Tabs)\n */\nfunction TabComponent({\n  children,\n  id,\n  isDisabled = false,\n  href,\n  target,\n  rel,\n  download,\n  className,\n  ...props\n}: TabProps) {\n  // Warn if icon-only tab without aria-label\n  if (process.env.NODE_ENV !== 'production') {\n    const hasTextContent =\n      typeof children === 'string' ||\n      (Array.isArray(children) &&\n        children.some((child) => typeof child === 'string'));\n\n    if (!hasTextContent && !props['aria-label']) {\n      console.warn(\n        'Tabs: Icon-only tabs should have an aria-label for accessibility.'\n      );\n    }\n  }\n\n  const { variant, orientation, stepperSelectedKey, animated: doAnimate, separator, visualSize } = useContext(TabsInternalContext);\n  const stepperCtx = useContext(StepperContext);\n\n  // Motion.dev component for animated indicator (lazy-loaded)\n  const [MotionSpan, setMotionSpan] = useState<MotionSpanComponent | null>(null);\n  const motionLoadedRef = useRef(false);\n\n  useEffect(() => {\n    if (variant !== 'default' || !doAnimate || motionLoadedRef.current) return;\n    motionLoadedRef.current = true;\n    loadMotionSpan().then((component) => {\n      if (component) setMotionSpan(() => component);\n    });\n  }, [variant, doAnimate]);\n\n  // For stepper variant, render numbered circle with optional connecting line\n  if (variant === 'stepper') {\n    const tabIndex = stepperCtx.tabKeys.indexOf(id);\n    const selectedIndex = stepperSelectedKey !== undefined\n      ? stepperCtx.tabKeys.indexOf(stepperSelectedKey)\n      : -1;\n    const isFirst = tabIndex === 0;\n    const isCompleted = tabIndex >= 0 && selectedIndex >= 0 && tabIndex < selectedIndex;\n    const isActive = tabIndex >= 0 && tabIndex === selectedIndex;\n    const isVertical = orientation === 'vertical';\n\n    return (\n      <AriaTab\n        id={id}\n        isDisabled={isDisabled}\n        href={href}\n        target={target}\n        rel={rel}\n        download={download}\n        className={composeRenderProps(className, (className) =>\n          cn(\n            tabVariants({ variant, orientation }),\n            className,\n          )\n        )}\n        {...props}\n      >\n        {/* Separator before tab (horizontal only, except first) */}\n        {!isFirst && !isVertical && (\n          separator === 'chevron' ? (\n            <ChevronRight\n              className=\"h-4 w-4 shrink-0 text-[var(--muted-foreground)]\"\n              aria-hidden=\"true\"\n            />\n          ) : (\n            <span\n              className=\"h-px w-6 bg-[var(--border)]\"\n              aria-hidden=\"true\"\n            />\n          )\n        )}\n        {/* Inner wrapper for active highlight (excludes connecting line) */}\n        <span\n          className={cn(\n            'inline-flex items-center gap-2 rounded-lg p-2',\n            isActive && 'bg-[var(--primary-action)]/10',\n          )}\n        >\n          {/* Step circle */}\n          <span\n            className={cn(\n              'flex min-h-7 min-w-7 shrink-0 items-center justify-center rounded-lg px-1.5 text-xs font-bold',\n              isActive\n                ? 'bg-[var(--primary-action)] text-white'\n                : isCompleted\n                  ? 'bg-[var(--primary-action)] text-white'\n                  : 'bg-[var(--accent-background)] text-[var(--muted-foreground)]'\n            )}\n            aria-hidden=\"true\"\n          >\n            {isCompleted ? (\n              <Check className=\"h-3.5 w-3.5\" />\n            ) : (\n              tabIndex + 1\n            )}\n          </span>\n          {/* Visually hidden step number for screen readers */}\n          <span className=\"sr-only\">\n            {isCompleted ? `Step ${tabIndex + 1}, completed:` : `Step ${tabIndex + 1}:`}\n          </span>\n          {/* Tab label */}\n          <span className={cn(\n            isActive && 'font-semibold text-[var(--primary-action)]',\n          )}>{children}</span>\n        </span>\n      </AriaTab>\n    );\n  }\n\n  // Pill variant: three-layer architecture.\n  // Layer 1 (AriaTab) is a transparent 44×44px touch target; the visible pill\n  // is rendered as an inner Layer 2 span sized via the `visualSize` context.\n  if (variant === 'pill') {\n    return (\n      <AriaTab\n        id={id}\n        isDisabled={isDisabled}\n        href={href}\n        target={target}\n        rel={rel}\n        download={download}\n        className={composeRenderProps(className, (className) =>\n          cn(tabVariants({ variant, orientation }), className)\n        )}\n        {...props}\n      >\n        {(renderProps) => (\n          <span\n            className={cn(\n              tabPillVisualVariants({ visualSize }),\n              renderProps.isSelected\n                ? 'border-[var(--primary-action)] bg-[var(--primary-action)] text-[var(--primary-action-foreground)]'\n                : 'border-[var(--border)] bg-[var(--content-background)] text-[var(--content-foreground)] hover:bg-[var(--accent-background)]',\n              // Bump on selection. motion-safe: respects prefers-reduced-motion.\n              renderProps.isSelected && doAnimate && 'motion-safe:selection-pulse'\n            )}\n          >\n            {children}\n          </span>\n        )}\n      </AriaTab>\n    );\n  }\n\n  // Default variant: render with sliding indicator\n  const isHorizontal = orientation === 'horizontal';\n  const indicatorClasses = isHorizontal\n    ? 'absolute bottom-0 left-0 right-0 h-0.5 bg-[var(--primary-action)]'\n    : 'absolute top-0 bottom-0 left-0 w-0.5 bg-[var(--primary-action)]';\n\n  return (\n    <AriaTab\n      id={id}\n      isDisabled={isDisabled}\n      href={href}\n      target={target}\n      rel={rel}\n      download={download}\n      className={composeRenderProps(className, (className) =>\n        cn(tabVariants({ variant, orientation }), className)\n      )}\n      {...props}\n    >\n      {(renderProps) => (\n        <>\n          {children}\n          {/* Tab indicator — animated slide or instant position */}\n          {variant === 'default' && renderProps.isSelected && (\n            doAnimate && MotionSpan ? (\n              <MotionSpan\n                layoutId={`tab-indicator-${isHorizontal ? 'h' : 'v'}`}\n                className={indicatorClasses}\n                transition={{ type: 'spring', stiffness: 500, damping: 30 }}\n              />\n            ) : (\n              <span className={indicatorClasses} />\n            )\n          )}\n        </>\n      )}\n    </AriaTab>\n  );\n}\n\nTabComponent.displayName = 'Tab';\n\n/**\n * TabPanel Component\n *\n * Content panel associated with a tab. Only the selected panel is visible.\n * Supports preserveState for React Activity state preservation.\n *\n * @see PRD.md FR-004 (TabPanel Requirements)\n * @see PRD.md FR-015 (Force Mount Panels)\n * @see PRD.md FR-016 (React Activity State Preservation)\n *\n * @example\n * // Default behavior - content unmounts when hidden\n * <TabPanel id=\"tab1\">Content</TabPanel>\n *\n * @example\n * // Legacy force mount - keeps content in DOM\n * <TabPanel id=\"tab1\" shouldForceMount>Form with state</TabPanel>\n *\n * @example\n * // React Activity - preserves state with proper effect cleanup\n * <TabPanel id=\"tab1\" preserveState>\n *   <FormWithDraft />\n * </TabPanel>\n */\nfunction TabPanelComponent({\n  children,\n  id,\n  shouldForceMount = false,\n  preserveState = false,\n  className,\n  ...props\n}: TabPanelProps) {\n  // preserveState takes precedence - both enable force mounting\n  const forceMount = preserveState || shouldForceMount;\n\n  // If children is a render function (for dynamic content based on selection state),\n  // we need to use the render props pattern\n  if (typeof children === 'function') {\n    return (\n      <AriaTabPanel\n        id={id}\n        shouldForceMount={forceMount}\n        className={composeRenderProps(className, (className) =>\n          cn(tabPanelVariants(), className)\n        )}\n        {...props}\n      >\n        {(renderProps) => {\n          // React Aria TabPanelRenderProps includes: state, isInert\n          // We derive isSelected from state - if state is undefined, panel is selected\n          const isSelected = !renderProps.isInert;\n          const content = (\n            children as (renderProps: { isSelected: boolean }) => ReactNode\n          )({ isSelected });\n\n          if (preserveState) {\n            return (\n              <Activity mode={isSelected ? 'visible' : 'hidden'}>\n                {content}\n              </Activity>\n            );\n          }\n\n          return content;\n        }}\n      </AriaTabPanel>\n    );\n  }\n\n  // For static children (not a function), render directly\n  // If preserveState is enabled, wrap in Activity\n  if (preserveState) {\n    return (\n      <AriaTabPanel\n        id={id}\n        shouldForceMount={forceMount}\n        className={composeRenderProps(className, (className) =>\n          cn(tabPanelVariants(), className)\n        )}\n        {...props}\n      >\n        {(renderProps) => {\n          const isSelected = !renderProps.isInert;\n          return (\n            <Activity mode={isSelected ? 'visible' : 'hidden'}>\n              {children}\n            </Activity>\n          );\n        }}\n      </AriaTabPanel>\n    );\n  }\n\n  // Default: render static children directly\n  return (\n    <AriaTabPanel\n      id={id}\n      shouldForceMount={forceMount}\n      className={composeRenderProps(className, (className) =>\n        cn(tabPanelVariants(), className)\n      )}\n      {...props}\n    >\n      {children}\n    </AriaTabPanel>\n  );\n}\n\nTabPanelComponent.displayName = 'TabPanel';\n\n// ============================================================================\n// Exports\n// ============================================================================\n\n/**\n * Direct named exports (not Object.assign compound pattern)\n *\n * Tabs follows React Aria's direct export pattern because:\n * - Simpler structure (only 4 components vs Dialog's 9)\n * - Better tree-shaking with named exports\n * - Clearer imports: import { Tabs, TabList, Tab, TabPanel } from '...'\n *\n * @see plan.md \"Why Direct Named Exports (Not Object.assign)?\"\n */\nexport const Tabs = TabsRoot;\nexport const TabList = TabListComponent;\nexport const Tab = TabComponent;\nexport const TabPanel = TabPanelComponent;\n\n// Re-export types for convenience\nexport type { TabsProps, TabsVariant, TabsVisualSize, StepperSeparator, TabListProps, TabProps, TabPanelProps };\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 { ReactNode, Key } from 'react';\n\n/**\n * Tab variant schema\n *\n * - 'default': Transparent background with bottom border indicator for active tab\n * - 'block': Segmented control with accent background container and card-style active tab\n * - 'pill': Independent rounded tabs with filled primary-action background when selected\n * - 'stepper': Numbered step circles with connecting lines (free navigation, not a wizard)\n */\nexport const TabsVariantSchema = z.enum(['default', 'block', 'pill', 'stepper']);\nexport type TabsVariant = z.infer<typeof TabsVariantSchema>;\n\n/**\n * Stepper separator style schema\n *\n * - 'line': Horizontal line between steps (default)\n * - 'chevron': Chevron arrow between steps\n *\n * Only applies to horizontal stepper variant.\n */\nexport const StepperSeparatorSchema = z.enum(['line', 'chevron']);\nexport type StepperSeparator = z.infer<typeof StepperSeparatorSchema>;\n\n/**\n * Visual size schema (Layer 2 of three-layer architecture)\n *\n * The outer touch target (Layer 1) always meets the 44×44px WCAG 2.2 AAA minimum;\n * `visualSize` controls the size of the visible element nested inside it.\n *\n * - 'sm': 28px tall — compact (default for pill variant)\n * - 'default': 36px tall — Button-sm equivalent\n * - 'lg': 44px tall — fills the touch target (no transparent gutter)\n *\n * Currently consumed only by the 'pill' variant; other variants ignore it.\n */\nexport const TabsVisualSizeSchema = z.enum(['sm', 'default', 'lg']);\nexport type TabsVisualSize = z.infer<typeof TabsVisualSizeSchema>;\n\n/**\n * Tab orientation schema\n *\n * @see PRD.md FR-005 (Orientation Support)\n */\nexport const TabsOrientationSchema = z.enum(['horizontal', 'vertical']);\nexport type TabsOrientation = z.infer<typeof TabsOrientationSchema>;\n\n/**\n * Keyboard activation mode schema\n *\n * @see PRD.md FR-006 (Keyboard Activation Modes)\n */\nexport const TabsKeyboardActivationSchema = z.enum(['automatic', 'manual']);\nexport type TabsKeyboardActivation = z.infer<typeof TabsKeyboardActivationSchema>;\n\n/**\n * Key schema for tab identification\n * Supports both string and number keys per React Aria convention\n */\nexport const KeySchema = z.union([z.string(), z.number()]);\n\n/**\n * Tabs root component props schema\n *\n * @see PRD.md FR-001 (Compound Component Pattern)\n * @see PRD.md FR-012 (Controlled Mode)\n * @see PRD.md FR-013 (Uncontrolled Mode)\n */\nexport const TabsPropsSchema = BaseComponentPropsSchema.extend({\n  // Visual variant: 'default' (underline), 'block' (segmented), 'pill' (independent rounded tabs), 'stepper' (numbered steps)\n  variant: TabsVariantSchema.optional().default('default'),\n\n  // Controlled mode: selected tab key\n  selectedKey: KeySchema.optional(),\n\n  // Uncontrolled mode: default selected tab key\n  defaultSelectedKey: KeySchema.optional(),\n\n  // Selection change handler\n  onSelectionChange: z.custom<(key: Key) => void>().optional(),\n\n  // Orientation: horizontal or vertical layout\n  orientation: TabsOrientationSchema.optional().default('horizontal'),\n\n  // Keyboard activation: automatic (arrows select) or manual (arrows focus, Enter selects)\n  keyboardActivation: TabsKeyboardActivationSchema.optional().default('automatic'),\n\n  // Disable all tabs\n  isDisabled: z.boolean().optional().default(false),\n\n  // Keys of tabs to disable individually\n  disabledKeys: z.array(KeySchema).optional(),\n\n  // Children: TabList and TabPanel components\n  children: z.custom<ReactNode>(),\n\n  // Animation (ADR 020 - Micro-Interaction Animation System)\n  // When true, the tab indicator slides between tabs (default variant only)\n  animated: z.boolean().optional().default(true),\n\n  // Stepper separator style: 'line' (default) or 'chevron'\n  // Only applies to horizontal stepper variant\n  separator: StepperSeparatorSchema.optional().default('line'),\n\n  // Visual size for Layer 2 in the three-layer architecture\n  // Layer 1 (touch target) always meets 44x44px WCAG AAA; this controls Layer 2.\n  // Currently consumed only by the 'pill' variant.\n  visualSize: TabsVisualSizeSchema.optional(),\n});\n\nexport interface TabsProps {\n  className?: string;\n  children?: ReactNode;\n  id?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'aria-describedby'?: string;\n  'aria-live'?: 'off' | 'polite' | 'assertive';\n  'aria-hidden'?: boolean;\n  'data-testid'?: string;\n  variant?: TabsVariant;\n  selectedKey?: string | number;\n  defaultSelectedKey?: string | number;\n  onSelectionChange?: (key: Key) => void;\n  orientation?: TabsOrientation;\n  keyboardActivation?: TabsKeyboardActivation;\n  isDisabled?: boolean;\n  disabledKeys?: (string | number)[];\n  animated?: boolean;\n  separator?: StepperSeparator;\n  visualSize?: TabsVisualSize;\n}\n\n/**\n * TabList component props schema\n *\n * @see PRD.md FR-002 (TabList Requirements)\n * @see PRD.md AR-001 (ARIA Requirements)\n */\nexport const TabListPropsSchema = BaseComponentPropsSchema.extend({\n  // Accessible label (required for accessibility if no aria-labelledby)\n  'aria-label': z.string().optional(),\n\n  // Reference to labelling element\n  'aria-labelledby': z.string().optional(),\n\n  // Children: Tab components\n  children: z.custom<ReactNode>(),\n});\n\nexport interface TabListProps {\n  className?: string;\n  children?: ReactNode;\n  id?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'data-testid'?: string;\n}\n\n/**\n * Tab component props schema\n *\n * @see PRD.md FR-003 (Tab Requirements)\n * @see PRD.md FR-007 (Disabled States)\n * @see PRD.md FR-014 (Link-based Tabs)\n */\nexport const TabPropsSchema = BaseComponentPropsSchema.extend({\n  // Unique identifier for the tab (required)\n  id: KeySchema,\n\n  // Disable this specific tab\n  isDisabled: z.boolean().optional().default(false),\n\n  // Link tab: URL for navigation-style tabs\n  href: z.string().optional(),\n\n  // Link tab: target attribute\n  target: z.string().optional(),\n\n  // Link tab: rel attribute\n  rel: z.string().optional(),\n\n  // Link tab: download attribute\n  download: z.union([z.string(), z.boolean()]).optional(),\n\n  // Tab content (text, icons, badges)\n  children: z.custom<ReactNode>(),\n});\n\nexport interface TabProps {\n  className?: string;\n  children?: ReactNode;\n  id: string | number;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'aria-describedby'?: string;\n  'data-testid'?: string;\n  isDisabled?: boolean;\n  href?: string;\n  target?: string;\n  rel?: string;\n  download?: string | boolean;\n}\n\n/**\n * TabPanel component props schema\n *\n * @see PRD.md FR-004 (TabPanel Requirements)\n * @see PRD.md FR-015 (Force Mount Panels)\n * @see PRD.md FR-016 (React Activity State Preservation)\n */\nexport const TabPanelPropsSchema = BaseComponentPropsSchema.extend({\n  // Unique identifier matching a Tab id (required)\n  id: KeySchema,\n\n  // Legacy: Force panel to stay in DOM when hidden\n  // Use preserveState instead for proper effect cleanup\n  shouldForceMount: z.boolean().optional().default(false),\n\n  // React 19.2 Activity: Preserve state with proper effect cleanup\n  // When true, wraps content in <Activity> component\n  // Effects are cleaned up when hidden, restored when visible\n  preserveState: z.boolean().optional().default(false),\n\n  // Panel content\n  children: z.custom<ReactNode>(),\n});\n\nexport interface TabPanelProps {\n  className?: string;\n  children?: ReactNode;\n  id: string | number;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'data-testid'?: string;\n  shouldForceMount?: boolean;\n  preserveState?: boolean;\n}\n\n/**\n * Scroll arrow direction for overflow handling\n *\n * @see PRD.md FR-010 (Overflow Handling)\n */\nexport const ScrollArrowDirectionSchema = z.enum(['left', 'right', 'up', 'down']);\nexport type ScrollArrowDirection = z.infer<typeof ScrollArrowDirectionSchema>;\n\n/**\n * Internal props for scroll arrow buttons\n * Used by overflow handling implementation\n */\nexport const ScrollArrowPropsSchema = BaseComponentPropsSchema.extend({\n  // Scroll direction\n  direction: ScrollArrowDirectionSchema,\n\n  // Disable when can't scroll further\n  isDisabled: z.boolean().optional().default(false),\n\n  // Click handler for scrolling\n  onPress: z.custom<() => void>(),\n\n  // Accessible label\n  'aria-label': z.string(),\n});\n\nexport interface ScrollArrowProps {\n  className?: string;\n  id?: string;\n  'aria-label': string;\n  'data-testid'?: string;\n  direction: ScrollArrowDirection;\n  isDisabled?: boolean;\n  onPress: () => void;\n}\n"]}

package/dist/elements/TextField/index.js

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