@tribepad/themis 1.0.0 → 1.0.2

package/dist/elements/Select/Select.styles.d.ts

@@ -0,0 +1,55 @@
+import { type VariantProps } from 'class-variance-authority';
+/**
+ * CVA Variants for Select Trigger Button
+ *
+ * Styles the trigger button that opens the select popover.
+ * All sizes enforce 44px minimum touch targets for WCAG 2.2 AAA compliance.
+ */
+export declare const selectTriggerVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+    isInvalid?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * CVA Variants for Select Items
+ *
+ * Styles individual selectable items within the listbox.
+ * All sizes enforce 44px minimum touch targets for WCAG 2.2 AAA compliance.
+ */
+export declare const selectItemVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * CVA Variants for Select Popover
+ *
+ * Styles the popover container that holds the listbox.
+ * Uses menu tokens to match Dropdown styling.
+ */
+export declare const selectPopoverVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * CVA Variants for Section Headers
+ *
+ * Styles the non-interactive section header labels within grouped selects.
+ */
+export declare const selectSectionVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * CVA Variants for Error Messages
+ *
+ * Styles the error message displayed below the select trigger.
+ */
+export declare const selectErrorVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Type exports for variant props.
+ * Allows TypeScript inference of variant combinations.
+ */
+export type SelectTriggerVariantProps = VariantProps<typeof selectTriggerVariants>;
+export type SelectItemVariantProps = VariantProps<typeof selectItemVariants>;
+export type SelectPopoverVariantProps = VariantProps<typeof selectPopoverVariants>;
+export type SelectSectionVariantProps = VariantProps<typeof selectSectionVariants>;
+export type SelectErrorVariantProps = VariantProps<typeof selectErrorVariants>;
+//# sourceMappingURL=Select.styles.d.ts.map

package/dist/elements/Select/Select.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../src/elements/Select/Select.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB;;;8EA+CjC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB;;8EA0C9B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB;;8EAiCjC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB;;8EAsBjC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB;;8EAsB/B,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,yBAAyB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC;AACnF,MAAM,MAAM,sBAAsB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAC7E,MAAM,MAAM,yBAAyB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC;AACnF,MAAM,MAAM,yBAAyB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC;AACnF,MAAM,MAAM,uBAAuB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC"}

package/dist/elements/Select/index.js

