@tribepad/themis 1.5.8 → 1.6.0

package/dist/elements/Select/index.js

@@ -1,3 +1,3 @@
 "use client";
-'use strict';var react=require('react'),reactAriaComponents=require('react-aria-components'),lucideReact=require('lucide-react'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime'),zod=require('zod');var L={sm:"h-9",default:"h-10",lg:"h-11"},u={sm:`${L.sm} px-2 text-xs`,default:`${L.default} px-3 text-sm`,lg:`${L.lg} px-4 text-base`},B="min-h-[44px] flex items-center";var Y=classVarianceAuthority.cva(["flex","w-full","items-center","justify-between","gap-2","rounded-md","border","bg-[var(--content-background)]","text-[var(--content-foreground)]","transition-colors","duration-200","outline-none","focus-visible:ring-2","focus-visible:ring-[var(--ring)]","focus-visible:ring-offset-2","hover:bg-[var(--accent)]/10","disabled:cursor-not-allowed","disabled:opacity-50","data-[loading=true]:cursor-wait","truncate"],{variants:{size:{sm:`${u.sm} pr-1`,default:`${u.default} pr-1.5`,lg:`${u.lg} pr-2`},isInvalid:{true:"border-[var(--destructive-background)]",false:"border-[var(--input-border)] hover:border-[var(--input-border)]/80"}},defaultVariants:{size:"default",isInvalid:false}}),j=classVarianceAuthority.cva(["relative","flex","w-full","cursor-pointer","select-none","items-center","rounded-sm","outline-none","transition-colors","pl-8","pr-2","hover:bg-[var(--accent)]","hover:text-[var(--accent-foreground)]","focus:bg-[var(--accent)]","focus:text-[var(--accent-foreground)]","data-[selected=true]:bg-[var(--accent)]","data-[selected=true]:text-[var(--accent-foreground)]","data-[disabled=true]:pointer-events-none","data-[disabled=true]:opacity-50","data-[disabled=true]:text-[var(--menu-muted)]"],{variants:{size:{sm:`${u.sm} py-1`,default:`${u.default} py-2`,lg:`${u.lg} py-3`}},defaultVariants:{size:"default"}}),q=classVarianceAuthority.cva(["z-50","w-[--trigger-width]","rounded-md","border","border-[var(--menu-border)]","bg-[var(--menu-background)]","text-[var(--menu-foreground)]","shadow-md","outline-none","overflow-auto","data-[entering]:animate-in","data-[entering]:fade-in-0","data-[entering]:zoom-in-95","data-[exiting]:animate-out","data-[exiting]:fade-out-0","data-[exiting]:zoom-out-95"],{variants:{size:{sm:"max-h-[200px] p-1",default:"max-h-[300px] p-1",lg:"max-h-[400px] p-1"}},defaultVariants:{size:"default"}}),X=classVarianceAuthority.cva(["px-2","py-1.5","text-xs","font-semibold","text-[var(--menu-muted)]","uppercase","tracking-wider"],{variants:{size:{sm:"px-2 py-1 text-[10px]",default:"px-2 py-1 text-xs",lg:"px-2 py-1.5 text-xs"}},defaultVariants:{size:"default"}}),K=classVarianceAuthority.cva(["flex","items-center","gap-1.5","text-sm","font-medium","text-[var(--destructive-background)]","mt-1"],{variants:{size:{sm:"text-xs mt-1",default:"text-sm mt-1",lg:"text-base mt-1"}},defaultVariants:{size:"default"}});var ve=Array.from({length:3}).map((s,o)=>jsxRuntime.jsx("div",{className:"h-11 px-4 py-2",children:jsxRuntime.jsx("div",{className:"h-4 bg-[var(--accent-background)] rounded animate-pulse"})},`skeleton-${o}`));function ee({ariaSelectProps:s,triggerContent:o,triggerRef:r,label:n,description:c,isRequired:m,isDisabled:p,isLoading:a,errorMessage:i,size:d,emptyStateMessage:A,childCount:f,children:x}){let S=react.useId(),I=react.useId(),E=react.useId(),g=!!i;return jsxRuntime.jsxs(reactAriaComponents.Select,{...s,isInvalid:g,children:[jsxRuntime.jsxs(reactAriaComponents.Label,{id:S,className:"text-sm font-medium text-[var(--content-foreground)]",children:[n,m&&jsxRuntime.jsx("span",{className:"text-[var(--destructive-background)] ml-1",children:"*"})]}),c&&jsxRuntime.jsx(reactAriaComponents.Text,{id:I,slot:"description",className:"text-sm text-[var(--menu-muted)] mt-1",children:c}),jsxRuntime.jsx("div",{className:B,children:jsxRuntime.jsxs(reactAriaComponents.Button,{ref:r,className:Y({size:d,isInvalid:g}),"aria-labelledby":S,"aria-describedby":c?I:i?E:void 0,"data-loading":a,...m&&{"aria-required":"true"},...a&&{"aria-busy":"true"},...(p||a)&&{"aria-disabled":"true"},children:[o,a?jsxRuntime.jsx(lucideReact.Loader2,{className:"ml-auto h-4 w-4 shrink-0 animate-spin text-[var(--menu-muted)]","aria-hidden":"true"}):jsxRuntime.jsx(lucideReact.ChevronDown,{className:"ml-auto h-4 w-4 shrink-0 text-[var(--menu-muted)]","aria-hidden":"true"})]})}),jsxRuntime.jsx(reactAriaComponents.FieldError,{id:E,className:K({size:d}),children:({validationErrors:b})=>{let v=i||b.join(" ");return v?jsxRuntime.jsx(jsxRuntime.Fragment,{children:v}):null}}),jsxRuntime.jsx(reactAriaComponents.Popover,{className:q({size:d}),children:jsxRuntime.jsxs(reactAriaComponents.ListBox,{className:"outline-none",children:[a&&f>0&&ve,!a&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[x,f===0&&jsxRuntime.jsx(reactAriaComponents.ListBoxItem,{id:"__empty__",textValue:"empty",isDisabled:true,className:"py-6 text-center text-sm text-[var(--menu-muted)] cursor-default pointer-events-none",children:jsxRuntime.jsx("span",{role:"status",children:A||"No options available"})})]})]})})]})}var te=react.forwardRef(({label:s,placeholder:o,description:r,value:n,defaultValue:c,isOpen:m,isDisabled:p=false,isRequired:a=false,disabledKeys:i,validate:d,validationBehavior:A="aria",errorMessage:f,isLoading:x=false,emptyStateMessage:S,name:I,size:E="default",onChange:g,onOpenChange:b,className:v,children:P,..._},M)=>{let V=react.Children.count(P);return V>1e3&&console.warn("Select has >1000 items. Consider using Autocomplete component for better performance."),jsxRuntime.jsx(ee,{ariaSelectProps:{value:n,defaultValue:c,onChange:C=>{g&&g(C);},placeholder:o,disabledKeys:i,isOpen:m,onOpenChange:b,isDisabled:p||x,isRequired:a,name:I,validate:d,validationBehavior:A,className:v,..._},triggerContent:jsxRuntime.jsx(reactAriaComponents.SelectValue,{className:"flex-1 text-left truncate"}),triggerRef:M,label:s,description:r,isRequired:a,isDisabled:p,isLoading:x,errorMessage:f,size:E,emptyStateMessage:S,childCount:V,children:P})});te.displayName="Select";var ae=react.forwardRef(({label:s,placeholder:o,description:r,value:n,defaultValue:c,selectionMode:m="multiple",isOpen:p,isDisabled:a=false,isRequired:i=false,disabledKeys:d,validate:A,validationBehavior:f="aria",errorMessage:x,isLoading:S=false,emptyStateMessage:I,name:E,size:g="default",onChange:b,onOpenChange:v,className:P,children:_,...M},V)=>{let C=react.Children.count(_);C>1e3&&console.warn("Select has >1000 items. Consider using Autocomplete component for better performance.");let k=react.useMemo(()=>{let O=new Map,R=ne=>{react.Children.forEach(ne,F=>{if(react.isValidElement(F)){let N=F;if(N.type===D||N.props?.value){let $=N.props.value,Z=N.props.children;$&&typeof Z=="string"&&O.set($,Z);}N.props?.children&&R(N.props.children);}});};return R(_),O},[_]),oe=react.useMemo(()=>!n||!Array.isArray(n)||n.length===0?o||"":n.length<=2?n.map(R=>k.get(R)||R).join(", "):`${n.length} items selected`,[n,k,o]);return jsxRuntime.jsx(ee,{ariaSelectProps:{value:n,defaultValue:c,onChange:O=>{b&&b(O);},selectionMode:"multiple",disabledKeys:d,isOpen:p,onOpenChange:v,isDisabled:a||S,isRequired:i,name:E,validate:A,validationBehavior:f,className:P,...M},triggerContent:jsxRuntime.jsx("span",{className:"flex-1 text-left truncate",children:oe}),triggerRef:V,label:s,description:r,isRequired:i,isDisabled:a,isLoading:S,errorMessage:x,size:g,emptyStateMessage:I,childCount:C,children:_})});ae.displayName="MultiSelect";var D=react.memo(function({children:o,textValue:r,value:n,isDisabled:c=false,className:m,...p}){if(!r&&typeof o!="string"){let a="Select.Item with custom children requires textValue prop for accessibility";if(process.env.NODE_ENV==="development")throw new Error(a);console.warn(a);}return jsxRuntime.jsx(reactAriaComponents.ListBoxItem,{id:n,textValue:r||(typeof o=="string"?o:void 0),className:`${j({size:"default"})} ${m||""}`,isDisabled:c,...p,children:({isSelected:a,selectionMode:i,isDisabled:d})=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[i==="multiple"?jsxRuntime.jsx(lucideReact.CheckSquare,{className:`absolute left-2 h-4 w-4 ${a?"visible":"invisible"}`,"aria-hidden":"true"}):a&&jsxRuntime.jsx(lucideReact.Check,{className:"absolute left-2 h-4 w-4","aria-hidden":"true"}),jsxRuntime.jsx("span",{className:d?"text-[var(--menu-muted)]":"",children:o})]})})});D.displayName="SelectItem";function U({children:s,className:o,...r}){return jsxRuntime.jsx(reactAriaComponents.ListBoxSection,{className:`border-t border-[var(--border)] first:border-t-0 ${o||""}`,...r,children:s})}U.displayName="SelectSection";function G({children:s,className:o,...r}){return jsxRuntime.jsx(reactAriaComponents.Header,{className:`${X({size:"default"})} ${o||""}`,...r,children:s})}G.displayName="SelectHeader";var _e=Object.assign(te,{Item:D,Section:U,Header:G}),Ne=Object.assign(ae,{Item:D,Section:U,Header:G});var y=zod.z.object({className:zod.z.string().optional(),children:zod.z.any().optional(),id:zod.z.string().optional(),"aria-label":zod.z.string().optional(),"aria-labelledby":zod.z.string().optional(),"aria-describedby":zod.z.string().optional(),"aria-live":zod.z.enum(["off","polite","assertive"]).optional(),"aria-hidden":zod.z.boolean().optional(),"data-testid":zod.z.string().optional()});var Te=zod.z.enum(["sm","default","lg"]),Ae=zod.z.enum(["single","multiple"]),Oe=zod.z.enum(["native","aria"]),Re=y.extend({label:zod.z.string(),placeholder:zod.z.string().optional(),description:zod.z.string().optional(),value:zod.z.union([zod.z.string(),zod.z.array(zod.z.string())]).optional(),defaultValue:zod.z.union([zod.z.string(),zod.z.array(zod.z.string())]).optional(),selectionMode:Ae.optional().default("single"),isOpen:zod.z.boolean().optional(),isDisabled:zod.z.boolean().optional().default(false),isRequired:zod.z.boolean().optional().default(false),disabledKeys:zod.z.array(zod.z.string()).optional(),validate:zod.z.custom().optional(),validationBehavior:Oe.optional().default("aria"),errorMessage:zod.z.string().optional(),isLoading:zod.z.boolean().optional().default(false),emptyStateMessage:zod.z.string().optional(),name:zod.z.string().optional(),size:Te.optional().default("default"),onChange:zod.z.custom().optional(),onOpenChange:zod.z.custom().optional(),children:zod.z.custom()}),he=y.extend({value:zod.z.string(),textValue:zod.z.string().optional(),isDisabled:zod.z.boolean().optional().default(false),children:zod.z.custom(),className:zod.z.string().optional()}),ye=y.extend({children:zod.z.custom(),className:zod.z.string().optional()}),Pe=y.extend({children:zod.z.custom(),className:zod.z.string().optional()});exports.MultiSelect=Ne;exports.Select=_e;exports.SelectHeaderPropsSchema=Pe;exports.SelectItemPropsSchema=he;exports.SelectPropsSchema=Re;exports.SelectSectionPropsSchema=ye;//# sourceMappingURL=index.js.map
+'use strict';var react=require('react'),reactAriaComponents=require('react-aria-components'),lucideReact=require('lucide-react'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime'),zod=require('zod');var L={sm:"h-9",default:"h-10",lg:"h-11"},u={sm:`${L.sm} px-2 text-xs`,default:`${L.default} px-3 text-sm`,lg:`${L.lg} px-4 text-base`},B="min-h-[44px] flex items-center";var Y=classVarianceAuthority.cva(["flex","w-full","items-center","justify-between","gap-2","rounded-md","border","bg-[var(--content-background)]","text-[var(--content-foreground)]","transition-colors","duration-200","outline-none","focus-visible:ring-2","focus-visible:ring-[var(--ring)]","focus-visible:ring-offset-2","hover:bg-[var(--accent)]/10","disabled:cursor-not-allowed","disabled:opacity-50","data-[loading=true]:cursor-wait","truncate"],{variants:{size:{sm:`${u.sm} pr-1`,default:`${u.default} pr-1.5`,lg:`${u.lg} pr-2`},isInvalid:{true:"border-[var(--destructive-background)]",false:"border-[var(--input-border)] hover:border-[var(--input-border)]/80"}},defaultVariants:{size:"default",isInvalid:false}}),j=classVarianceAuthority.cva(["relative","flex","w-full","cursor-pointer","select-none","items-center","rounded-sm","outline-none","transition-colors","pl-8","pr-2","hover:bg-[var(--accent)]","hover:text-[var(--accent-foreground)]","focus:bg-[var(--accent)]","focus:text-[var(--accent-foreground)]","data-[selected=true]:bg-[var(--accent)]","data-[selected=true]:text-[var(--accent-foreground)]","data-[disabled=true]:pointer-events-none","data-[disabled=true]:opacity-50","data-[disabled=true]:text-[var(--menu-muted)]"],{variants:{size:{sm:`${u.sm} py-1`,default:`${u.default} py-2`,lg:`${u.lg} py-3`}},defaultVariants:{size:"default"}}),q=classVarianceAuthority.cva(["z-50","w-[--trigger-width]","rounded-md","border","border-[var(--menu-border)]","bg-[var(--menu-background)]","text-[var(--menu-foreground)]","outline-none","overflow-auto","data-[entering]:animate-in","data-[entering]:fade-in-0","data-[entering]:zoom-in-95","data-[exiting]:animate-out","data-[exiting]:fade-out-0","data-[exiting]:zoom-out-95"],{variants:{size:{sm:"max-h-[200px] p-1",default:"max-h-[300px] p-1",lg:"max-h-[400px] p-1"}},defaultVariants:{size:"default"}}),X=classVarianceAuthority.cva(["px-2","py-1.5","text-xs","font-semibold","text-[var(--menu-muted)]","uppercase","tracking-wider"],{variants:{size:{sm:"px-2 py-1 text-[10px]",default:"px-2 py-1 text-xs",lg:"px-2 py-1.5 text-xs"}},defaultVariants:{size:"default"}}),K=classVarianceAuthority.cva(["flex","items-center","gap-1.5","text-sm","font-medium","text-[var(--destructive-background)]","mt-1"],{variants:{size:{sm:"text-xs mt-1",default:"text-sm mt-1",lg:"text-base mt-1"}},defaultVariants:{size:"default"}});var ve=Array.from({length:3}).map((s,o)=>jsxRuntime.jsx("div",{className:"h-11 px-4 py-2",children:jsxRuntime.jsx("div",{className:"h-4 bg-[var(--accent-background)] rounded animate-pulse"})},`skeleton-${o}`));function ee({ariaSelectProps:s,triggerContent:o,triggerRef:r,label:n,description:c,isRequired:m,isDisabled:p,isLoading:a,errorMessage:i,size:d,emptyStateMessage:A,childCount:f,children:x}){let S=react.useId(),I=react.useId(),E=react.useId(),g=!!i;return jsxRuntime.jsxs(reactAriaComponents.Select,{...s,isInvalid:g,children:[jsxRuntime.jsxs(reactAriaComponents.Label,{id:S,className:"text-sm font-medium text-[var(--content-foreground)]",children:[n,m&&jsxRuntime.jsx("span",{className:"text-[var(--destructive-background)] ml-1",children:"*"})]}),c&&jsxRuntime.jsx(reactAriaComponents.Text,{id:I,slot:"description",className:"text-sm text-[var(--menu-muted)] mt-1",children:c}),jsxRuntime.jsx("div",{className:B,children:jsxRuntime.jsxs(reactAriaComponents.Button,{ref:r,className:Y({size:d,isInvalid:g}),"aria-labelledby":S,"aria-describedby":c?I:i?E:void 0,"data-loading":a,...m&&{"aria-required":"true"},...a&&{"aria-busy":"true"},...(p||a)&&{"aria-disabled":"true"},children:[o,a?jsxRuntime.jsx(lucideReact.Loader2,{className:"ml-auto h-4 w-4 shrink-0 animate-spin text-[var(--menu-muted)]","aria-hidden":"true"}):jsxRuntime.jsx(lucideReact.ChevronDown,{className:"ml-auto h-4 w-4 shrink-0 text-[var(--menu-muted)]","aria-hidden":"true"})]})}),jsxRuntime.jsx(reactAriaComponents.FieldError,{id:E,className:K({size:d}),children:({validationErrors:b})=>{let v=i||b.join(" ");return v?jsxRuntime.jsx(jsxRuntime.Fragment,{children:v}):null}}),jsxRuntime.jsx(reactAriaComponents.Popover,{className:q({size:d}),children:jsxRuntime.jsxs(reactAriaComponents.ListBox,{className:"outline-none",children:[a&&f>0&&ve,!a&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[x,f===0&&jsxRuntime.jsx(reactAriaComponents.ListBoxItem,{id:"__empty__",textValue:"empty",isDisabled:true,className:"py-6 text-center text-sm text-[var(--menu-muted)] cursor-default pointer-events-none",children:jsxRuntime.jsx("span",{role:"status",children:A||"No options available"})})]})]})})]})}var te=react.forwardRef(({label:s,placeholder:o,description:r,value:n,defaultValue:c,isOpen:m,isDisabled:p=false,isRequired:a=false,disabledKeys:i,validate:d,validationBehavior:A="aria",errorMessage:f,isLoading:x=false,emptyStateMessage:S,name:I,size:E="default",onChange:g,onOpenChange:b,className:v,children:P,..._},M)=>{let V=react.Children.count(P);return V>1e3&&console.warn("Select has >1000 items. Consider using Autocomplete component for better performance."),jsxRuntime.jsx(ee,{ariaSelectProps:{value:n,defaultValue:c,onChange:C=>{g&&g(C);},placeholder:o,disabledKeys:i,isOpen:m,onOpenChange:b,isDisabled:p||x,isRequired:a,name:I,validate:d,validationBehavior:A,className:v,..._},triggerContent:jsxRuntime.jsx(reactAriaComponents.SelectValue,{className:"flex-1 text-left truncate"}),triggerRef:M,label:s,description:r,isRequired:a,isDisabled:p,isLoading:x,errorMessage:f,size:E,emptyStateMessage:S,childCount:V,children:P})});te.displayName="Select";var ae=react.forwardRef(({label:s,placeholder:o,description:r,value:n,defaultValue:c,selectionMode:m="multiple",isOpen:p,isDisabled:a=false,isRequired:i=false,disabledKeys:d,validate:A,validationBehavior:f="aria",errorMessage:x,isLoading:S=false,emptyStateMessage:I,name:E,size:g="default",onChange:b,onOpenChange:v,className:P,children:_,...M},V)=>{let C=react.Children.count(_);C>1e3&&console.warn("Select has >1000 items. Consider using Autocomplete component for better performance.");let k=react.useMemo(()=>{let O=new Map,R=ne=>{react.Children.forEach(ne,F=>{if(react.isValidElement(F)){let N=F;if(N.type===D||N.props?.value){let $=N.props.value,Z=N.props.children;$&&typeof Z=="string"&&O.set($,Z);}N.props?.children&&R(N.props.children);}});};return R(_),O},[_]),oe=react.useMemo(()=>!n||!Array.isArray(n)||n.length===0?o||"":n.length<=2?n.map(R=>k.get(R)||R).join(", "):`${n.length} items selected`,[n,k,o]);return jsxRuntime.jsx(ee,{ariaSelectProps:{value:n,defaultValue:c,onChange:O=>{b&&b(O);},selectionMode:"multiple",disabledKeys:d,isOpen:p,onOpenChange:v,isDisabled:a||S,isRequired:i,name:E,validate:A,validationBehavior:f,className:P,...M},triggerContent:jsxRuntime.jsx("span",{className:"flex-1 text-left truncate",children:oe}),triggerRef:V,label:s,description:r,isRequired:i,isDisabled:a,isLoading:S,errorMessage:x,size:g,emptyStateMessage:I,childCount:C,children:_})});ae.displayName="MultiSelect";var D=react.memo(function({children:o,textValue:r,value:n,isDisabled:c=false,className:m,...p}){if(!r&&typeof o!="string"){let a="Select.Item with custom children requires textValue prop for accessibility";if(process.env.NODE_ENV==="development")throw new Error(a);console.warn(a);}return jsxRuntime.jsx(reactAriaComponents.ListBoxItem,{id:n,textValue:r||(typeof o=="string"?o:void 0),className:`${j({size:"default"})} ${m||""}`,isDisabled:c,...p,children:({isSelected:a,selectionMode:i,isDisabled:d})=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[i==="multiple"?jsxRuntime.jsx(lucideReact.CheckSquare,{className:`absolute left-2 h-4 w-4 ${a?"visible":"invisible"}`,"aria-hidden":"true"}):a&&jsxRuntime.jsx(lucideReact.Check,{className:"absolute left-2 h-4 w-4","aria-hidden":"true"}),jsxRuntime.jsx("span",{className:d?"text-[var(--menu-muted)]":"",children:o})]})})});D.displayName="SelectItem";function U({children:s,className:o,...r}){return jsxRuntime.jsx(reactAriaComponents.ListBoxSection,{className:`border-t border-[var(--border)] first:border-t-0 ${o||""}`,...r,children:s})}U.displayName="SelectSection";function G({children:s,className:o,...r}){return jsxRuntime.jsx(reactAriaComponents.Header,{className:`${X({size:"default"})} ${o||""}`,...r,children:s})}G.displayName="SelectHeader";var _e=Object.assign(te,{Item:D,Section:U,Header:G}),Ne=Object.assign(ae,{Item:D,Section:U,Header:G});var y=zod.z.object({className:zod.z.string().optional(),children:zod.z.any().optional(),id:zod.z.string().optional(),"aria-label":zod.z.string().optional(),"aria-labelledby":zod.z.string().optional(),"aria-describedby":zod.z.string().optional(),"aria-live":zod.z.enum(["off","polite","assertive"]).optional(),"aria-hidden":zod.z.boolean().optional(),"data-testid":zod.z.string().optional()});var Te=zod.z.enum(["sm","default","lg"]),Ae=zod.z.enum(["single","multiple"]),Oe=zod.z.enum(["native","aria"]),Re=y.extend({label:zod.z.string(),placeholder:zod.z.string().optional(),description:zod.z.string().optional(),value:zod.z.union([zod.z.string(),zod.z.array(zod.z.string())]).optional(),defaultValue:zod.z.union([zod.z.string(),zod.z.array(zod.z.string())]).optional(),selectionMode:Ae.optional().default("single"),isOpen:zod.z.boolean().optional(),isDisabled:zod.z.boolean().optional().default(false),isRequired:zod.z.boolean().optional().default(false),disabledKeys:zod.z.array(zod.z.string()).optional(),validate:zod.z.custom().optional(),validationBehavior:Oe.optional().default("aria"),errorMessage:zod.z.string().optional(),isLoading:zod.z.boolean().optional().default(false),emptyStateMessage:zod.z.string().optional(),name:zod.z.string().optional(),size:Te.optional().default("default"),onChange:zod.z.custom().optional(),onOpenChange:zod.z.custom().optional(),children:zod.z.custom()}),he=y.extend({value:zod.z.string(),textValue:zod.z.string().optional(),isDisabled:zod.z.boolean().optional().default(false),children:zod.z.custom(),className:zod.z.string().optional()}),ye=y.extend({children:zod.z.custom(),className:zod.z.string().optional()}),Pe=y.extend({children:zod.z.custom(),className:zod.z.string().optional()});exports.MultiSelect=Ne;exports.Select=_e;exports.SelectHeaderPropsSchema=Pe;exports.SelectItemPropsSchema=he;exports.SelectPropsSchema=Re;exports.SelectSectionPropsSchema=ye;//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/styles/shared-variants.ts","../../../src/elements/Select/Select.styles.ts","../../../src/elements/Select/Select.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Select/Select.types.ts"],"names":["FIELD_HEIGHTS","FIELD_INPUT_SIZES","FIELD_TOUCH_TARGET","selectTriggerVariants","cva","selectItemVariants","selectPopoverVariants","selectSectionVariants","selectErrorVariants","LOADING_SKELETON","_","i","jsx","SelectBase","ariaSelectProps","triggerContent","triggerRef","label","description","isRequired","isDisabled","isLoading","errorMessage","size","emptyStateMessage","childCount","children","labelId","useId","descriptionId","errorId","isInvalid","jsxs","AriaSelect","Label","Text","Button","Loader2","ChevronDown","FieldError","validationErrors","displayError","Fragment","Popover","ListBox","ListBoxItem","SelectRoot","forwardRef","placeholder","value","defaultValue","isOpen","disabledKeys","validate","validationBehavior","name","onChange","onOpenChange","className","props","ref","Children","key","SelectValue","MultiSelectRoot","_selectionMode","valueToLabelMap","useMemo","map","processChildren","nodes","child","isValidElement","element","SelectItem","itemValue","itemChildren","displayValue","v","keys","memo","textValue","message","isSelected","selectionMode","itemDisabled","CheckSquare","Check","SelectSection","ListBoxSection","SelectHeader","Header","Select","MultiSelect","BaseComponentPropsSchema","z","SelectSizeSchema","SelectionModeSchema","ValidationBehaviorSchema","SelectPropsSchema","SelectItemPropsSchema","SelectSectionPropsSchema","SelectHeaderPropsSchema"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Shared CVA Variant Utilities\n *\n * Common patterns extracted from component variants for consistency and reduced bundle size.\n * Use these constants in CVA definitions to ensure consistent styling across Themis.\n *\n * @see interaction-states.ts for interaction-specific styles (focus, hover, pressed)\n */\n\n// =============================================================================\n// Focus Ring Patterns\n// =============================================================================\n\n/**\n * Focus-within ring (for container elements with focusable children)\n * Use when the container should show focus when any child is focused\n */\nexport const FOCUS_WITHIN_RING = [\n  'focus-within:outline-none',\n  'focus-within:ring-2',\n  'focus-within:ring-[var(--ring)]',\n  'focus-within:ring-offset-2',\n] as const;\n\n/**\n * Focus-visible ring (for directly focusable elements)\n * Use for buttons, inputs, and other interactive elements\n */\nexport const FOCUS_VISIBLE_RING = [\n  'focus-visible:outline-none',\n  'focus-visible:ring-2',\n  'focus-visible:ring-[var(--ring)]',\n  'focus-visible:ring-offset-2',\n] as const;\n\n/**\n * Standard focus ring (for elements using :focus pseudo-class)\n * Prefer focus-visible when possible for better UX\n */\nexport const FOCUS_RING = [\n  'focus:outline-none',\n  'focus:ring-2',\n  'focus:ring-[var(--ring)]',\n] as const;\n\n/**\n * Focus with background change (for segments, cells, menu items)\n */\nexport const FOCUS_HIGHLIGHT = [\n  'focus:outline-none',\n  'focus:bg-[var(--accent)]',\n  'focus:text-[var(--accent-foreground)]',\n] as const;\n\n// =============================================================================\n// Disabled State Patterns\n// =============================================================================\n\n/**\n * Standard disabled state using disabled attribute\n */\nexport const DISABLED_STANDARD = [\n  'disabled:pointer-events-none',\n  'disabled:opacity-50',\n] as const;\n\n/**\n * Disabled state using data attribute (React Aria pattern)\n */\nexport const DISABLED_DATA_ATTR = [\n  'data-[disabled]:pointer-events-none',\n  'data-[disabled]:opacity-50',\n  'data-[disabled]:cursor-not-allowed',\n] as const;\n\n// =============================================================================\n// Size-Based Text Variants\n// =============================================================================\n\n/**\n * Small text size scale (xs -> sm -> base)\n */\nexport const TEXT_SIZE_SMALL_SCALE = {\n  sm: 'text-xs',\n  default: 'text-sm',\n  lg: 'text-base',\n} as const;\n\n/**\n * Medium text size scale (sm -> base -> lg)\n */\nexport const TEXT_SIZE_MEDIUM_SCALE = {\n  sm: 'text-sm',\n  default: 'text-base',\n  lg: 'text-lg',\n} as const;\n\n// =============================================================================\n// Touch Target Utilities\n// =============================================================================\n\n/**\n * WCAG 2.2 AAA minimum touch target (44x44px)\n */\nexport const TOUCH_TARGET_MIN = [\n  'min-h-[44px]',\n  'min-w-[44px]',\n] as const;\n\n/**\n * Common button/cell sizes with touch target compliance\n */\nexport const INTERACTIVE_SIZES = {\n  sm: 'h-9 w-9',      // 36px - desktop only, NOT AAA compliant\n  default: 'h-11 w-11', // 44px - AAA compliant\n  lg: 'h-14 w-14',    // 56px - AAA compliant, enhanced\n} as const;\n\n/**\n * Height-only sizes for fields and inputs\n */\nexport const FIELD_HEIGHTS = {\n  sm: 'h-9',      // 36px\n  default: 'h-10', // 40px\n  lg: 'h-11',     // 44px\n} as const;\n\n/**\n * Layer 2: Visual sizing for form field inputs (height + padding + font).\n * Use on the <input>, <select>, or trigger element itself.\n *\n * Components may append additional classes (e.g. gap-* for segmented fields, py-* for text inputs).\n */\nexport const FIELD_INPUT_SIZES = {\n  sm: `${FIELD_HEIGHTS.sm} px-2 text-xs`,\n  default: `${FIELD_HEIGHTS.default} px-3 text-sm`,\n  lg: `${FIELD_HEIGHTS.lg} px-4 text-base`,\n} as const;\n\n/**\n * Layer 1: Invisible touch target wrapper for form fields.\n * Apply to a <label> (or wrapper div) around the input element.\n * The <label> natively routes clicks/taps to the contained input\n * without JavaScript — achieving a 44px touch target while the\n * input stays at its visual height (h-9/h-10/h-11).\n */\nexport const FIELD_TOUCH_TARGET = 'min-h-[44px] flex items-center' as const;\n\n// =============================================================================\n// Message/Feedback Patterns\n// =============================================================================\n\n/**\n * Error message styling\n */\nexport const ERROR_MESSAGE_BASE = [\n  'flex',\n  'items-center',\n  'gap-1.5',\n  'text-[var(--destructive-background)]',\n] as const;\n\n/**\n * Success message styling\n */\nexport const SUCCESS_MESSAGE_BASE = [\n  'flex',\n  'items-center',\n  'gap-1.5',\n  'text-[var(--success-background)]',\n] as const;\n\n/**\n * Description/helper text styling\n */\nexport const DESCRIPTION_BASE = [\n  'text-[var(--menu-muted)]',\n] as const;\n\n/**\n * Label base styling\n */\nexport const LABEL_BASE = [\n  'font-medium',\n  'text-[var(--content-foreground)]',\n] as const;\n\n/**\n * Required indicator pattern\n */\nexport const REQUIRED_INDICATOR = \"after:content-['*'] after:ml-0.5 after:text-[var(--destructive-background)]\";\n\n// =============================================================================\n// Animation Patterns\n// =============================================================================\n\n/**\n * Popover/dropdown entry animation\n */\nexport const POPOVER_ANIMATION_IN = [\n  'data-[entering]:animate-in',\n  'data-[entering]:fade-in-0',\n  'data-[entering]:zoom-in-95',\n] as const;\n\n/**\n * Popover/dropdown exit animation\n */\nexport const POPOVER_ANIMATION_OUT = [\n  'data-[exiting]:animate-out',\n  'data-[exiting]:fade-out-0',\n  'data-[exiting]:zoom-out-95',\n] as const;\n\n/**\n * Modal content enter animation (fade + zoom)\n * Uses React Aria data-[entering]/data-[exiting] attributes\n */\nexport const MODAL_ANIMATION_IN = [\n  'data-[entering]:animate-in',\n  'data-[entering]:fade-in-0',\n  'data-[entering]:zoom-in-95',\n  'data-[entering]:duration-200',\n  'data-[entering]:ease-out',\n] as const;\n\n/**\n * Modal content exit animation (fade + zoom)\n * Uses React Aria data-[entering]/data-[exiting] attributes\n */\nexport const MODAL_ANIMATION_OUT = [\n  'data-[exiting]:animate-out',\n  'data-[exiting]:fade-out-0',\n  'data-[exiting]:zoom-out-95',\n  'data-[exiting]:duration-150',\n  'data-[exiting]:ease-in',\n] as const;\n\n/**\n * Modal slide enter animation (fade + slide up)\n */\nexport const MODAL_SLIDE_IN = [\n  'data-[entering]:animate-in',\n  'data-[entering]:fade-in-0',\n  'data-[entering]:slide-in-from-bottom-4',\n  'data-[entering]:duration-200',\n  'data-[entering]:ease-out',\n] as const;\n\n/**\n * Modal slide exit animation (fade + slide down)\n */\nexport const MODAL_SLIDE_OUT = [\n  'data-[exiting]:animate-out',\n  'data-[exiting]:fade-out-0',\n  'data-[exiting]:slide-out-to-bottom-4',\n  'data-[exiting]:duration-150',\n  'data-[exiting]:ease-in',\n] as const;\n\n/**\n * Modal overlay enter/exit animation (fade only)\n */\nexport const MODAL_OVERLAY_IN = [\n  'data-[entering]:animate-in',\n  'data-[entering]:fade-in-0',\n  'data-[entering]:duration-200',\n] as const;\n\nexport const MODAL_OVERLAY_OUT = [\n  'data-[exiting]:animate-out',\n  'data-[exiting]:fade-out-0',\n  'data-[exiting]:duration-150',\n] as const;\n\n/**\n * Reduced motion support (WCAG 2.2)\n */\nexport const REDUCED_MOTION = [\n  'motion-reduce:transition-none',\n  'motion-reduce:animate-none',\n] as const;\n\n/**\n * Standard transition for colors\n */\nexport const TRANSITION_COLORS = [\n  'transition-colors',\n  'duration-200',\n] as const;\n\n/**\n * Fast transition for interactions\n */\nexport const TRANSITION_FAST = [\n  'transition-colors',\n  'duration-150',\n] as const;\n\n// =============================================================================\n// Hover State Patterns\n// =============================================================================\n\n/**\n * Accent background on hover (for interactive items)\n */\nexport const HOVER_ACCENT = [\n  'hover:bg-[var(--accent)]',\n  'hover:text-[var(--accent-foreground)]',\n] as const;\n\n// =============================================================================\n// Helper Functions\n// =============================================================================\n\n/**\n * Combines multiple style arrays into a flat array for CVA base styles\n */\nexport function combineStyles(...styles: (readonly string[] | string)[]): string[] {\n  return styles.flatMap(s => Array.isArray(s) ? [...s] : [s]);\n}\n","import { cva, type VariantProps } from 'class-variance-authority';\nimport { FIELD_INPUT_SIZES } from '../../styles';\n\n/**\n * CVA Variants for Select Trigger Button\n *\n * Styles the trigger button that opens the select popover.\n * All sizes enforce 44px minimum touch targets for WCAG 2.2 AAA compliance.\n */\nexport const selectTriggerVariants = cva(\n  [\n    // Base styles\n    'flex',\n    'w-full',\n    'items-center',\n    'justify-between',\n    'gap-2',\n    'rounded-md',\n    'border',\n    'bg-[var(--content-background)]',\n    'text-[var(--content-foreground)]',\n    'transition-colors',\n    'duration-200',\n    'outline-none',\n    // Focus ring (WCAG 2.2 AAA - 7:1 contrast)\n    'focus-visible:ring-2',\n    'focus-visible:ring-[var(--ring)]',\n    'focus-visible:ring-offset-2',\n    // Hover state\n    'hover:bg-[var(--accent)]/10',\n    // Disabled state\n    'disabled:cursor-not-allowed',\n    'disabled:opacity-50',\n    // Loading state\n    'data-[loading=true]:cursor-wait',\n    // Truncate text\n    'truncate',\n  ],\n  {\n    variants: {\n      size: {\n        sm: `${FIELD_INPUT_SIZES.sm} pr-1`,\n        default: `${FIELD_INPUT_SIZES.default} pr-1.5`,\n        lg: `${FIELD_INPUT_SIZES.lg} pr-2`,\n      },\n      isInvalid: {\n        true: 'border-[var(--destructive-background)]',\n        false: 'border-[var(--input-border)] hover:border-[var(--input-border)]/80',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n      isInvalid: false,\n    },\n  }\n);\n\n/**\n * CVA Variants for Select Items\n *\n * Styles individual selectable items within the listbox.\n * All sizes enforce 44px minimum touch targets for WCAG 2.2 AAA compliance.\n */\nexport const selectItemVariants = cva(\n  [\n    // Base styles\n    'relative',\n    'flex',\n    'w-full',\n    'cursor-pointer',\n    'select-none',\n    'items-center',\n    'rounded-sm',\n    'outline-none',\n    'transition-colors',\n    // Padding for checkmark icon (left side)\n    'pl-8',\n    'pr-2',\n    // Hover state\n    'hover:bg-[var(--accent)]',\n    'hover:text-[var(--accent-foreground)]',\n    // Focus state\n    'focus:bg-[var(--accent)]',\n    'focus:text-[var(--accent-foreground)]',\n    // Selected state\n    'data-[selected=true]:bg-[var(--accent)]',\n    'data-[selected=true]:text-[var(--accent-foreground)]',\n    // Disabled state\n    'data-[disabled=true]:pointer-events-none',\n    'data-[disabled=true]:opacity-50',\n    'data-[disabled=true]:text-[var(--menu-muted)]',\n  ],\n  {\n    variants: {\n      size: {\n        sm: `${FIELD_INPUT_SIZES.sm} py-1`,\n        default: `${FIELD_INPUT_SIZES.default} py-2`,\n        lg: `${FIELD_INPUT_SIZES.lg} py-3`,\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n);\n\n/**\n * CVA Variants for Select Popover\n *\n * Styles the popover container that holds the listbox.\n * Uses menu tokens to match Dropdown styling.\n */\nexport const selectPopoverVariants = cva(\n  [\n    // Base styles - use menu tokens to match Dropdown styling\n    'z-50',\n    'w-[--trigger-width]',\n    'rounded-md',\n    'border',\n    'border-[var(--menu-border)]',\n    'bg-[var(--menu-background)]',\n    'text-[var(--menu-foreground)]',\n    'shadow-md',\n    'outline-none',\n    'overflow-auto',\n    // Animations\n    'data-[entering]:animate-in',\n    'data-[entering]:fade-in-0',\n    'data-[entering]:zoom-in-95',\n    'data-[exiting]:animate-out',\n    'data-[exiting]:fade-out-0',\n    'data-[exiting]:zoom-out-95',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'max-h-[200px] p-1',\n        default: 'max-h-[300px] p-1',\n        lg: 'max-h-[400px] p-1',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n);\n\n/**\n * CVA Variants for Section Headers\n *\n * Styles the non-interactive section header labels within grouped selects.\n */\nexport const selectSectionVariants = cva(\n  [\n    'px-2',\n    'py-1.5',\n    'text-xs',\n    'font-semibold',\n    'text-[var(--menu-muted)]',\n    'uppercase',\n    'tracking-wider',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'px-2 py-1 text-[10px]',\n        default: 'px-2 py-1 text-xs',\n        lg: 'px-2 py-1.5 text-xs',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n);\n\n/**\n * CVA Variants for Error Messages\n *\n * Styles the error message displayed below the select trigger.\n */\nexport const selectErrorVariants = cva(\n  [\n    'flex',\n    'items-center',\n    'gap-1.5',\n    'text-sm',\n    'font-medium',\n    'text-[var(--destructive-background)]',\n    // mt-1 (4px) per design spec \"Input → hint: 4px\"; variants below override for size\n    'mt-1',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'text-xs mt-1',\n        default: 'text-sm mt-1',\n        lg: 'text-base mt-1',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n);\n\n/**\n * Type exports for variant props.\n * Allows TypeScript inference of variant combinations.\n */\nexport type SelectTriggerVariantProps = VariantProps<typeof selectTriggerVariants>;\nexport type SelectItemVariantProps = VariantProps<typeof selectItemVariants>;\nexport type SelectPopoverVariantProps = VariantProps<typeof selectPopoverVariants>;\nexport type SelectSectionVariantProps = VariantProps<typeof selectSectionVariants>;\nexport type SelectErrorVariantProps = VariantProps<typeof selectErrorVariants>;\n","'use client';\n\n/**\n * Select Component - Implementation\n *\n * Accessible select/dropdown component combining React Aria primitives with ShadCN styling.\n * Follows Themis library patterns with compound component structure.\n *\n * Architecture:\n * - SelectBase: Internal component containing shared label, description, trigger, error, and listbox rendering.\n * - SelectRoot: Single selection wrapper (thin layer over SelectBase).\n * - MultiSelectRoot: Multiple selection wrapper with display value logic (thin layer over SelectBase).\n * - SelectItem, SelectSection, SelectHeader: Compound sub-components.\n *\n * @see select-prd.md (Full requirements)\n * @see Select.types.ts (Zod schemas)\n * @see Select.styles.ts (CVA variant definitions)\n * @see plan.md (Implementation plan)\n */\n\nimport {\n  forwardRef,\n  memo,\n  Children,\n  useId,\n  useMemo,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {\n  Select as AriaSelect,\n  Label,\n  Button,\n  SelectValue,\n  Popover,\n  ListBox,\n  ListBoxItem,\n  ListBoxSection,\n  Header,\n  Text,\n  FieldError,\n} from 'react-aria-components';\nimport { Check, CheckSquare, ChevronDown, Loader2 } from 'lucide-react';\nimport { FIELD_TOUCH_TARGET } from '../../styles';\nimport type {\n  SelectProps,\n  SelectItemProps,\n  SelectSectionProps,\n  SelectHeaderProps,\n  SelectSize,\n} from './Select.types';\nimport {\n  selectTriggerVariants,\n  selectItemVariants,\n  selectPopoverVariants,\n  selectSectionVariants,\n  selectErrorVariants,\n} from './Select.styles';\n\n// Re-export CVA variants so existing imports from './Select' continue to work\nexport {\n  selectTriggerVariants,\n  selectItemVariants,\n  selectPopoverVariants,\n  selectSectionVariants,\n  selectErrorVariants,\n} from './Select.styles';\n\n// Hoisted static JSX — avoids re-creation on every render\nconst LOADING_SKELETON = Array.from({ length: 3 }).map((_, i) => (\n  <div\n    key={`skeleton-${i}`}\n    className=\"h-11 px-4 py-2\"\n  >\n    <div className=\"h-4 bg-[var(--accent-background)] rounded animate-pulse\" />\n  </div>\n));\n\n/**\n * Internal props for SelectBase.\n * Extends the shared props with selection-mode-specific configuration.\n */\ninterface SelectBaseProps {\n  /** The AriaSelect props to spread onto the root element */\n  ariaSelectProps: Record<string, unknown>;\n  /** Content to render inside the trigger button (SelectValue for single, span for multi) */\n  triggerContent: ReactNode;\n  /** Ref to forward to the trigger button */\n  triggerRef: Ref<HTMLButtonElement>;\n  /** Label text */\n  label: string;\n  /** Optional description text */\n  description?: string;\n  /** Whether the field is required */\n  isRequired: boolean;\n  /** Whether the field is disabled */\n  isDisabled: boolean;\n  /** Whether the field is in a loading state */\n  isLoading: boolean;\n  /** Error message to display */\n  errorMessage?: string;\n  /** Size variant */\n  size: SelectSize;\n  /** Empty state message override */\n  emptyStateMessage?: string;\n  /** Child count (pre-computed by parent) */\n  childCount: number;\n  /** Children to render in the listbox */\n  children: ReactNode;\n}\n\n/**\n * SelectBase - Internal shared rendering component\n *\n * Contains the shared rendering logic for label, description, trigger button,\n * error message, and popover/listbox that both SelectRoot and MultiSelectRoot use.\n * This is not exported as part of the public API.\n */\nfunction SelectBase({\n  ariaSelectProps,\n  triggerContent,\n  triggerRef,\n  label,\n  description,\n  isRequired,\n  isDisabled,\n  isLoading,\n  errorMessage,\n  size,\n  emptyStateMessage,\n  childCount,\n  children,\n}: SelectBaseProps): ReactElement {\n  // Generate unique IDs for accessibility\n  const labelId = useId();\n  const descriptionId = useId();\n  const errorId = useId();\n\n  // Determine if invalid based on errorMessage\n  const isInvalid = Boolean(errorMessage);\n\n  return (\n    <AriaSelect\n      {...ariaSelectProps}\n      isInvalid={isInvalid}\n    >\n      {/* Label */}\n      <Label id={labelId} className=\"text-sm font-medium text-[var(--content-foreground)]\">\n        {label}\n        {isRequired && <span className=\"text-[var(--destructive-background)] ml-1\">*</span>}\n      </Label>\n\n      {/* Description (if provided) */}\n      {description && (\n        <Text id={descriptionId} slot=\"description\" className=\"text-sm text-[var(--menu-muted)] mt-1\">\n          {description}\n        </Text>\n      )}\n\n      {/* Layer 1: Touch target (44px min) */}\n      <div className={FIELD_TOUCH_TARGET}>\n        {/* Layer 2: Visual trigger button */}\n        <Button\n          ref={triggerRef}\n          className={selectTriggerVariants({ size, isInvalid })}\n          aria-labelledby={labelId}\n          aria-describedby={description ? descriptionId : errorMessage ? errorId : undefined}\n          data-loading={isLoading}\n          {...(isRequired && { 'aria-required': 'true' })}\n          {...(isLoading && { 'aria-busy': 'true' })}\n          {...((isDisabled || isLoading) && { 'aria-disabled': 'true' })}\n        >\n          {triggerContent}\n\n          {/* Loading spinner or chevron icon */}\n          {isLoading ? (\n            <Loader2 className=\"ml-auto h-4 w-4 shrink-0 animate-spin text-[var(--menu-muted)]\" aria-hidden=\"true\" />\n          ) : (\n            <ChevronDown className=\"ml-auto h-4 w-4 shrink-0 text-[var(--menu-muted)]\" aria-hidden=\"true\" />\n          )}\n        </Button>\n      </div>\n\n      {/* Error Message — text only, no decorative icon. Errors are conveyed\n          by the red border on the trigger plus the message text colour;\n          a leading icon adds visual noise that the other field types don't\n          carry (NumberField, TextField error message, RichTextEditor). */}\n      <FieldError id={errorId} className={selectErrorVariants({ size })}>\n        {({ validationErrors }) => {\n          const displayError = errorMessage || validationErrors.join(' ');\n          return displayError ? <>{displayError}</> : null;\n        }}\n      </FieldError>\n\n      {/* Popover with ListBox */}\n      <Popover className={selectPopoverVariants({ size })}>\n        <ListBox className=\"outline-none\">\n          {/* Loading skeleton (if loading and has children) */}\n          {isLoading && childCount > 0 && LOADING_SKELETON}\n\n          {/* Items or empty state */}\n          {!isLoading && (\n            <>\n              {children}\n              {/* Empty state - render as disabled item so popover can open */}\n              {childCount === 0 && (\n                <ListBoxItem\n                  id=\"__empty__\"\n                  textValue=\"empty\"\n                  isDisabled\n                  className=\"py-6 text-center text-sm text-[var(--menu-muted)] cursor-default pointer-events-none\"\n                >\n                  <span role=\"status\">\n                    {emptyStateMessage || 'No options available'}\n                  </span>\n                </ListBoxItem>\n              )}\n            </>\n          )}\n        </ListBox>\n      </Popover>\n    </AriaSelect>\n  );\n}\n\n/**\n * Select Root Component (Single Selection Only)\n *\n * Main select component with controlled/uncontrolled modes for single selection.\n * For multiple selection, use MultiSelect component.\n * Delegates shared rendering to SelectBase.\n *\n * @see select-prd.md US-1 (Basic Single Selection)\n * @see plan.md Decision 28 (Ref forwarding to trigger button)\n */\nconst SelectRoot = forwardRef<HTMLButtonElement, Omit<SelectProps, 'selectionMode'>>(\n  (\n    {\n      // Display props\n      label,\n      placeholder,\n      description,\n\n      // Selection props\n      value,\n      defaultValue,\n\n      // State props\n      isOpen,\n      isDisabled = false,\n      isRequired = false,\n      disabledKeys,\n\n      // Validation props\n      validate,\n      validationBehavior = 'aria',\n      errorMessage,\n\n      // Loading state\n      isLoading = false,\n      emptyStateMessage,\n\n      // Form integration\n      name,\n\n      // Size variant\n      size = 'default',\n\n      // Event handlers\n      onChange,\n      onOpenChange,\n\n      // Standard props\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    // Warn if >1000 items (Decision 22: Large Item Count Handling)\n    const childCount = Children.count(children);\n    if (childCount > 1000) {\n      console.warn(\n        'Select has >1000 items. Consider using Autocomplete component for better performance.'\n      );\n    }\n\n    return (\n      <SelectBase\n        ariaSelectProps={{\n          value: value as string,\n          defaultValue: defaultValue as string,\n          onChange: (key: unknown) => {\n            if (onChange) {\n              onChange(key as string);\n            }\n          },\n          placeholder,\n          disabledKeys,\n          isOpen,\n          onOpenChange,\n          isDisabled: isDisabled || isLoading,\n          isRequired,\n          name,\n          validate: validate as ((value: unknown) => true | string | null | undefined) | undefined,\n          validationBehavior,\n          className,\n          ...props,\n        }}\n        triggerContent={<SelectValue className=\"flex-1 text-left truncate\" />}\n        triggerRef={ref}\n        label={label}\n        description={description}\n        isRequired={isRequired}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        errorMessage={errorMessage}\n        size={size}\n        emptyStateMessage={emptyStateMessage}\n        childCount={childCount}\n      >\n        {children}\n      </SelectBase>\n    );\n  }\n);\n\nSelectRoot.displayName = 'Select';\n\n/**\n * MultiSelect Root Component (Multiple Selection)\n *\n * Select component for multiple selection. Uses different API from single Select.\n * Delegates shared rendering to SelectBase, adding multi-select display value logic.\n *\n * @see select-prd.md US-6 (Multiple Selection)\n * @see plan.md Decision 28 (Ref forwarding to trigger button)\n */\nconst MultiSelectRoot = forwardRef<HTMLButtonElement, SelectProps>(\n  (\n    {\n      // Display props\n      label,\n      placeholder,\n      description,\n\n      // Selection props\n      value,\n      defaultValue,\n      selectionMode: _selectionMode = 'multiple',\n\n      // State props\n      isOpen,\n      isDisabled = false,\n      isRequired = false,\n      disabledKeys,\n\n      // Validation props\n      validate,\n      validationBehavior = 'aria',\n      errorMessage,\n\n      // Loading state\n      isLoading = false,\n      emptyStateMessage,\n\n      // Form integration\n      name,\n\n      // Size variant\n      size = 'default',\n\n      // Event handlers\n      onChange,\n      onOpenChange,\n\n      // Standard props\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    // Warn if >1000 items\n    const childCount = Children.count(children);\n    if (childCount > 1000) {\n      console.warn(\n        'Select has >1000 items. Consider using Autocomplete component for better performance.'\n      );\n    }\n\n    // Build value-to-label map for display (memoized to prevent recreation on every render)\n    const valueToLabelMap = useMemo(() => {\n      const map = new Map<string, string>();\n      const processChildren = (nodes: ReactNode): void => {\n        Children.forEach(nodes, (child) => {\n          if (isValidElement(child)) {\n            const element = child as ReactElement<{ value?: string; children?: ReactNode }>;\n            if (element.type === SelectItem || element.props?.value) {\n              const itemValue = element.props.value;\n              const itemChildren = element.props.children;\n              if (itemValue && typeof itemChildren === 'string') {\n                map.set(itemValue, itemChildren);\n              }\n            }\n            if (element.props?.children) {\n              processChildren(element.props.children);\n            }\n          }\n        });\n      };\n      processChildren(children);\n      return map;\n    }, [children]);\n\n    // Multi-select display logic (Decision 5: Multi-select threshold)\n    // Memoized to prevent recalculation on every render\n    const displayValue = useMemo(() => {\n      if (!value || !Array.isArray(value) || value.length === 0) {\n        return placeholder || '';\n      }\n\n      if (value.length <= 2) {\n        // Show item labels for 1-2 items\n        const labels = value.map(v => valueToLabelMap.get(v as string) || v);\n        return labels.join(', ');\n      }\n\n      // Show count for 3+ items\n      return `${value.length} items selected`;\n    }, [value, valueToLabelMap, placeholder]);\n\n    return (\n      <SelectBase\n        ariaSelectProps={{\n          value: value as string[],\n          defaultValue: defaultValue as string[],\n          onChange: (keys: unknown) => {\n            if (onChange) {\n              onChange(keys as string[]);\n            }\n          },\n          selectionMode: 'multiple',\n          disabledKeys,\n          isOpen,\n          onOpenChange,\n          isDisabled: isDisabled || isLoading,\n          isRequired,\n          name,\n          validate: validate as ((value: unknown) => true | string | null | undefined) | undefined,\n          validationBehavior,\n          className,\n          ...props,\n        }}\n        triggerContent={\n          <span className=\"flex-1 text-left truncate\">\n            {displayValue}\n          </span>\n        }\n        triggerRef={ref}\n        label={label}\n        description={description}\n        isRequired={isRequired}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        errorMessage={errorMessage}\n        size={size}\n        emptyStateMessage={emptyStateMessage}\n        childCount={childCount}\n      >\n        {children}\n      </SelectBase>\n    );\n  }\n);\n\nMultiSelectRoot.displayName = 'MultiSelect';\n\n/**\n * Select.Item Component\n *\n * Individual selectable item with checkmark icon.\n *\n * @see select-prd.md US-1 (Basic Single Selection)\n * @see plan.md Decision 6 (Left-side checkmark)\n * @see plan.md Decision 23 (textValue required for custom children)\n */\nconst SelectItem = memo(function SelectItem({ children, textValue, value, isDisabled = false, className, ...props }: SelectItemProps): ReactElement {\n  // Validate textValue for custom children (Decision 23)\n  if (!textValue && typeof children !== 'string') {\n    const message = 'Select.Item with custom children requires textValue prop for accessibility';\n    if (process.env.NODE_ENV === 'development') {\n      throw new Error(message);\n    } else {\n      console.warn(message);\n    }\n  }\n\n  return (\n    <ListBoxItem\n      id={value}\n      textValue={textValue || (typeof children === 'string' ? children : undefined)}\n      className={`${selectItemVariants({ size: 'default' })} ${className || ''}`}\n      isDisabled={isDisabled}\n      {...props}\n    >\n      {({ isSelected, selectionMode, isDisabled: itemDisabled }) => (\n        <>\n          {/* Checkmark icon (left side) - Decision 6 */}\n          {selectionMode === 'multiple' ? (\n            <CheckSquare\n              className={`absolute left-2 h-4 w-4 ${isSelected ? 'visible' : 'invisible'}`}\n              aria-hidden=\"true\"\n            />\n          ) : (\n            isSelected && <Check className=\"absolute left-2 h-4 w-4\" aria-hidden=\"true\" />\n          )}\n          <span className={itemDisabled ? 'text-[var(--menu-muted)]' : ''}>\n            {children}\n          </span>\n        </>\n      )}\n    </ListBoxItem>\n  );\n});\n\nSelectItem.displayName = 'SelectItem';\n\n/**\n * Select.Section Component\n *\n * Groups related items with optional header.\n *\n * @see select-prd.md US-3 (Grouped Options with Sections)\n */\nfunction SelectSection({ children, className, ...props }: SelectSectionProps): ReactElement {\n  return (\n    <ListBoxSection className={`border-t border-[var(--border)] first:border-t-0 ${className || ''}`} {...props}>\n      {children}\n    </ListBoxSection>\n  );\n}\n\nSelectSection.displayName = 'SelectSection';\n\n/**\n * Select.Header Component\n *\n * Section header with non-interactive label.\n *\n * @see select-prd.md US-3 (Grouped Options with Sections)\n */\nfunction SelectHeader({ children, className, ...props }: SelectHeaderProps): ReactElement {\n  return (\n    <Header className={`${selectSectionVariants({ size: 'default' })} ${className || ''}`} {...props}>\n      {children}\n    </Header>\n  );\n}\n\nSelectHeader.displayName = 'SelectHeader';\n\n/**\n * Compound Component Exports\n *\n * Uses Object.assign() for compound components (e.g., Select.Item, Select.Section).\n * Named exports (SelectItem, SelectSection, SelectHeader) are also available below\n * for better tree-shaking. Prefer named exports in new code.\n *\n * @deprecated (v2) The Object.assign compound pattern will be removed in v2.\n *   Migrate to named imports: `import { SelectItem, SelectSection, SelectHeader } from '...'`\n *\n * @see GUIDE.mdx (Compound component pattern)\n */\nexport const Select = Object.assign(SelectRoot, {\n  Item: SelectItem,\n  Section: SelectSection,\n  Header: SelectHeader,\n});\n\nexport const MultiSelect = Object.assign(MultiSelectRoot, {\n  Item: SelectItem,\n  Section: SelectSection,\n  Header: SelectHeader,\n});\n\n// Named exports for individual components (preferred for tree-shaking)\nexport { SelectRoot, MultiSelectRoot, SelectItem, SelectSection, SelectHeader };\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 } from 'react';\nimport type {\n  SelectProps as AriaSelectProps,\n  ListBoxItemProps as AriaListBoxItemProps,\n} from 'react-aria-components';\n\n/**\n * Select size variants\n *\n * @see select-prd.md US-9 (Visual States - Size Variants)\n * @see plan.md Decision 4 (Include sm size with warning for desktop-only)\n */\nexport const SelectSizeSchema = z.enum(['sm', 'default', 'lg']);\nexport type SelectSize = z.infer<typeof SelectSizeSchema>;\n\n/**\n * Select selection mode\n *\n * @see select-prd.md US-6 (Multiple Selection)\n */\nexport const SelectionModeSchema = z.enum(['single', 'multiple']);\nexport type SelectionMode = z.infer<typeof SelectionModeSchema>;\n\n/**\n * Select validation behavior\n *\n * @see select-prd.md US-4 (Validation and Error Messages)\n */\nexport const ValidationBehaviorSchema = z.enum(['native', 'aria']);\nexport type ValidationBehavior = z.infer<typeof ValidationBehaviorSchema>;\n\n/**\n * Select root component props schema\n *\n * @see select-prd.md US-1 (Basic Single Selection)\n * @see select-prd.md US-4 (Validation and Error Messages)\n * @see select-prd.md US-5 (Disabled States)\n * @see select-prd.md US-6 (Multiple Selection)\n * @see select-prd.md US-7 (Async Data Loading)\n * @see select-prd.md US-10 (Form Integration)\n */\nexport const SelectPropsSchema = BaseComponentPropsSchema.extend({\n  // Display props (US-1)\n  label: z.string(), // Required for accessibility\n  placeholder: z.string().optional(),\n  description: z.string().optional(),\n\n  // Selection props (US-1, US-6)\n  value: z.union([z.string(), z.array(z.string())]).optional(),\n  defaultValue: z.union([z.string(), z.array(z.string())]).optional(),\n  selectionMode: SelectionModeSchema.optional().default('single'),\n\n  // State props (US-1, US-5)\n  isOpen: z.boolean().optional(),\n  isDisabled: z.boolean().optional().default(false),\n  isRequired: z.boolean().optional().default(false),\n  disabledKeys: z.array(z.string()).optional(),\n\n  // Validation props (US-4)\n  validate: z\n    .custom<(value: string | string[]) => string | undefined>()\n    .optional(),\n  validationBehavior: ValidationBehaviorSchema.optional().default('aria'),\n  errorMessage: z.string().optional(),\n\n  // Loading state (US-7)\n  isLoading: z.boolean().optional().default(false),\n  emptyStateMessage: z.string().optional(),\n\n  // Form integration (US-10)\n  name: z.string().optional(),\n\n  // Size variant (US-9)\n  size: SelectSizeSchema.optional().default('default'),\n\n  // Event handlers (US-1)\n  onChange: z\n    .custom<(value: string | string[]) => void>()\n    .optional(),\n  onOpenChange: z.custom<(isOpen: boolean) => void>().optional(),\n\n  // Children (Select.Item, Select.Section components)\n  children: z.custom<ReactNode>(),\n});\n\nexport interface SelectPropsOwn {\n  className?: string;\n  children?: ReactNode;\n  id?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'aria-describedby'?: string;\n  'data-testid'?: string;\n  label: string;\n  placeholder?: string;\n  description?: string;\n  value?: string | string[];\n  defaultValue?: string | string[];\n  selectionMode?: SelectionMode;\n  isOpen?: boolean;\n  isDisabled?: boolean;\n  isRequired?: boolean;\n  disabledKeys?: string[];\n  validate?: (value: string | string[]) => string | undefined;\n  validationBehavior?: ValidationBehavior;\n  errorMessage?: string;\n  isLoading?: boolean;\n  emptyStateMessage?: string;\n  name?: string;\n  size?: SelectSize;\n  onChange?: (value: string | string[]) => void;\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\nexport type SelectProps = SelectPropsOwn &\n  Omit<AriaSelectProps<object>, keyof SelectPropsOwn>;\n\n/**\n * Select.Item props schema\n *\n * @see select-prd.md US-1 (Basic Single Selection)\n * @see select-prd.md US-5 (Disabled States)\n * @see select-prd.md US-8 (Custom Value Rendering)\n * @see plan.md Decision 23 (textValue required for custom children)\n */\nexport const SelectItemPropsSchema = BaseComponentPropsSchema.extend({\n  // Item value (required)\n  value: z.string(),\n\n  // Text value for typeahead and accessibility (required for custom children)\n  textValue: z.string().optional(),\n\n  // Disabled state\n  isDisabled: z.boolean().optional().default(false),\n\n  // Item content\n  children: z.custom<ReactNode>(),\n\n  // Optional className for custom styling\n  className: z.string().optional(),\n});\n\nexport interface SelectItemPropsOwn {\n  className?: string;\n  children?: ReactNode;\n  id?: string;\n  'aria-label'?: string;\n  'data-testid'?: string;\n  value: string;\n  textValue?: string;\n  isDisabled?: boolean;\n}\n\nexport type SelectItemProps = SelectItemPropsOwn &\n  Omit<AriaListBoxItemProps, keyof SelectItemPropsOwn>;\n\n/**\n * Select.Section props schema\n *\n * @see select-prd.md US-3 (Grouped Options with Sections)\n */\nexport const SelectSectionPropsSchema = BaseComponentPropsSchema.extend({\n  // Section content (typically Select.Header + Select.Item components)\n  children: z.custom<ReactNode>(),\n\n  // Optional className for custom styling\n  className: z.string().optional(),\n});\n\nexport interface SelectSectionProps {\n  className?: string;\n  children?: ReactNode;\n  id?: string;\n  'data-testid'?: string;\n}\n\n/**\n * Select.Header props schema (for section headers)\n *\n * @see select-prd.md US-3 (Grouped Options with Sections)\n */\nexport const SelectHeaderPropsSchema = BaseComponentPropsSchema.extend({\n  // Header text\n  children: z.custom<ReactNode>(),\n\n  // Optional className for header styling\n  className: z.string().optional(),\n});\n\nexport interface SelectHeaderProps {\n  className?: string;\n  children?: ReactNode;\n  id?: string;\n  'data-testid'?: string;\n}\n\n/**\n * CVA variant configuration types\n * Used for class-variance-authority integration\n */\nexport type SelectVariantSize = SelectSize;\nexport type SelectVariantSelectionMode = SelectionMode;\n"]}
+{"version":3,"sources":["../../../src/styles/shared-variants.ts","../../../src/elements/Select/Select.styles.ts","../../../src/elements/Select/Select.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Select/Select.types.ts"],"names":["FIELD_HEIGHTS","FIELD_INPUT_SIZES","FIELD_TOUCH_TARGET","selectTriggerVariants","cva","selectItemVariants","selectPopoverVariants","selectSectionVariants","selectErrorVariants","LOADING_SKELETON","_","i","jsx","SelectBase","ariaSelectProps","triggerContent","triggerRef","label","description","isRequired","isDisabled","isLoading","errorMessage","size","emptyStateMessage","childCount","children","labelId","useId","descriptionId","errorId","isInvalid","jsxs","AriaSelect","Label","Text","Button","Loader2","ChevronDown","FieldError","validationErrors","displayError","Fragment","Popover","ListBox","ListBoxItem","SelectRoot","forwardRef","placeholder","value","defaultValue","isOpen","disabledKeys","validate","validationBehavior","name","onChange","onOpenChange","className","props","ref","Children","key","SelectValue","MultiSelectRoot","_selectionMode","valueToLabelMap","useMemo","map","processChildren","nodes","child","isValidElement","element","SelectItem","itemValue","itemChildren","displayValue","v","keys","memo","textValue","message","isSelected","selectionMode","itemDisabled","CheckSquare","Check","SelectSection","ListBoxSection","SelectHeader","Header","Select","MultiSelect","BaseComponentPropsSchema","z","SelectSizeSchema","SelectionModeSchema","ValidationBehaviorSchema","SelectPropsSchema","SelectItemPropsSchema","SelectSectionPropsSchema","SelectHeaderPropsSchema"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Shared CVA Variant Utilities\n *\n * Common patterns extracted from component variants for consistency and reduced bundle size.\n * Use these constants in CVA definitions to ensure consistent styling across Themis.\n *\n * @see interaction-states.ts for interaction-specific styles (focus, hover, pressed)\n */\n\n// =============================================================================\n// Focus Ring Patterns\n// =============================================================================\n\n/**\n * Focus-within ring (for container elements with focusable children)\n * Use when the container should show focus when any child is focused\n */\nexport const FOCUS_WITHIN_RING = [\n  'focus-within:outline-none',\n  'focus-within:ring-2',\n  'focus-within:ring-[var(--ring)]',\n  'focus-within:ring-offset-2',\n] as const;\n\n/**\n * Focus-visible ring (for directly focusable elements)\n * Use for buttons, inputs, and other interactive elements\n */\nexport const FOCUS_VISIBLE_RING = [\n  'focus-visible:outline-none',\n  'focus-visible:ring-2',\n  'focus-visible:ring-[var(--ring)]',\n  'focus-visible:ring-offset-2',\n] as const;\n\n/**\n * Standard focus ring (for elements using :focus pseudo-class)\n * Prefer focus-visible when possible for better UX\n */\nexport const FOCUS_RING = [\n  'focus:outline-none',\n  'focus:ring-2',\n  'focus:ring-[var(--ring)]',\n] as const;\n\n/**\n * Focus with background change (for segments, cells, menu items)\n */\nexport const FOCUS_HIGHLIGHT = [\n  'focus:outline-none',\n  'focus:bg-[var(--accent)]',\n  'focus:text-[var(--accent-foreground)]',\n] as const;\n\n// =============================================================================\n// Disabled State Patterns\n// =============================================================================\n\n/**\n * Standard disabled state using disabled attribute\n */\nexport const DISABLED_STANDARD = [\n  'disabled:pointer-events-none',\n  'disabled:opacity-50',\n] as const;\n\n/**\n * Disabled state using data attribute (React Aria pattern)\n */\nexport const DISABLED_DATA_ATTR = [\n  'data-[disabled]:pointer-events-none',\n  'data-[disabled]:opacity-50',\n  'data-[disabled]:cursor-not-allowed',\n] as const;\n\n// =============================================================================\n// Size-Based Text Variants\n// =============================================================================\n\n/**\n * Small text size scale (xs -> sm -> base)\n */\nexport const TEXT_SIZE_SMALL_SCALE = {\n  sm: 'text-xs',\n  default: 'text-sm',\n  lg: 'text-base',\n} as const;\n\n/**\n * Medium text size scale (sm -> base -> lg)\n */\nexport const TEXT_SIZE_MEDIUM_SCALE = {\n  sm: 'text-sm',\n  default: 'text-base',\n  lg: 'text-lg',\n} as const;\n\n// =============================================================================\n// Touch Target Utilities\n// =============================================================================\n\n/**\n * WCAG 2.2 AAA minimum touch target (44x44px)\n */\nexport const TOUCH_TARGET_MIN = [\n  'min-h-[44px]',\n  'min-w-[44px]',\n] as const;\n\n/**\n * Common button/cell sizes with touch target compliance\n */\nexport const INTERACTIVE_SIZES = {\n  sm: 'h-9 w-9',      // 36px - desktop only, NOT AAA compliant\n  default: 'h-11 w-11', // 44px - AAA compliant\n  lg: 'h-14 w-14',    // 56px - AAA compliant, enhanced\n} as const;\n\n/**\n * Height-only sizes for fields and inputs\n */\nexport const FIELD_HEIGHTS = {\n  sm: 'h-9',      // 36px\n  default: 'h-10', // 40px\n  lg: 'h-11',     // 44px\n} as const;\n\n/**\n * Layer 2: Visual sizing for form field inputs (height + padding + font).\n * Use on the <input>, <select>, or trigger element itself.\n *\n * Components may append additional classes (e.g. gap-* for segmented fields, py-* for text inputs).\n */\nexport const FIELD_INPUT_SIZES = {\n  sm: `${FIELD_HEIGHTS.sm} px-2 text-xs`,\n  default: `${FIELD_HEIGHTS.default} px-3 text-sm`,\n  lg: `${FIELD_HEIGHTS.lg} px-4 text-base`,\n} as const;\n\n/**\n * Layer 1: Invisible touch target wrapper for form fields.\n * Apply to a <label> (or wrapper div) around the input element.\n * The <label> natively routes clicks/taps to the contained input\n * without JavaScript — achieving a 44px touch target while the\n * input stays at its visual height (h-9/h-10/h-11).\n */\nexport const FIELD_TOUCH_TARGET = 'min-h-[44px] flex items-center' as const;\n\n// =============================================================================\n// Message/Feedback Patterns\n// =============================================================================\n\n/**\n * Error message styling\n */\nexport const ERROR_MESSAGE_BASE = [\n  'flex',\n  'items-center',\n  'gap-1.5',\n  'text-[var(--destructive-background)]',\n] as const;\n\n/**\n * Success message styling\n */\nexport const SUCCESS_MESSAGE_BASE = [\n  'flex',\n  'items-center',\n  'gap-1.5',\n  'text-[var(--success-background)]',\n] as const;\n\n/**\n * Description/helper text styling\n */\nexport const DESCRIPTION_BASE = [\n  'text-[var(--menu-muted)]',\n] as const;\n\n/**\n * Label base styling\n */\nexport const LABEL_BASE = [\n  'font-medium',\n  'text-[var(--content-foreground)]',\n] as const;\n\n/**\n * Required indicator pattern\n */\nexport const REQUIRED_INDICATOR = \"after:content-['*'] after:ml-0.5 after:text-[var(--destructive-background)]\";\n\n// =============================================================================\n// Animation Patterns\n// =============================================================================\n\n/**\n * Popover/dropdown entry animation\n */\nexport const POPOVER_ANIMATION_IN = [\n  'data-[entering]:animate-in',\n  'data-[entering]:fade-in-0',\n  'data-[entering]:zoom-in-95',\n] as const;\n\n/**\n * Popover/dropdown exit animation\n */\nexport const POPOVER_ANIMATION_OUT = [\n  'data-[exiting]:animate-out',\n  'data-[exiting]:fade-out-0',\n  'data-[exiting]:zoom-out-95',\n] as const;\n\n/**\n * Modal content enter animation (fade + zoom)\n * Uses React Aria data-[entering]/data-[exiting] attributes\n */\nexport const MODAL_ANIMATION_IN = [\n  'data-[entering]:animate-in',\n  'data-[entering]:fade-in-0',\n  'data-[entering]:zoom-in-95',\n  'data-[entering]:duration-200',\n  'data-[entering]:ease-out',\n] as const;\n\n/**\n * Modal content exit animation (fade + zoom)\n * Uses React Aria data-[entering]/data-[exiting] attributes\n */\nexport const MODAL_ANIMATION_OUT = [\n  'data-[exiting]:animate-out',\n  'data-[exiting]:fade-out-0',\n  'data-[exiting]:zoom-out-95',\n  'data-[exiting]:duration-150',\n  'data-[exiting]:ease-in',\n] as const;\n\n/**\n * Modal slide enter animation (fade + slide up)\n */\nexport const MODAL_SLIDE_IN = [\n  'data-[entering]:animate-in',\n  'data-[entering]:fade-in-0',\n  'data-[entering]:slide-in-from-bottom-4',\n  'data-[entering]:duration-200',\n  'data-[entering]:ease-out',\n] as const;\n\n/**\n * Modal slide exit animation (fade + slide down)\n */\nexport const MODAL_SLIDE_OUT = [\n  'data-[exiting]:animate-out',\n  'data-[exiting]:fade-out-0',\n  'data-[exiting]:slide-out-to-bottom-4',\n  'data-[exiting]:duration-150',\n  'data-[exiting]:ease-in',\n] as const;\n\n/**\n * Modal overlay enter/exit animation (fade only)\n */\nexport const MODAL_OVERLAY_IN = [\n  'data-[entering]:animate-in',\n  'data-[entering]:fade-in-0',\n  'data-[entering]:duration-200',\n] as const;\n\nexport const MODAL_OVERLAY_OUT = [\n  'data-[exiting]:animate-out',\n  'data-[exiting]:fade-out-0',\n  'data-[exiting]:duration-150',\n] as const;\n\n/**\n * Reduced motion support (WCAG 2.2)\n */\nexport const REDUCED_MOTION = [\n  'motion-reduce:transition-none',\n  'motion-reduce:animate-none',\n] as const;\n\n/**\n * Standard transition for colors\n */\nexport const TRANSITION_COLORS = [\n  'transition-colors',\n  'duration-200',\n] as const;\n\n/**\n * Fast transition for interactions\n */\nexport const TRANSITION_FAST = [\n  'transition-colors',\n  'duration-150',\n] as const;\n\n// =============================================================================\n// Hover State Patterns\n// =============================================================================\n\n/**\n * Accent background on hover (for interactive items)\n */\nexport const HOVER_ACCENT = [\n  'hover:bg-[var(--accent)]',\n  'hover:text-[var(--accent-foreground)]',\n] as const;\n\n// =============================================================================\n// Helper Functions\n// =============================================================================\n\n/**\n * Combines multiple style arrays into a flat array for CVA base styles\n */\nexport function combineStyles(...styles: (readonly string[] | string)[]): string[] {\n  return styles.flatMap(s => Array.isArray(s) ? [...s] : [s]);\n}\n","import { cva, type VariantProps } from 'class-variance-authority';\nimport { FIELD_INPUT_SIZES } from '../../styles';\n\n/**\n * CVA Variants for Select Trigger Button\n *\n * Styles the trigger button that opens the select popover.\n * All sizes enforce 44px minimum touch targets for WCAG 2.2 AAA compliance.\n */\nexport const selectTriggerVariants = cva(\n  [\n    // Base styles\n    'flex',\n    'w-full',\n    'items-center',\n    'justify-between',\n    'gap-2',\n    'rounded-md',\n    'border',\n    'bg-[var(--content-background)]',\n    'text-[var(--content-foreground)]',\n    'transition-colors',\n    'duration-200',\n    'outline-none',\n    // Focus ring (WCAG 2.2 AAA - 7:1 contrast)\n    'focus-visible:ring-2',\n    'focus-visible:ring-[var(--ring)]',\n    'focus-visible:ring-offset-2',\n    // Hover state\n    'hover:bg-[var(--accent)]/10',\n    // Disabled state\n    'disabled:cursor-not-allowed',\n    'disabled:opacity-50',\n    // Loading state\n    'data-[loading=true]:cursor-wait',\n    // Truncate text\n    'truncate',\n  ],\n  {\n    variants: {\n      size: {\n        sm: `${FIELD_INPUT_SIZES.sm} pr-1`,\n        default: `${FIELD_INPUT_SIZES.default} pr-1.5`,\n        lg: `${FIELD_INPUT_SIZES.lg} pr-2`,\n      },\n      isInvalid: {\n        true: 'border-[var(--destructive-background)]',\n        false: 'border-[var(--input-border)] hover:border-[var(--input-border)]/80',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n      isInvalid: false,\n    },\n  }\n);\n\n/**\n * CVA Variants for Select Items\n *\n * Styles individual selectable items within the listbox.\n * All sizes enforce 44px minimum touch targets for WCAG 2.2 AAA compliance.\n */\nexport const selectItemVariants = cva(\n  [\n    // Base styles\n    'relative',\n    'flex',\n    'w-full',\n    'cursor-pointer',\n    'select-none',\n    'items-center',\n    'rounded-sm',\n    'outline-none',\n    'transition-colors',\n    // Padding for checkmark icon (left side)\n    'pl-8',\n    'pr-2',\n    // Hover state\n    'hover:bg-[var(--accent)]',\n    'hover:text-[var(--accent-foreground)]',\n    // Focus state\n    'focus:bg-[var(--accent)]',\n    'focus:text-[var(--accent-foreground)]',\n    // Selected state\n    'data-[selected=true]:bg-[var(--accent)]',\n    'data-[selected=true]:text-[var(--accent-foreground)]',\n    // Disabled state\n    'data-[disabled=true]:pointer-events-none',\n    'data-[disabled=true]:opacity-50',\n    'data-[disabled=true]:text-[var(--menu-muted)]',\n  ],\n  {\n    variants: {\n      size: {\n        sm: `${FIELD_INPUT_SIZES.sm} py-1`,\n        default: `${FIELD_INPUT_SIZES.default} py-2`,\n        lg: `${FIELD_INPUT_SIZES.lg} py-3`,\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n);\n\n/**\n * CVA Variants for Select Popover\n *\n * Styles the popover container that holds the listbox.\n * Uses menu tokens to match Dropdown styling.\n */\nexport const selectPopoverVariants = cva(\n  [\n    // Base styles - use menu tokens to match Dropdown styling\n    'z-50',\n    'w-[--trigger-width]',\n    'rounded-md',\n    'border',\n    'border-[var(--menu-border)]',\n    'bg-[var(--menu-background)]',\n    'text-[var(--menu-foreground)]',\n    'outline-none',\n    'overflow-auto',\n    // Animations\n    'data-[entering]:animate-in',\n    'data-[entering]:fade-in-0',\n    'data-[entering]:zoom-in-95',\n    'data-[exiting]:animate-out',\n    'data-[exiting]:fade-out-0',\n    'data-[exiting]:zoom-out-95',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'max-h-[200px] p-1',\n        default: 'max-h-[300px] p-1',\n        lg: 'max-h-[400px] p-1',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n);\n\n/**\n * CVA Variants for Section Headers\n *\n * Styles the non-interactive section header labels within grouped selects.\n */\nexport const selectSectionVariants = cva(\n  [\n    'px-2',\n    'py-1.5',\n    'text-xs',\n    'font-semibold',\n    'text-[var(--menu-muted)]',\n    'uppercase',\n    'tracking-wider',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'px-2 py-1 text-[10px]',\n        default: 'px-2 py-1 text-xs',\n        lg: 'px-2 py-1.5 text-xs',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n);\n\n/**\n * CVA Variants for Error Messages\n *\n * Styles the error message displayed below the select trigger.\n */\nexport const selectErrorVariants = cva(\n  [\n    'flex',\n    'items-center',\n    'gap-1.5',\n    'text-sm',\n    'font-medium',\n    'text-[var(--destructive-background)]',\n    // mt-1 (4px) per design spec \"Input → hint: 4px\"; variants below override for size\n    'mt-1',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'text-xs mt-1',\n        default: 'text-sm mt-1',\n        lg: 'text-base mt-1',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n);\n\n/**\n * Type exports for variant props.\n * Allows TypeScript inference of variant combinations.\n */\nexport type SelectTriggerVariantProps = VariantProps<typeof selectTriggerVariants>;\nexport type SelectItemVariantProps = VariantProps<typeof selectItemVariants>;\nexport type SelectPopoverVariantProps = VariantProps<typeof selectPopoverVariants>;\nexport type SelectSectionVariantProps = VariantProps<typeof selectSectionVariants>;\nexport type SelectErrorVariantProps = VariantProps<typeof selectErrorVariants>;\n","'use client';\n\n/**\n * Select Component - Implementation\n *\n * Accessible select/dropdown component combining React Aria primitives with ShadCN styling.\n * Follows Themis library patterns with compound component structure.\n *\n * Architecture:\n * - SelectBase: Internal component containing shared label, description, trigger, error, and listbox rendering.\n * - SelectRoot: Single selection wrapper (thin layer over SelectBase).\n * - MultiSelectRoot: Multiple selection wrapper with display value logic (thin layer over SelectBase).\n * - SelectItem, SelectSection, SelectHeader: Compound sub-components.\n *\n * @see select-prd.md (Full requirements)\n * @see Select.types.ts (Zod schemas)\n * @see Select.styles.ts (CVA variant definitions)\n * @see plan.md (Implementation plan)\n */\n\nimport {\n  forwardRef,\n  memo,\n  Children,\n  useId,\n  useMemo,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {\n  Select as AriaSelect,\n  Label,\n  Button,\n  SelectValue,\n  Popover,\n  ListBox,\n  ListBoxItem,\n  ListBoxSection,\n  Header,\n  Text,\n  FieldError,\n} from 'react-aria-components';\nimport { Check, CheckSquare, ChevronDown, Loader2 } from 'lucide-react';\nimport { FIELD_TOUCH_TARGET } from '../../styles';\nimport type {\n  SelectProps,\n  SelectItemProps,\n  SelectSectionProps,\n  SelectHeaderProps,\n  SelectSize,\n} from './Select.types';\nimport {\n  selectTriggerVariants,\n  selectItemVariants,\n  selectPopoverVariants,\n  selectSectionVariants,\n  selectErrorVariants,\n} from './Select.styles';\n\n// Re-export CVA variants so existing imports from './Select' continue to work\nexport {\n  selectTriggerVariants,\n  selectItemVariants,\n  selectPopoverVariants,\n  selectSectionVariants,\n  selectErrorVariants,\n} from './Select.styles';\n\n// Hoisted static JSX — avoids re-creation on every render\nconst LOADING_SKELETON = Array.from({ length: 3 }).map((_, i) => (\n  <div\n    key={`skeleton-${i}`}\n    className=\"h-11 px-4 py-2\"\n  >\n    <div className=\"h-4 bg-[var(--accent-background)] rounded animate-pulse\" />\n  </div>\n));\n\n/**\n * Internal props for SelectBase.\n * Extends the shared props with selection-mode-specific configuration.\n */\ninterface SelectBaseProps {\n  /** The AriaSelect props to spread onto the root element */\n  ariaSelectProps: Record<string, unknown>;\n  /** Content to render inside the trigger button (SelectValue for single, span for multi) */\n  triggerContent: ReactNode;\n  /** Ref to forward to the trigger button */\n  triggerRef: Ref<HTMLButtonElement>;\n  /** Label text */\n  label: string;\n  /** Optional description text */\n  description?: string;\n  /** Whether the field is required */\n  isRequired: boolean;\n  /** Whether the field is disabled */\n  isDisabled: boolean;\n  /** Whether the field is in a loading state */\n  isLoading: boolean;\n  /** Error message to display */\n  errorMessage?: string;\n  /** Size variant */\n  size: SelectSize;\n  /** Empty state message override */\n  emptyStateMessage?: string;\n  /** Child count (pre-computed by parent) */\n  childCount: number;\n  /** Children to render in the listbox */\n  children: ReactNode;\n}\n\n/**\n * SelectBase - Internal shared rendering component\n *\n * Contains the shared rendering logic for label, description, trigger button,\n * error message, and popover/listbox that both SelectRoot and MultiSelectRoot use.\n * This is not exported as part of the public API.\n */\nfunction SelectBase({\n  ariaSelectProps,\n  triggerContent,\n  triggerRef,\n  label,\n  description,\n  isRequired,\n  isDisabled,\n  isLoading,\n  errorMessage,\n  size,\n  emptyStateMessage,\n  childCount,\n  children,\n}: SelectBaseProps): ReactElement {\n  // Generate unique IDs for accessibility\n  const labelId = useId();\n  const descriptionId = useId();\n  const errorId = useId();\n\n  // Determine if invalid based on errorMessage\n  const isInvalid = Boolean(errorMessage);\n\n  return (\n    <AriaSelect\n      {...ariaSelectProps}\n      isInvalid={isInvalid}\n    >\n      {/* Label */}\n      <Label id={labelId} className=\"text-sm font-medium text-[var(--content-foreground)]\">\n        {label}\n        {isRequired && <span className=\"text-[var(--destructive-background)] ml-1\">*</span>}\n      </Label>\n\n      {/* Description (if provided) */}\n      {description && (\n        <Text id={descriptionId} slot=\"description\" className=\"text-sm text-[var(--menu-muted)] mt-1\">\n          {description}\n        </Text>\n      )}\n\n      {/* Layer 1: Touch target (44px min) */}\n      <div className={FIELD_TOUCH_TARGET}>\n        {/* Layer 2: Visual trigger button */}\n        <Button\n          ref={triggerRef}\n          className={selectTriggerVariants({ size, isInvalid })}\n          aria-labelledby={labelId}\n          aria-describedby={description ? descriptionId : errorMessage ? errorId : undefined}\n          data-loading={isLoading}\n          {...(isRequired && { 'aria-required': 'true' })}\n          {...(isLoading && { 'aria-busy': 'true' })}\n          {...((isDisabled || isLoading) && { 'aria-disabled': 'true' })}\n        >\n          {triggerContent}\n\n          {/* Loading spinner or chevron icon */}\n          {isLoading ? (\n            <Loader2 className=\"ml-auto h-4 w-4 shrink-0 animate-spin text-[var(--menu-muted)]\" aria-hidden=\"true\" />\n          ) : (\n            <ChevronDown className=\"ml-auto h-4 w-4 shrink-0 text-[var(--menu-muted)]\" aria-hidden=\"true\" />\n          )}\n        </Button>\n      </div>\n\n      {/* Error Message — text only, no decorative icon. Errors are conveyed\n          by the red border on the trigger plus the message text colour;\n          a leading icon adds visual noise that the other field types don't\n          carry (NumberField, TextField error message, RichTextEditor). */}\n      <FieldError id={errorId} className={selectErrorVariants({ size })}>\n        {({ validationErrors }) => {\n          const displayError = errorMessage || validationErrors.join(' ');\n          return displayError ? <>{displayError}</> : null;\n        }}\n      </FieldError>\n\n      {/* Popover with ListBox */}\n      <Popover className={selectPopoverVariants({ size })}>\n        <ListBox className=\"outline-none\">\n          {/* Loading skeleton (if loading and has children) */}\n          {isLoading && childCount > 0 && LOADING_SKELETON}\n\n          {/* Items or empty state */}\n          {!isLoading && (\n            <>\n              {children}\n              {/* Empty state - render as disabled item so popover can open */}\n              {childCount === 0 && (\n                <ListBoxItem\n                  id=\"__empty__\"\n                  textValue=\"empty\"\n                  isDisabled\n                  className=\"py-6 text-center text-sm text-[var(--menu-muted)] cursor-default pointer-events-none\"\n                >\n                  <span role=\"status\">\n                    {emptyStateMessage || 'No options available'}\n                  </span>\n                </ListBoxItem>\n              )}\n            </>\n          )}\n        </ListBox>\n      </Popover>\n    </AriaSelect>\n  );\n}\n\n/**\n * Select Root Component (Single Selection Only)\n *\n * Main select component with controlled/uncontrolled modes for single selection.\n * For multiple selection, use MultiSelect component.\n * Delegates shared rendering to SelectBase.\n *\n * @see select-prd.md US-1 (Basic Single Selection)\n * @see plan.md Decision 28 (Ref forwarding to trigger button)\n */\nconst SelectRoot = forwardRef<HTMLButtonElement, Omit<SelectProps, 'selectionMode'>>(\n  (\n    {\n      // Display props\n      label,\n      placeholder,\n      description,\n\n      // Selection props\n      value,\n      defaultValue,\n\n      // State props\n      isOpen,\n      isDisabled = false,\n      isRequired = false,\n      disabledKeys,\n\n      // Validation props\n      validate,\n      validationBehavior = 'aria',\n      errorMessage,\n\n      // Loading state\n      isLoading = false,\n      emptyStateMessage,\n\n      // Form integration\n      name,\n\n      // Size variant\n      size = 'default',\n\n      // Event handlers\n      onChange,\n      onOpenChange,\n\n      // Standard props\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    // Warn if >1000 items (Decision 22: Large Item Count Handling)\n    const childCount = Children.count(children);\n    if (childCount > 1000) {\n      console.warn(\n        'Select has >1000 items. Consider using Autocomplete component for better performance.'\n      );\n    }\n\n    return (\n      <SelectBase\n        ariaSelectProps={{\n          value: value as string,\n          defaultValue: defaultValue as string,\n          onChange: (key: unknown) => {\n            if (onChange) {\n              onChange(key as string);\n            }\n          },\n          placeholder,\n          disabledKeys,\n          isOpen,\n          onOpenChange,\n          isDisabled: isDisabled || isLoading,\n          isRequired,\n          name,\n          validate: validate as ((value: unknown) => true | string | null | undefined) | undefined,\n          validationBehavior,\n          className,\n          ...props,\n        }}\n        triggerContent={<SelectValue className=\"flex-1 text-left truncate\" />}\n        triggerRef={ref}\n        label={label}\n        description={description}\n        isRequired={isRequired}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        errorMessage={errorMessage}\n        size={size}\n        emptyStateMessage={emptyStateMessage}\n        childCount={childCount}\n      >\n        {children}\n      </SelectBase>\n    );\n  }\n);\n\nSelectRoot.displayName = 'Select';\n\n/**\n * MultiSelect Root Component (Multiple Selection)\n *\n * Select component for multiple selection. Uses different API from single Select.\n * Delegates shared rendering to SelectBase, adding multi-select display value logic.\n *\n * @see select-prd.md US-6 (Multiple Selection)\n * @see plan.md Decision 28 (Ref forwarding to trigger button)\n */\nconst MultiSelectRoot = forwardRef<HTMLButtonElement, SelectProps>(\n  (\n    {\n      // Display props\n      label,\n      placeholder,\n      description,\n\n      // Selection props\n      value,\n      defaultValue,\n      selectionMode: _selectionMode = 'multiple',\n\n      // State props\n      isOpen,\n      isDisabled = false,\n      isRequired = false,\n      disabledKeys,\n\n      // Validation props\n      validate,\n      validationBehavior = 'aria',\n      errorMessage,\n\n      // Loading state\n      isLoading = false,\n      emptyStateMessage,\n\n      // Form integration\n      name,\n\n      // Size variant\n      size = 'default',\n\n      // Event handlers\n      onChange,\n      onOpenChange,\n\n      // Standard props\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    // Warn if >1000 items\n    const childCount = Children.count(children);\n    if (childCount > 1000) {\n      console.warn(\n        'Select has >1000 items. Consider using Autocomplete component for better performance.'\n      );\n    }\n\n    // Build value-to-label map for display (memoized to prevent recreation on every render)\n    const valueToLabelMap = useMemo(() => {\n      const map = new Map<string, string>();\n      const processChildren = (nodes: ReactNode): void => {\n        Children.forEach(nodes, (child) => {\n          if (isValidElement(child)) {\n            const element = child as ReactElement<{ value?: string; children?: ReactNode }>;\n            if (element.type === SelectItem || element.props?.value) {\n              const itemValue = element.props.value;\n              const itemChildren = element.props.children;\n              if (itemValue && typeof itemChildren === 'string') {\n                map.set(itemValue, itemChildren);\n              }\n            }\n            if (element.props?.children) {\n              processChildren(element.props.children);\n            }\n          }\n        });\n      };\n      processChildren(children);\n      return map;\n    }, [children]);\n\n    // Multi-select display logic (Decision 5: Multi-select threshold)\n    // Memoized to prevent recalculation on every render\n    const displayValue = useMemo(() => {\n      if (!value || !Array.isArray(value) || value.length === 0) {\n        return placeholder || '';\n      }\n\n      if (value.length <= 2) {\n        // Show item labels for 1-2 items\n        const labels = value.map(v => valueToLabelMap.get(v as string) || v);\n        return labels.join(', ');\n      }\n\n      // Show count for 3+ items\n      return `${value.length} items selected`;\n    }, [value, valueToLabelMap, placeholder]);\n\n    return (\n      <SelectBase\n        ariaSelectProps={{\n          value: value as string[],\n          defaultValue: defaultValue as string[],\n          onChange: (keys: unknown) => {\n            if (onChange) {\n              onChange(keys as string[]);\n            }\n          },\n          selectionMode: 'multiple',\n          disabledKeys,\n          isOpen,\n          onOpenChange,\n          isDisabled: isDisabled || isLoading,\n          isRequired,\n          name,\n          validate: validate as ((value: unknown) => true | string | null | undefined) | undefined,\n          validationBehavior,\n          className,\n          ...props,\n        }}\n        triggerContent={\n          <span className=\"flex-1 text-left truncate\">\n            {displayValue}\n          </span>\n        }\n        triggerRef={ref}\n        label={label}\n        description={description}\n        isRequired={isRequired}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        errorMessage={errorMessage}\n        size={size}\n        emptyStateMessage={emptyStateMessage}\n        childCount={childCount}\n      >\n        {children}\n      </SelectBase>\n    );\n  }\n);\n\nMultiSelectRoot.displayName = 'MultiSelect';\n\n/**\n * Select.Item Component\n *\n * Individual selectable item with checkmark icon.\n *\n * @see select-prd.md US-1 (Basic Single Selection)\n * @see plan.md Decision 6 (Left-side checkmark)\n * @see plan.md Decision 23 (textValue required for custom children)\n */\nconst SelectItem = memo(function SelectItem({ children, textValue, value, isDisabled = false, className, ...props }: SelectItemProps): ReactElement {\n  // Validate textValue for custom children (Decision 23)\n  if (!textValue && typeof children !== 'string') {\n    const message = 'Select.Item with custom children requires textValue prop for accessibility';\n    if (process.env.NODE_ENV === 'development') {\n      throw new Error(message);\n    } else {\n      console.warn(message);\n    }\n  }\n\n  return (\n    <ListBoxItem\n      id={value}\n      textValue={textValue || (typeof children === 'string' ? children : undefined)}\n      className={`${selectItemVariants({ size: 'default' })} ${className || ''}`}\n      isDisabled={isDisabled}\n      {...props}\n    >\n      {({ isSelected, selectionMode, isDisabled: itemDisabled }) => (\n        <>\n          {/* Checkmark icon (left side) - Decision 6 */}\n          {selectionMode === 'multiple' ? (\n            <CheckSquare\n              className={`absolute left-2 h-4 w-4 ${isSelected ? 'visible' : 'invisible'}`}\n              aria-hidden=\"true\"\n            />\n          ) : (\n            isSelected && <Check className=\"absolute left-2 h-4 w-4\" aria-hidden=\"true\" />\n          )}\n          <span className={itemDisabled ? 'text-[var(--menu-muted)]' : ''}>\n            {children}\n          </span>\n        </>\n      )}\n    </ListBoxItem>\n  );\n});\n\nSelectItem.displayName = 'SelectItem';\n\n/**\n * Select.Section Component\n *\n * Groups related items with optional header.\n *\n * @see select-prd.md US-3 (Grouped Options with Sections)\n */\nfunction SelectSection({ children, className, ...props }: SelectSectionProps): ReactElement {\n  return (\n    <ListBoxSection className={`border-t border-[var(--border)] first:border-t-0 ${className || ''}`} {...props}>\n      {children}\n    </ListBoxSection>\n  );\n}\n\nSelectSection.displayName = 'SelectSection';\n\n/**\n * Select.Header Component\n *\n * Section header with non-interactive label.\n *\n * @see select-prd.md US-3 (Grouped Options with Sections)\n */\nfunction SelectHeader({ children, className, ...props }: SelectHeaderProps): ReactElement {\n  return (\n    <Header className={`${selectSectionVariants({ size: 'default' })} ${className || ''}`} {...props}>\n      {children}\n    </Header>\n  );\n}\n\nSelectHeader.displayName = 'SelectHeader';\n\n/**\n * Compound Component Exports\n *\n * Uses Object.assign() for compound components (e.g., Select.Item, Select.Section).\n * Named exports (SelectItem, SelectSection, SelectHeader) are also available below\n * for better tree-shaking. Prefer named exports in new code.\n *\n * @deprecated (v2) The Object.assign compound pattern will be removed in v2.\n *   Migrate to named imports: `import { SelectItem, SelectSection, SelectHeader } from '...'`\n *\n * @see GUIDE.mdx (Compound component pattern)\n */\nexport const Select = Object.assign(SelectRoot, {\n  Item: SelectItem,\n  Section: SelectSection,\n  Header: SelectHeader,\n});\n\nexport const MultiSelect = Object.assign(MultiSelectRoot, {\n  Item: SelectItem,\n  Section: SelectSection,\n  Header: SelectHeader,\n});\n\n// Named exports for individual components (preferred for tree-shaking)\nexport { SelectRoot, MultiSelectRoot, SelectItem, SelectSection, SelectHeader };\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 } from 'react';\nimport type {\n  SelectProps as AriaSelectProps,\n  ListBoxItemProps as AriaListBoxItemProps,\n} from 'react-aria-components';\n\n/**\n * Select size variants\n *\n * @see select-prd.md US-9 (Visual States - Size Variants)\n * @see plan.md Decision 4 (Include sm size with warning for desktop-only)\n */\nexport const SelectSizeSchema = z.enum(['sm', 'default', 'lg']);\nexport type SelectSize = z.infer<typeof SelectSizeSchema>;\n\n/**\n * Select selection mode\n *\n * @see select-prd.md US-6 (Multiple Selection)\n */\nexport const SelectionModeSchema = z.enum(['single', 'multiple']);\nexport type SelectionMode = z.infer<typeof SelectionModeSchema>;\n\n/**\n * Select validation behavior\n *\n * @see select-prd.md US-4 (Validation and Error Messages)\n */\nexport const ValidationBehaviorSchema = z.enum(['native', 'aria']);\nexport type ValidationBehavior = z.infer<typeof ValidationBehaviorSchema>;\n\n/**\n * Select root component props schema\n *\n * @see select-prd.md US-1 (Basic Single Selection)\n * @see select-prd.md US-4 (Validation and Error Messages)\n * @see select-prd.md US-5 (Disabled States)\n * @see select-prd.md US-6 (Multiple Selection)\n * @see select-prd.md US-7 (Async Data Loading)\n * @see select-prd.md US-10 (Form Integration)\n */\nexport const SelectPropsSchema = BaseComponentPropsSchema.extend({\n  // Display props (US-1)\n  label: z.string(), // Required for accessibility\n  placeholder: z.string().optional(),\n  description: z.string().optional(),\n\n  // Selection props (US-1, US-6)\n  value: z.union([z.string(), z.array(z.string())]).optional(),\n  defaultValue: z.union([z.string(), z.array(z.string())]).optional(),\n  selectionMode: SelectionModeSchema.optional().default('single'),\n\n  // State props (US-1, US-5)\n  isOpen: z.boolean().optional(),\n  isDisabled: z.boolean().optional().default(false),\n  isRequired: z.boolean().optional().default(false),\n  disabledKeys: z.array(z.string()).optional(),\n\n  // Validation props (US-4)\n  validate: z\n    .custom<(value: string | string[]) => string | undefined>()\n    .optional(),\n  validationBehavior: ValidationBehaviorSchema.optional().default('aria'),\n  errorMessage: z.string().optional(),\n\n  // Loading state (US-7)\n  isLoading: z.boolean().optional().default(false),\n  emptyStateMessage: z.string().optional(),\n\n  // Form integration (US-10)\n  name: z.string().optional(),\n\n  // Size variant (US-9)\n  size: SelectSizeSchema.optional().default('default'),\n\n  // Event handlers (US-1)\n  onChange: z\n    .custom<(value: string | string[]) => void>()\n    .optional(),\n  onOpenChange: z.custom<(isOpen: boolean) => void>().optional(),\n\n  // Children (Select.Item, Select.Section components)\n  children: z.custom<ReactNode>(),\n});\n\nexport interface SelectPropsOwn {\n  className?: string;\n  children?: ReactNode;\n  id?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'aria-describedby'?: string;\n  'data-testid'?: string;\n  label: string;\n  placeholder?: string;\n  description?: string;\n  value?: string | string[];\n  defaultValue?: string | string[];\n  selectionMode?: SelectionMode;\n  isOpen?: boolean;\n  isDisabled?: boolean;\n  isRequired?: boolean;\n  disabledKeys?: string[];\n  validate?: (value: string | string[]) => string | undefined;\n  validationBehavior?: ValidationBehavior;\n  errorMessage?: string;\n  isLoading?: boolean;\n  emptyStateMessage?: string;\n  name?: string;\n  size?: SelectSize;\n  onChange?: (value: string | string[]) => void;\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\nexport type SelectProps = SelectPropsOwn &\n  Omit<AriaSelectProps<object>, keyof SelectPropsOwn>;\n\n/**\n * Select.Item props schema\n *\n * @see select-prd.md US-1 (Basic Single Selection)\n * @see select-prd.md US-5 (Disabled States)\n * @see select-prd.md US-8 (Custom Value Rendering)\n * @see plan.md Decision 23 (textValue required for custom children)\n */\nexport const SelectItemPropsSchema = BaseComponentPropsSchema.extend({\n  // Item value (required)\n  value: z.string(),\n\n  // Text value for typeahead and accessibility (required for custom children)\n  textValue: z.string().optional(),\n\n  // Disabled state\n  isDisabled: z.boolean().optional().default(false),\n\n  // Item content\n  children: z.custom<ReactNode>(),\n\n  // Optional className for custom styling\n  className: z.string().optional(),\n});\n\nexport interface SelectItemPropsOwn {\n  className?: string;\n  children?: ReactNode;\n  id?: string;\n  'aria-label'?: string;\n  'data-testid'?: string;\n  value: string;\n  textValue?: string;\n  isDisabled?: boolean;\n}\n\nexport type SelectItemProps = SelectItemPropsOwn &\n  Omit<AriaListBoxItemProps, keyof SelectItemPropsOwn>;\n\n/**\n * Select.Section props schema\n *\n * @see select-prd.md US-3 (Grouped Options with Sections)\n */\nexport const SelectSectionPropsSchema = BaseComponentPropsSchema.extend({\n  // Section content (typically Select.Header + Select.Item components)\n  children: z.custom<ReactNode>(),\n\n  // Optional className for custom styling\n  className: z.string().optional(),\n});\n\nexport interface SelectSectionProps {\n  className?: string;\n  children?: ReactNode;\n  id?: string;\n  'data-testid'?: string;\n}\n\n/**\n * Select.Header props schema (for section headers)\n *\n * @see select-prd.md US-3 (Grouped Options with Sections)\n */\nexport const SelectHeaderPropsSchema = BaseComponentPropsSchema.extend({\n  // Header text\n  children: z.custom<ReactNode>(),\n\n  // Optional className for header styling\n  className: z.string().optional(),\n});\n\nexport interface SelectHeaderProps {\n  className?: string;\n  children?: ReactNode;\n  id?: string;\n  'data-testid'?: string;\n}\n\n/**\n * CVA variant configuration types\n * Used for class-variance-authority integration\n */\nexport type SelectVariantSize = SelectSize;\nexport type SelectVariantSelectionMode = SelectionMode;\n"]}

package/dist/elements/Select/index.mjs

@@ -1,3 +1,3 @@
 "use client";
-import {forwardRef,Children,useMemo,memo,useId,isValidElement}from'react';import {SelectValue,ListBoxItem,Select,Label,Text,Button,FieldError,Popover,ListBox,Header,ListBoxSection}from'react-aria-components';import {CheckSquare,Check,Loader2,ChevronDown}from'lucide-react';import {cva}from'class-variance-authority';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {z}from'zod';var L={sm:"h-9",default:"h-10",lg:"h-11"},u={sm:`${L.sm} px-2 text-xs`,default:`${L.default} px-3 text-sm`,lg:`${L.lg} px-4 text-base`},B="min-h-[44px] flex items-center";var Y=cva(["flex","w-full","items-center","justify-between","gap-2","rounded-md","border","bg-[var(--content-background)]","text-[var(--content-foreground)]","transition-colors","duration-200","outline-none","focus-visible:ring-2","focus-visible:ring-[var(--ring)]","focus-visible:ring-offset-2","hover:bg-[var(--accent)]/10","disabled:cursor-not-allowed","disabled:opacity-50","data-[loading=true]:cursor-wait","truncate"],{variants:{size:{sm:`${u.sm} pr-1`,default:`${u.default} pr-1.5`,lg:`${u.lg} pr-2`},isInvalid:{true:"border-[var(--destructive-background)]",false:"border-[var(--input-border)] hover:border-[var(--input-border)]/80"}},defaultVariants:{size:"default",isInvalid:false}}),j=cva(["relative","flex","w-full","cursor-pointer","select-none","items-center","rounded-sm","outline-none","transition-colors","pl-8","pr-2","hover:bg-[var(--accent)]","hover:text-[var(--accent-foreground)]","focus:bg-[var(--accent)]","focus:text-[var(--accent-foreground)]","data-[selected=true]:bg-[var(--accent)]","data-[selected=true]:text-[var(--accent-foreground)]","data-[disabled=true]:pointer-events-none","data-[disabled=true]:opacity-50","data-[disabled=true]:text-[var(--menu-muted)]"],{variants:{size:{sm:`${u.sm} py-1`,default:`${u.default} py-2`,lg:`${u.lg} py-3`}},defaultVariants:{size:"default"}}),q=cva(["z-50","w-[--trigger-width]","rounded-md","border","border-[var(--menu-border)]","bg-[var(--menu-background)]","text-[var(--menu-foreground)]","shadow-md","outline-none","overflow-auto","data-[entering]:animate-in","data-[entering]:fade-in-0","data-[entering]:zoom-in-95","data-[exiting]:animate-out","data-[exiting]:fade-out-0","data-[exiting]:zoom-out-95"],{variants:{size:{sm:"max-h-[200px] p-1",default:"max-h-[300px] p-1",lg:"max-h-[400px] p-1"}},defaultVariants:{size:"default"}}),X=cva(["px-2","py-1.5","text-xs","font-semibold","text-[var(--menu-muted)]","uppercase","tracking-wider"],{variants:{size:{sm:"px-2 py-1 text-[10px]",default:"px-2 py-1 text-xs",lg:"px-2 py-1.5 text-xs"}},defaultVariants:{size:"default"}}),K=cva(["flex","items-center","gap-1.5","text-sm","font-medium","text-[var(--destructive-background)]","mt-1"],{variants:{size:{sm:"text-xs mt-1",default:"text-sm mt-1",lg:"text-base mt-1"}},defaultVariants:{size:"default"}});var ve=Array.from({length:3}).map((s,o)=>jsx("div",{className:"h-11 px-4 py-2",children:jsx("div",{className:"h-4 bg-[var(--accent-background)] rounded animate-pulse"})},`skeleton-${o}`));function ee({ariaSelectProps:s,triggerContent:o,triggerRef:r,label:n,description:c,isRequired:m,isDisabled:p,isLoading:a,errorMessage:i,size:d,emptyStateMessage:A,childCount:f,children:x}){let S=useId(),I=useId(),E=useId(),g=!!i;return jsxs(Select,{...s,isInvalid:g,children:[jsxs(Label,{id:S,className:"text-sm font-medium text-[var(--content-foreground)]",children:[n,m&&jsx("span",{className:"text-[var(--destructive-background)] ml-1",children:"*"})]}),c&&jsx(Text,{id:I,slot:"description",className:"text-sm text-[var(--menu-muted)] mt-1",children:c}),jsx("div",{className:B,children:jsxs(Button,{ref:r,className:Y({size:d,isInvalid:g}),"aria-labelledby":S,"aria-describedby":c?I:i?E:void 0,"data-loading":a,...m&&{"aria-required":"true"},...a&&{"aria-busy":"true"},...(p||a)&&{"aria-disabled":"true"},children:[o,a?jsx(Loader2,{className:"ml-auto h-4 w-4 shrink-0 animate-spin text-[var(--menu-muted)]","aria-hidden":"true"}):jsx(ChevronDown,{className:"ml-auto h-4 w-4 shrink-0 text-[var(--menu-muted)]","aria-hidden":"true"})]})}),jsx(FieldError,{id:E,className:K({size:d}),children:({validationErrors:b})=>{let v=i||b.join(" ");return v?jsx(Fragment,{children:v}):null}}),jsx(Popover,{className:q({size:d}),children:jsxs(ListBox,{className:"outline-none",children:[a&&f>0&&ve,!a&&jsxs(Fragment,{children:[x,f===0&&jsx(ListBoxItem,{id:"__empty__",textValue:"empty",isDisabled:true,className:"py-6 text-center text-sm text-[var(--menu-muted)] cursor-default pointer-events-none",children:jsx("span",{role:"status",children:A||"No options available"})})]})]})})]})}var te=forwardRef(({label:s,placeholder:o,description:r,value:n,defaultValue:c,isOpen:m,isDisabled:p=false,isRequired:a=false,disabledKeys:i,validate:d,validationBehavior:A="aria",errorMessage:f,isLoading:x=false,emptyStateMessage:S,name:I,size:E="default",onChange:g,onOpenChange:b,className:v,children:P,..._},M)=>{let V=Children.count(P);return V>1e3&&console.warn("Select has >1000 items. Consider using Autocomplete component for better performance."),jsx(ee,{ariaSelectProps:{value:n,defaultValue:c,onChange:C=>{g&&g(C);},placeholder:o,disabledKeys:i,isOpen:m,onOpenChange:b,isDisabled:p||x,isRequired:a,name:I,validate:d,validationBehavior:A,className:v,..._},triggerContent:jsx(SelectValue,{className:"flex-1 text-left truncate"}),triggerRef:M,label:s,description:r,isRequired:a,isDisabled:p,isLoading:x,errorMessage:f,size:E,emptyStateMessage:S,childCount:V,children:P})});te.displayName="Select";var ae=forwardRef(({label:s,placeholder:o,description:r,value:n,defaultValue:c,selectionMode:m="multiple",isOpen:p,isDisabled:a=false,isRequired:i=false,disabledKeys:d,validate:A,validationBehavior:f="aria",errorMessage:x,isLoading:S=false,emptyStateMessage:I,name:E,size:g="default",onChange:b,onOpenChange:v,className:P,children:_,...M},V)=>{let C=Children.count(_);C>1e3&&console.warn("Select has >1000 items. Consider using Autocomplete component for better performance.");let k=useMemo(()=>{let O=new Map,R=ne=>{Children.forEach(ne,F=>{if(isValidElement(F)){let N=F;if(N.type===D||N.props?.value){let $=N.props.value,Z=N.props.children;$&&typeof Z=="string"&&O.set($,Z);}N.props?.children&&R(N.props.children);}});};return R(_),O},[_]),oe=useMemo(()=>!n||!Array.isArray(n)||n.length===0?o||"":n.length<=2?n.map(R=>k.get(R)||R).join(", "):`${n.length} items selected`,[n,k,o]);return jsx(ee,{ariaSelectProps:{value:n,defaultValue:c,onChange:O=>{b&&b(O);},selectionMode:"multiple",disabledKeys:d,isOpen:p,onOpenChange:v,isDisabled:a||S,isRequired:i,name:E,validate:A,validationBehavior:f,className:P,...M},triggerContent:jsx("span",{className:"flex-1 text-left truncate",children:oe}),triggerRef:V,label:s,description:r,isRequired:i,isDisabled:a,isLoading:S,errorMessage:x,size:g,emptyStateMessage:I,childCount:C,children:_})});ae.displayName="MultiSelect";var D=memo(function({children:o,textValue:r,value:n,isDisabled:c=false,className:m,...p}){if(!r&&typeof o!="string"){let a="Select.Item with custom children requires textValue prop for accessibility";if(process.env.NODE_ENV==="development")throw new Error(a);console.warn(a);}return jsx(ListBoxItem,{id:n,textValue:r||(typeof o=="string"?o:void 0),className:`${j({size:"default"})} ${m||""}`,isDisabled:c,...p,children:({isSelected:a,selectionMode:i,isDisabled:d})=>jsxs(Fragment,{children:[i==="multiple"?jsx(CheckSquare,{className:`absolute left-2 h-4 w-4 ${a?"visible":"invisible"}`,"aria-hidden":"true"}):a&&jsx(Check,{className:"absolute left-2 h-4 w-4","aria-hidden":"true"}),jsx("span",{className:d?"text-[var(--menu-muted)]":"",children:o})]})})});D.displayName="SelectItem";function U({children:s,className:o,...r}){return jsx(ListBoxSection,{className:`border-t border-[var(--border)] first:border-t-0 ${o||""}`,...r,children:s})}U.displayName="SelectSection";function G({children:s,className:o,...r}){return jsx(Header,{className:`${X({size:"default"})} ${o||""}`,...r,children:s})}G.displayName="SelectHeader";var _e=Object.assign(te,{Item:D,Section:U,Header:G}),Ne=Object.assign(ae,{Item:D,Section:U,Header:G});var y=z.object({className:z.string().optional(),children:z.any().optional(),id:z.string().optional(),"aria-label":z.string().optional(),"aria-labelledby":z.string().optional(),"aria-describedby":z.string().optional(),"aria-live":z.enum(["off","polite","assertive"]).optional(),"aria-hidden":z.boolean().optional(),"data-testid":z.string().optional()});var Te=z.enum(["sm","default","lg"]),Ae=z.enum(["single","multiple"]),Oe=z.enum(["native","aria"]),Re=y.extend({label:z.string(),placeholder:z.string().optional(),description:z.string().optional(),value:z.union([z.string(),z.array(z.string())]).optional(),defaultValue:z.union([z.string(),z.array(z.string())]).optional(),selectionMode:Ae.optional().default("single"),isOpen:z.boolean().optional(),isDisabled:z.boolean().optional().default(false),isRequired:z.boolean().optional().default(false),disabledKeys:z.array(z.string()).optional(),validate:z.custom().optional(),validationBehavior:Oe.optional().default("aria"),errorMessage:z.string().optional(),isLoading:z.boolean().optional().default(false),emptyStateMessage:z.string().optional(),name:z.string().optional(),size:Te.optional().default("default"),onChange:z.custom().optional(),onOpenChange:z.custom().optional(),children:z.custom()}),he=y.extend({value:z.string(),textValue:z.string().optional(),isDisabled:z.boolean().optional().default(false),children:z.custom(),className:z.string().optional()}),ye=y.extend({children:z.custom(),className:z.string().optional()}),Pe=y.extend({children:z.custom(),className:z.string().optional()});export{Ne as MultiSelect,_e as Select,Pe as SelectHeaderPropsSchema,he as SelectItemPropsSchema,Re as SelectPropsSchema,ye as SelectSectionPropsSchema};//# sourceMappingURL=index.mjs.map
+import {forwardRef,Children,useMemo,memo,useId,isValidElement}from'react';import {SelectValue,ListBoxItem,Select,Label,Text,Button,FieldError,Popover,ListBox,Header,ListBoxSection}from'react-aria-components';import {CheckSquare,Check,Loader2,ChevronDown}from'lucide-react';import {cva}from'class-variance-authority';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {z}from'zod';var L={sm:"h-9",default:"h-10",lg:"h-11"},u={sm:`${L.sm} px-2 text-xs`,default:`${L.default} px-3 text-sm`,lg:`${L.lg} px-4 text-base`},B="min-h-[44px] flex items-center";var Y=cva(["flex","w-full","items-center","justify-between","gap-2","rounded-md","border","bg-[var(--content-background)]","text-[var(--content-foreground)]","transition-colors","duration-200","outline-none","focus-visible:ring-2","focus-visible:ring-[var(--ring)]","focus-visible:ring-offset-2","hover:bg-[var(--accent)]/10","disabled:cursor-not-allowed","disabled:opacity-50","data-[loading=true]:cursor-wait","truncate"],{variants:{size:{sm:`${u.sm} pr-1`,default:`${u.default} pr-1.5`,lg:`${u.lg} pr-2`},isInvalid:{true:"border-[var(--destructive-background)]",false:"border-[var(--input-border)] hover:border-[var(--input-border)]/80"}},defaultVariants:{size:"default",isInvalid:false}}),j=cva(["relative","flex","w-full","cursor-pointer","select-none","items-center","rounded-sm","outline-none","transition-colors","pl-8","pr-2","hover:bg-[var(--accent)]","hover:text-[var(--accent-foreground)]","focus:bg-[var(--accent)]","focus:text-[var(--accent-foreground)]","data-[selected=true]:bg-[var(--accent)]","data-[selected=true]:text-[var(--accent-foreground)]","data-[disabled=true]:pointer-events-none","data-[disabled=true]:opacity-50","data-[disabled=true]:text-[var(--menu-muted)]"],{variants:{size:{sm:`${u.sm} py-1`,default:`${u.default} py-2`,lg:`${u.lg} py-3`}},defaultVariants:{size:"default"}}),q=cva(["z-50","w-[--trigger-width]","rounded-md","border","border-[var(--menu-border)]","bg-[var(--menu-background)]","text-[var(--menu-foreground)]","outline-none","overflow-auto","data-[entering]:animate-in","data-[entering]:fade-in-0","data-[entering]:zoom-in-95","data-[exiting]:animate-out","data-[exiting]:fade-out-0","data-[exiting]:zoom-out-95"],{variants:{size:{sm:"max-h-[200px] p-1",default:"max-h-[300px] p-1",lg:"max-h-[400px] p-1"}},defaultVariants:{size:"default"}}),X=cva(["px-2","py-1.5","text-xs","font-semibold","text-[var(--menu-muted)]","uppercase","tracking-wider"],{variants:{size:{sm:"px-2 py-1 text-[10px]",default:"px-2 py-1 text-xs",lg:"px-2 py-1.5 text-xs"}},defaultVariants:{size:"default"}}),K=cva(["flex","items-center","gap-1.5","text-sm","font-medium","text-[var(--destructive-background)]","mt-1"],{variants:{size:{sm:"text-xs mt-1",default:"text-sm mt-1",lg:"text-base mt-1"}},defaultVariants:{size:"default"}});var ve=Array.from({length:3}).map((s,o)=>jsx("div",{className:"h-11 px-4 py-2",children:jsx("div",{className:"h-4 bg-[var(--accent-background)] rounded animate-pulse"})},`skeleton-${o}`));function ee({ariaSelectProps:s,triggerContent:o,triggerRef:r,label:n,description:c,isRequired:m,isDisabled:p,isLoading:a,errorMessage:i,size:d,emptyStateMessage:A,childCount:f,children:x}){let S=useId(),I=useId(),E=useId(),g=!!i;return jsxs(Select,{...s,isInvalid:g,children:[jsxs(Label,{id:S,className:"text-sm font-medium text-[var(--content-foreground)]",children:[n,m&&jsx("span",{className:"text-[var(--destructive-background)] ml-1",children:"*"})]}),c&&jsx(Text,{id:I,slot:"description",className:"text-sm text-[var(--menu-muted)] mt-1",children:c}),jsx("div",{className:B,children:jsxs(Button,{ref:r,className:Y({size:d,isInvalid:g}),"aria-labelledby":S,"aria-describedby":c?I:i?E:void 0,"data-loading":a,...m&&{"aria-required":"true"},...a&&{"aria-busy":"true"},...(p||a)&&{"aria-disabled":"true"},children:[o,a?jsx(Loader2,{className:"ml-auto h-4 w-4 shrink-0 animate-spin text-[var(--menu-muted)]","aria-hidden":"true"}):jsx(ChevronDown,{className:"ml-auto h-4 w-4 shrink-0 text-[var(--menu-muted)]","aria-hidden":"true"})]})}),jsx(FieldError,{id:E,className:K({size:d}),children:({validationErrors:b})=>{let v=i||b.join(" ");return v?jsx(Fragment,{children:v}):null}}),jsx(Popover,{className:q({size:d}),children:jsxs(ListBox,{className:"outline-none",children:[a&&f>0&&ve,!a&&jsxs(Fragment,{children:[x,f===0&&jsx(ListBoxItem,{id:"__empty__",textValue:"empty",isDisabled:true,className:"py-6 text-center text-sm text-[var(--menu-muted)] cursor-default pointer-events-none",children:jsx("span",{role:"status",children:A||"No options available"})})]})]})})]})}var te=forwardRef(({label:s,placeholder:o,description:r,value:n,defaultValue:c,isOpen:m,isDisabled:p=false,isRequired:a=false,disabledKeys:i,validate:d,validationBehavior:A="aria",errorMessage:f,isLoading:x=false,emptyStateMessage:S,name:I,size:E="default",onChange:g,onOpenChange:b,className:v,children:P,..._},M)=>{let V=Children.count(P);return V>1e3&&console.warn("Select has >1000 items. Consider using Autocomplete component for better performance."),jsx(ee,{ariaSelectProps:{value:n,defaultValue:c,onChange:C=>{g&&g(C);},placeholder:o,disabledKeys:i,isOpen:m,onOpenChange:b,isDisabled:p||x,isRequired:a,name:I,validate:d,validationBehavior:A,className:v,..._},triggerContent:jsx(SelectValue,{className:"flex-1 text-left truncate"}),triggerRef:M,label:s,description:r,isRequired:a,isDisabled:p,isLoading:x,errorMessage:f,size:E,emptyStateMessage:S,childCount:V,children:P})});te.displayName="Select";var ae=forwardRef(({label:s,placeholder:o,description:r,value:n,defaultValue:c,selectionMode:m="multiple",isOpen:p,isDisabled:a=false,isRequired:i=false,disabledKeys:d,validate:A,validationBehavior:f="aria",errorMessage:x,isLoading:S=false,emptyStateMessage:I,name:E,size:g="default",onChange:b,onOpenChange:v,className:P,children:_,...M},V)=>{let C=Children.count(_);C>1e3&&console.warn("Select has >1000 items. Consider using Autocomplete component for better performance.");let k=useMemo(()=>{let O=new Map,R=ne=>{Children.forEach(ne,F=>{if(isValidElement(F)){let N=F;if(N.type===D||N.props?.value){let $=N.props.value,Z=N.props.children;$&&typeof Z=="string"&&O.set($,Z);}N.props?.children&&R(N.props.children);}});};return R(_),O},[_]),oe=useMemo(()=>!n||!Array.isArray(n)||n.length===0?o||"":n.length<=2?n.map(R=>k.get(R)||R).join(", "):`${n.length} items selected`,[n,k,o]);return jsx(ee,{ariaSelectProps:{value:n,defaultValue:c,onChange:O=>{b&&b(O);},selectionMode:"multiple",disabledKeys:d,isOpen:p,onOpenChange:v,isDisabled:a||S,isRequired:i,name:E,validate:A,validationBehavior:f,className:P,...M},triggerContent:jsx("span",{className:"flex-1 text-left truncate",children:oe}),triggerRef:V,label:s,description:r,isRequired:i,isDisabled:a,isLoading:S,errorMessage:x,size:g,emptyStateMessage:I,childCount:C,children:_})});ae.displayName="MultiSelect";var D=memo(function({children:o,textValue:r,value:n,isDisabled:c=false,className:m,...p}){if(!r&&typeof o!="string"){let a="Select.Item with custom children requires textValue prop for accessibility";if(process.env.NODE_ENV==="development")throw new Error(a);console.warn(a);}return jsx(ListBoxItem,{id:n,textValue:r||(typeof o=="string"?o:void 0),className:`${j({size:"default"})} ${m||""}`,isDisabled:c,...p,children:({isSelected:a,selectionMode:i,isDisabled:d})=>jsxs(Fragment,{children:[i==="multiple"?jsx(CheckSquare,{className:`absolute left-2 h-4 w-4 ${a?"visible":"invisible"}`,"aria-hidden":"true"}):a&&jsx(Check,{className:"absolute left-2 h-4 w-4","aria-hidden":"true"}),jsx("span",{className:d?"text-[var(--menu-muted)]":"",children:o})]})})});D.displayName="SelectItem";function U({children:s,className:o,...r}){return jsx(ListBoxSection,{className:`border-t border-[var(--border)] first:border-t-0 ${o||""}`,...r,children:s})}U.displayName="SelectSection";function G({children:s,className:o,...r}){return jsx(Header,{className:`${X({size:"default"})} ${o||""}`,...r,children:s})}G.displayName="SelectHeader";var _e=Object.assign(te,{Item:D,Section:U,Header:G}),Ne=Object.assign(ae,{Item:D,Section:U,Header:G});var y=z.object({className:z.string().optional(),children:z.any().optional(),id:z.string().optional(),"aria-label":z.string().optional(),"aria-labelledby":z.string().optional(),"aria-describedby":z.string().optional(),"aria-live":z.enum(["off","polite","assertive"]).optional(),"aria-hidden":z.boolean().optional(),"data-testid":z.string().optional()});var Te=z.enum(["sm","default","lg"]),Ae=z.enum(["single","multiple"]),Oe=z.enum(["native","aria"]),Re=y.extend({label:z.string(),placeholder:z.string().optional(),description:z.string().optional(),value:z.union([z.string(),z.array(z.string())]).optional(),defaultValue:z.union([z.string(),z.array(z.string())]).optional(),selectionMode:Ae.optional().default("single"),isOpen:z.boolean().optional(),isDisabled:z.boolean().optional().default(false),isRequired:z.boolean().optional().default(false),disabledKeys:z.array(z.string()).optional(),validate:z.custom().optional(),validationBehavior:Oe.optional().default("aria"),errorMessage:z.string().optional(),isLoading:z.boolean().optional().default(false),emptyStateMessage:z.string().optional(),name:z.string().optional(),size:Te.optional().default("default"),onChange:z.custom().optional(),onOpenChange:z.custom().optional(),children:z.custom()}),he=y.extend({value:z.string(),textValue:z.string().optional(),isDisabled:z.boolean().optional().default(false),children:z.custom(),className:z.string().optional()}),ye=y.extend({children:z.custom(),className:z.string().optional()}),Pe=y.extend({children:z.custom(),className:z.string().optional()});export{Ne as MultiSelect,_e as Select,Pe as SelectHeaderPropsSchema,he as SelectItemPropsSchema,Re as SelectPropsSchema,ye as SelectSectionPropsSchema};//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map