@tribepad/themis 1.0.16 → 1.0.19

package/dist/elements/Checkbox/index.js

@@ -1,3 +1,3 @@
 "use client";
-'use strict';var react=require('react'),reactAriaComponents=require('react-aria-components'),classVarianceAuthority=require('class-variance-authority'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime'),zod=require('zod');function c(...n){return tailwindMerge.twMerge(clsx.clsx(n))}var p="data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2";var r="hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground";var y=classVarianceAuthority.cva(["group inline-flex items-center gap-2 cursor-pointer","transition-colors duration-200","rtl:flex-row-reverse",p,r].join(" "),{variants:{size:{sm:"min-h-[44px] text-sm",default:"min-h-[44px] text-sm",lg:"min-h-[48px] text-base"},isDisabled:{true:"opacity-50 cursor-not-allowed",false:""}},defaultVariants:{size:"default",isDisabled:false}}),N=classVarianceAuthority.cva("flex-shrink-0 rounded-sm border-2 flex items-center justify-center transition-colors duration-200",{variants:{variant:{default:["border-[var(--border)]","data-[selected]:border-[var(--primary)]","data-[selected]:bg-[var(--primary)]","data-[indeterminate]:border-[var(--primary)]","data-[indeterminate]:bg-[var(--primary)]"].join(" "),destructive:["border-[var(--border)]","data-[selected]:border-[var(--destructive-background)]","data-[selected]:bg-[var(--destructive-background)]","data-[indeterminate]:border-[var(--destructive-background)]","data-[indeterminate]:bg-[var(--destructive-background)]"].join(" ")},size:{sm:"h-4 w-4",default:"h-5 w-5",lg:"h-6 w-6"},isInvalid:{true:"border-[var(--destructive-background)]",false:""}},defaultVariants:{variant:"default",size:"default",isInvalid:false}}),I=classVarianceAuthority.cva(["transition-transform duration-200","[transition-timing-function:cubic-bezier(0.34,1.56,0.64,1)]","motion-reduce:transition-none","scale-0 data-[selected]:scale-100 data-[indeterminate]:scale-100"].join(" "),{variants:{variant:{default:"text-[var(--primary-foreground)]",destructive:"text-[var(--destructive-foreground)]"},size:{sm:"h-3 w-3",default:"h-3.5 w-3.5",lg:"h-4 w-4"}},defaultVariants:{variant:"default",size:"default"}});function E({className:n,...i}){return jsxRuntime.jsx("svg",{className:n,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",...i,children:jsxRuntime.jsx("polyline",{points:"20 6 9 17 4 12"})})}function R({className:n,...i}){return jsxRuntime.jsx("svg",{className:n,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",...i,children:jsxRuntime.jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"})})}var T=react.forwardRef(({isSelected:n,defaultSelected:i,isDisabled:z,isReadOnly:w,isIndeterminate:A,isInvalid:L=false,isRequired:P=false,onChange:D,onFocusChange:F,value:H,name:B,size:u="default",variant:h="default",label:m,description:b,selectedIcon:s,className:$,id:j,"aria-label":Y,"aria-labelledby":U,"aria-describedby":G,"data-testid":M,slot:q},W)=>{let J=z||void 0,K=w||void 0,Q=A||void 0,X=(t,x)=>{let d=c(I({variant:h,size:u})),l=t||void 0,v=x||void 0;if(x)return jsxRuntime.jsx(R,{className:d,"data-selected":l,"data-indeterminate":v});if(s&&t){if(react.isValidElement(s)){let S=s;return react.cloneElement(S,{className:c(d,S.props.className),"data-selected":l})}return jsxRuntime.jsx("span",{className:d,"data-selected":l,children:s})}return jsxRuntime.jsx(E,{className:d,"data-selected":l,"data-indeterminate":v})};return jsxRuntime.jsx(reactAriaComponents.Checkbox,{ref:W,id:j,isSelected:n,defaultSelected:i,isDisabled:J,isReadOnly:K,isIndeterminate:Q,isInvalid:L,isRequired:P,onChange:D,onFocusChange:F,value:H,name:B,slot:q,"aria-label":Y,"aria-labelledby":U,"aria-describedby":G,"data-testid":M,className:t=>c(y({size:u,isDisabled:t.isDisabled}),$),children:t=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:N({variant:h,size:u,isInvalid:t.isInvalid}),"data-selected":t.isSelected||void 0,"data-indeterminate":t.isIndeterminate||void 0,children:X(t.isSelected,t.isIndeterminate)}),(m||b)&&jsxRuntime.jsxs("div",{className:"flex flex-col",children:[m&&jsxRuntime.jsx("span",{className:"font-medium text-[var(--content-foreground)]",children:m}),b&&jsxRuntime.jsx("span",{className:"text-sm text-[var(--menu-muted)]",children:b})]})]})})});T.displayName="Checkbox";var O=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 V=zod.z.enum(["sm","default","lg"]),_=zod.z.enum(["default","destructive"]),de=O.extend({isSelected:zod.z.boolean().optional(),defaultSelected:zod.z.boolean().optional(),onChange:zod.z.custom().optional(),variant:_.optional(),size:V.optional(),isDisabled:zod.z.boolean().optional(),isReadOnly:zod.z.boolean().optional(),isIndeterminate:zod.z.boolean().optional(),isInvalid:zod.z.boolean().optional(),isRequired:zod.z.boolean().optional(),label:zod.z.string().optional(),description:zod.z.string().optional(),value:zod.z.string().optional(),name:zod.z.string().optional(),selectedIcon:zod.z.any().optional(),slot:zod.z.string().optional(),onFocus:zod.z.custom().optional(),onBlur:zod.z.custom().optional(),onFocusChange:zod.z.custom().optional(),autoFocus:zod.z.boolean().optional()});exports.Checkbox=T;exports.CheckboxPropsSchema=de;exports.CheckboxSizeSchema=V;exports.CheckboxVariantSchema=_;exports.CheckmarkIcon=E;exports.MinusIcon=R;exports.checkboxContainerVariants=y;exports.checkboxIndicatorVariants=N;exports.checkmarkVariants=I;//# sourceMappingURL=index.js.map
+'use strict';var react=require('react'),reactAriaComponents=require('react-aria-components'),classVarianceAuthority=require('class-variance-authority'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime'),zod=require('zod');function c(...n){return tailwindMerge.twMerge(clsx.clsx(n))}var p="data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2";var r="hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground";var y=classVarianceAuthority.cva(["group inline-flex items-center gap-2 cursor-pointer","transition-colors duration-200","rtl:flex-row-reverse",p,r].join(" "),{variants:{size:{sm:"min-h-[44px] text-sm",default:"min-h-[44px] text-sm",lg:"min-h-[48px] text-base"},isDisabled:{true:"opacity-50 cursor-not-allowed",false:""}},defaultVariants:{size:"default",isDisabled:false}}),N=classVarianceAuthority.cva("flex-shrink-0 rounded-sm border-2 flex items-center justify-center transition-colors duration-200 motion-safe:data-[selected]:selection-pulse",{variants:{variant:{default:["border-[var(--border)]","data-[selected]:border-[var(--primary)]","data-[selected]:bg-[var(--primary)]","data-[indeterminate]:border-[var(--primary)]","data-[indeterminate]:bg-[var(--primary)]"].join(" "),destructive:["border-[var(--border)]","data-[selected]:border-[var(--destructive-background)]","data-[selected]:bg-[var(--destructive-background)]","data-[indeterminate]:border-[var(--destructive-background)]","data-[indeterminate]:bg-[var(--destructive-background)]"].join(" ")},size:{sm:"h-4 w-4",default:"h-5 w-5",lg:"h-6 w-6"},isInvalid:{true:"border-[var(--destructive-background)]",false:""}},defaultVariants:{variant:"default",size:"default",isInvalid:false}}),I=classVarianceAuthority.cva(["transition-transform duration-200","[transition-timing-function:cubic-bezier(0.34,1.56,0.64,1)]","motion-reduce:transition-none","scale-0 data-[selected]:scale-100 data-[indeterminate]:scale-100"].join(" "),{variants:{variant:{default:"text-[var(--primary-foreground)]",destructive:"text-[var(--destructive-foreground)]"},size:{sm:"h-3 w-3",default:"h-3.5 w-3.5",lg:"h-4 w-4"}},defaultVariants:{variant:"default",size:"default"}});function E({className:n,...i}){return jsxRuntime.jsx("svg",{className:n,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",...i,children:jsxRuntime.jsx("polyline",{points:"20 6 9 17 4 12"})})}function R({className:n,...i}){return jsxRuntime.jsx("svg",{className:n,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",...i,children:jsxRuntime.jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"})})}var T=react.forwardRef(({isSelected:n,defaultSelected:i,isDisabled:z,isReadOnly:w,isIndeterminate:A,isInvalid:L=false,isRequired:P=false,onChange:D,onFocusChange:F,value:H,name:B,size:u="default",variant:h="default",label:m,description:b,selectedIcon:s,className:$,id:j,"aria-label":Y,"aria-labelledby":U,"aria-describedby":G,"data-testid":M,slot:q},W)=>{let J=z||void 0,K=w||void 0,Q=A||void 0,X=(t,x)=>{let d=c(I({variant:h,size:u})),l=t||void 0,v=x||void 0;if(x)return jsxRuntime.jsx(R,{className:d,"data-selected":l,"data-indeterminate":v});if(s&&t){if(react.isValidElement(s)){let S=s;return react.cloneElement(S,{className:c(d,S.props.className),"data-selected":l})}return jsxRuntime.jsx("span",{className:d,"data-selected":l,children:s})}return jsxRuntime.jsx(E,{className:d,"data-selected":l,"data-indeterminate":v})};return jsxRuntime.jsx(reactAriaComponents.Checkbox,{ref:W,id:j,isSelected:n,defaultSelected:i,isDisabled:J,isReadOnly:K,isIndeterminate:Q,isInvalid:L,isRequired:P,onChange:D,onFocusChange:F,value:H,name:B,slot:q,"aria-label":Y,"aria-labelledby":U,"aria-describedby":G,"data-testid":M,className:t=>c(y({size:u,isDisabled:t.isDisabled}),$),children:t=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:N({variant:h,size:u,isInvalid:t.isInvalid}),"data-selected":t.isSelected||void 0,"data-indeterminate":t.isIndeterminate||void 0,children:X(t.isSelected,t.isIndeterminate)}),(m||b)&&jsxRuntime.jsxs("div",{className:"flex flex-col",children:[m&&jsxRuntime.jsx("span",{className:"font-medium text-[var(--content-foreground)]",children:m}),b&&jsxRuntime.jsx("span",{className:"text-sm text-[var(--menu-muted)]",children:b})]})]})})});T.displayName="Checkbox";var O=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 V=zod.z.enum(["sm","default","lg"]),_=zod.z.enum(["default","destructive"]),de=O.extend({isSelected:zod.z.boolean().optional(),defaultSelected:zod.z.boolean().optional(),onChange:zod.z.custom().optional(),variant:_.optional(),size:V.optional(),isDisabled:zod.z.boolean().optional(),isReadOnly:zod.z.boolean().optional(),isIndeterminate:zod.z.boolean().optional(),isInvalid:zod.z.boolean().optional(),isRequired:zod.z.boolean().optional(),label:zod.z.string().optional(),description:zod.z.string().optional(),value:zod.z.string().optional(),name:zod.z.string().optional(),selectedIcon:zod.z.any().optional(),slot:zod.z.string().optional(),onFocus:zod.z.custom().optional(),onBlur:zod.z.custom().optional(),onFocusChange:zod.z.custom().optional(),autoFocus:zod.z.boolean().optional()});exports.Checkbox=T;exports.CheckboxPropsSchema=de;exports.CheckboxSizeSchema=V;exports.CheckboxVariantSchema=_;exports.CheckmarkIcon=E;exports.MinusIcon=R;exports.checkboxContainerVariants=y;exports.checkboxIndicatorVariants=N;exports.checkmarkVariants=I;//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/styles/interaction-states.ts","../../../src/elements/Checkbox/Checkbox.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Checkbox/Checkbox.types.ts"],"names":["cn","inputs","twMerge","clsx","FOCUS_STYLES","HIGH_CONTRAST_FOCUS","checkboxContainerVariants","cva","checkboxIndicatorVariants","checkmarkVariants","CheckmarkIcon","className","props","jsx","MinusIcon","Checkbox","forwardRef","isSelected","defaultSelected","isDisabled","isReadOnly","isIndeterminate","isInvalid","isRequired","onChange","onFocusChange","value","name","size","variant","label","description","selectedIcon","id","ariaLabel","ariaLabelledby","ariaDescribedby","dataTestId","slot","ref","computedIsDisabled","computedIsReadOnly","computedIsIndeterminate","renderIcon","isChecked","isIndet","iconClassName","dataSelected","dataIndeterminate","isValidElement","iconElement","cloneElement","AriaCheckbox","renderProps","jsxs","Fragment","BaseComponentPropsSchema","z","CheckboxSizeSchema","CheckboxVariantSchema","CheckboxPropsSchema"],"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 * Checkbox Component\n * Standalone accessible checkbox with React Aria primitives and CVA styling\n *\n * Key Features:\n * - Standalone checkbox (not requiring CheckboxGroup)\n * - 44px+ touch targets (WCAG 2.2 AAA)\n * - 2 variants: default, destructive\n * - 3 sizes: sm, default, lg\n * - Indeterminate state support\n * - Spring animation for checkmark\n * - RTL support\n * - Works with React Aria slot system (for Table integration)\n *\n * @see React Aria Checkbox: https://react-spectrum.adobe.com/react-aria/Checkbox.html\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AAA)\n */\n\nimport {\n  forwardRef,\n  cloneElement,\n  isValidElement,\n  type ReactNode,\n  type ReactElement,\n} from 'react';\nimport { Checkbox as AriaCheckbox } from 'react-aria-components';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { FOCUS_STYLES, HIGH_CONTRAST_FOCUS } from '../../styles/interaction-states';\nimport type { CheckboxProps } from './Checkbox.types';\n\n// ============================================================================\n// CVA Variants\n// ============================================================================\n\n/**\n * Checkbox container variants\n * Controls the overall checkbox layout with touch target\n */\nconst checkboxContainerVariants = cva(\n  [\n    \"group inline-flex items-center gap-2 cursor-pointer\",\n    \"transition-colors duration-200\",\n    \"rtl:flex-row-reverse\",\n    FOCUS_STYLES,\n    HIGH_CONTRAST_FOCUS,\n  ].join(\" \"),\n  {\n    variants: {\n      size: {\n        sm: \"min-h-[44px] text-sm\",\n        default: \"min-h-[44px] text-sm\",\n        lg: \"min-h-[48px] text-base\",\n      },\n      isDisabled: {\n        true: \"opacity-50 cursor-not-allowed\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      isDisabled: false,\n    },\n  }\n);\n\n/**\n * Checkbox indicator (the box) variants\n */\nconst checkboxIndicatorVariants = cva(\n  \"flex-shrink-0 rounded-sm border-2 flex items-center justify-center transition-colors duration-200\",\n  {\n    variants: {\n      variant: {\n        default: [\n          \"border-[var(--border)]\",\n          \"data-[selected]:border-[var(--primary)]\",\n          \"data-[selected]:bg-[var(--primary)]\",\n          \"data-[indeterminate]:border-[var(--primary)]\",\n          \"data-[indeterminate]:bg-[var(--primary)]\",\n        ].join(\" \"),\n        destructive: [\n          \"border-[var(--border)]\",\n          \"data-[selected]:border-[var(--destructive-background)]\",\n          \"data-[selected]:bg-[var(--destructive-background)]\",\n          \"data-[indeterminate]:border-[var(--destructive-background)]\",\n          \"data-[indeterminate]:bg-[var(--destructive-background)]\",\n        ].join(\" \"),\n      },\n      size: {\n        sm: \"h-4 w-4\",\n        default: \"h-5 w-5\",\n        lg: \"h-6 w-6\",\n      },\n      isInvalid: {\n        true: \"border-[var(--destructive-background)]\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n      isInvalid: false,\n    },\n  }\n);\n\n/**\n * Checkmark icon variants with spring animation\n */\nconst checkmarkVariants = cva(\n  [\n    \"transition-transform duration-200\",\n    \"[transition-timing-function:cubic-bezier(0.34,1.56,0.64,1)]\",\n    \"motion-reduce:transition-none\",\n    \"scale-0 data-[selected]:scale-100 data-[indeterminate]:scale-100\",\n  ].join(\" \"),\n  {\n    variants: {\n      variant: {\n        default: \"text-[var(--primary-foreground)]\",\n        destructive: \"text-[var(--destructive-foreground)]\",\n      },\n      size: {\n        sm: \"h-3 w-3\",\n        default: \"h-3.5 w-3.5\",\n        lg: \"h-4 w-4\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n);\n\n// ============================================================================\n// Icon Components\n// ============================================================================\n\n/**\n * Checkmark SVG icon\n */\nfunction CheckmarkIcon({ className, ...props }: { className?: string; 'data-selected'?: boolean; 'data-indeterminate'?: boolean }): ReactNode {\n  return (\n    <svg\n      className={className}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={3}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      {...props}\n    >\n      <polyline points=\"20 6 9 17 4 12\" />\n    </svg>\n  );\n}\n\n/**\n * Minus (indeterminate) SVG icon\n */\nfunction MinusIcon({ className, ...props }: { className?: string; 'data-selected'?: boolean; 'data-indeterminate'?: boolean }): ReactNode {\n  return (\n    <svg\n      className={className}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={3}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      {...props}\n    >\n      <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" />\n    </svg>\n  );\n}\n\n// ============================================================================\n// Checkbox Component\n// ============================================================================\n\n/**\n * Standalone Checkbox component\n * Accessible checkbox that can be used independently or within Table\n */\nconst Checkbox = forwardRef<HTMLLabelElement, CheckboxProps>(\n  (\n    {\n      isSelected,\n      defaultSelected,\n      isDisabled,\n      isReadOnly,\n      isIndeterminate,\n      isInvalid = false,\n      isRequired = false,\n      onChange,\n      onFocusChange,\n      value,\n      name,\n      size = 'default',\n      variant = 'default',\n      label,\n      description,\n      selectedIcon,\n      className,\n      id,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      'aria-describedby': ariaDescribedby,\n      'data-testid': dataTestId,\n      slot,\n    },\n    ref\n  ) => {\n    // Only set these props when explicitly true to allow slot system to control them\n    // (e.g., Table's selection slot injects isIndeterminate for partial selection)\n    const computedIsDisabled = isDisabled || undefined;\n    const computedIsReadOnly = isReadOnly || undefined;\n    const computedIsIndeterminate = isIndeterminate || undefined;\n    // Render the icon based on state\n    const renderIcon = (isChecked: boolean, isIndet: boolean) => {\n      const iconClassName = cn(checkmarkVariants({ variant, size }));\n      const dataSelected = isChecked || undefined;\n      const dataIndeterminate = isIndet || undefined;\n\n      // For indeterminate state, always show minus\n      if (isIndet) {\n        return (\n          <MinusIcon\n            className={iconClassName}\n            data-selected={dataSelected}\n            data-indeterminate={dataIndeterminate}\n          />\n        );\n      }\n\n      // Custom icon support\n      if (selectedIcon && isChecked) {\n        if (isValidElement(selectedIcon)) {\n          const iconElement = selectedIcon as ReactElement<{ className?: string; 'data-selected'?: boolean }>;\n          return cloneElement(iconElement, {\n            className: cn(iconClassName, iconElement.props.className),\n            'data-selected': dataSelected,\n          });\n        }\n        return <span className={iconClassName} data-selected={dataSelected}>{selectedIcon}</span>;\n      }\n\n      // Default checkmark\n      return (\n        <CheckmarkIcon\n          className={iconClassName}\n          data-selected={dataSelected}\n          data-indeterminate={dataIndeterminate}\n        />\n      );\n    };\n\n    return (\n      <AriaCheckbox\n        ref={ref}\n        id={id}\n        isSelected={isSelected}\n        defaultSelected={defaultSelected}\n        isDisabled={computedIsDisabled}\n        isReadOnly={computedIsReadOnly}\n        isIndeterminate={computedIsIndeterminate}\n        isInvalid={isInvalid}\n        isRequired={isRequired}\n        onChange={onChange}\n        onFocusChange={onFocusChange}\n        value={value}\n        name={name}\n        slot={slot}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        aria-describedby={ariaDescribedby}\n        data-testid={dataTestId}\n        className={(renderProps) =>\n          cn(\n            checkboxContainerVariants({\n              size,\n              isDisabled: renderProps.isDisabled,\n            }),\n            className\n          )\n        }\n      >\n        {(renderProps) => (\n          <>\n            {/* Checkbox indicator (the box) */}\n            <div\n              className={checkboxIndicatorVariants({\n                variant,\n                size,\n                isInvalid: renderProps.isInvalid,\n              })}\n              data-selected={renderProps.isSelected || undefined}\n              data-indeterminate={renderProps.isIndeterminate || undefined}\n            >\n              {renderIcon(renderProps.isSelected, renderProps.isIndeterminate)}\n            </div>\n\n            {/* Label and description */}\n            {(label || description) && (\n              <div className=\"flex flex-col\">\n                {label && (\n                  <span className=\"font-medium text-[var(--content-foreground)]\">\n                    {label}\n                  </span>\n                )}\n                {description && (\n                  <span className=\"text-sm text-[var(--menu-muted)]\">\n                    {description}\n                  </span>\n                )}\n              </div>\n            )}\n          </>\n        )}\n      </AriaCheckbox>\n    );\n  }\n);\n\nCheckbox.displayName = \"Checkbox\";\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n  Checkbox,\n  checkboxContainerVariants,\n  checkboxIndicatorVariants,\n  checkmarkVariants,\n  CheckmarkIcon,\n  MinusIcon,\n};\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","/**\n * Checkbox Component Types\n * Standalone accessible checkbox with Zod schema validation\n *\n * @see React Aria Checkbox: https://react-spectrum.adobe.com/react-aria/Checkbox.html\n * @see constitution.md Principle II (Type Safety - Zod schema validation)\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AAA)\n */\n\nimport { z } from 'zod';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\nimport type { ReactNode } from 'react';\nimport type { CheckboxProps as AriaCheckboxProps } from 'react-aria-components';\n\n/**\n * Checkbox size schema\n * All sizes maintain 44px minimum height for WCAG 2.2 AAA compliance\n */\nexport const CheckboxSizeSchema = z.enum(['sm', 'default', 'lg']);\nexport type CheckboxSize = z.infer<typeof CheckboxSizeSchema>;\n\n/**\n * Checkbox variant schema\n * 2 variants: default and destructive\n */\nexport const CheckboxVariantSchema = z.enum(['default', 'destructive']);\nexport type CheckboxVariant = z.infer<typeof CheckboxVariantSchema>;\n\n/**\n * Checkbox props schema extending BaseComponentProps\n *\n * Note: We use .optional() without .default() to allow the component to handle defaults.\n * This ensures compatibility with React Aria's type system and allows partial props.\n *\n * @see React Aria Checkbox: https://react-spectrum.adobe.com/react-aria/Checkbox.html\n * @see constitution.md Principle IV (Accessibility First)\n */\nexport const CheckboxPropsSchema = BaseComponentPropsSchema.extend({\n  // State management (controlled/uncontrolled)\n  isSelected: z.boolean().optional(),\n  defaultSelected: z.boolean().optional(),\n  onChange: z.custom<(isSelected: boolean) => void>().optional(),\n\n  // Variants (matching Switch/Button pattern)\n  variant: CheckboxVariantSchema.optional(),\n  size: CheckboxSizeSchema.optional(),\n\n  // States\n  isDisabled: z.boolean().optional(),\n  isReadOnly: z.boolean().optional(),\n  isIndeterminate: z.boolean().optional(),\n  isInvalid: z.boolean().optional(),\n  isRequired: z.boolean().optional(),\n\n  // Labels (optional built-in labeling)\n  label: z.string().optional(),\n  description: z.string().optional(),\n\n  // Form integration\n  value: z.string().optional(),\n  name: z.string().optional(),\n\n  // Custom icon\n  selectedIcon: z.any().optional(), // ReactNode\n\n  // React Aria slot integration (e.g., for Table)\n  slot: z.string().optional(),\n\n  // React Aria CheckboxProps integration\n  onFocus: z.custom<() => void>().optional(),\n  onBlur: z.custom<() => void>().optional(),\n  onFocusChange: z.custom<(isFocused: boolean) => void>().optional(),\n  autoFocus: z.boolean().optional(),\n});\n\nexport interface CheckboxPropsOwn {\n  className?: string;\n  children?: ReactNode;\n  id?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'aria-describedby'?: string;\n  'aria-live'?: 'off' | 'polite' | 'assertive';\n  'aria-hidden'?: boolean;\n  'data-testid'?: string;\n  isSelected?: boolean;\n  defaultSelected?: boolean;\n  onChange?: (isSelected: boolean) => void;\n  variant?: CheckboxVariant;\n  size?: CheckboxSize;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  isIndeterminate?: boolean;\n  isInvalid?: boolean;\n  isRequired?: boolean;\n  label?: string;\n  description?: string;\n  value?: string;\n  name?: string;\n  selectedIcon?: ReactNode;\n  slot?: string;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  onFocusChange?: (isFocused: boolean) => void;\n  autoFocus?: boolean;\n}\n\nexport type CheckboxProps = CheckboxPropsOwn &\n  Omit<AriaCheckboxProps, keyof CheckboxPropsOwn>;\n"]}
+{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/styles/interaction-states.ts","../../../src/elements/Checkbox/Checkbox.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Checkbox/Checkbox.types.ts"],"names":["cn","inputs","twMerge","clsx","FOCUS_STYLES","HIGH_CONTRAST_FOCUS","checkboxContainerVariants","cva","checkboxIndicatorVariants","checkmarkVariants","CheckmarkIcon","className","props","jsx","MinusIcon","Checkbox","forwardRef","isSelected","defaultSelected","isDisabled","isReadOnly","isIndeterminate","isInvalid","isRequired","onChange","onFocusChange","value","name","size","variant","label","description","selectedIcon","id","ariaLabel","ariaLabelledby","ariaDescribedby","dataTestId","slot","ref","computedIsDisabled","computedIsReadOnly","computedIsIndeterminate","renderIcon","isChecked","isIndet","iconClassName","dataSelected","dataIndeterminate","isValidElement","iconElement","cloneElement","AriaCheckbox","renderProps","jsxs","Fragment","BaseComponentPropsSchema","z","CheckboxSizeSchema","CheckboxVariantSchema","CheckboxPropsSchema"],"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 * Checkbox Component\n * Standalone accessible checkbox with React Aria primitives and CVA styling\n *\n * Key Features:\n * - Standalone checkbox (not requiring CheckboxGroup)\n * - 44px+ touch targets (WCAG 2.2 AAA)\n * - 2 variants: default, destructive\n * - 3 sizes: sm, default, lg\n * - Indeterminate state support\n * - Spring animation for checkmark\n * - RTL support\n * - Works with React Aria slot system (for Table integration)\n *\n * @see React Aria Checkbox: https://react-spectrum.adobe.com/react-aria/Checkbox.html\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AAA)\n */\n\nimport {\n  forwardRef,\n  cloneElement,\n  isValidElement,\n  type ReactNode,\n  type ReactElement,\n} from 'react';\nimport { Checkbox as AriaCheckbox } from 'react-aria-components';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { FOCUS_STYLES, HIGH_CONTRAST_FOCUS } from '../../styles/interaction-states';\nimport type { CheckboxProps } from './Checkbox.types';\n\n// ============================================================================\n// CVA Variants\n// ============================================================================\n\n/**\n * Checkbox container variants\n * Controls the overall checkbox layout with touch target\n */\nconst checkboxContainerVariants = cva(\n  [\n    \"group inline-flex items-center gap-2 cursor-pointer\",\n    \"transition-colors duration-200\",\n    \"rtl:flex-row-reverse\",\n    FOCUS_STYLES,\n    HIGH_CONTRAST_FOCUS,\n  ].join(\" \"),\n  {\n    variants: {\n      size: {\n        sm: \"min-h-[44px] text-sm\",\n        default: \"min-h-[44px] text-sm\",\n        lg: \"min-h-[48px] text-base\",\n      },\n      isDisabled: {\n        true: \"opacity-50 cursor-not-allowed\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      isDisabled: false,\n    },\n  }\n);\n\n/**\n * Checkbox indicator (the box) variants\n */\nconst checkboxIndicatorVariants = cva(\n  \"flex-shrink-0 rounded-sm border-2 flex items-center justify-center transition-colors duration-200 motion-safe:data-[selected]:selection-pulse\",\n  {\n    variants: {\n      variant: {\n        default: [\n          \"border-[var(--border)]\",\n          \"data-[selected]:border-[var(--primary)]\",\n          \"data-[selected]:bg-[var(--primary)]\",\n          \"data-[indeterminate]:border-[var(--primary)]\",\n          \"data-[indeterminate]:bg-[var(--primary)]\",\n        ].join(\" \"),\n        destructive: [\n          \"border-[var(--border)]\",\n          \"data-[selected]:border-[var(--destructive-background)]\",\n          \"data-[selected]:bg-[var(--destructive-background)]\",\n          \"data-[indeterminate]:border-[var(--destructive-background)]\",\n          \"data-[indeterminate]:bg-[var(--destructive-background)]\",\n        ].join(\" \"),\n      },\n      size: {\n        sm: \"h-4 w-4\",\n        default: \"h-5 w-5\",\n        lg: \"h-6 w-6\",\n      },\n      isInvalid: {\n        true: \"border-[var(--destructive-background)]\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n      isInvalid: false,\n    },\n  }\n);\n\n/**\n * Checkmark icon variants with spring animation\n */\nconst checkmarkVariants = cva(\n  [\n    \"transition-transform duration-200\",\n    \"[transition-timing-function:cubic-bezier(0.34,1.56,0.64,1)]\",\n    \"motion-reduce:transition-none\",\n    \"scale-0 data-[selected]:scale-100 data-[indeterminate]:scale-100\",\n  ].join(\" \"),\n  {\n    variants: {\n      variant: {\n        default: \"text-[var(--primary-foreground)]\",\n        destructive: \"text-[var(--destructive-foreground)]\",\n      },\n      size: {\n        sm: \"h-3 w-3\",\n        default: \"h-3.5 w-3.5\",\n        lg: \"h-4 w-4\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n);\n\n// ============================================================================\n// Icon Components\n// ============================================================================\n\n/**\n * Checkmark SVG icon\n */\nfunction CheckmarkIcon({ className, ...props }: { className?: string; 'data-selected'?: boolean; 'data-indeterminate'?: boolean }): ReactNode {\n  return (\n    <svg\n      className={className}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={3}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      {...props}\n    >\n      <polyline points=\"20 6 9 17 4 12\" />\n    </svg>\n  );\n}\n\n/**\n * Minus (indeterminate) SVG icon\n */\nfunction MinusIcon({ className, ...props }: { className?: string; 'data-selected'?: boolean; 'data-indeterminate'?: boolean }): ReactNode {\n  return (\n    <svg\n      className={className}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={3}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      {...props}\n    >\n      <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" />\n    </svg>\n  );\n}\n\n// ============================================================================\n// Checkbox Component\n// ============================================================================\n\n/**\n * Standalone Checkbox component\n * Accessible checkbox that can be used independently or within Table\n */\nconst Checkbox = forwardRef<HTMLLabelElement, CheckboxProps>(\n  (\n    {\n      isSelected,\n      defaultSelected,\n      isDisabled,\n      isReadOnly,\n      isIndeterminate,\n      isInvalid = false,\n      isRequired = false,\n      onChange,\n      onFocusChange,\n      value,\n      name,\n      size = 'default',\n      variant = 'default',\n      label,\n      description,\n      selectedIcon,\n      className,\n      id,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      'aria-describedby': ariaDescribedby,\n      'data-testid': dataTestId,\n      slot,\n    },\n    ref\n  ) => {\n    // Only set these props when explicitly true to allow slot system to control them\n    // (e.g., Table's selection slot injects isIndeterminate for partial selection)\n    const computedIsDisabled = isDisabled || undefined;\n    const computedIsReadOnly = isReadOnly || undefined;\n    const computedIsIndeterminate = isIndeterminate || undefined;\n    // Render the icon based on state\n    const renderIcon = (isChecked: boolean, isIndet: boolean) => {\n      const iconClassName = cn(checkmarkVariants({ variant, size }));\n      const dataSelected = isChecked || undefined;\n      const dataIndeterminate = isIndet || undefined;\n\n      // For indeterminate state, always show minus\n      if (isIndet) {\n        return (\n          <MinusIcon\n            className={iconClassName}\n            data-selected={dataSelected}\n            data-indeterminate={dataIndeterminate}\n          />\n        );\n      }\n\n      // Custom icon support\n      if (selectedIcon && isChecked) {\n        if (isValidElement(selectedIcon)) {\n          const iconElement = selectedIcon as ReactElement<{ className?: string; 'data-selected'?: boolean }>;\n          return cloneElement(iconElement, {\n            className: cn(iconClassName, iconElement.props.className),\n            'data-selected': dataSelected,\n          });\n        }\n        return <span className={iconClassName} data-selected={dataSelected}>{selectedIcon}</span>;\n      }\n\n      // Default checkmark\n      return (\n        <CheckmarkIcon\n          className={iconClassName}\n          data-selected={dataSelected}\n          data-indeterminate={dataIndeterminate}\n        />\n      );\n    };\n\n    return (\n      <AriaCheckbox\n        ref={ref}\n        id={id}\n        isSelected={isSelected}\n        defaultSelected={defaultSelected}\n        isDisabled={computedIsDisabled}\n        isReadOnly={computedIsReadOnly}\n        isIndeterminate={computedIsIndeterminate}\n        isInvalid={isInvalid}\n        isRequired={isRequired}\n        onChange={onChange}\n        onFocusChange={onFocusChange}\n        value={value}\n        name={name}\n        slot={slot}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        aria-describedby={ariaDescribedby}\n        data-testid={dataTestId}\n        className={(renderProps) =>\n          cn(\n            checkboxContainerVariants({\n              size,\n              isDisabled: renderProps.isDisabled,\n            }),\n            className\n          )\n        }\n      >\n        {(renderProps) => (\n          <>\n            {/* Checkbox indicator (the box) */}\n            <div\n              className={checkboxIndicatorVariants({\n                variant,\n                size,\n                isInvalid: renderProps.isInvalid,\n              })}\n              data-selected={renderProps.isSelected || undefined}\n              data-indeterminate={renderProps.isIndeterminate || undefined}\n            >\n              {renderIcon(renderProps.isSelected, renderProps.isIndeterminate)}\n            </div>\n\n            {/* Label and description */}\n            {(label || description) && (\n              <div className=\"flex flex-col\">\n                {label && (\n                  <span className=\"font-medium text-[var(--content-foreground)]\">\n                    {label}\n                  </span>\n                )}\n                {description && (\n                  <span className=\"text-sm text-[var(--menu-muted)]\">\n                    {description}\n                  </span>\n                )}\n              </div>\n            )}\n          </>\n        )}\n      </AriaCheckbox>\n    );\n  }\n);\n\nCheckbox.displayName = \"Checkbox\";\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n  Checkbox,\n  checkboxContainerVariants,\n  checkboxIndicatorVariants,\n  checkmarkVariants,\n  CheckmarkIcon,\n  MinusIcon,\n};\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","/**\n * Checkbox Component Types\n * Standalone accessible checkbox with Zod schema validation\n *\n * @see React Aria Checkbox: https://react-spectrum.adobe.com/react-aria/Checkbox.html\n * @see constitution.md Principle II (Type Safety - Zod schema validation)\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AAA)\n */\n\nimport { z } from 'zod';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\nimport type { ReactNode } from 'react';\nimport type { CheckboxProps as AriaCheckboxProps } from 'react-aria-components';\n\n/**\n * Checkbox size schema\n * All sizes maintain 44px minimum height for WCAG 2.2 AAA compliance\n */\nexport const CheckboxSizeSchema = z.enum(['sm', 'default', 'lg']);\nexport type CheckboxSize = z.infer<typeof CheckboxSizeSchema>;\n\n/**\n * Checkbox variant schema\n * 2 variants: default and destructive\n */\nexport const CheckboxVariantSchema = z.enum(['default', 'destructive']);\nexport type CheckboxVariant = z.infer<typeof CheckboxVariantSchema>;\n\n/**\n * Checkbox props schema extending BaseComponentProps\n *\n * Note: We use .optional() without .default() to allow the component to handle defaults.\n * This ensures compatibility with React Aria's type system and allows partial props.\n *\n * @see React Aria Checkbox: https://react-spectrum.adobe.com/react-aria/Checkbox.html\n * @see constitution.md Principle IV (Accessibility First)\n */\nexport const CheckboxPropsSchema = BaseComponentPropsSchema.extend({\n  // State management (controlled/uncontrolled)\n  isSelected: z.boolean().optional(),\n  defaultSelected: z.boolean().optional(),\n  onChange: z.custom<(isSelected: boolean) => void>().optional(),\n\n  // Variants (matching Switch/Button pattern)\n  variant: CheckboxVariantSchema.optional(),\n  size: CheckboxSizeSchema.optional(),\n\n  // States\n  isDisabled: z.boolean().optional(),\n  isReadOnly: z.boolean().optional(),\n  isIndeterminate: z.boolean().optional(),\n  isInvalid: z.boolean().optional(),\n  isRequired: z.boolean().optional(),\n\n  // Labels (optional built-in labeling)\n  label: z.string().optional(),\n  description: z.string().optional(),\n\n  // Form integration\n  value: z.string().optional(),\n  name: z.string().optional(),\n\n  // Custom icon\n  selectedIcon: z.any().optional(), // ReactNode\n\n  // React Aria slot integration (e.g., for Table)\n  slot: z.string().optional(),\n\n  // React Aria CheckboxProps integration\n  onFocus: z.custom<() => void>().optional(),\n  onBlur: z.custom<() => void>().optional(),\n  onFocusChange: z.custom<(isFocused: boolean) => void>().optional(),\n  autoFocus: z.boolean().optional(),\n});\n\nexport interface CheckboxPropsOwn {\n  className?: string;\n  children?: ReactNode;\n  id?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'aria-describedby'?: string;\n  'aria-live'?: 'off' | 'polite' | 'assertive';\n  'aria-hidden'?: boolean;\n  'data-testid'?: string;\n  isSelected?: boolean;\n  defaultSelected?: boolean;\n  onChange?: (isSelected: boolean) => void;\n  variant?: CheckboxVariant;\n  size?: CheckboxSize;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  isIndeterminate?: boolean;\n  isInvalid?: boolean;\n  isRequired?: boolean;\n  label?: string;\n  description?: string;\n  value?: string;\n  name?: string;\n  selectedIcon?: ReactNode;\n  slot?: string;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  onFocusChange?: (isFocused: boolean) => void;\n  autoFocus?: boolean;\n}\n\nexport type CheckboxProps = CheckboxPropsOwn &\n  Omit<AriaCheckboxProps, keyof CheckboxPropsOwn>;\n"]}

package/dist/elements/Checkbox/index.mjs

@@ -1,3 +1,3 @@
 "use client";
-import {forwardRef,isValidElement,cloneElement}from'react';import {Checkbox}from'react-aria-components';import {cva}from'class-variance-authority';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {z}from'zod';function c(...n){return twMerge(clsx(n))}var p="data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2";var r="hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground";var y=cva(["group inline-flex items-center gap-2 cursor-pointer","transition-colors duration-200","rtl:flex-row-reverse",p,r].join(" "),{variants:{size:{sm:"min-h-[44px] text-sm",default:"min-h-[44px] text-sm",lg:"min-h-[48px] text-base"},isDisabled:{true:"opacity-50 cursor-not-allowed",false:""}},defaultVariants:{size:"default",isDisabled:false}}),N=cva("flex-shrink-0 rounded-sm border-2 flex items-center justify-center transition-colors duration-200",{variants:{variant:{default:["border-[var(--border)]","data-[selected]:border-[var(--primary)]","data-[selected]:bg-[var(--primary)]","data-[indeterminate]:border-[var(--primary)]","data-[indeterminate]:bg-[var(--primary)]"].join(" "),destructive:["border-[var(--border)]","data-[selected]:border-[var(--destructive-background)]","data-[selected]:bg-[var(--destructive-background)]","data-[indeterminate]:border-[var(--destructive-background)]","data-[indeterminate]:bg-[var(--destructive-background)]"].join(" ")},size:{sm:"h-4 w-4",default:"h-5 w-5",lg:"h-6 w-6"},isInvalid:{true:"border-[var(--destructive-background)]",false:""}},defaultVariants:{variant:"default",size:"default",isInvalid:false}}),I=cva(["transition-transform duration-200","[transition-timing-function:cubic-bezier(0.34,1.56,0.64,1)]","motion-reduce:transition-none","scale-0 data-[selected]:scale-100 data-[indeterminate]:scale-100"].join(" "),{variants:{variant:{default:"text-[var(--primary-foreground)]",destructive:"text-[var(--destructive-foreground)]"},size:{sm:"h-3 w-3",default:"h-3.5 w-3.5",lg:"h-4 w-4"}},defaultVariants:{variant:"default",size:"default"}});function E({className:n,...i}){return jsx("svg",{className:n,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",...i,children:jsx("polyline",{points:"20 6 9 17 4 12"})})}function R({className:n,...i}){return jsx("svg",{className:n,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",...i,children:jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"})})}var T=forwardRef(({isSelected:n,defaultSelected:i,isDisabled:z,isReadOnly:w,isIndeterminate:A,isInvalid:L=false,isRequired:P=false,onChange:D,onFocusChange:F,value:H,name:B,size:u="default",variant:h="default",label:m,description:b,selectedIcon:s,className:$,id:j,"aria-label":Y,"aria-labelledby":U,"aria-describedby":G,"data-testid":M,slot:q},W)=>{let J=z||void 0,K=w||void 0,Q=A||void 0,X=(t,x)=>{let d=c(I({variant:h,size:u})),l=t||void 0,v=x||void 0;if(x)return jsx(R,{className:d,"data-selected":l,"data-indeterminate":v});if(s&&t){if(isValidElement(s)){let S=s;return cloneElement(S,{className:c(d,S.props.className),"data-selected":l})}return jsx("span",{className:d,"data-selected":l,children:s})}return jsx(E,{className:d,"data-selected":l,"data-indeterminate":v})};return jsx(Checkbox,{ref:W,id:j,isSelected:n,defaultSelected:i,isDisabled:J,isReadOnly:K,isIndeterminate:Q,isInvalid:L,isRequired:P,onChange:D,onFocusChange:F,value:H,name:B,slot:q,"aria-label":Y,"aria-labelledby":U,"aria-describedby":G,"data-testid":M,className:t=>c(y({size:u,isDisabled:t.isDisabled}),$),children:t=>jsxs(Fragment,{children:[jsx("div",{className:N({variant:h,size:u,isInvalid:t.isInvalid}),"data-selected":t.isSelected||void 0,"data-indeterminate":t.isIndeterminate||void 0,children:X(t.isSelected,t.isIndeterminate)}),(m||b)&&jsxs("div",{className:"flex flex-col",children:[m&&jsx("span",{className:"font-medium text-[var(--content-foreground)]",children:m}),b&&jsx("span",{className:"text-sm text-[var(--menu-muted)]",children:b})]})]})})});T.displayName="Checkbox";var O=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 V=z.enum(["sm","default","lg"]),_=z.enum(["default","destructive"]),de=O.extend({isSelected:z.boolean().optional(),defaultSelected:z.boolean().optional(),onChange:z.custom().optional(),variant:_.optional(),size:V.optional(),isDisabled:z.boolean().optional(),isReadOnly:z.boolean().optional(),isIndeterminate:z.boolean().optional(),isInvalid:z.boolean().optional(),isRequired:z.boolean().optional(),label:z.string().optional(),description:z.string().optional(),value:z.string().optional(),name:z.string().optional(),selectedIcon:z.any().optional(),slot:z.string().optional(),onFocus:z.custom().optional(),onBlur:z.custom().optional(),onFocusChange:z.custom().optional(),autoFocus:z.boolean().optional()});export{T as Checkbox,de as CheckboxPropsSchema,V as CheckboxSizeSchema,_ as CheckboxVariantSchema,E as CheckmarkIcon,R as MinusIcon,y as checkboxContainerVariants,N as checkboxIndicatorVariants,I as checkmarkVariants};//# sourceMappingURL=index.mjs.map
+import {forwardRef,isValidElement,cloneElement}from'react';import {Checkbox}from'react-aria-components';import {cva}from'class-variance-authority';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {z}from'zod';function c(...n){return twMerge(clsx(n))}var p="data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2";var r="hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground";var y=cva(["group inline-flex items-center gap-2 cursor-pointer","transition-colors duration-200","rtl:flex-row-reverse",p,r].join(" "),{variants:{size:{sm:"min-h-[44px] text-sm",default:"min-h-[44px] text-sm",lg:"min-h-[48px] text-base"},isDisabled:{true:"opacity-50 cursor-not-allowed",false:""}},defaultVariants:{size:"default",isDisabled:false}}),N=cva("flex-shrink-0 rounded-sm border-2 flex items-center justify-center transition-colors duration-200 motion-safe:data-[selected]:selection-pulse",{variants:{variant:{default:["border-[var(--border)]","data-[selected]:border-[var(--primary)]","data-[selected]:bg-[var(--primary)]","data-[indeterminate]:border-[var(--primary)]","data-[indeterminate]:bg-[var(--primary)]"].join(" "),destructive:["border-[var(--border)]","data-[selected]:border-[var(--destructive-background)]","data-[selected]:bg-[var(--destructive-background)]","data-[indeterminate]:border-[var(--destructive-background)]","data-[indeterminate]:bg-[var(--destructive-background)]"].join(" ")},size:{sm:"h-4 w-4",default:"h-5 w-5",lg:"h-6 w-6"},isInvalid:{true:"border-[var(--destructive-background)]",false:""}},defaultVariants:{variant:"default",size:"default",isInvalid:false}}),I=cva(["transition-transform duration-200","[transition-timing-function:cubic-bezier(0.34,1.56,0.64,1)]","motion-reduce:transition-none","scale-0 data-[selected]:scale-100 data-[indeterminate]:scale-100"].join(" "),{variants:{variant:{default:"text-[var(--primary-foreground)]",destructive:"text-[var(--destructive-foreground)]"},size:{sm:"h-3 w-3",default:"h-3.5 w-3.5",lg:"h-4 w-4"}},defaultVariants:{variant:"default",size:"default"}});function E({className:n,...i}){return jsx("svg",{className:n,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",...i,children:jsx("polyline",{points:"20 6 9 17 4 12"})})}function R({className:n,...i}){return jsx("svg",{className:n,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",...i,children:jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"})})}var T=forwardRef(({isSelected:n,defaultSelected:i,isDisabled:z,isReadOnly:w,isIndeterminate:A,isInvalid:L=false,isRequired:P=false,onChange:D,onFocusChange:F,value:H,name:B,size:u="default",variant:h="default",label:m,description:b,selectedIcon:s,className:$,id:j,"aria-label":Y,"aria-labelledby":U,"aria-describedby":G,"data-testid":M,slot:q},W)=>{let J=z||void 0,K=w||void 0,Q=A||void 0,X=(t,x)=>{let d=c(I({variant:h,size:u})),l=t||void 0,v=x||void 0;if(x)return jsx(R,{className:d,"data-selected":l,"data-indeterminate":v});if(s&&t){if(isValidElement(s)){let S=s;return cloneElement(S,{className:c(d,S.props.className),"data-selected":l})}return jsx("span",{className:d,"data-selected":l,children:s})}return jsx(E,{className:d,"data-selected":l,"data-indeterminate":v})};return jsx(Checkbox,{ref:W,id:j,isSelected:n,defaultSelected:i,isDisabled:J,isReadOnly:K,isIndeterminate:Q,isInvalid:L,isRequired:P,onChange:D,onFocusChange:F,value:H,name:B,slot:q,"aria-label":Y,"aria-labelledby":U,"aria-describedby":G,"data-testid":M,className:t=>c(y({size:u,isDisabled:t.isDisabled}),$),children:t=>jsxs(Fragment,{children:[jsx("div",{className:N({variant:h,size:u,isInvalid:t.isInvalid}),"data-selected":t.isSelected||void 0,"data-indeterminate":t.isIndeterminate||void 0,children:X(t.isSelected,t.isIndeterminate)}),(m||b)&&jsxs("div",{className:"flex flex-col",children:[m&&jsx("span",{className:"font-medium text-[var(--content-foreground)]",children:m}),b&&jsx("span",{className:"text-sm text-[var(--menu-muted)]",children:b})]})]})})});T.displayName="Checkbox";var O=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 V=z.enum(["sm","default","lg"]),_=z.enum(["default","destructive"]),de=O.extend({isSelected:z.boolean().optional(),defaultSelected:z.boolean().optional(),onChange:z.custom().optional(),variant:_.optional(),size:V.optional(),isDisabled:z.boolean().optional(),isReadOnly:z.boolean().optional(),isIndeterminate:z.boolean().optional(),isInvalid:z.boolean().optional(),isRequired:z.boolean().optional(),label:z.string().optional(),description:z.string().optional(),value:z.string().optional(),name:z.string().optional(),selectedIcon:z.any().optional(),slot:z.string().optional(),onFocus:z.custom().optional(),onBlur:z.custom().optional(),onFocusChange:z.custom().optional(),autoFocus:z.boolean().optional()});export{T as Checkbox,de as CheckboxPropsSchema,V as CheckboxSizeSchema,_ as CheckboxVariantSchema,E as CheckmarkIcon,R as MinusIcon,y as checkboxContainerVariants,N as checkboxIndicatorVariants,I as checkmarkVariants};//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/styles/interaction-states.ts","../../../src/elements/Checkbox/Checkbox.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Checkbox/Checkbox.types.ts"],"names":["cn","inputs","twMerge","clsx","FOCUS_STYLES","HIGH_CONTRAST_FOCUS","checkboxContainerVariants","cva","checkboxIndicatorVariants","checkmarkVariants","CheckmarkIcon","className","props","jsx","MinusIcon","Checkbox","forwardRef","isSelected","defaultSelected","isDisabled","isReadOnly","isIndeterminate","isInvalid","isRequired","onChange","onFocusChange","value","name","size","variant","label","description","selectedIcon","id","ariaLabel","ariaLabelledby","ariaDescribedby","dataTestId","slot","ref","computedIsDisabled","computedIsReadOnly","computedIsIndeterminate","renderIcon","isChecked","isIndet","iconClassName","dataSelected","dataIndeterminate","isValidElement","iconElement","cloneElement","AriaCheckbox","renderProps","jsxs","Fragment","BaseComponentPropsSchema","z","CheckboxSizeSchema","CheckboxVariantSchema","CheckboxPropsSchema"],"mappings":"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","file":"index.mjs","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","/**\n * 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 * Checkbox Component\n * Standalone accessible checkbox with React Aria primitives and CVA styling\n *\n * Key Features:\n * - Standalone checkbox (not requiring CheckboxGroup)\n * - 44px+ touch targets (WCAG 2.2 AAA)\n * - 2 variants: default, destructive\n * - 3 sizes: sm, default, lg\n * - Indeterminate state support\n * - Spring animation for checkmark\n * - RTL support\n * - Works with React Aria slot system (for Table integration)\n *\n * @see React Aria Checkbox: https://react-spectrum.adobe.com/react-aria/Checkbox.html\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AAA)\n */\n\nimport {\n  forwardRef,\n  cloneElement,\n  isValidElement,\n  type ReactNode,\n  type ReactElement,\n} from 'react';\nimport { Checkbox as AriaCheckbox } from 'react-aria-components';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { FOCUS_STYLES, HIGH_CONTRAST_FOCUS } from '../../styles/interaction-states';\nimport type { CheckboxProps } from './Checkbox.types';\n\n// ============================================================================\n// CVA Variants\n// ============================================================================\n\n/**\n * Checkbox container variants\n * Controls the overall checkbox layout with touch target\n */\nconst checkboxContainerVariants = cva(\n  [\n    \"group inline-flex items-center gap-2 cursor-pointer\",\n    \"transition-colors duration-200\",\n    \"rtl:flex-row-reverse\",\n    FOCUS_STYLES,\n    HIGH_CONTRAST_FOCUS,\n  ].join(\" \"),\n  {\n    variants: {\n      size: {\n        sm: \"min-h-[44px] text-sm\",\n        default: \"min-h-[44px] text-sm\",\n        lg: \"min-h-[48px] text-base\",\n      },\n      isDisabled: {\n        true: \"opacity-50 cursor-not-allowed\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      isDisabled: false,\n    },\n  }\n);\n\n/**\n * Checkbox indicator (the box) variants\n */\nconst checkboxIndicatorVariants = cva(\n  \"flex-shrink-0 rounded-sm border-2 flex items-center justify-center transition-colors duration-200\",\n  {\n    variants: {\n      variant: {\n        default: [\n          \"border-[var(--border)]\",\n          \"data-[selected]:border-[var(--primary)]\",\n          \"data-[selected]:bg-[var(--primary)]\",\n          \"data-[indeterminate]:border-[var(--primary)]\",\n          \"data-[indeterminate]:bg-[var(--primary)]\",\n        ].join(\" \"),\n        destructive: [\n          \"border-[var(--border)]\",\n          \"data-[selected]:border-[var(--destructive-background)]\",\n          \"data-[selected]:bg-[var(--destructive-background)]\",\n          \"data-[indeterminate]:border-[var(--destructive-background)]\",\n          \"data-[indeterminate]:bg-[var(--destructive-background)]\",\n        ].join(\" \"),\n      },\n      size: {\n        sm: \"h-4 w-4\",\n        default: \"h-5 w-5\",\n        lg: \"h-6 w-6\",\n      },\n      isInvalid: {\n        true: \"border-[var(--destructive-background)]\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n      isInvalid: false,\n    },\n  }\n);\n\n/**\n * Checkmark icon variants with spring animation\n */\nconst checkmarkVariants = cva(\n  [\n    \"transition-transform duration-200\",\n    \"[transition-timing-function:cubic-bezier(0.34,1.56,0.64,1)]\",\n    \"motion-reduce:transition-none\",\n    \"scale-0 data-[selected]:scale-100 data-[indeterminate]:scale-100\",\n  ].join(\" \"),\n  {\n    variants: {\n      variant: {\n        default: \"text-[var(--primary-foreground)]\",\n        destructive: \"text-[var(--destructive-foreground)]\",\n      },\n      size: {\n        sm: \"h-3 w-3\",\n        default: \"h-3.5 w-3.5\",\n        lg: \"h-4 w-4\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n);\n\n// ============================================================================\n// Icon Components\n// ============================================================================\n\n/**\n * Checkmark SVG icon\n */\nfunction CheckmarkIcon({ className, ...props }: { className?: string; 'data-selected'?: boolean; 'data-indeterminate'?: boolean }): ReactNode {\n  return (\n    <svg\n      className={className}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={3}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      {...props}\n    >\n      <polyline points=\"20 6 9 17 4 12\" />\n    </svg>\n  );\n}\n\n/**\n * Minus (indeterminate) SVG icon\n */\nfunction MinusIcon({ className, ...props }: { className?: string; 'data-selected'?: boolean; 'data-indeterminate'?: boolean }): ReactNode {\n  return (\n    <svg\n      className={className}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={3}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      {...props}\n    >\n      <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" />\n    </svg>\n  );\n}\n\n// ============================================================================\n// Checkbox Component\n// ============================================================================\n\n/**\n * Standalone Checkbox component\n * Accessible checkbox that can be used independently or within Table\n */\nconst Checkbox = forwardRef<HTMLLabelElement, CheckboxProps>(\n  (\n    {\n      isSelected,\n      defaultSelected,\n      isDisabled,\n      isReadOnly,\n      isIndeterminate,\n      isInvalid = false,\n      isRequired = false,\n      onChange,\n      onFocusChange,\n      value,\n      name,\n      size = 'default',\n      variant = 'default',\n      label,\n      description,\n      selectedIcon,\n      className,\n      id,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      'aria-describedby': ariaDescribedby,\n      'data-testid': dataTestId,\n      slot,\n    },\n    ref\n  ) => {\n    // Only set these props when explicitly true to allow slot system to control them\n    // (e.g., Table's selection slot injects isIndeterminate for partial selection)\n    const computedIsDisabled = isDisabled || undefined;\n    const computedIsReadOnly = isReadOnly || undefined;\n    const computedIsIndeterminate = isIndeterminate || undefined;\n    // Render the icon based on state\n    const renderIcon = (isChecked: boolean, isIndet: boolean) => {\n      const iconClassName = cn(checkmarkVariants({ variant, size }));\n      const dataSelected = isChecked || undefined;\n      const dataIndeterminate = isIndet || undefined;\n\n      // For indeterminate state, always show minus\n      if (isIndet) {\n        return (\n          <MinusIcon\n            className={iconClassName}\n            data-selected={dataSelected}\n            data-indeterminate={dataIndeterminate}\n          />\n        );\n      }\n\n      // Custom icon support\n      if (selectedIcon && isChecked) {\n        if (isValidElement(selectedIcon)) {\n          const iconElement = selectedIcon as ReactElement<{ className?: string; 'data-selected'?: boolean }>;\n          return cloneElement(iconElement, {\n            className: cn(iconClassName, iconElement.props.className),\n            'data-selected': dataSelected,\n          });\n        }\n        return <span className={iconClassName} data-selected={dataSelected}>{selectedIcon}</span>;\n      }\n\n      // Default checkmark\n      return (\n        <CheckmarkIcon\n          className={iconClassName}\n          data-selected={dataSelected}\n          data-indeterminate={dataIndeterminate}\n        />\n      );\n    };\n\n    return (\n      <AriaCheckbox\n        ref={ref}\n        id={id}\n        isSelected={isSelected}\n        defaultSelected={defaultSelected}\n        isDisabled={computedIsDisabled}\n        isReadOnly={computedIsReadOnly}\n        isIndeterminate={computedIsIndeterminate}\n        isInvalid={isInvalid}\n        isRequired={isRequired}\n        onChange={onChange}\n        onFocusChange={onFocusChange}\n        value={value}\n        name={name}\n        slot={slot}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        aria-describedby={ariaDescribedby}\n        data-testid={dataTestId}\n        className={(renderProps) =>\n          cn(\n            checkboxContainerVariants({\n              size,\n              isDisabled: renderProps.isDisabled,\n            }),\n            className\n          )\n        }\n      >\n        {(renderProps) => (\n          <>\n            {/* Checkbox indicator (the box) */}\n            <div\n              className={checkboxIndicatorVariants({\n                variant,\n                size,\n                isInvalid: renderProps.isInvalid,\n              })}\n              data-selected={renderProps.isSelected || undefined}\n              data-indeterminate={renderProps.isIndeterminate || undefined}\n            >\n              {renderIcon(renderProps.isSelected, renderProps.isIndeterminate)}\n            </div>\n\n            {/* Label and description */}\n            {(label || description) && (\n              <div className=\"flex flex-col\">\n                {label && (\n                  <span className=\"font-medium text-[var(--content-foreground)]\">\n                    {label}\n                  </span>\n                )}\n                {description && (\n                  <span className=\"text-sm text-[var(--menu-muted)]\">\n                    {description}\n                  </span>\n                )}\n              </div>\n            )}\n          </>\n        )}\n      </AriaCheckbox>\n    );\n  }\n);\n\nCheckbox.displayName = \"Checkbox\";\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n  Checkbox,\n  checkboxContainerVariants,\n  checkboxIndicatorVariants,\n  checkmarkVariants,\n  CheckmarkIcon,\n  MinusIcon,\n};\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","/**\n * Checkbox Component Types\n * Standalone accessible checkbox with Zod schema validation\n *\n * @see React Aria Checkbox: https://react-spectrum.adobe.com/react-aria/Checkbox.html\n * @see constitution.md Principle II (Type Safety - Zod schema validation)\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AAA)\n */\n\nimport { z } from 'zod';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\nimport type { ReactNode } from 'react';\nimport type { CheckboxProps as AriaCheckboxProps } from 'react-aria-components';\n\n/**\n * Checkbox size schema\n * All sizes maintain 44px minimum height for WCAG 2.2 AAA compliance\n */\nexport const CheckboxSizeSchema = z.enum(['sm', 'default', 'lg']);\nexport type CheckboxSize = z.infer<typeof CheckboxSizeSchema>;\n\n/**\n * Checkbox variant schema\n * 2 variants: default and destructive\n */\nexport const CheckboxVariantSchema = z.enum(['default', 'destructive']);\nexport type CheckboxVariant = z.infer<typeof CheckboxVariantSchema>;\n\n/**\n * Checkbox props schema extending BaseComponentProps\n *\n * Note: We use .optional() without .default() to allow the component to handle defaults.\n * This ensures compatibility with React Aria's type system and allows partial props.\n *\n * @see React Aria Checkbox: https://react-spectrum.adobe.com/react-aria/Checkbox.html\n * @see constitution.md Principle IV (Accessibility First)\n */\nexport const CheckboxPropsSchema = BaseComponentPropsSchema.extend({\n  // State management (controlled/uncontrolled)\n  isSelected: z.boolean().optional(),\n  defaultSelected: z.boolean().optional(),\n  onChange: z.custom<(isSelected: boolean) => void>().optional(),\n\n  // Variants (matching Switch/Button pattern)\n  variant: CheckboxVariantSchema.optional(),\n  size: CheckboxSizeSchema.optional(),\n\n  // States\n  isDisabled: z.boolean().optional(),\n  isReadOnly: z.boolean().optional(),\n  isIndeterminate: z.boolean().optional(),\n  isInvalid: z.boolean().optional(),\n  isRequired: z.boolean().optional(),\n\n  // Labels (optional built-in labeling)\n  label: z.string().optional(),\n  description: z.string().optional(),\n\n  // Form integration\n  value: z.string().optional(),\n  name: z.string().optional(),\n\n  // Custom icon\n  selectedIcon: z.any().optional(), // ReactNode\n\n  // React Aria slot integration (e.g., for Table)\n  slot: z.string().optional(),\n\n  // React Aria CheckboxProps integration\n  onFocus: z.custom<() => void>().optional(),\n  onBlur: z.custom<() => void>().optional(),\n  onFocusChange: z.custom<(isFocused: boolean) => void>().optional(),\n  autoFocus: z.boolean().optional(),\n});\n\nexport interface CheckboxPropsOwn {\n  className?: string;\n  children?: ReactNode;\n  id?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'aria-describedby'?: string;\n  'aria-live'?: 'off' | 'polite' | 'assertive';\n  'aria-hidden'?: boolean;\n  'data-testid'?: string;\n  isSelected?: boolean;\n  defaultSelected?: boolean;\n  onChange?: (isSelected: boolean) => void;\n  variant?: CheckboxVariant;\n  size?: CheckboxSize;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  isIndeterminate?: boolean;\n  isInvalid?: boolean;\n  isRequired?: boolean;\n  label?: string;\n  description?: string;\n  value?: string;\n  name?: string;\n  selectedIcon?: ReactNode;\n  slot?: string;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  onFocusChange?: (isFocused: boolean) => void;\n  autoFocus?: boolean;\n}\n\nexport type CheckboxProps = CheckboxPropsOwn &\n  Omit<AriaCheckboxProps, keyof CheckboxPropsOwn>;\n"]}
+{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/styles/interaction-states.ts","../../../src/elements/Checkbox/Checkbox.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Checkbox/Checkbox.types.ts"],"names":["cn","inputs","twMerge","clsx","FOCUS_STYLES","HIGH_CONTRAST_FOCUS","checkboxContainerVariants","cva","checkboxIndicatorVariants","checkmarkVariants","CheckmarkIcon","className","props","jsx","MinusIcon","Checkbox","forwardRef","isSelected","defaultSelected","isDisabled","isReadOnly","isIndeterminate","isInvalid","isRequired","onChange","onFocusChange","value","name","size","variant","label","description","selectedIcon","id","ariaLabel","ariaLabelledby","ariaDescribedby","dataTestId","slot","ref","computedIsDisabled","computedIsReadOnly","computedIsIndeterminate","renderIcon","isChecked","isIndet","iconClassName","dataSelected","dataIndeterminate","isValidElement","iconElement","cloneElement","AriaCheckbox","renderProps","jsxs","Fragment","BaseComponentPropsSchema","z","CheckboxSizeSchema","CheckboxVariantSchema","CheckboxPropsSchema"],"mappings":"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","file":"index.mjs","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","/**\n * 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 * Checkbox Component\n * Standalone accessible checkbox with React Aria primitives and CVA styling\n *\n * Key Features:\n * - Standalone checkbox (not requiring CheckboxGroup)\n * - 44px+ touch targets (WCAG 2.2 AAA)\n * - 2 variants: default, destructive\n * - 3 sizes: sm, default, lg\n * - Indeterminate state support\n * - Spring animation for checkmark\n * - RTL support\n * - Works with React Aria slot system (for Table integration)\n *\n * @see React Aria Checkbox: https://react-spectrum.adobe.com/react-aria/Checkbox.html\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AAA)\n */\n\nimport {\n  forwardRef,\n  cloneElement,\n  isValidElement,\n  type ReactNode,\n  type ReactElement,\n} from 'react';\nimport { Checkbox as AriaCheckbox } from 'react-aria-components';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { FOCUS_STYLES, HIGH_CONTRAST_FOCUS } from '../../styles/interaction-states';\nimport type { CheckboxProps } from './Checkbox.types';\n\n// ============================================================================\n// CVA Variants\n// ============================================================================\n\n/**\n * Checkbox container variants\n * Controls the overall checkbox layout with touch target\n */\nconst checkboxContainerVariants = cva(\n  [\n    \"group inline-flex items-center gap-2 cursor-pointer\",\n    \"transition-colors duration-200\",\n    \"rtl:flex-row-reverse\",\n    FOCUS_STYLES,\n    HIGH_CONTRAST_FOCUS,\n  ].join(\" \"),\n  {\n    variants: {\n      size: {\n        sm: \"min-h-[44px] text-sm\",\n        default: \"min-h-[44px] text-sm\",\n        lg: \"min-h-[48px] text-base\",\n      },\n      isDisabled: {\n        true: \"opacity-50 cursor-not-allowed\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      isDisabled: false,\n    },\n  }\n);\n\n/**\n * Checkbox indicator (the box) variants\n */\nconst checkboxIndicatorVariants = cva(\n  \"flex-shrink-0 rounded-sm border-2 flex items-center justify-center transition-colors duration-200 motion-safe:data-[selected]:selection-pulse\",\n  {\n    variants: {\n      variant: {\n        default: [\n          \"border-[var(--border)]\",\n          \"data-[selected]:border-[var(--primary)]\",\n          \"data-[selected]:bg-[var(--primary)]\",\n          \"data-[indeterminate]:border-[var(--primary)]\",\n          \"data-[indeterminate]:bg-[var(--primary)]\",\n        ].join(\" \"),\n        destructive: [\n          \"border-[var(--border)]\",\n          \"data-[selected]:border-[var(--destructive-background)]\",\n          \"data-[selected]:bg-[var(--destructive-background)]\",\n          \"data-[indeterminate]:border-[var(--destructive-background)]\",\n          \"data-[indeterminate]:bg-[var(--destructive-background)]\",\n        ].join(\" \"),\n      },\n      size: {\n        sm: \"h-4 w-4\",\n        default: \"h-5 w-5\",\n        lg: \"h-6 w-6\",\n      },\n      isInvalid: {\n        true: \"border-[var(--destructive-background)]\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n      isInvalid: false,\n    },\n  }\n);\n\n/**\n * Checkmark icon variants with spring animation\n */\nconst checkmarkVariants = cva(\n  [\n    \"transition-transform duration-200\",\n    \"[transition-timing-function:cubic-bezier(0.34,1.56,0.64,1)]\",\n    \"motion-reduce:transition-none\",\n    \"scale-0 data-[selected]:scale-100 data-[indeterminate]:scale-100\",\n  ].join(\" \"),\n  {\n    variants: {\n      variant: {\n        default: \"text-[var(--primary-foreground)]\",\n        destructive: \"text-[var(--destructive-foreground)]\",\n      },\n      size: {\n        sm: \"h-3 w-3\",\n        default: \"h-3.5 w-3.5\",\n        lg: \"h-4 w-4\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n);\n\n// ============================================================================\n// Icon Components\n// ============================================================================\n\n/**\n * Checkmark SVG icon\n */\nfunction CheckmarkIcon({ className, ...props }: { className?: string; 'data-selected'?: boolean; 'data-indeterminate'?: boolean }): ReactNode {\n  return (\n    <svg\n      className={className}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={3}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      {...props}\n    >\n      <polyline points=\"20 6 9 17 4 12\" />\n    </svg>\n  );\n}\n\n/**\n * Minus (indeterminate) SVG icon\n */\nfunction MinusIcon({ className, ...props }: { className?: string; 'data-selected'?: boolean; 'data-indeterminate'?: boolean }): ReactNode {\n  return (\n    <svg\n      className={className}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={3}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      {...props}\n    >\n      <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" />\n    </svg>\n  );\n}\n\n// ============================================================================\n// Checkbox Component\n// ============================================================================\n\n/**\n * Standalone Checkbox component\n * Accessible checkbox that can be used independently or within Table\n */\nconst Checkbox = forwardRef<HTMLLabelElement, CheckboxProps>(\n  (\n    {\n      isSelected,\n      defaultSelected,\n      isDisabled,\n      isReadOnly,\n      isIndeterminate,\n      isInvalid = false,\n      isRequired = false,\n      onChange,\n      onFocusChange,\n      value,\n      name,\n      size = 'default',\n      variant = 'default',\n      label,\n      description,\n      selectedIcon,\n      className,\n      id,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      'aria-describedby': ariaDescribedby,\n      'data-testid': dataTestId,\n      slot,\n    },\n    ref\n  ) => {\n    // Only set these props when explicitly true to allow slot system to control them\n    // (e.g., Table's selection slot injects isIndeterminate for partial selection)\n    const computedIsDisabled = isDisabled || undefined;\n    const computedIsReadOnly = isReadOnly || undefined;\n    const computedIsIndeterminate = isIndeterminate || undefined;\n    // Render the icon based on state\n    const renderIcon = (isChecked: boolean, isIndet: boolean) => {\n      const iconClassName = cn(checkmarkVariants({ variant, size }));\n      const dataSelected = isChecked || undefined;\n      const dataIndeterminate = isIndet || undefined;\n\n      // For indeterminate state, always show minus\n      if (isIndet) {\n        return (\n          <MinusIcon\n            className={iconClassName}\n            data-selected={dataSelected}\n            data-indeterminate={dataIndeterminate}\n          />\n        );\n      }\n\n      // Custom icon support\n      if (selectedIcon && isChecked) {\n        if (isValidElement(selectedIcon)) {\n          const iconElement = selectedIcon as ReactElement<{ className?: string; 'data-selected'?: boolean }>;\n          return cloneElement(iconElement, {\n            className: cn(iconClassName, iconElement.props.className),\n            'data-selected': dataSelected,\n          });\n        }\n        return <span className={iconClassName} data-selected={dataSelected}>{selectedIcon}</span>;\n      }\n\n      // Default checkmark\n      return (\n        <CheckmarkIcon\n          className={iconClassName}\n          data-selected={dataSelected}\n          data-indeterminate={dataIndeterminate}\n        />\n      );\n    };\n\n    return (\n      <AriaCheckbox\n        ref={ref}\n        id={id}\n        isSelected={isSelected}\n        defaultSelected={defaultSelected}\n        isDisabled={computedIsDisabled}\n        isReadOnly={computedIsReadOnly}\n        isIndeterminate={computedIsIndeterminate}\n        isInvalid={isInvalid}\n        isRequired={isRequired}\n        onChange={onChange}\n        onFocusChange={onFocusChange}\n        value={value}\n        name={name}\n        slot={slot}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        aria-describedby={ariaDescribedby}\n        data-testid={dataTestId}\n        className={(renderProps) =>\n          cn(\n            checkboxContainerVariants({\n              size,\n              isDisabled: renderProps.isDisabled,\n            }),\n            className\n          )\n        }\n      >\n        {(renderProps) => (\n          <>\n            {/* Checkbox indicator (the box) */}\n            <div\n              className={checkboxIndicatorVariants({\n                variant,\n                size,\n                isInvalid: renderProps.isInvalid,\n              })}\n              data-selected={renderProps.isSelected || undefined}\n              data-indeterminate={renderProps.isIndeterminate || undefined}\n            >\n              {renderIcon(renderProps.isSelected, renderProps.isIndeterminate)}\n            </div>\n\n            {/* Label and description */}\n            {(label || description) && (\n              <div className=\"flex flex-col\">\n                {label && (\n                  <span className=\"font-medium text-[var(--content-foreground)]\">\n                    {label}\n                  </span>\n                )}\n                {description && (\n                  <span className=\"text-sm text-[var(--menu-muted)]\">\n                    {description}\n                  </span>\n                )}\n              </div>\n            )}\n          </>\n        )}\n      </AriaCheckbox>\n    );\n  }\n);\n\nCheckbox.displayName = \"Checkbox\";\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n  Checkbox,\n  checkboxContainerVariants,\n  checkboxIndicatorVariants,\n  checkmarkVariants,\n  CheckmarkIcon,\n  MinusIcon,\n};\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","/**\n * Checkbox Component Types\n * Standalone accessible checkbox with Zod schema validation\n *\n * @see React Aria Checkbox: https://react-spectrum.adobe.com/react-aria/Checkbox.html\n * @see constitution.md Principle II (Type Safety - Zod schema validation)\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AAA)\n */\n\nimport { z } from 'zod';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\nimport type { ReactNode } from 'react';\nimport type { CheckboxProps as AriaCheckboxProps } from 'react-aria-components';\n\n/**\n * Checkbox size schema\n * All sizes maintain 44px minimum height for WCAG 2.2 AAA compliance\n */\nexport const CheckboxSizeSchema = z.enum(['sm', 'default', 'lg']);\nexport type CheckboxSize = z.infer<typeof CheckboxSizeSchema>;\n\n/**\n * Checkbox variant schema\n * 2 variants: default and destructive\n */\nexport const CheckboxVariantSchema = z.enum(['default', 'destructive']);\nexport type CheckboxVariant = z.infer<typeof CheckboxVariantSchema>;\n\n/**\n * Checkbox props schema extending BaseComponentProps\n *\n * Note: We use .optional() without .default() to allow the component to handle defaults.\n * This ensures compatibility with React Aria's type system and allows partial props.\n *\n * @see React Aria Checkbox: https://react-spectrum.adobe.com/react-aria/Checkbox.html\n * @see constitution.md Principle IV (Accessibility First)\n */\nexport const CheckboxPropsSchema = BaseComponentPropsSchema.extend({\n  // State management (controlled/uncontrolled)\n  isSelected: z.boolean().optional(),\n  defaultSelected: z.boolean().optional(),\n  onChange: z.custom<(isSelected: boolean) => void>().optional(),\n\n  // Variants (matching Switch/Button pattern)\n  variant: CheckboxVariantSchema.optional(),\n  size: CheckboxSizeSchema.optional(),\n\n  // States\n  isDisabled: z.boolean().optional(),\n  isReadOnly: z.boolean().optional(),\n  isIndeterminate: z.boolean().optional(),\n  isInvalid: z.boolean().optional(),\n  isRequired: z.boolean().optional(),\n\n  // Labels (optional built-in labeling)\n  label: z.string().optional(),\n  description: z.string().optional(),\n\n  // Form integration\n  value: z.string().optional(),\n  name: z.string().optional(),\n\n  // Custom icon\n  selectedIcon: z.any().optional(), // ReactNode\n\n  // React Aria slot integration (e.g., for Table)\n  slot: z.string().optional(),\n\n  // React Aria CheckboxProps integration\n  onFocus: z.custom<() => void>().optional(),\n  onBlur: z.custom<() => void>().optional(),\n  onFocusChange: z.custom<(isFocused: boolean) => void>().optional(),\n  autoFocus: z.boolean().optional(),\n});\n\nexport interface CheckboxPropsOwn {\n  className?: string;\n  children?: ReactNode;\n  id?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'aria-describedby'?: string;\n  'aria-live'?: 'off' | 'polite' | 'assertive';\n  'aria-hidden'?: boolean;\n  'data-testid'?: string;\n  isSelected?: boolean;\n  defaultSelected?: boolean;\n  onChange?: (isSelected: boolean) => void;\n  variant?: CheckboxVariant;\n  size?: CheckboxSize;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  isIndeterminate?: boolean;\n  isInvalid?: boolean;\n  isRequired?: boolean;\n  label?: string;\n  description?: string;\n  value?: string;\n  name?: string;\n  selectedIcon?: ReactNode;\n  slot?: string;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  onFocusChange?: (isFocused: boolean) => void;\n  autoFocus?: boolean;\n}\n\nexport type CheckboxProps = CheckboxPropsOwn &\n  Omit<AriaCheckboxProps, keyof CheckboxPropsOwn>;\n"]}

package/dist/elements/ColorPicker/ColorPicker.d.ts

@@ -0,0 +1,20 @@
+import type { ColorPickerProps } from './ColorPicker.types';
+/**
+ * ColorPicker Component
+ *
+ * Supports three modes:
+ * - "swatch": Preset color grid only
+ * - "advanced": Full picker (ColorArea + hue slider) only
+ * - "both": Swatch grid with expandable advanced section
+ *
+ * @example
+ * <ColorPicker label="Brand Color" mode="both" defaultValue="#7c3aed" />
+ *
+ * @example
+ * <ColorPicker mode="swatch" colors={['#ff0000', '#00ff00', '#0000ff']} />
+ */
+export declare function ColorPicker({ mode, size, value, defaultValue, label, description, errorMessage, colors, isDisabled, isRequired, isInvalid, isReadOnly, name, onChange, onChangeEnd, className, id, 'aria-label': ariaLabel, 'data-testid': dataTestId, }: ColorPickerProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ColorPicker {
+    var displayName: string;
+}
+//# sourceMappingURL=ColorPicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../src/elements/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AA+BA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAkB5D;;;;;;;;;;;;;GAaG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAa,EACb,IAAgB,EAChB,KAAK,EACL,YAAwB,EACxB,KAAK,EACL,WAAW,EACX,YAAY,EACZ,MAAM,EACN,UAAkB,EAClB,UAAkB,EAClB,SAAiB,EACjB,UAAkB,EAClB,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,SAAS,EACT,EAAE,EACF,YAAY,EAAE,SAAS,EACvB,aAAa,EAAE,UAAU,GAC1B,EAAE,gBAAgB,2CAgMlB;yBApNe,WAAW"}

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

@@ -0,0 +1,74 @@
+/**
+ * ColorPicker CVA Variant Styles
+ *
+ * Styling for ColorPicker sub-elements using class-variance-authority.
+ * Matches Themis input patterns for visual consistency.
+ */
+/**
+ * Container for the entire ColorPicker component
+ */
+export declare const colorPickerContainerVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+/**
+ * Label styling - matches TextField label pattern
+ */
+export declare const colorPickerLabelVariants: (props?: ({
+    state?: "default" | "error" | "disabled" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Description/helper text styling
+ */
+export declare const colorPickerDescriptionVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+/**
+ * Error message styling
+ */
+export declare const colorPickerErrorVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+/**
+ * Hex input row container (field + preview swatch)
+ */
+export declare const colorInputRowVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+/**
+ * Hex color input field - matches TextField input styles.
+ * Uses FIELD_INPUT_SIZES for consistent sizing with all form fields.
+ * min-h-[44px] makes the input itself the 44px touch target (same as TextField, Select, etc.)
+ */
+export declare const colorInputVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+    state?: "default" | "readonly" | "error" | "disabled" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Color preview swatch next to the hex input
+ */
+export declare const colorPreviewVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * ColorArea (2D saturation/brightness picker)
+ */
+export declare const colorAreaVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Color thumb (draggable handle on area/slider)
+ */
+export declare const colorThumbVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+/**
+ * Hue slider track
+ */
+export declare const colorSliderTrackVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Swatch grid container
+ */
+export declare const colorSwatchGridVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+/**
+ * Individual swatch item in the grid
+ */
+export declare const colorSwatchItemVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Disclosure toggle button for expanding advanced section
+ */
+export declare const disclosureToggleVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//# sourceMappingURL=ColorPicker.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.styles.d.ts","sourceRoot":"","sources":["../../../src/elements/ColorPicker/ColorPicker.styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH;;GAEG;AACH,eAAO,MAAM,4BAA4B,oFAExC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB;;8EAcpC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,8BAA8B,oFAE1C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,oFAEpC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,oFAEjC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB;;;8EAqB9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB;;8EAchC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB;;8EAc7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,oFAE9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB;;8EAcpC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB,oFAEnC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB;;8EAcnC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,oFAEpC,CAAC"}

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

@@ -0,0 +1,113 @@
+/**
+ * ColorPicker Component Types
+ *
+ * Zod schemas and TypeScript types for the ColorPicker component.
+ * Supports three modes: swatch-only, advanced-only, and combined.
+ *
+ * @see React Aria ColorPicker: https://react-aria.adobe.com/ColorPicker
+ * @see React Aria ColorSwatchPicker: https://react-aria.adobe.com/ColorSwatchPicker
+ */
+import { z } from 'zod';
+import type { Color } from 'react-aria-components';
+/**
+ * Default swatch palette when no `colors` prop is provided.
+ */
+export declare const DEFAULT_COLORS: string[];
+/**
+ * Operating modes for the ColorPicker.
+ * - 'swatch': Preset color grid only
+ * - 'advanced': Full picker (ColorArea + hue slider) only
+ * - 'both': Swatch grid with expandable advanced section
+ */
+export type ColorPickerMode = 'swatch' | 'advanced' | 'both';
+/**
+ * Size variants for the ColorPicker.
+ */
+export type ColorPickerSize = 'sm' | 'default' | 'lg';
+export declare const ColorPickerModeSchema: z.ZodEnum<{
+    both: "both";
+    swatch: "swatch";
+    advanced: "advanced";
+}>;
+export declare const ColorPickerSizeSchema: z.ZodEnum<{
+    default: "default";
+    sm: "sm";
+    lg: "lg";
+}>;
+/**
+ * Zod schema for ColorPicker props validation.
+ * Used for contract tests and developer guardrails, not runtime validation.
+ */
+export declare const ColorPickerPropsSchema: z.ZodObject<{
+    mode: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
+        both: "both";
+        swatch: "swatch";
+        advanced: "advanced";
+    }>>>;
+    size: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
+        default: "default";
+        sm: "sm";
+        lg: "lg";
+    }>>>;
+    value: z.ZodOptional<z.ZodString>;
+    defaultValue: z.ZodDefault<z.ZodOptional<z.ZodString>>;
+    label: z.ZodOptional<z.ZodString>;
+    description: z.ZodOptional<z.ZodString>;
+    errorMessage: z.ZodOptional<z.ZodString>;
+    colors: z.ZodOptional<z.ZodArray<z.ZodString>>;
+    isDisabled: z.ZodOptional<z.ZodBoolean>;
+    isRequired: z.ZodOptional<z.ZodBoolean>;
+    isInvalid: z.ZodOptional<z.ZodBoolean>;
+    isReadOnly: z.ZodOptional<z.ZodBoolean>;
+    name: z.ZodOptional<z.ZodString>;
+    onChange: z.ZodOptional<z.ZodFunction<z.core.$ZodFunctionArgs, z.core.$ZodFunctionOut>>;
+    onChangeEnd: z.ZodOptional<z.ZodFunction<z.core.$ZodFunctionArgs, z.core.$ZodFunctionOut>>;
+    className: z.ZodOptional<z.ZodString>;
+    id: z.ZodOptional<z.ZodString>;
+    'aria-label': z.ZodOptional<z.ZodString>;
+    'data-testid': z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+/**
+ * Props for the ColorPicker component.
+ */
+export interface ColorPickerProps {
+    /** Which picker UI to display (default: "both") */
+    mode?: ColorPickerMode;
+    /** Size variant (default: "default") */
+    size?: ColorPickerSize;
+    /** Controlled hex color value (e.g. "#ff0000") */
+    value?: string;
+    /** Uncontrolled initial hex value (default: "#000000") */
+    defaultValue?: string;
+    /** Label text */
+    label?: string;
+    /** Helper/description text */
+    description?: string;
+    /** Error message shown when isInvalid */
+    errorMessage?: string;
+    /** Array of hex color strings for swatch grid */
+    colors?: string[];
+    /** Whether the picker is disabled */
+    isDisabled?: boolean;
+    /** Whether a value is required */
+    isRequired?: boolean;
+    /** Whether the field is in an invalid state */
+    isInvalid?: boolean;
+    /** Whether the field is read-only */
+    isReadOnly?: boolean;
+    /** Name attribute for hidden form input */
+    name?: string;
+    /** Called when color changes - receives React Aria Color object */
+    onChange?: (color: Color) => void;
+    /** Called when drag interaction ends on area/slider */
+    onChangeEnd?: (color: Color) => void;
+    /** Additional CSS classes */
+    className?: string;
+    /** Component id */
+    id?: string;
+    /** Accessible label */
+    'aria-label'?: string;
+    /** Test id */
+    'data-testid'?: string;
+}
+//# sourceMappingURL=ColorPicker.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.types.d.ts","sourceRoot":"","sources":["../../../src/elements/ColorPicker/ColorPicker.types.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAMnD;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,MAAM,EAIlC,CAAC;AAMF;;;;;GAKG;AACH,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAE7D;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;AAMtD,eAAO,MAAM,qBAAqB;;;;EAAyC,CAAC;AAC5E,eAAO,MAAM,qBAAqB;;;;EAAkC,CAAC;AAErE;;;GAGG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAwDjC,CAAC;AAMH;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,mDAAmD;IACnD,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,wCAAwC;IACxC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kCAAkC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,uDAAuD;IACvD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACrC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,uBAAuB;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}

package/dist/elements/ColorPicker/index.d.ts

@@ -0,0 +1,5 @@
+export { ColorPicker } from './ColorPicker';
+export { ColorPickerPropsSchema, ColorPickerModeSchema, ColorPickerSizeSchema, DEFAULT_COLORS, } from './ColorPicker.types';
+export type { ColorPickerProps, ColorPickerMode, ColorPickerSize, } from './ColorPicker.types';
+export { colorPickerContainerVariants, colorPickerLabelVariants, colorPickerDescriptionVariants, colorPickerErrorVariants, colorInputRowVariants, colorInputVariants, colorPreviewVariants, colorAreaVariants, colorThumbVariants, colorSliderTrackVariants, colorSwatchGridVariants, colorSwatchItemVariants, disclosureToggleVariants, } from './ColorPicker.styles';
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/ColorPicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ColorPicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EACL,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,cAAc,GACf,MAAM,qBAAqB,CAAC;AAE7B,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,eAAe,GAChB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EACL,4BAA4B,EAC5B,wBAAwB,EACxB,8BAA8B,EAC9B,wBAAwB,EACxB,qBAAqB,EACrB,kBAAkB,EAClB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,wBAAwB,EACxB,uBAAuB,EACvB,uBAAuB,EACvB,wBAAwB,GACzB,MAAM,sBAAsB,CAAC"}