@@ -1,33 +1,3 @@
-'use strict';
-
-var chunk3XD2JUL3_js = require('../../chunk-3XD2JUL3.js');
-require('../../chunk-T4COXKQ3.js');
-
-
-
-Object.defineProperty(exports, "MultiSelect", {
-  enumerable: true,
-  get: function () { return chunk3XD2JUL3_js.MultiSelect; }
-});
-Object.defineProperty(exports, "Select", {
-  enumerable: true,
-  get: function () { return chunk3XD2JUL3_js.Select; }
-});
-Object.defineProperty(exports, "SelectHeaderPropsSchema", {
-  enumerable: true,
-  get: function () { return chunk3XD2JUL3_js.SelectHeaderPropsSchema; }
-});
-Object.defineProperty(exports, "SelectItemPropsSchema", {
-  enumerable: true,
-  get: function () { return chunk3XD2JUL3_js.SelectItemPropsSchema; }
-});
-Object.defineProperty(exports, "SelectPropsSchema", {
-  enumerable: true,
-  get: function () { return chunk3XD2JUL3_js.SelectPropsSchema; }
-});
-Object.defineProperty(exports, "SelectSectionPropsSchema", {
-  enumerable: true,
-  get: function () { return chunk3XD2JUL3_js.SelectSectionPropsSchema; }
-});
-//# sourceMappingURL=index.js.map
+"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 q=classVarianceAuthority.cva(["flex","w-full","items-center","justify-between","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:"h-9 px-3 text-sm min-h-[44px]",default:"h-11 px-4 text-base min-h-[44px]",lg:"h-14 px-5 text-lg min-h-[44px]"},isInvalid:{true:"border-[var(--destructive)]",false:"border-[var(--input)] hover:border-[var(--input)]/80"}},defaultVariants:{size:"default",isInvalid:false}}),F=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:"h-9 py-1.5 text-sm min-h-[44px]",default:"h-11 py-2 text-base min-h-[44px]",lg:"h-14 py-3 text-lg min-h-[44px]"}},defaultVariants:{size:"default"}}),K=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"}}),G=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.5 text-xs",lg:"px-3 py-2 text-sm"}},defaultVariants:{size:"default"}}),J=classVarianceAuthority.cva(["flex","items-center","gap-1.5","text-sm","font-medium","text-[var(--destructive)]","mt-1.5"],{variants:{size:{sm:"text-xs mt-1",default:"text-sm mt-1.5",lg:"text-base mt-2"}},defaultVariants:{size:"default"}});function X({ariaSelectProps:s,triggerContent:r,triggerRef:n,label:o,description:c,isRequired:u,isDisabled:d,isLoading:a,errorMessage:i,size:p,emptyStateMessage:N,childCount:b,children:v}){let f=react.useId(),y=react.useId(),h=react.useId(),S=!!i;return jsxRuntime.jsxs(reactAriaComponents.Select,{...s,isInvalid:S,children:[jsxRuntime.jsxs(reactAriaComponents.Label,{id:f,className:"text-sm font-medium text-[var(--content-foreground)]",children:[o,u&&jsxRuntime.jsx("span",{className:"text-[var(--destructive)] ml-1",children:"*"})]}),c&&jsxRuntime.jsx(reactAriaComponents.Text,{id:y,slot:"description",className:"text-sm text-[var(--menu-muted)] mt-1",children:c}),jsxRuntime.jsxs(reactAriaComponents.Button,{ref:n,className:q({size:p,isInvalid:S}),"aria-labelledby":f,"aria-describedby":c?y:i?h:void 0,"data-loading":a,...u&&{"aria-required":"true"},...a&&{"aria-busy":"true"},...(d||a)&&{"aria-disabled":"true"},children:[r,a?jsxRuntime.jsx(lucideReact.Loader2,{className:"h-4 w-4 animate-spin text-[var(--menu-muted)]","aria-hidden":"true"}):jsxRuntime.jsx(lucideReact.ChevronDown,{className:"h-4 w-4 text-[var(--menu-muted)]","aria-hidden":"true"})]}),jsxRuntime.jsx(reactAriaComponents.FieldError,{id:h,className:J({size:p}),children:({validationErrors:g})=>{let m=i||g.join(" ");return m?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(lucideReact.AlertCircle,{className:"h-4 w-4","aria-hidden":"true"}),m]}):null}}),jsxRuntime.jsx(reactAriaComponents.Popover,{className:K({size:p}),children:jsxRuntime.jsxs(reactAriaComponents.ListBox,{className:"outline-none",children:[a&&b>0&&jsxRuntime.jsx(jsxRuntime.Fragment,{children:Array.from({length:3}).map((g,m)=>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-${m}`))}),!a&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[v,b===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:N||"No options available"})})]})]})})]})}var Y=react.forwardRef(({label:s,placeholder:r,description:n,value:o,defaultValue:c,isOpen:u,isDisabled:d=false,isRequired:a=false,disabledKeys:i,validate:p,validationBehavior:N="aria",errorMessage:b,isLoading:v=false,emptyStateMessage:f,name:y,size:h="default",onChange:S,onOpenChange:g,className:m,children:M,...P},k)=>{let R=react.Children.count(M);return R>1e3&&console.warn("Select has >1000 items. Consider using Autocomplete component for better performance."),jsxRuntime.jsx(X,{ariaSelectProps:{value:o,defaultValue:c,onChange:C=>{S&&S(C);},placeholder:r,disabledKeys:i,isOpen:u,onOpenChange:g,isDisabled:d||v,isRequired:a,name:y,validate:p,validationBehavior:N,className:m,...P},triggerContent:jsxRuntime.jsx(reactAriaComponents.SelectValue,{className:"flex-1 text-left truncate"}),triggerRef:k,label:s,description:n,isRequired:a,isDisabled:d,isLoading:v,errorMessage:b,size:h,emptyStateMessage:f,childCount:R,children:M})});Y.displayName="Select";var Z=react.forwardRef(({label:s,placeholder:r,description:n,value:o,defaultValue:c,selectionMode:u="multiple",isOpen:d,isDisabled:a=false,isRequired:i=false,disabledKeys:p,validate:N,validationBehavior:b="aria",errorMessage:v,isLoading:f=false,emptyStateMessage:y,name:h,size:S="default",onChange:g,onOpenChange:m,className:M,children:P,...k},R)=>{let C=react.Children.count(P);C>1e3&&console.warn("Select has >1000 items. Consider using Autocomplete component for better performance.");let O=react.useMemo(()=>{let z=new Map,I=te=>{react.Children.forEach(te,$=>{if(react.isValidElement($)){let V=$;if(V.type===H||V.props?.value){let _=V.props.value,j=V.props.children;_&&typeof j=="string"&&z.set(_,j);}V.props?.children&&I(V.props.children);}});};return I(P),z},[P]),ee=react.useMemo(()=>!o||!Array.isArray(o)||o.length===0?r||"":o.length<=2?o.map(I=>O.get(I)||I).join(", "):`${o.length} items selected`,[o,O,r]);return jsxRuntime.jsx(X,{ariaSelectProps:{value:o,defaultValue:c,onChange:z=>{g&&g(z);},selectionMode:"multiple",disabledKeys:p,isOpen:d,onOpenChange:m,isDisabled:a||f,isRequired:i,name:h,validate:N,validationBehavior:b,className:M,...k},triggerContent:jsxRuntime.jsx("span",{className:"flex-1 text-left truncate",children:ee}),triggerRef:R,label:s,description:n,isRequired:i,isDisabled:a,isLoading:f,errorMessage:v,size:S,emptyStateMessage:y,childCount:C,children:P})});Z.displayName="MultiSelect";var H=react.memo(function({children:r,textValue:n,value:o,isDisabled:c=false,className:u,...d}){if(!n&&typeof r!="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:o,textValue:n||(typeof r=="string"?r:void 0),className:`${F({size:"default"})} ${u||""}`,isDisabled:c,...d,children:({isSelected:a,selectionMode:i,isDisabled:p})=>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:p?"text-[var(--menu-muted)]":"",children:r})]})})});H.displayName="SelectItem";function T({children:s,className:r,...n}){return jsxRuntime.jsx(reactAriaComponents.ListBoxSection,{className:`border-t border-[var(--border)] first:border-t-0 ${r||""}`,...n,children:s})}T.displayName="SelectSection";function D({children:s,className:r,...n}){return jsxRuntime.jsx(reactAriaComponents.Header,{className:`${G({size:"default"})} ${r||""}`,...n,children:s})}D.displayName="SelectHeader";var ve=Object.assign(Y,{Item:H,Section:T,Header:D}),ye=Object.assign(Z,{Item:H,Section:T,Header:D});var B=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 he=zod.z.enum(["sm","default","lg"]),Pe=zod.z.enum(["single","multiple"]),Ve=zod.z.enum(["native","aria"]),Ne=B.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:Pe.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:Ve.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:he.optional().default("default"),onChange:zod.z.custom().optional(),onOpenChange:zod.z.custom().optional(),children:zod.z.custom()}),ze=B.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()}),Ie=B.extend({children:zod.z.custom(),className:zod.z.string().optional()}),we=B.extend({children:zod.z.custom(),className:zod.z.string().optional()});exports.MultiSelect=ye;exports.Select=ve;exports.SelectHeaderPropsSchema=we;exports.SelectItemPropsSchema=ze;exports.SelectPropsSchema=Ne;exports.SelectSectionPropsSchema=Ie;//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
+{"version":3,"sources":["../../../src/elements/Select/Select.styles.ts","../../../src/elements/Select/Select.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Select/Select.types.ts"],"names":["selectTriggerVariants","cva","selectItemVariants","selectPopoverVariants","selectSectionVariants","selectErrorVariants","SelectBase","ariaSelectProps","triggerContent","triggerRef","label","description","isRequired","isDisabled","isLoading","errorMessage","size","emptyStateMessage","childCount","children","labelId","useId","descriptionId","errorId","isInvalid","jsxs","AriaSelect","Label","jsx","Text","Button","Loader2","ChevronDown","FieldError","validationErrors","displayError","Fragment","AlertCircle","Popover","ListBox","_","i","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":["import { cva, type VariantProps } from 'class-variance-authority';\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    '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        // All sizes use 44px minimum touch target for WCAG 2.2 AAA compliance\n        // Visual height varies but touch area remains accessible\n        sm: 'h-9 px-3 text-sm min-h-[44px]',\n        default: 'h-11 px-4 text-base min-h-[44px]',\n        lg: 'h-14 px-5 text-lg min-h-[44px]',\n      },\n      isInvalid: {\n        true: 'border-[var(--destructive)]',\n        false: 'border-[var(--input)] hover:border-[var(--input)]/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        // All sizes use 44px minimum touch target for WCAG 2.2 AAA compliance\n        sm: 'h-9 py-1.5 text-sm min-h-[44px]',\n        default: 'h-11 py-2 text-base min-h-[44px]',\n        lg: 'h-14 py-3 text-lg min-h-[44px]',\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.5 text-xs',\n        lg: 'px-3 py-2 text-sm',\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)]',\n    'mt-1.5',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'text-xs mt-1',\n        default: 'text-sm mt-1.5',\n        lg: 'text-base mt-2',\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, AlertCircle } from 'lucide-react';\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/**\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)] 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      {/* 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=\"h-4 w-4 animate-spin text-[var(--menu-muted)]\" aria-hidden=\"true\" />\n        ) : (\n          <ChevronDown className=\"h-4 w-4 text-[var(--menu-muted)]\" aria-hidden=\"true\" />\n        )}\n      </Button>\n\n      {/* Error Message */}\n      <FieldError id={errorId} className={selectErrorVariants({ size })}>\n        {({ validationErrors }) => {\n          // Display custom errorMessage if provided, otherwise show validation errors\n          const displayError = errorMessage || validationErrors.join(' ');\n          return displayError ? (\n            <>\n              <AlertCircle className=\"h-4 w-4\" aria-hidden=\"true\" />\n              {displayError}\n            </>\n          ) : 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 && (\n            <>\n              {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\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 type SelectProps = z.infer<typeof SelectPropsSchema> &\n  Omit<AriaSelectProps<object>, keyof z.infer<typeof SelectPropsSchema>>;\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 type SelectItemProps = z.infer<typeof SelectItemPropsSchema> &\n  Omit<AriaListBoxItemProps, keyof z.infer<typeof SelectItemPropsSchema>>;\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 type SelectSectionProps = z.infer<typeof SelectSectionPropsSchema>;\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 type SelectHeaderProps = z.infer<typeof SelectHeaderPropsSchema>;\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,4 +1,3 @@
-export { MultiSelect, Select, SelectHeaderPropsSchema, SelectItemPropsSchema, SelectPropsSchema, SelectSectionPropsSchema } from '../../chunk-6TYWWQHM.mjs';
-import '../../chunk-5SVLJN2C.mjs';
-//# sourceMappingURL=index.mjs.map
+"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,AlertCircle}from'lucide-react';import {cva}from'class-variance-authority';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {z}from'zod';var q=cva(["flex","w-full","items-center","justify-between","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:"h-9 px-3 text-sm min-h-[44px]",default:"h-11 px-4 text-base min-h-[44px]",lg:"h-14 px-5 text-lg min-h-[44px]"},isInvalid:{true:"border-[var(--destructive)]",false:"border-[var(--input)] hover:border-[var(--input)]/80"}},defaultVariants:{size:"default",isInvalid:false}}),F=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:"h-9 py-1.5 text-sm min-h-[44px]",default:"h-11 py-2 text-base min-h-[44px]",lg:"h-14 py-3 text-lg min-h-[44px]"}},defaultVariants:{size:"default"}}),K=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"}}),G=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.5 text-xs",lg:"px-3 py-2 text-sm"}},defaultVariants:{size:"default"}}),J=cva(["flex","items-center","gap-1.5","text-sm","font-medium","text-[var(--destructive)]","mt-1.5"],{variants:{size:{sm:"text-xs mt-1",default:"text-sm mt-1.5",lg:"text-base mt-2"}},defaultVariants:{size:"default"}});function X({ariaSelectProps:s,triggerContent:r,triggerRef:n,label:o,description:c,isRequired:u,isDisabled:d,isLoading:a,errorMessage:i,size:p,emptyStateMessage:N,childCount:b,children:v}){let f=useId(),y=useId(),h=useId(),S=!!i;return jsxs(Select,{...s,isInvalid:S,children:[jsxs(Label,{id:f,className:"text-sm font-medium text-[var(--content-foreground)]",children:[o,u&&jsx("span",{className:"text-[var(--destructive)] ml-1",children:"*"})]}),c&&jsx(Text,{id:y,slot:"description",className:"text-sm text-[var(--menu-muted)] mt-1",children:c}),jsxs(Button,{ref:n,className:q({size:p,isInvalid:S}),"aria-labelledby":f,"aria-describedby":c?y:i?h:void 0,"data-loading":a,...u&&{"aria-required":"true"},...a&&{"aria-busy":"true"},...(d||a)&&{"aria-disabled":"true"},children:[r,a?jsx(Loader2,{className:"h-4 w-4 animate-spin text-[var(--menu-muted)]","aria-hidden":"true"}):jsx(ChevronDown,{className:"h-4 w-4 text-[var(--menu-muted)]","aria-hidden":"true"})]}),jsx(FieldError,{id:h,className:J({size:p}),children:({validationErrors:g})=>{let m=i||g.join(" ");return m?jsxs(Fragment,{children:[jsx(AlertCircle,{className:"h-4 w-4","aria-hidden":"true"}),m]}):null}}),jsx(Popover,{className:K({size:p}),children:jsxs(ListBox,{className:"outline-none",children:[a&&b>0&&jsx(Fragment,{children:Array.from({length:3}).map((g,m)=>jsx("div",{className:"h-11 px-4 py-2",children:jsx("div",{className:"h-4 bg-[var(--accent-background)] rounded animate-pulse"})},`skeleton-${m}`))}),!a&&jsxs(Fragment,{children:[v,b===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:N||"No options available"})})]})]})})]})}var Y=forwardRef(({label:s,placeholder:r,description:n,value:o,defaultValue:c,isOpen:u,isDisabled:d=false,isRequired:a=false,disabledKeys:i,validate:p,validationBehavior:N="aria",errorMessage:b,isLoading:v=false,emptyStateMessage:f,name:y,size:h="default",onChange:S,onOpenChange:g,className:m,children:M,...P},k)=>{let R=Children.count(M);return R>1e3&&console.warn("Select has >1000 items. Consider using Autocomplete component for better performance."),jsx(X,{ariaSelectProps:{value:o,defaultValue:c,onChange:C=>{S&&S(C);},placeholder:r,disabledKeys:i,isOpen:u,onOpenChange:g,isDisabled:d||v,isRequired:a,name:y,validate:p,validationBehavior:N,className:m,...P},triggerContent:jsx(SelectValue,{className:"flex-1 text-left truncate"}),triggerRef:k,label:s,description:n,isRequired:a,isDisabled:d,isLoading:v,errorMessage:b,size:h,emptyStateMessage:f,childCount:R,children:M})});Y.displayName="Select";var Z=forwardRef(({label:s,placeholder:r,description:n,value:o,defaultValue:c,selectionMode:u="multiple",isOpen:d,isDisabled:a=false,isRequired:i=false,disabledKeys:p,validate:N,validationBehavior:b="aria",errorMessage:v,isLoading:f=false,emptyStateMessage:y,name:h,size:S="default",onChange:g,onOpenChange:m,className:M,children:P,...k},R)=>{let C=Children.count(P);C>1e3&&console.warn("Select has >1000 items. Consider using Autocomplete component for better performance.");let O=useMemo(()=>{let z=new Map,I=te=>{Children.forEach(te,$=>{if(isValidElement($)){let V=$;if(V.type===H||V.props?.value){let _=V.props.value,j=V.props.children;_&&typeof j=="string"&&z.set(_,j);}V.props?.children&&I(V.props.children);}});};return I(P),z},[P]),ee=useMemo(()=>!o||!Array.isArray(o)||o.length===0?r||"":o.length<=2?o.map(I=>O.get(I)||I).join(", "):`${o.length} items selected`,[o,O,r]);return jsx(X,{ariaSelectProps:{value:o,defaultValue:c,onChange:z=>{g&&g(z);},selectionMode:"multiple",disabledKeys:p,isOpen:d,onOpenChange:m,isDisabled:a||f,isRequired:i,name:h,validate:N,validationBehavior:b,className:M,...k},triggerContent:jsx("span",{className:"flex-1 text-left truncate",children:ee}),triggerRef:R,label:s,description:n,isRequired:i,isDisabled:a,isLoading:f,errorMessage:v,size:S,emptyStateMessage:y,childCount:C,children:P})});Z.displayName="MultiSelect";var H=memo(function({children:r,textValue:n,value:o,isDisabled:c=false,className:u,...d}){if(!n&&typeof r!="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:o,textValue:n||(typeof r=="string"?r:void 0),className:`${F({size:"default"})} ${u||""}`,isDisabled:c,...d,children:({isSelected:a,selectionMode:i,isDisabled:p})=>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:p?"text-[var(--menu-muted)]":"",children:r})]})})});H.displayName="SelectItem";function T({children:s,className:r,...n}){return jsx(ListBoxSection,{className:`border-t border-[var(--border)] first:border-t-0 ${r||""}`,...n,children:s})}T.displayName="SelectSection";function D({children:s,className:r,...n}){return jsx(Header,{className:`${G({size:"default"})} ${r||""}`,...n,children:s})}D.displayName="SelectHeader";var ve=Object.assign(Y,{Item:H,Section:T,Header:D}),ye=Object.assign(Z,{Item:H,Section:T,Header:D});var B=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 he=z.enum(["sm","default","lg"]),Pe=z.enum(["single","multiple"]),Ve=z.enum(["native","aria"]),Ne=B.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:Pe.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:Ve.optional().default("aria"),errorMessage:z.string().optional(),isLoading:z.boolean().optional().default(false),emptyStateMessage:z.string().optional(),name:z.string().optional(),size:he.optional().default("default"),onChange:z.custom().optional(),onOpenChange:z.custom().optional(),children:z.custom()}),ze=B.extend({value:z.string(),textValue:z.string().optional(),isDisabled:z.boolean().optional().default(false),children:z.custom(),className:z.string().optional()}),Ie=B.extend({children:z.custom(),className:z.string().optional()}),we=B.extend({children:z.custom(),className:z.string().optional()});export{ye as MultiSelect,ve as Select,we as SelectHeaderPropsSchema,ze as SelectItemPropsSchema,Ne as SelectPropsSchema,Ie as SelectSectionPropsSchema};//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}
+{"version":3,"sources":["../../../src/elements/Select/Select.styles.ts","../../../src/elements/Select/Select.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Select/Select.types.ts"],"names":["selectTriggerVariants","cva","selectItemVariants","selectPopoverVariants","selectSectionVariants","selectErrorVariants","SelectBase","ariaSelectProps","triggerContent","triggerRef","label","description","isRequired","isDisabled","isLoading","errorMessage","size","emptyStateMessage","childCount","children","labelId","useId","descriptionId","errorId","isInvalid","jsxs","AriaSelect","Label","jsx","Text","Button","Loader2","ChevronDown","FieldError","validationErrors","displayError","Fragment","AlertCircle","Popover","ListBox","_","i","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.mjs","sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\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    '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        // All sizes use 44px minimum touch target for WCAG 2.2 AAA compliance\n        // Visual height varies but touch area remains accessible\n        sm: 'h-9 px-3 text-sm min-h-[44px]',\n        default: 'h-11 px-4 text-base min-h-[44px]',\n        lg: 'h-14 px-5 text-lg min-h-[44px]',\n      },\n      isInvalid: {\n        true: 'border-[var(--destructive)]',\n        false: 'border-[var(--input)] hover:border-[var(--input)]/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        // All sizes use 44px minimum touch target for WCAG 2.2 AAA compliance\n        sm: 'h-9 py-1.5 text-sm min-h-[44px]',\n        default: 'h-11 py-2 text-base min-h-[44px]',\n        lg: 'h-14 py-3 text-lg min-h-[44px]',\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.5 text-xs',\n        lg: 'px-3 py-2 text-sm',\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)]',\n    'mt-1.5',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'text-xs mt-1',\n        default: 'text-sm mt-1.5',\n        lg: 'text-base mt-2',\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, AlertCircle } from 'lucide-react';\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/**\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)] 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      {/* 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=\"h-4 w-4 animate-spin text-[var(--menu-muted)]\" aria-hidden=\"true\" />\n        ) : (\n          <ChevronDown className=\"h-4 w-4 text-[var(--menu-muted)]\" aria-hidden=\"true\" />\n        )}\n      </Button>\n\n      {/* Error Message */}\n      <FieldError id={errorId} className={selectErrorVariants({ size })}>\n        {({ validationErrors }) => {\n          // Display custom errorMessage if provided, otherwise show validation errors\n          const displayError = errorMessage || validationErrors.join(' ');\n          return displayError ? (\n            <>\n              <AlertCircle className=\"h-4 w-4\" aria-hidden=\"true\" />\n              {displayError}\n            </>\n          ) : 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 && (\n            <>\n              {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\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 type SelectProps = z.infer<typeof SelectPropsSchema> &\n  Omit<AriaSelectProps<object>, keyof z.infer<typeof SelectPropsSchema>>;\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 type SelectItemProps = z.infer<typeof SelectItemPropsSchema> &\n  Omit<AriaListBoxItemProps, keyof z.infer<typeof SelectItemPropsSchema>>;\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 type SelectSectionProps = z.infer<typeof SelectSectionPropsSchema>;\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 type SelectHeaderProps = z.infer<typeof SelectHeaderPropsSchema>;\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/Skeleton/index.js

@@ -1,22 +1,3 @@
-'use strict';
-
-var chunkA6KEDVUR_js = require('../../chunk-A6KEDVUR.js');
-require('../../chunk-VIREG536.js');
-require('../../chunk-T4COXKQ3.js');
-
-
-
-Object.defineProperty(exports, "Skeleton", {
-  enumerable: true,
-  get: function () { return chunkA6KEDVUR_js.Skeleton; }
-});
-Object.defineProperty(exports, "SkeletonPropsSchema", {
-  enumerable: true,
-  get: function () { return chunkA6KEDVUR_js.SkeletonPropsSchema; }
-});
-Object.defineProperty(exports, "skeletonVariants", {
-  enumerable: true,
-  get: function () { return chunkA6KEDVUR_js.skeletonVariants; }
-});
-//# sourceMappingURL=index.js.map
+"use client";
+'use strict';var react=require('react'),classVarianceAuthority=require('class-variance-authority'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime'),zod=require('zod');function o(...t){return tailwindMerge.twMerge(clsx.clsx(t))}var r=classVarianceAuthority.cva("animate-pulse bg-[var(--accent-background)] relative",{variants:{variant:{rectangle:"rounded-md",circle:"rounded-full",text:"rounded-sm h-4"}},defaultVariants:{variant:"rectangle"}}),n=react.memo(react.forwardRef(({className:t,variant:l,...p},m)=>jsxRuntime.jsx("div",{ref:m,role:"status","aria-live":"polite","aria-busy":"true",className:o(r({variant:l}),t),...p,children:jsxRuntime.jsx("span",{className:"sr-only",children:"Loading..."})})));n.displayName="Skeleton";var i=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 g=i.extend({variant:zod.z.enum(["rectangle","circle","text"]).optional().default("rectangle"),className:zod.z.string().optional()});exports.Skeleton=n;exports.SkeletonPropsSchema=g;exports.skeletonVariants=r;//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
+{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/elements/Skeleton/Skeleton.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Skeleton/Skeleton.types.ts"],"names":["cn","inputs","twMerge","clsx","skeletonVariants","cva","Skeleton","memo","forwardRef","className","variant","props","ref","jsx","BaseComponentPropsSchema","z","SkeletonPropsSchema"],"mappings":"2NAcO,SAASA,CAAAA,CAAAA,GAAMC,CAAAA,CAA8B,CAClD,OAAOC,qBAAAA,CAAQC,UAAKF,CAAM,CAAC,CAC7B,CCIA,IAAMG,CAAAA,CAAmBC,0BAAAA,CAEvB,sDAAA,CACA,CACE,SAAU,CAER,OAAA,CAAS,CACP,SAAA,CAAW,YAAA,CACX,OAAQ,cAAA,CACR,IAAA,CAAM,gBACR,CACF,CAAA,CACA,eAAA,CAAiB,CACf,OAAA,CAAS,WACX,CACF,CACF,CAAA,CAeMC,EAAWC,UAAAA,CACfC,gBAAAA,CACE,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,QAAAC,CAAAA,CAAS,GAAGC,CAAM,CAAA,CAAGC,CAAAA,GAE/BC,eAAC,KAAA,CAAA,CACC,GAAA,CAAKD,CAAAA,CACL,IAAA,CAAK,QAAA,CACL,WAAA,CAAU,SACV,WAAA,CAAU,MAAA,CACV,UAAWZ,CAAAA,CAAGI,CAAAA,CAAiB,CAAE,OAAA,CAAAM,CAAQ,CAAC,CAAA,CAAGD,CAAS,CAAA,CACrD,GAAGE,CAAAA,CAGJ,QAAA,CAAAE,eAAC,MAAA,CAAA,CAAK,SAAA,CAAU,UAAU,QAAA,CAAA,YAAA,CAAU,CAAA,CACtC,CAGN,CACF,EAEAP,CAAAA,CAAS,YAAc,UAAA,CC9DhB,IAAMQ,CAAAA,CAA2BC,MAAE,MAAA,CAAO,CAE/C,UAAWA,KAAAA,CAAE,MAAA,GAAS,QAAA,EAAS,CAG/B,QAAA,CAAUA,KAAAA,CAAE,GAAA,EAAI,CAAE,UAAS,CAC3B,EAAA,CAAIA,MAAE,MAAA,EAAO,CAAE,UAAS,CAGxB,YAAA,CAAcA,KAAAA,CAAE,MAAA,EAAO,CAAE,QAAA,GACzB,iBAAA,CAAmBA,KAAAA,CAAE,QAAO,CAAE,QAAA,GAC9B,kBAAA,CAAoBA,KAAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS,CACxC,YAAaA,KAAAA,CAAE,IAAA,CAAK,CAAC,KAAA,CAAO,QAAA,CAAU,WAAW,CAAC,CAAA,CAAE,QAAA,EAAS,CAC7D,aAAA,CAAeA,KAAAA,CAAE,SAAQ,CAAE,QAAA,GAG3B,aAAA,CAAeA,KAAAA,CAAE,QAAO,CAAE,QAAA,EAC5B,CAAC,CAAA,CCfM,IAAMC,EAAsBF,CAAAA,CAAyB,MAAA,CAAO,CAEjE,OAAA,CAASC,KAAAA,CACN,KAAK,CAAC,WAAA,CAAa,QAAA,CAAU,MAAM,CAAC,CAAA,CACpC,UAAS,CACT,OAAA,CAAQ,WAAW,CAAA,CAItB,SAAA,CAAWA,MAAE,MAAA,EAAO,CAAE,QAAA,EACxB,CAAC","file":"index.js","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","\"use client\";\n\n/**\n * Skeleton Component\n * Loading placeholder with pulse animation and theme-aware styling\n *\n * @see ShadCN Skeleton: https://ui.shadcn.com/docs/components/skeleton\n * @see spec.md FR-009 (WCAG 2.2 AAA - 7:1 contrast ratio)\n * @see tasks.md Phase 2 (Green Phase - Implementation)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\nimport { forwardRef, memo, type HTMLAttributes } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n/**\n * Skeleton variant styles using CVA\n * @see tasks.md Phase 2.2 (CVA Variant Definitions)\n */\nconst skeletonVariants = cva(\n  // Base styles - pulse animation and theme-aware background\n  \"animate-pulse bg-[var(--accent-background)] relative\",\n  {\n    variants: {\n      // Shape variants\n      variant: {\n        rectangle: \"rounded-md\", // Default: 0.375rem border radius\n        circle: \"rounded-full\",  // Circular shape (for avatars, icons)\n        text: \"rounded-sm h-4\",  // Text line placeholder (1rem height, 0.125rem radius)\n      },\n    },\n    defaultVariants: {\n      variant: \"rectangle\",\n    },\n  }\n);\n\nexport interface SkeletonProps\n  extends HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof skeletonVariants> {\n  variant?: 'rectangle' | 'circle' | 'text';\n  className?: string;\n}\n\n/**\n * Skeleton Component\n * Non-interactive loading placeholder with pulse animation\n *\n * @see tasks.md Phase 2.4 (Component Implementation)\n */\nconst Skeleton = memo(\n  forwardRef<HTMLDivElement, SkeletonProps>(\n    ({ className, variant, ...props }, ref) => {\n      return (\n        <div\n          ref={ref}\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-busy=\"true\"\n          className={cn(skeletonVariants({ variant }), className)}\n          {...props}\n        >\n          {/* Screen reader text for accessibility */}\n          <span className=\"sr-only\">Loading...</span>\n        </div>\n      );\n    }\n  )\n);\n\nSkeleton.displayName = \"Skeleton\";\n\nexport { Skeleton, skeletonVariants };\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';\n\n/**\n * Skeleton props schema extending BaseComponentProps\n *\n * @see ShadCN Skeleton: https://ui.shadcn.com/docs/components/skeleton\n * @see tasks.md Phase 1.1 (Type System)\n * @see spec.md FR-009 (WCAG 2.2 AAA - 7:1 contrast ratio)\n * @see constitution.md Principle IV (Accessibility First)\n */\nexport const SkeletonPropsSchema = BaseComponentPropsSchema.extend({\n  // Variants - shape of the skeleton placeholder\n  variant: z\n    .enum(['rectangle', 'circle', 'text'])\n    .optional()\n    .default('rectangle'),\n\n  // Custom className for width/height overrides\n  // Users can pass className=\"w-20 h-20\" for custom sizing\n  className: z.string().optional(),\n});\n\nexport type SkeletonProps = z.infer<typeof SkeletonPropsSchema>;\n\n/**\n * CVA variant configuration type\n * Used for class-variance-authority integration\n */\nexport type SkeletonVariant = z.infer<typeof SkeletonPropsSchema>['variant'];\n"]}

package/dist/elements/Skeleton/index.mjs

@@ -1,5 +1,3 @@
-export { Skeleton, SkeletonPropsSchema, skeletonVariants } from '../../chunk-NFSBGRDB.mjs';
-import '../../chunk-E2KQFV3O.mjs';
-import '../../chunk-5SVLJN2C.mjs';
-//# sourceMappingURL=index.mjs.map
+"use client";
+import {memo,forwardRef}from'react';import {cva}from'class-variance-authority';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx}from'react/jsx-runtime';import {z}from'zod';function o(...t){return twMerge(clsx(t))}var r=cva("animate-pulse bg-[var(--accent-background)] relative",{variants:{variant:{rectangle:"rounded-md",circle:"rounded-full",text:"rounded-sm h-4"}},defaultVariants:{variant:"rectangle"}}),n=memo(forwardRef(({className:t,variant:l,...p},m)=>jsx("div",{ref:m,role:"status","aria-live":"polite","aria-busy":"true",className:o(r({variant:l}),t),...p,children:jsx("span",{className:"sr-only",children:"Loading..."})})));n.displayName="Skeleton";var i=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 g=i.extend({variant:z.enum(["rectangle","circle","text"]).optional().default("rectangle"),className:z.string().optional()});export{n as Skeleton,g as SkeletonPropsSchema,r as skeletonVariants};//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}
+{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/elements/Skeleton/Skeleton.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Skeleton/Skeleton.types.ts"],"names":["cn","inputs","twMerge","clsx","skeletonVariants","cva","Skeleton","memo","forwardRef","className","variant","props","ref","jsx","BaseComponentPropsSchema","z","SkeletonPropsSchema"],"mappings":"oMAcO,SAASA,CAAAA,CAAAA,GAAMC,CAAAA,CAA8B,CAClD,OAAOC,OAAAA,CAAQC,KAAKF,CAAM,CAAC,CAC7B,CCIA,IAAMG,CAAAA,CAAmBC,GAAAA,CAEvB,sDAAA,CACA,CACE,SAAU,CAER,OAAA,CAAS,CACP,SAAA,CAAW,YAAA,CACX,OAAQ,cAAA,CACR,IAAA,CAAM,gBACR,CACF,CAAA,CACA,eAAA,CAAiB,CACf,OAAA,CAAS,WACX,CACF,CACF,CAAA,CAeMC,EAAWC,IAAAA,CACfC,UAAAA,CACE,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,QAAAC,CAAAA,CAAS,GAAGC,CAAM,CAAA,CAAGC,CAAAA,GAE/BC,IAAC,KAAA,CAAA,CACC,GAAA,CAAKD,CAAAA,CACL,IAAA,CAAK,QAAA,CACL,WAAA,CAAU,SACV,WAAA,CAAU,MAAA,CACV,UAAWZ,CAAAA,CAAGI,CAAAA,CAAiB,CAAE,OAAA,CAAAM,CAAQ,CAAC,CAAA,CAAGD,CAAS,CAAA,CACrD,GAAGE,CAAAA,CAGJ,QAAA,CAAAE,IAAC,MAAA,CAAA,CAAK,SAAA,CAAU,UAAU,QAAA,CAAA,YAAA,CAAU,CAAA,CACtC,CAGN,CACF,EAEAP,CAAAA,CAAS,YAAc,UAAA,CC9DhB,IAAMQ,CAAAA,CAA2BC,EAAE,MAAA,CAAO,CAE/C,UAAWA,CAAAA,CAAE,MAAA,GAAS,QAAA,EAAS,CAG/B,QAAA,CAAUA,CAAAA,CAAE,GAAA,EAAI,CAAE,UAAS,CAC3B,EAAA,CAAIA,EAAE,MAAA,EAAO,CAAE,UAAS,CAGxB,YAAA,CAAcA,CAAAA,CAAE,MAAA,EAAO,CAAE,QAAA,GACzB,iBAAA,CAAmBA,CAAAA,CAAE,QAAO,CAAE,QAAA,GAC9B,kBAAA,CAAoBA,CAAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS,CACxC,YAAaA,CAAAA,CAAE,IAAA,CAAK,CAAC,KAAA,CAAO,QAAA,CAAU,WAAW,CAAC,CAAA,CAAE,QAAA,EAAS,CAC7D,aAAA,CAAeA,CAAAA,CAAE,SAAQ,CAAE,QAAA,GAG3B,aAAA,CAAeA,CAAAA,CAAE,QAAO,CAAE,QAAA,EAC5B,CAAC,CAAA,CCfM,IAAMC,EAAsBF,CAAAA,CAAyB,MAAA,CAAO,CAEjE,OAAA,CAASC,CAAAA,CACN,KAAK,CAAC,WAAA,CAAa,QAAA,CAAU,MAAM,CAAC,CAAA,CACpC,UAAS,CACT,OAAA,CAAQ,WAAW,CAAA,CAItB,SAAA,CAAWA,EAAE,MAAA,EAAO,CAAE,QAAA,EACxB,CAAC","file":"index.mjs","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","\"use client\";\n\n/**\n * Skeleton Component\n * Loading placeholder with pulse animation and theme-aware styling\n *\n * @see ShadCN Skeleton: https://ui.shadcn.com/docs/components/skeleton\n * @see spec.md FR-009 (WCAG 2.2 AAA - 7:1 contrast ratio)\n * @see tasks.md Phase 2 (Green Phase - Implementation)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\nimport { forwardRef, memo, type HTMLAttributes } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n/**\n * Skeleton variant styles using CVA\n * @see tasks.md Phase 2.2 (CVA Variant Definitions)\n */\nconst skeletonVariants = cva(\n  // Base styles - pulse animation and theme-aware background\n  \"animate-pulse bg-[var(--accent-background)] relative\",\n  {\n    variants: {\n      // Shape variants\n      variant: {\n        rectangle: \"rounded-md\", // Default: 0.375rem border radius\n        circle: \"rounded-full\",  // Circular shape (for avatars, icons)\n        text: \"rounded-sm h-4\",  // Text line placeholder (1rem height, 0.125rem radius)\n      },\n    },\n    defaultVariants: {\n      variant: \"rectangle\",\n    },\n  }\n);\n\nexport interface SkeletonProps\n  extends HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof skeletonVariants> {\n  variant?: 'rectangle' | 'circle' | 'text';\n  className?: string;\n}\n\n/**\n * Skeleton Component\n * Non-interactive loading placeholder with pulse animation\n *\n * @see tasks.md Phase 2.4 (Component Implementation)\n */\nconst Skeleton = memo(\n  forwardRef<HTMLDivElement, SkeletonProps>(\n    ({ className, variant, ...props }, ref) => {\n      return (\n        <div\n          ref={ref}\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-busy=\"true\"\n          className={cn(skeletonVariants({ variant }), className)}\n          {...props}\n        >\n          {/* Screen reader text for accessibility */}\n          <span className=\"sr-only\">Loading...</span>\n        </div>\n      );\n    }\n  )\n);\n\nSkeleton.displayName = \"Skeleton\";\n\nexport { Skeleton, skeletonVariants };\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';\n\n/**\n * Skeleton props schema extending BaseComponentProps\n *\n * @see ShadCN Skeleton: https://ui.shadcn.com/docs/components/skeleton\n * @see tasks.md Phase 1.1 (Type System)\n * @see spec.md FR-009 (WCAG 2.2 AAA - 7:1 contrast ratio)\n * @see constitution.md Principle IV (Accessibility First)\n */\nexport const SkeletonPropsSchema = BaseComponentPropsSchema.extend({\n  // Variants - shape of the skeleton placeholder\n  variant: z\n    .enum(['rectangle', 'circle', 'text'])\n    .optional()\n    .default('rectangle'),\n\n  // Custom className for width/height overrides\n  // Users can pass className=\"w-20 h-20\" for custom sizing\n  className: z.string().optional(),\n});\n\nexport type SkeletonProps = z.infer<typeof SkeletonPropsSchema>;\n\n/**\n * CVA variant configuration type\n * Used for class-variance-authority integration\n */\nexport type SkeletonVariant = z.infer<typeof SkeletonPropsSchema>['variant'];\n"]}

package/dist/elements/Switch/index.js

@@ -1,49 +1,3 @@
-'use strict';
-
-var chunkEMMLADSC_js = require('../../chunk-EMMLADSC.js');
-require('../../chunk-B5Q4UPL6.js');
-require('../../chunk-VIREG536.js');
-var chunkT4COXKQ3_js = require('../../chunk-T4COXKQ3.js');
-var zod = require('zod');
-
-var SwitchPropsSchema = chunkT4COXKQ3_js.BaseComponentPropsSchema.extend({
-  // State management (controlled/uncontrolled)
-  isSelected: zod.z.boolean().optional(),
-  defaultSelected: zod.z.boolean().optional().default(false),
-  onChange: zod.z.function().optional(),
-  // Variants (matching Button pattern)
-  variant: zod.z.enum(["default", "destructive"]).optional().default("default"),
-  // Sizes (3 sizes for consistency)
-  size: zod.z.enum(["sm", "default", "lg"]).optional().default("default"),
-  // States
-  isDisabled: zod.z.boolean().optional().default(false),
-  isReadOnly: zod.z.boolean().optional().default(false),
-  // Labels (optional built-in labeling)
-  label: zod.z.string().optional(),
-  description: zod.z.string().optional(),
-  // React Aria SwitchProps integration
-  onFocus: zod.z.function().optional(),
-  onBlur: zod.z.function().optional(),
-  onFocusChange: zod.z.function().optional(),
-  autoFocus: zod.z.boolean().optional()
-});
-
-Object.defineProperty(exports, "Switch", {
-  enumerable: true,
-  get: function () { return chunkEMMLADSC_js.Switch; }
-});
-Object.defineProperty(exports, "switchOuterVariants", {
-  enumerable: true,
-  get: function () { return chunkEMMLADSC_js.switchOuterVariants; }
-});
-Object.defineProperty(exports, "switchThumbVariants", {
-  enumerable: true,
-  get: function () { return chunkEMMLADSC_js.switchThumbVariants; }
-});
-Object.defineProperty(exports, "switchTrackVariants", {
-  enumerable: true,
-  get: function () { return chunkEMMLADSC_js.switchTrackVariants; }
-});
-exports.SwitchPropsSchema = SwitchPropsSchema;
-//# sourceMappingURL=index.js.map
+"use client";
+'use strict';var react=require('react'),reactAriaComponents=require('react-aria-components'),classVarianceAuthority=require('class-variance-authority'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime'),zod=require('zod');function o(...s){return tailwindMerge.twMerge(clsx.clsx(s))}var u="data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2",A="data-[pressed]:scale-[0.97]";var V="data-[hovered]:shadow-md";var l="hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground",h="hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground",m="hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground";var S=`${u} ${A} ${V} ${l} ${h} ${m}`;var w=classVarianceAuthority.cva("inline-flex shrink-0 cursor-pointer items-center justify-center min-h-[44px] min-w-[44px] disabled:cursor-not-allowed disabled:opacity-50 data-[readonly]:cursor-default",{variants:{},defaultVariants:{}}),g=classVarianceAuthority.cva("relative inline-flex shrink-0 items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-background",{variants:{variant:{default:"bg-[var(--input)] data-[selected]:bg-[var(--primary)]",destructive:"bg-[var(--input)] data-[selected]:bg-[var(--destructive)]"},size:{sm:"h-5 w-9",default:"h-6 w-11",lg:"h-7 w-14"}},defaultVariants:{variant:"default",size:"default"}}),b=classVarianceAuthority.cva("pointer-events-none absolute left-0.5 rounded-full bg-[var(--content-background)] shadow-lg ring-0 transition-transform data-[selected]:translate-x-full",{variants:{size:{sm:"h-4 w-4",default:"h-5 w-5",lg:"h-6 w-6"}},defaultVariants:{size:"default"}}),x=react.memo(react.forwardRef(({className:s,variant:y,size:d,label:r,description:n,isDisabled:p,isReadOnly:f,...E},N)=>jsxRuntime.jsx(reactAriaComponents.Switch,{ref:N,isDisabled:p,isReadOnly:f,className:i=>o("group inline-flex items-center gap-2",p&&"cursor-not-allowed opacity-50",s),...E,children:i=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:o(w()),"data-selected":i.isSelected||void 0,"data-readonly":f||void 0,children:jsxRuntime.jsx("div",{className:o(g({variant:y,size:d}),S),"data-selected":i.isSelected||void 0,children:jsxRuntime.jsx("div",{className:o(b({size:d})),"data-selected":i.isSelected||void 0})})}),(r||n)&&jsxRuntime.jsxs("div",{className:"flex flex-col",children:[r&&jsxRuntime.jsx("span",{className:"text-sm font-medium text-[var(--content-foreground)]",children:r}),n&&jsxRuntime.jsx("span",{className:"text-xs text-[var(--menu-muted)]",children:n})]})]})})));x.displayName="Switch";var T=zod.z.object({className:zod.z.string().optional(),children:zod.z.any().optional(),id:zod.z.string().optional(),"aria-label":zod.z.string().optional(),"aria-labelledby":zod.z.string().optional(),"aria-describedby":zod.z.string().optional(),"aria-live":zod.z.enum(["off","polite","assertive"]).optional(),"aria-hidden":zod.z.boolean().optional(),"data-testid":zod.z.string().optional()});var I=T.extend({isSelected:zod.z.boolean().optional(),defaultSelected:zod.z.boolean().optional().default(false),onChange:zod.z.function().optional(),variant:zod.z.enum(["default","destructive"]).optional().default("default"),size:zod.z.enum(["sm","default","lg"]).optional().default("default"),isDisabled:zod.z.boolean().optional().default(false),isReadOnly:zod.z.boolean().optional().default(false),label:zod.z.string().optional(),description:zod.z.string().optional(),onFocus:zod.z.function().optional(),onBlur:zod.z.function().optional(),onFocusChange:zod.z.function().optional(),autoFocus:zod.z.boolean().optional()});exports.Switch=x;exports.SwitchPropsSchema=I;exports.switchOuterVariants=w;exports.switchThumbVariants=b;exports.switchTrackVariants=g;//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Switch/Switch.types.ts"],"names":["BaseComponentPropsSchema","z"],"mappings":";;;;;;;;AAYO,IAAM,iBAAA,GAAoBA,0CAAyB,MAAA,CAAO;AAAA;AAAA,EAE/D,UAAA,EAAYC,KAAA,CAAE,OAAA,EAAQ,CAAE,QAAA,EAAS;AAAA,EACjC,iBAAiBA,KAAA,CAAE,OAAA,GAAU,QAAA,EAAS,CAAE,QAAQ,KAAK,CAAA;AAAA,EACrD,QAAA,EAAUA,KAAA,CAAE,QAAA,EAAS,CAAE,QAAA,EAAS;AAAA;AAAA,EAGhC,OAAA,EAASA,KAAA,CACN,IAAA,CAAK,CAAC,SAAA,EAAW,aAAa,CAAC,CAAA,CAC/B,QAAA,EAAS,CACT,OAAA,CAAQ,SAAS,CAAA;AAAA;AAAA,EAGpB,IAAA,EAAMA,KAAA,CAAE,IAAA,CAAK,CAAC,IAAA,EAAM,SAAA,EAAW,IAAI,CAAC,CAAA,CAAE,QAAA,EAAS,CAAE,OAAA,CAAQ,SAAS,CAAA;AAAA;AAAA,EAGlE,YAAYA,KAAA,CAAE,OAAA,GAAU,QAAA,EAAS,CAAE,QAAQ,KAAK,CAAA;AAAA,EAChD,YAAYA,KAAA,CAAE,OAAA,GAAU,QAAA,EAAS,CAAE,QAAQ,KAAK,CAAA;AAAA;AAAA,EAGhD,KAAA,EAAOA,KAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA,EAC3B,WAAA,EAAaA,KAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA;AAAA,EAGjC,OAAA,EAASA,KAAA,CAAE,QAAA,EAAS,CAAE,QAAA,EAAS;AAAA,EAC/B,MAAA,EAAQA,KAAA,CAAE,QAAA,EAAS,CAAE,QAAA,EAAS;AAAA,EAC9B,aAAA,EAAeA,KAAA,CAAE,QAAA,EAAS,CAAE,QAAA,EAAS;AAAA,EACrC,SAAA,EAAWA,KAAA,CAAE,OAAA,EAAQ,CAAE,QAAA;AACzB,CAAC","file":"index.js","sourcesContent":["import { z } from 'zod';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\nimport type { SwitchProps as AriaSwitchProps } from 'react-aria-components';\n\n/**\n * Switch props schema extending BaseComponentProps\n *\n * @see React Aria Switch: https://react-spectrum.adobe.com/react-aria/Switch.html\n * @see ShadCN Switch: https://ui.shadcn.com/docs/components/switch\n * @see spec.md (WCAG 2.2 AAA - 7:1 contrast, 44x44px touch targets)\n * @see constitution.md Principle IV (Accessibility First)\n */\nexport const SwitchPropsSchema = BaseComponentPropsSchema.extend({\n  // State management (controlled/uncontrolled)\n  isSelected: z.boolean().optional(),\n  defaultSelected: z.boolean().optional().default(false),\n  onChange: z.function().optional(),\n\n  // Variants (matching Button pattern)\n  variant: z\n    .enum(['default', 'destructive'])\n    .optional()\n    .default('default'),\n\n  // Sizes (3 sizes for consistency)\n  size: z.enum(['sm', 'default', 'lg']).optional().default('default'),\n\n  // States\n  isDisabled: z.boolean().optional().default(false),\n  isReadOnly: z.boolean().optional().default(false),\n\n  // Labels (optional built-in labeling)\n  label: z.string().optional(),\n  description: z.string().optional(),\n\n  // React Aria SwitchProps integration\n  onFocus: z.function().optional(),\n  onBlur: z.function().optional(),\n  onFocusChange: z.function().optional(),\n  autoFocus: z.boolean().optional(),\n});\n\nexport type SwitchProps = z.infer<typeof SwitchPropsSchema> &\n  Omit<AriaSwitchProps, keyof z.infer<typeof SwitchPropsSchema>>;\n\n/**\n * CVA variant configuration types\n * Used for class-variance-authority integration\n */\nexport type SwitchVariant = z.infer<typeof SwitchPropsSchema>['variant'];\nexport type SwitchSize = z.infer<typeof SwitchPropsSchema>['size'];\n"]}
+{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/styles/interaction-states.ts","../../../src/elements/Switch/Switch.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Switch/Switch.types.ts"],"names":["cn","inputs","twMerge","clsx","FOCUS_STYLES","PRESSED_STYLES","HOVER_STYLES","HIGH_CONTRAST_FOCUS","HIGH_CONTRAST_HOVER","HIGH_CONTRAST_PRESSED","DEFAULT_INTERACTIONS","switchOuterVariants","cva","switchTrackVariants","switchThumbVariants","Switch","memo","forwardRef","className","variant","size","label","description","isDisabled","isReadOnly","props","ref","jsx","AriaSwitch","_classNameProps","renderProps","jsxs","Fragment","BaseComponentPropsSchema","z","SwitchPropsSchema"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","/**\n * Global Interaction State Styles\n *\n * Consistent interaction patterns across all Themis components.\n * These styles ensure WCAG 2.2 AAA compliance and predictable UX.\n *\n * @see spec.md FR-010 (Visible focus ring for keyboard navigation)\n * @see spec.md FR-031 (Pressed state feedback)\n * @see spec.md FR-012 (High contrast mode support)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\n/**\n * Focus state styles (FR-010)\n * Visible focus ring for keyboard navigation - WCAG 2.2 Level AAA\n *\n * Components can override by extending these styles:\n * @example\n * cn(FOCUS_STYLES, \"ring-4\") // Increases ring width to 4px\n */\nexport const FOCUS_STYLES = \"data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2\";\n\n/**\n * Pressed/Active state styles (FR-031)\n * Visual feedback for press interactions\n *\n * Components can override the scale amount:\n * @example\n * cn(PRESSED_STYLES_BASE, \"data-[pressed]:scale-[0.95]\") // More pronounced scale\n */\nexport const PRESSED_STYLES = \"data-[pressed]:scale-[0.97]\";\n\n/**\n * Base pressed styles without scale (for components that need different feedback)\n */\nexport const PRESSED_STYLES_BASE = \"data-[pressed]:transition-transform data-[pressed]:duration-100\";\n\n/**\n * Hover state styles\n * Elevation change on hover for better affordance\n *\n * Components can override shadow depth:\n * @example\n * cn(HOVER_STYLES_BASE, \"data-[hovered]:shadow-lg\") // Larger shadow\n */\nexport const HOVER_STYLES = \"data-[hovered]:shadow-md\";\n\n/**\n * Base hover styles without shadow (for components that use different hover effects)\n */\nexport const HOVER_STYLES_BASE = \"data-[hovered]:transition-shadow data-[hovered]:duration-200\";\n\n/**\n * High contrast mode focus (FR-012)\n * Enhanced outlines for users requiring high contrast\n *\n * Uses 'hc:' prefix for prefers-contrast: more media query\n */\nexport const HIGH_CONTRAST_FOCUS = \"hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground\";\n\n/**\n * High contrast mode hover (FR-012)\n * Enhanced outlines for hover in high contrast mode\n */\nexport const HIGH_CONTRAST_HOVER = \"hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground\";\n\n/**\n * High contrast mode pressed state\n * Enhanced outlines for pressed state in high contrast mode\n */\nexport const HIGH_CONTRAST_PRESSED = \"hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground\";\n\n/**\n * Combined high contrast styles\n * Use this for components that need all high contrast interaction states\n */\nexport const HIGH_CONTRAST_INTERACTIONS = `${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Disabled state styles\n * Consistent disabled appearance across all components\n */\nexport const DISABLED_STYLES = \"disabled:pointer-events-none disabled:opacity-50\";\n\n/**\n * Default interaction bundle\n * Most common combination for interactive components\n *\n * Includes: focus ring, pressed scale, hover shadow, high contrast enhancements\n *\n * @example\n * <button className={cn(DEFAULT_INTERACTIONS, \"bg-primary\")}>Click</button>\n */\nexport const DEFAULT_INTERACTIONS = `${FOCUS_STYLES} ${PRESSED_STYLES} ${HOVER_STYLES} ${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Subtle interaction bundle\n * For components that need less pronounced feedback\n *\n * Includes: focus ring and high contrast, but no hover shadow or pressed scale\n */\nexport const SUBTLE_INTERACTIONS = `${FOCUS_STYLES} ${HIGH_CONTRAST_FOCUS}`;\n\n/**\n * Non-interactive element styles\n * For elements that should indicate they are not interactive\n */\nexport const NON_INTERACTIVE = \"cursor-default select-none\";\n","\"use client\";\n\n/**\n * Switch Component\n * Accessible toggle switch with React Aria primitives and CVA styling\n *\n * @see React Aria Switch: https://react-spectrum.adobe.com/react-aria/Switch.html\n * @see ShadCN Switch: https://ui.shadcn.com/docs/components/switch\n * @see spec.md (WCAG 2.2 AAA - 7:1 contrast ratio, 44x44px touch targets)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\nimport { forwardRef, memo } from 'react';\nimport {\n  Switch as AriaSwitch,\n  type SwitchProps as AriaSwitchProps,\n} from 'react-aria-components';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { DEFAULT_INTERACTIONS } from '../../styles/interaction-states';\n\n/**\n * Layer 1: Transparent outer touch target (44x44px minimum)\n * This layer handles the WCAG 2.2 AAA touch target requirement\n * Always invisible, centers the visual switch inside\n */\nconst switchOuterVariants = cva(\n  // Base styles - WCAG 2.2 AAA: 44x44px minimum touch target\n  \"inline-flex shrink-0 cursor-pointer items-center justify-center min-h-[44px] min-w-[44px] disabled:cursor-not-allowed disabled:opacity-50 data-[readonly]:cursor-default\",\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n);\n\n/**\n * Layer 2: Visual switch track/background (adjustable size)\n * This layer provides the visual appearance and size flexibility\n * Background color changes based on variant and selection state\n */\nconst switchTrackVariants = cva(\n  // Base styles - visual track with transitions and focus states\n  \"relative inline-flex shrink-0 items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n  {\n    variants: {\n      variant: {\n        // Default variant: Uses primary color when selected\n        default:\n          \"bg-[var(--input)] data-[selected]:bg-[var(--primary)]\",\n        // Destructive variant: Uses destructive/error color when selected\n        destructive:\n          \"bg-[var(--input)] data-[selected]:bg-[var(--destructive)]\",\n      },\n      size: {\n        // Small: h-5 w-9 (visual track size)\n        sm: \"h-5 w-9\",\n        // Default: h-6 w-11\n        default: \"h-6 w-11\",\n        // Large: h-7 w-14\n        lg: \"h-7 w-14\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n);\n\n/**\n * Layer 3: Switch thumb (sliding circle)\n * Inner visual element that slides horizontally when switch is selected\n * Positioned absolutely within the track (Layer 2)\n */\nconst switchThumbVariants = cva(\n  // Base styles: rounded circle with shadow, translates when selected\n  \"pointer-events-none absolute left-0.5 rounded-full bg-[var(--content-background)] shadow-lg ring-0 transition-transform data-[selected]:translate-x-full\",\n  {\n    variants: {\n      size: {\n        // Thumb is slightly smaller than track height for proper padding\n        sm: \"h-4 w-4\",\n        default: \"h-5 w-5\",\n        lg: \"h-6 w-6\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n);\n\nexport interface SwitchProps\n  extends Omit<AriaSwitchProps, 'className' | 'children'>,\n    VariantProps<typeof switchTrackVariants> {\n  variant?: 'default' | 'destructive';\n  size?: 'sm' | 'default' | 'lg';\n  label?: string;\n  description?: string;\n  className?: string;\n}\n\n/**\n * Switch Component\n * Fully accessible toggle switch with React Aria and themed styling\n */\nconst Switch = memo(forwardRef<HTMLLabelElement, SwitchProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      label,\n      description,\n      isDisabled,\n      isReadOnly,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <AriaSwitch\n        ref={ref}\n        isDisabled={isDisabled}\n        isReadOnly={isReadOnly}\n        className={(_classNameProps) =>\n          cn(\n            \"group inline-flex items-center gap-2\",\n            isDisabled && \"cursor-not-allowed opacity-50\",\n            className\n          )\n        }\n        {...props}\n      >\n        {(renderProps) => (\n          <>\n            {/* Layer 1: Transparent outer touch target (44x44px WCAG compliant) */}\n            <div\n              className={cn(switchOuterVariants())}\n              data-selected={renderProps.isSelected || undefined}\n              data-readonly={isReadOnly || undefined}\n            >\n              {/* Layer 2: Visual switch track (adjustable size with variants) */}\n              <div\n                className={cn(\n                  switchTrackVariants({ variant, size }),\n                  DEFAULT_INTERACTIONS\n                )}\n                data-selected={renderProps.isSelected || undefined}\n              >\n                {/* Layer 3: Thumb (sliding circle, absolutely positioned) */}\n                <div\n                  className={cn(switchThumbVariants({ size }))}\n                  data-selected={renderProps.isSelected || undefined}\n                />\n              </div>\n            </div>\n\n            {/* Optional label and description */}\n            {(label || description) && (\n              <div className=\"flex flex-col\">\n                {label && (\n                  <span className=\"text-sm font-medium text-[var(--content-foreground)]\">\n                    {label}\n                  </span>\n                )}\n                {description && (\n                  <span className=\"text-xs text-[var(--menu-muted)]\">\n                    {description}\n                  </span>\n                )}\n              </div>\n            )}\n          </>\n        )}\n      </AriaSwitch>\n    );\n  }\n));\n\nSwitch.displayName = \"Switch\";\n\nexport { Switch, switchOuterVariants, switchTrackVariants, switchThumbVariants };\n","import { z } from 'zod';\n\n/**\n * Base props schema for all Themis components\n * Ensures consistent accessibility and styling APIs across the library\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements)\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AA minimum)\n */\nexport const BaseComponentPropsSchema = z.object({\n  // Styling\n  className: z.string().optional(),\n\n  // React\n  children: z.any().optional(), // ReactNode not directly supported by Zod\n  id: z.string().optional(),\n\n  // Accessibility (WCAG 2.2 AA requirements)\n  'aria-label': z.string().optional(),\n  'aria-labelledby': z.string().optional(),\n  'aria-describedby': z.string().optional(),\n  'aria-live': z.enum(['off', 'polite', 'assertive']).optional(),\n  'aria-hidden': z.boolean().optional(),\n\n  // Testing & Development\n  'data-testid': z.string().optional(),\n});\n\nexport type BaseComponentProps = z.infer<typeof BaseComponentPropsSchema>;\n","import { z } from 'zod';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\nimport type { SwitchProps as AriaSwitchProps } from 'react-aria-components';\n\n/**\n * Switch props schema extending BaseComponentProps\n *\n * @see React Aria Switch: https://react-spectrum.adobe.com/react-aria/Switch.html\n * @see ShadCN Switch: https://ui.shadcn.com/docs/components/switch\n * @see spec.md (WCAG 2.2 AAA - 7:1 contrast, 44x44px touch targets)\n * @see constitution.md Principle IV (Accessibility First)\n */\nexport const SwitchPropsSchema = BaseComponentPropsSchema.extend({\n  // State management (controlled/uncontrolled)\n  isSelected: z.boolean().optional(),\n  defaultSelected: z.boolean().optional().default(false),\n  onChange: z.function().optional(),\n\n  // Variants (matching Button pattern)\n  variant: z\n    .enum(['default', 'destructive'])\n    .optional()\n    .default('default'),\n\n  // Sizes (3 sizes for consistency)\n  size: z.enum(['sm', 'default', 'lg']).optional().default('default'),\n\n  // States\n  isDisabled: z.boolean().optional().default(false),\n  isReadOnly: z.boolean().optional().default(false),\n\n  // Labels (optional built-in labeling)\n  label: z.string().optional(),\n  description: z.string().optional(),\n\n  // React Aria SwitchProps integration\n  onFocus: z.function().optional(),\n  onBlur: z.function().optional(),\n  onFocusChange: z.function().optional(),\n  autoFocus: z.boolean().optional(),\n});\n\nexport type SwitchProps = z.infer<typeof SwitchPropsSchema> &\n  Omit<AriaSwitchProps, keyof z.infer<typeof SwitchPropsSchema>>;\n\n/**\n * CVA variant configuration types\n * Used for class-variance-authority integration\n */\nexport type SwitchVariant = z.infer<typeof SwitchPropsSchema>['variant'];\nexport type SwitchSize = z.infer<typeof SwitchPropsSchema>['size'];\n"]}