@tribepad/themis 1.0.0 → 1.0.2

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}
+{"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)]\",\n          \"data-[selected]:bg-[var(--destructive)]\",\n          \"data-[indeterminate]:border-[var(--destructive)]\",\n          \"data-[indeterminate]:bg-[var(--destructive)]\",\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)]\",\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 { 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 type CheckboxProps = z.infer<typeof CheckboxPropsSchema> &\n  Omit<AriaCheckboxProps, keyof z.infer<typeof CheckboxPropsSchema>>;\n"]}

package/dist/elements/CheckboxGroup/index.js

@@ -1,71 +1,3 @@
-'use strict';
-
-var chunk34GTFTDO_js = require('../../chunk-34GTFTDO.js');
-require('../../chunk-B5Q4UPL6.js');
-require('../../chunk-VIREG536.js');
-require('../../chunk-T4COXKQ3.js');
-
-
-
-Object.defineProperty(exports, "Checkbox", {
-  enumerable: true,
-  get: function () { return chunk34GTFTDO_js.Checkbox; }
-});
-Object.defineProperty(exports, "CheckboxDescriptionPropsSchema", {
-  enumerable: true,
-  get: function () { return chunk34GTFTDO_js.CheckboxDescriptionPropsSchema; }
-});
-Object.defineProperty(exports, "CheckboxGroup", {
-  enumerable: true,
-  get: function () { return chunk34GTFTDO_js.CheckboxGroup; }
-});
-Object.defineProperty(exports, "CheckboxGroupOrientationSchema", {
-  enumerable: true,
-  get: function () { return chunk34GTFTDO_js.CheckboxGroupOrientationSchema; }
-});
-Object.defineProperty(exports, "CheckboxGroupPropsSchema", {
-  enumerable: true,
-  get: function () { return chunk34GTFTDO_js.CheckboxGroupPropsSchema; }
-});
-Object.defineProperty(exports, "CheckboxGroupSizeSchema", {
-  enumerable: true,
-  get: function () { return chunk34GTFTDO_js.CheckboxGroupSizeSchema; }
-});
-Object.defineProperty(exports, "CheckboxGroupVariantSchema", {
-  enumerable: true,
-  get: function () { return chunk34GTFTDO_js.CheckboxGroupVariantSchema; }
-});
-Object.defineProperty(exports, "CheckboxLabelPropsSchema", {
-  enumerable: true,
-  get: function () { return chunk34GTFTDO_js.CheckboxLabelPropsSchema; }
-});
-Object.defineProperty(exports, "CheckboxPropsSchema", {
-  enumerable: true,
-  get: function () { return chunk34GTFTDO_js.CheckboxPropsSchema; }
-});
-Object.defineProperty(exports, "CheckmarkIcon", {
-  enumerable: true,
-  get: function () { return chunk34GTFTDO_js.CheckmarkIcon; }
-});
-Object.defineProperty(exports, "TimesIcon", {
-  enumerable: true,
-  get: function () { return chunk34GTFTDO_js.TimesIcon; }
-});
-Object.defineProperty(exports, "checkboxGroupVariants", {
-  enumerable: true,
-  get: function () { return chunk34GTFTDO_js.checkboxGroupVariants; }
-});
-Object.defineProperty(exports, "checkboxIndicatorVariants", {
-  enumerable: true,
-  get: function () { return chunk34GTFTDO_js.checkboxIndicatorVariants; }
-});
-Object.defineProperty(exports, "checkboxItemVariants", {
-  enumerable: true,
-  get: function () { return chunk34GTFTDO_js.checkboxItemVariants; }
-});
-Object.defineProperty(exports, "checkmarkVariants", {
-  enumerable: true,
-  get: function () { return chunk34GTFTDO_js.checkmarkVariants; }
-});
-//# sourceMappingURL=index.js.map
+"use client";
+'use strict';var zod=require('zod'),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');var P=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 T=zod.z.enum(["default","destructive"]),I=zod.z.enum(["sm","default","lg"]),O=zod.z.enum(["vertical","horizontal"]),se=P.extend({label:zod.z.string().optional(),description:zod.z.string().optional(),errorMessage:zod.z.string().optional(),value:zod.z.array(zod.z.string()).optional(),defaultValue:zod.z.array(zod.z.string()).optional(),isDisabled:zod.z.boolean().optional().default(false),isReadOnly:zod.z.boolean().optional().default(false),isRequired:zod.z.boolean().optional().default(false),isInvalid:zod.z.boolean().optional().default(false),orientation:O.optional().default("vertical"),variant:T.optional().default("default"),size:I.optional().default("default"),name:zod.z.string().optional(),onChange:zod.z.custom().optional(),onFocusChange:zod.z.custom().optional(),children:zod.z.custom()}),ne=P.extend({value:zod.z.string(),isDisabled:zod.z.boolean().optional().default(false),children:zod.z.custom(),className:zod.z.string().optional(),selectedIcon:zod.z.custom().optional()}),ce=zod.z.object({children:zod.z.custom(),className:zod.z.string().optional()}),le=zod.z.object({children:zod.z.custom(),className:zod.z.string().optional()});function d(...o){return tailwindMerge.twMerge(clsx.clsx(o))}var S="data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2";var m="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 A=react.createContext({variant:"default",size:"default",isInvalid:false,isDisabled:false,isReadOnly:false}),w=classVarianceAuthority.cva("flex",{variants:{orientation:{vertical:"flex-col gap-2",horizontal:"flex-row flex-wrap gap-2"}},defaultVariants:{orientation:"vertical"}}),$=classVarianceAuthority.cva(["flex items-center gap-3 rounded-md border cursor-pointer","transition-colors duration-200","rtl:flex-row-reverse",S,m].join(" "),{variants:{variant:{default:["border-[var(--border)]","data-[hovered]:bg-[var(--accent)]/10","data-[selected]:border-[var(--primary)]","data-[selected]:bg-[var(--primary)]/10"].join(" "),destructive:["border-[var(--border)]","data-[hovered]:bg-[var(--destructive)]/10","data-[selected]:border-[var(--destructive)]","data-[selected]:bg-[var(--destructive)]/10"].join(" ")},size:{sm:"min-h-[44px] py-2 px-3 text-sm",default:"min-h-[48px] py-3 px-4 text-sm",lg:"min-h-[56px] py-4 px-5 text-base"},isDisabled:{true:"opacity-50 cursor-not-allowed",false:""},isReadOnly:{true:"cursor-default",false:""},isInvalid:{true:"border-[var(--destructive)]",false:""}},defaultVariants:{variant:"default",size:"default",isDisabled:false,isReadOnly:false,isInvalid:false}}),j=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)]"].join(" "),destructive:["border-[var(--border)]","data-[selected]:border-[var(--destructive)]","data-[selected]:bg-[var(--destructive)]"].join(" ")},size:{sm:"h-4 w-4",default:"h-5 w-5",lg:"h-6 w-6"}},defaultVariants:{variant:"default",size:"default"}}),H=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"].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 F({className:o,...t}){return jsxRuntime.jsx("svg",{className:o,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",...t,children:jsxRuntime.jsx("polyline",{points:"20 6 9 17 4 12"})})}function Ne({className:o,...t}){return jsxRuntime.jsxs("svg",{className:o,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",...t,children:[jsxRuntime.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),jsxRuntime.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})}function B({children:o,className:t}){return jsxRuntime.jsx("span",{className:d("font-medium text-[var(--content-foreground)]",t),children:o})}B.displayName="Checkbox.Label";function Y({children:o,className:t}){return jsxRuntime.jsx("span",{className:d("text-sm text-[var(--menu-muted)]",t),children:o})}Y.displayName="Checkbox.Description";function Pe({value:o,isDisabled:t,children:n,className:p,selectedIcon:s}){let{variant:c,size:u,isInvalid:N,isDisabled:C,isReadOnly:k}=react.useContext(A),b=t||C,l=i=>{let h=d(H({variant:c,size:u})),x=i||void 0;if(s){if(react.isValidElement(s)){let v=s;return react.cloneElement(v,{className:d(h,v.props.className),"data-selected":x})}return jsxRuntime.jsx("span",{className:h,"data-selected":x,children:s})}return jsxRuntime.jsx(F,{className:h,"data-selected":x})};return jsxRuntime.jsx(reactAriaComponents.Checkbox,{value:o,isDisabled:b,className:i=>d($({variant:c,size:u,isDisabled:i.isDisabled,isReadOnly:k,isInvalid:N}),p),children:i=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:j({variant:c,size:u}),"data-selected":i.isSelected||void 0,children:l(i.isSelected)}),jsxRuntime.jsx("div",{className:"flex-1 flex flex-col",children:n})]})})}var U=Object.assign(Pe,{Label:B,Description:Y});U.displayName="Checkbox";function _(o,t){if(!o)return o;let n=[...new Set(o)];return process.env.NODE_ENV!=="production"&&n.length!==o.length&&console.warn(`[${t}] Received duplicate values in value/defaultValue prop. Original: [${o.join(", ")}], Deduplicated: [${n.join(", ")}]. Duplicate values are automatically removed.`),n}var q=react.forwardRef(function(t,n){let{label:p,description:s,errorMessage:c,value:u,defaultValue:N,isDisabled:C=false,isReadOnly:k=false,isRequired:b=false,isInvalid:l=false,orientation:i="vertical",variant:h="default",size:x="default",name:v,onChange:M,onFocusChange:W,className:J,children:K,id:Q,"aria-label":X,"aria-labelledby":Z,"aria-describedby":R,"data-testid":ee,...oe}=t,ae=react.useId(),y=Q??ae,D=`${y}-label`,V=`${y}-description`,E=`${y}-error`,f=[];R&&f.push(R),s&&f.push(V),l&&c&&f.push(E);let te=f.length>0?f.join(" "):void 0,re=_(u,"CheckboxGroup"),ie=_(N,"CheckboxGroup");return jsxRuntime.jsx(A.Provider,{value:{variant:h,size:x,isInvalid:l,isDisabled:C,isReadOnly:k},children:jsxRuntime.jsxs(reactAriaComponents.CheckboxGroup,{ref:n,id:y,name:v,value:re,defaultValue:ie,isDisabled:C,isReadOnly:k,isRequired:b,isInvalid:l,onChange:M,onFocusChange:W,"aria-label":X,"aria-labelledby":p?D:Z,"aria-describedby":te,"aria-orientation":i,"aria-required":b||void 0,"aria-invalid":l||void 0,"data-testid":ee,className:d("flex flex-col gap-1.5",J),...oe,children:[p&&jsxRuntime.jsxs(reactAriaComponents.Label,{id:D,className:"text-sm font-medium text-[var(--content-foreground)]",children:[p,b&&jsxRuntime.jsx("span",{className:"ml-1 text-[var(--destructive)]","aria-hidden":"true",children:"*"})]}),s&&jsxRuntime.jsx(reactAriaComponents.Text,{id:V,slot:"description",className:"text-sm text-[var(--menu-muted)]",children:s}),jsxRuntime.jsx("div",{className:w({orientation:i}),children:K}),l&&c&&jsxRuntime.jsx(reactAriaComponents.FieldError,{id:E,className:"text-sm text-[var(--destructive)]",children:jsxRuntime.jsx("span",{role:"alert",children:c})})]})})});q.displayName="CheckboxGroup";exports.Checkbox=U;exports.CheckboxDescriptionPropsSchema=le;exports.CheckboxGroup=q;exports.CheckboxGroupOrientationSchema=O;exports.CheckboxGroupPropsSchema=se;exports.CheckboxGroupSizeSchema=I;exports.CheckboxGroupVariantSchema=T;exports.CheckboxLabelPropsSchema=ce;exports.CheckboxPropsSchema=ne;exports.CheckmarkIcon=F;exports.TimesIcon=Ne;exports.checkboxGroupVariants=w;exports.checkboxIndicatorVariants=j;exports.checkboxItemVariants=$;exports.checkmarkVariants=H;//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
+{"version":3,"sources":["../../../src/schemas/BaseComponentProps.ts","../../../src/elements/CheckboxGroup/CheckboxGroup.types.ts","../../../src/utils/cn.ts","../../../src/styles/interaction-states.ts","../../../src/elements/CheckboxGroup/CheckboxGroup.tsx"],"names":["BaseComponentPropsSchema","z","CheckboxGroupVariantSchema","CheckboxGroupSizeSchema","CheckboxGroupOrientationSchema","CheckboxGroupPropsSchema","CheckboxPropsSchema","CheckboxLabelPropsSchema","CheckboxDescriptionPropsSchema","cn","inputs","twMerge","clsx","FOCUS_STYLES","HIGH_CONTRAST_FOCUS","CheckboxGroupContext","createContext","checkboxGroupVariants","cva","checkboxItemVariants","checkboxIndicatorVariants","checkmarkVariants","CheckmarkIcon","className","props","jsx","TimesIcon","jsxs","CheckboxLabel","children","CheckboxDescription","CheckboxComponent","value","isDisabled","selectedIcon","variant","size","isInvalid","groupDisabled","isReadOnly","useContext","effectiveDisabled","renderSelectedIcon","isSelected","iconClassName","dataSelected","isValidElement","iconElement","cloneElement","AriaCheckbox","renderProps","Fragment","Checkbox","dedupeWithWarning","values","componentName","uniqueValues","CheckboxGroup","forwardRef","ref","label","description","errorMessage","defaultValue","isRequired","orientation","name","onChange","onFocusChange","id","ariaLabel","ariaLabelledby","ariaDescribedby","dataTestId","restProps","generatedId","useId","checkboxGroupId","labelId","descriptionId","errorId","describedByParts","computedAriaDescribedBy","dedupedValue","dedupedDefaultValue","AriaCheckboxGroup","Label","Text","FieldError"],"mappings":"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","file":"index.js","sourcesContent":["import { z } from 'zod';\n\n/**\n * Base props schema for all Themis components\n * Ensures consistent accessibility and styling APIs across the library\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements)\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AA minimum)\n */\nexport const BaseComponentPropsSchema = z.object({\n  // Styling\n  className: z.string().optional(),\n\n  // React\n  children: z.any().optional(), // ReactNode not directly supported by Zod\n  id: z.string().optional(),\n\n  // Accessibility (WCAG 2.2 AA requirements)\n  'aria-label': z.string().optional(),\n  'aria-labelledby': z.string().optional(),\n  'aria-describedby': z.string().optional(),\n  'aria-live': z.enum(['off', 'polite', 'assertive']).optional(),\n  'aria-hidden': z.boolean().optional(),\n\n  // Testing & Development\n  'data-testid': z.string().optional(),\n});\n\nexport type BaseComponentProps = z.infer<typeof BaseComponentPropsSchema>;\n","import { z } from 'zod';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\nimport type { ReactNode } from 'react';\nimport type {\n  CheckboxGroupProps as AriaCheckboxGroupProps,\n  CheckboxProps as AriaCheckboxProps,\n} from 'react-aria-components';\n\n/**\n * CheckboxGroup variant schema\n * Only 2 variants: default and destructive (matching RadioGroup)\n *\n * @see checkboxgroup-prd.md US-2 (Style Variants)\n */\nexport const CheckboxGroupVariantSchema = z.enum(['default', 'destructive']);\nexport type CheckboxGroupVariant = z.infer<typeof CheckboxGroupVariantSchema>;\n\n/**\n * CheckboxGroup size schema\n * All sizes maintain 44px minimum height for WCAG 2.2 AAA compliance\n *\n * @see checkboxgroup-prd.md US-3 (Size Variants)\n * @see constitution.md Principle IV (Accessibility First)\n */\nexport const CheckboxGroupSizeSchema = z.enum(['sm', 'default', 'lg']);\nexport type CheckboxGroupSize = z.infer<typeof CheckboxGroupSizeSchema>;\n\n/**\n * CheckboxGroup orientation schema\n *\n * @see checkboxgroup-prd.md US-5 (Orientation Support)\n */\nexport const CheckboxGroupOrientationSchema = z.enum(['vertical', 'horizontal']);\nexport type CheckboxGroupOrientation = z.infer<typeof CheckboxGroupOrientationSchema>;\n\n/**\n * CheckboxGroup root component props schema\n *\n * Key difference from RadioGroup: value is string[] (multi-select)\n *\n * @see checkboxgroup-prd.md US-1 (Basic Multi-Selection)\n * @see checkboxgroup-prd.md US-4 (Labels, Descriptions, Errors)\n * @see checkboxgroup-prd.md US-6 (Validation States)\n */\nexport const CheckboxGroupPropsSchema = BaseComponentPropsSchema.extend({\n  // Display props (US-4)\n  label: z.string().optional(),\n  description: z.string().optional(),\n  errorMessage: z.string().optional(),\n\n  // Selection props (US-1) - array for multi-select (key difference from RadioGroup)\n  value: z.array(z.string()).optional(),\n  defaultValue: z.array(z.string()).optional(),\n\n  // State props (US-6)\n  isDisabled: z.boolean().optional().default(false),\n  isReadOnly: z.boolean().optional().default(false),\n  isRequired: z.boolean().optional().default(false),\n  isInvalid: z.boolean().optional().default(false),\n\n  // Layout props (US-5)\n  orientation: CheckboxGroupOrientationSchema.optional().default('vertical'),\n\n  // Variant props (US-2, US-3)\n  variant: CheckboxGroupVariantSchema.optional().default('default'),\n  size: CheckboxGroupSizeSchema.optional().default('default'),\n\n  // Form props (US-6)\n  name: z.string().optional(),\n\n  // Event handlers\n  onChange: z.custom<(value: string[]) => void>().optional(),\n  onFocusChange: z.custom<(isFocused: boolean) => void>().optional(),\n\n  // Children (Checkbox components)\n  children: z.custom<ReactNode>(),\n});\n\nexport type CheckboxGroupProps = z.infer<typeof CheckboxGroupPropsSchema> &\n  Omit<AriaCheckboxGroupProps, keyof z.infer<typeof CheckboxGroupPropsSchema>>;\n\n/**\n * Checkbox item component props schema\n *\n * @see checkboxgroup-prd.md US-1 (Basic Multi-Selection)\n * @see checkboxgroup-prd.md US-7 (Rich Content Support)\n */\nexport const CheckboxPropsSchema = BaseComponentPropsSchema.extend({\n  // Item value (required)\n  value: z.string(),\n\n  // Disabled state (individual item)\n  isDisabled: z.boolean().optional().default(false),\n\n  // Item content - accepts any ReactNode for flexible children\n  children: z.custom<ReactNode>(),\n\n  // Optional className for custom styling\n  className: z.string().optional(),\n\n  // Custom icon to display when selected (defaults to checkmark)\n  // Useful for destructive variants where an X icon may be more appropriate\n  selectedIcon: z.custom<ReactNode>().optional(),\n});\n\nexport type CheckboxProps = z.infer<typeof CheckboxPropsSchema> &\n  Omit<AriaCheckboxProps, keyof z.infer<typeof CheckboxPropsSchema>>;\n\n/**\n * Checkbox.Label sub-component props schema\n * Helper component for styled label within Checkbox item\n *\n * @see checkboxgroup-prd.md US-7 (Rich Content Support)\n */\nexport const CheckboxLabelPropsSchema = z.object({\n  // Label content\n  children: z.custom<ReactNode>(),\n\n  // Optional className for custom styling\n  className: z.string().optional(),\n});\n\nexport type CheckboxLabelProps = z.infer<typeof CheckboxLabelPropsSchema>;\n\n/**\n * Checkbox.Description sub-component props schema\n * Helper component for styled description within Checkbox item (muted text)\n *\n * @see checkboxgroup-prd.md US-7 (Rich Content Support)\n */\nexport const CheckboxDescriptionPropsSchema = z.object({\n  // Description content\n  children: z.custom<ReactNode>(),\n\n  // Optional className for custom styling\n  className: z.string().optional(),\n});\n\nexport type CheckboxDescriptionProps = z.infer<typeof CheckboxDescriptionPropsSchema>;\n\n/**\n * CVA variant configuration types\n * Used for class-variance-authority integration\n */\nexport type CheckboxGroupVariantType = CheckboxGroupVariant;\nexport type CheckboxGroupSizeType = CheckboxGroupSize;\nexport type CheckboxGroupOrientationType = CheckboxGroupOrientation;\n","/**\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 * CheckboxGroup Component\n * Accessible multi-selection checkbox group with React Aria primitives and CVA styling\n *\n * Key Features:\n * - Bordered container design with explicit 44px+ touch targets\n * - 2 variants: default, destructive (no outline per clarification)\n * - 3 sizes: sm (44px), default (48px), lg (56px)\n * - Tab moves focus between checkboxes, Space toggles (standard checkbox behavior)\n * - Error styling on ALL items (cognitive accessibility)\n * - Spring animation for checkmark indicator\n * - RTL support (indicator auto-flips)\n * - Checkbox.Label and Checkbox.Description sub-components\n * - value: string[] for multi-select (key difference from RadioGroup)\n *\n * @see checkboxgroup-prd.md (Product Requirements)\n * @see plan.md (12 Key Clarifications)\n * @see React Aria CheckboxGroup: https://react-spectrum.adobe.com/react-aria/CheckboxGroup.html\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AAA)\n */\n\nimport {\n  forwardRef,\n  createContext,\n  useContext,\n  useId,\n  cloneElement,\n  isValidElement,\n  type ReactNode,\n  type ForwardedRef,\n  type ReactElement,\n} from 'react';\nimport {\n  CheckboxGroup as AriaCheckboxGroup,\n  Checkbox as AriaCheckbox,\n  Label,\n  Text,\n  FieldError,\n} 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 {\n  CheckboxGroupProps,\n  CheckboxProps,\n  CheckboxLabelProps,\n  CheckboxDescriptionProps,\n  CheckboxGroupVariant,\n  CheckboxGroupSize,\n} from './CheckboxGroup.types';\n\n// ============================================================================\n// Context\n// ============================================================================\n\n/**\n * CheckboxGroup context value\n * Includes isDisabled and isReadOnly per clarification (plan.md #10)\n */\ninterface CheckboxGroupContextValue {\n  variant: CheckboxGroupVariant;\n  size: CheckboxGroupSize;\n  isInvalid: boolean;\n  isDisabled: boolean;\n  isReadOnly: boolean;\n}\n\nconst CheckboxGroupContext = createContext<CheckboxGroupContextValue>({\n  variant: 'default',\n  size: 'default',\n  isInvalid: false,\n  isDisabled: false,\n  isReadOnly: false,\n});\n\n// ============================================================================\n// CVA Variants\n// ============================================================================\n\n/**\n * CheckboxGroup container variants\n * Controls orientation and spacing (gap-2 = 8px per clarification)\n */\nconst checkboxGroupVariants = cva(\n  // Base: flex container\n  \"flex\",\n  {\n    variants: {\n      orientation: {\n        vertical: \"flex-col gap-2\",\n        horizontal: \"flex-row flex-wrap gap-2\",\n      },\n    },\n    defaultVariants: {\n      orientation: \"vertical\",\n    },\n  }\n);\n\n/**\n * Checkbox item bordered container variants\n * Bordered container design with explicit touch targets\n * All sizes maintain 44px minimum height (WCAG 2.2 AAA)\n * All sizes use rounded-md (6px) per clarification\n */\nconst checkboxItemVariants = cva(\n  // Base: bordered container with flex layout, RTL support\n  [\n    \"flex items-center gap-3 rounded-md border cursor-pointer\",\n    \"transition-colors duration-200\",\n    \"rtl:flex-row-reverse\", // RTL: indicator flips to right\n    // Focus ring on entire container\n    FOCUS_STYLES,\n    HIGH_CONTRAST_FOCUS,\n  ].join(\" \"),\n  {\n    variants: {\n      variant: {\n        default: [\n          \"border-[var(--border)]\",\n          \"data-[hovered]:bg-[var(--accent)]/10\",\n          \"data-[selected]:border-[var(--primary)]\",\n          \"data-[selected]:bg-[var(--primary)]/10\",\n        ].join(\" \"),\n        destructive: [\n          \"border-[var(--border)]\",\n          \"data-[hovered]:bg-[var(--destructive)]/10\",\n          \"data-[selected]:border-[var(--destructive)]\",\n          \"data-[selected]:bg-[var(--destructive)]/10\",\n        ].join(\" \"),\n      },\n      size: {\n        sm: \"min-h-[44px] py-2 px-3 text-sm\",\n        default: \"min-h-[48px] py-3 px-4 text-sm\",\n        lg: \"min-h-[56px] py-4 px-5 text-base\",\n      },\n      isDisabled: {\n        true: \"opacity-50 cursor-not-allowed\",\n        false: \"\",\n      },\n      isReadOnly: {\n        // Subtle visual cue per clarification\n        true: \"cursor-default\",\n        false: \"\",\n      },\n      isInvalid: {\n        // Error: ALL items get destructive border (cognitive accessibility)\n        true: \"border-[var(--destructive)]\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n      isDisabled: false,\n      isReadOnly: false,\n      isInvalid: false,\n    },\n  }\n);\n\n/**\n * Square indicator (checkbox box) variants\n * Uses rounded-sm (2px) for square appearance (unlike RadioGroup's circle)\n */\nconst checkboxIndicatorVariants = cva(\n  // Base: square with border, flex-shrink-0 to prevent squishing\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        ].join(\" \"),\n        destructive: [\n          \"border-[var(--border)]\",\n          \"data-[selected]:border-[var(--destructive)]\",\n          \"data-[selected]:bg-[var(--destructive)]\",\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    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n);\n\n/**\n * Checkmark SVG variants\n * Spring animation: cubic-bezier(0.34, 1.56, 0.64, 1) with slight overshoot\n */\nconst checkmarkVariants = cva(\n  // Base: centered checkmark with spring animation\n  [\n    \"transition-transform duration-200\",\n    // Spring animation with overshoot\n    \"[transition-timing-function:cubic-bezier(0.34,1.56,0.64,1)]\",\n    // Respect reduced motion preference\n    \"motion-reduce:transition-none\",\n    // Scale from 0 to 1 on selection\n    \"scale-0 data-[selected]: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 (default)\n * Used inside the checkbox indicator when selected\n */\nfunction CheckmarkIcon({ className, ...props }: { className?: string; 'data-selected'?: 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 * Times (X) SVG icon\n * Alternative icon for destructive or exclusion selections\n * @example <Checkbox value=\"exclude\" selectedIcon={<TimesIcon />}>Exclude this item</Checkbox>\n */\nfunction TimesIcon({ className, ...props }: { className?: string; 'data-selected'?: 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=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n      <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n    </svg>\n  );\n}\n\n// ============================================================================\n// Sub-components\n// ============================================================================\n\n/**\n * Checkbox.Label - Styled label for checkbox item content\n */\nfunction CheckboxLabel({ children, className }: CheckboxLabelProps): ReactNode {\n  return (\n    <span className={cn(\"font-medium text-[var(--content-foreground)]\", className)}>\n      {children}\n    </span>\n  );\n}\n\nCheckboxLabel.displayName = \"Checkbox.Label\";\n\n/**\n * Checkbox.Description - Styled description for checkbox item content (muted)\n */\nfunction CheckboxDescription({ children, className }: CheckboxDescriptionProps): ReactNode {\n  return (\n    <span className={cn(\"text-sm text-[var(--menu-muted)]\", className)}>\n      {children}\n    </span>\n  );\n}\n\nCheckboxDescription.displayName = \"Checkbox.Description\";\n\n// ============================================================================\n// Checkbox Component\n// ============================================================================\n\n/**\n * Checkbox item component with bordered container design\n */\nfunction CheckboxComponent({ value, isDisabled, children, className, selectedIcon }: CheckboxProps): ReactNode {\n  const { variant, size, isInvalid, isDisabled: groupDisabled, isReadOnly } = useContext(CheckboxGroupContext);\n\n  // Individual isDisabled OR group isDisabled\n  const effectiveDisabled = isDisabled || groupDisabled;\n\n  // Render the selected icon - use custom icon if provided, otherwise default CheckmarkIcon\n  const renderSelectedIcon = (isSelected: boolean) => {\n    const iconClassName = cn(checkmarkVariants({ variant, size }));\n    const dataSelected = isSelected || undefined;\n\n    if (selectedIcon) {\n      // Clone the custom icon element to add our styling classes\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      // If it's not a valid element (e.g., just text), wrap it\n      return <span className={iconClassName} data-selected={dataSelected}>{selectedIcon}</span>;\n    }\n\n    // Default: CheckmarkIcon\n    return (\n      <CheckmarkIcon\n        className={iconClassName}\n        data-selected={dataSelected}\n      />\n    );\n  };\n\n  return (\n    <AriaCheckbox\n      value={value}\n      isDisabled={effectiveDisabled}\n      className={(renderProps) =>\n        cn(\n          checkboxItemVariants({\n            variant,\n            size,\n            isDisabled: renderProps.isDisabled,\n            isReadOnly,\n            isInvalid,\n          }),\n          className\n        )\n      }\n    >\n      {(renderProps) => (\n        <>\n          {/* Square indicator */}\n          <div\n            className={checkboxIndicatorVariants({ variant, size })}\n            data-selected={renderProps.isSelected || undefined}\n          >\n            {/* Icon with spring animation */}\n            {renderSelectedIcon(renderProps.isSelected)}\n          </div>\n\n          {/* Children content (flexible - text, icons, complex layouts) */}\n          <div className=\"flex-1 flex flex-col\">\n            {children}\n          </div>\n        </>\n      )}\n    </AriaCheckbox>\n  );\n}\n\n// Attach sub-components\nconst Checkbox = Object.assign(CheckboxComponent, {\n  Label: CheckboxLabel,\n  Description: CheckboxDescription,\n}) as typeof CheckboxComponent & {\n  Label: typeof CheckboxLabel;\n  Description: typeof CheckboxDescription;\n  displayName: string;\n};\n\nCheckbox.displayName = \"Checkbox\";\n\n// ============================================================================\n// Duplicate Value Warning\n// ============================================================================\n\n/**\n * Deduplicates array and warns in development mode\n * Per clarification: dedupe internally + console.warn in development\n */\nfunction dedupeWithWarning(values: string[] | undefined, componentName: string): string[] | undefined {\n  if (!values) return values;\n\n  const uniqueValues = [...new Set(values)];\n\n  if (process.env.NODE_ENV !== 'production' && uniqueValues.length !== values.length) {\n    console.warn(\n      `[${componentName}] Received duplicate values in value/defaultValue prop. ` +\n      `Original: [${values.join(', ')}], Deduplicated: [${uniqueValues.join(', ')}]. ` +\n      `Duplicate values are automatically removed.`\n    );\n  }\n\n  return uniqueValues;\n}\n\n// ============================================================================\n// CheckboxGroup Component\n// ============================================================================\n\n/**\n * CheckboxGroup root component\n * Accessible multi-selection control with bordered container design\n */\nconst CheckboxGroup = forwardRef<HTMLDivElement, CheckboxGroupProps>(\n  function CheckboxGroup(props: CheckboxGroupProps, ref: ForwardedRef<HTMLDivElement>) {\n    const {\n      // Display props\n      label,\n      description,\n      errorMessage,\n      // Selection props (string[] for multi-select)\n      value,\n      defaultValue,\n      // State props\n      isDisabled = false,\n      isReadOnly = false,\n      isRequired = false,\n      isInvalid = false,\n      // Layout props\n      orientation = 'vertical',\n      // Variant props\n      variant = 'default',\n      size = 'default',\n      // Form props\n      name,\n      // Event handlers\n      onChange,\n      onFocusChange,\n      // Standard props\n      className,\n      children,\n      id,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      'aria-describedby': ariaDescribedby,\n      'data-testid': dataTestId,\n      ...restProps\n    } = props;\n\n    // Generate unique IDs for accessibility\n    const generatedId = useId();\n    const checkboxGroupId = id ?? generatedId;\n    const labelId = `${checkboxGroupId}-label`;\n    const descriptionId = `${checkboxGroupId}-description`;\n    const errorId = `${checkboxGroupId}-error`;\n\n    // Build aria-describedby from description and error\n    const describedByParts: string[] = [];\n    if (ariaDescribedby) describedByParts.push(ariaDescribedby);\n    if (description) describedByParts.push(descriptionId);\n    if (isInvalid && errorMessage) describedByParts.push(errorId);\n    const computedAriaDescribedBy = describedByParts.length > 0\n      ? describedByParts.join(' ')\n      : undefined;\n\n    // Dedupe values with warning in development\n    const dedupedValue = dedupeWithWarning(value, 'CheckboxGroup');\n    const dedupedDefaultValue = dedupeWithWarning(defaultValue, 'CheckboxGroup');\n\n    return (\n      <CheckboxGroupContext.Provider value={{ variant, size, isInvalid, isDisabled, isReadOnly }}>\n        <AriaCheckboxGroup\n          ref={ref}\n          id={checkboxGroupId}\n          name={name}\n          value={dedupedValue}\n          defaultValue={dedupedDefaultValue}\n          isDisabled={isDisabled}\n          isReadOnly={isReadOnly}\n          isRequired={isRequired}\n          isInvalid={isInvalid}\n          onChange={onChange}\n          onFocusChange={onFocusChange}\n          aria-label={ariaLabel}\n          aria-labelledby={label ? labelId : ariaLabelledby}\n          aria-describedby={computedAriaDescribedBy}\n          aria-orientation={orientation}\n          aria-required={isRequired || undefined}\n          aria-invalid={isInvalid || undefined}\n          data-testid={dataTestId}\n          className={cn(\"flex flex-col gap-1.5\", className)}\n          {...restProps}\n        >\n          {/* Label with optional required asterisk */}\n          {label && (\n            <Label id={labelId} className=\"text-sm font-medium text-[var(--content-foreground)]\">\n              {label}\n              {isRequired && (\n                <span className=\"ml-1 text-[var(--destructive)]\" aria-hidden=\"true\">\n                  *\n                </span>\n              )}\n            </Label>\n          )}\n\n          {/* Description */}\n          {description && (\n            <Text\n              id={descriptionId}\n              slot=\"description\"\n              className=\"text-sm text-[var(--menu-muted)]\"\n            >\n              {description}\n            </Text>\n          )}\n\n          {/* Checkbox items container with orientation */}\n          <div className={checkboxGroupVariants({ orientation })}>\n            {children}\n          </div>\n\n          {/* Error message with role=\"alert\" for screen reader announcements */}\n          {isInvalid && errorMessage && (\n            <FieldError\n              id={errorId}\n              className=\"text-sm text-[var(--destructive)]\"\n            >\n              <span role=\"alert\">{errorMessage}</span>\n            </FieldError>\n          )}\n        </AriaCheckboxGroup>\n      </CheckboxGroupContext.Provider>\n    );\n  }\n);\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n  CheckboxGroup,\n  Checkbox,\n  checkboxGroupVariants,\n  checkboxItemVariants,\n  checkboxIndicatorVariants,\n  checkmarkVariants,\n  // Icon exports for custom selectedIcon usage\n  CheckmarkIcon,\n  TimesIcon,\n};\n"]}

package/dist/elements/CheckboxGroup/index.mjs

@@ -1,6 +1,3 @@
-export { Checkbox, CheckboxDescriptionPropsSchema, CheckboxGroup, CheckboxGroupOrientationSchema, CheckboxGroupPropsSchema, CheckboxGroupSizeSchema, CheckboxGroupVariantSchema, CheckboxLabelPropsSchema, CheckboxPropsSchema, CheckmarkIcon, TimesIcon, checkboxGroupVariants, checkboxIndicatorVariants, checkboxItemVariants, checkmarkVariants } from '../../chunk-4S33J5NY.mjs';
-import '../../chunk-HK46BT5U.mjs';
-import '../../chunk-E2KQFV3O.mjs';
-import '../../chunk-5SVLJN2C.mjs';
-//# sourceMappingURL=index.mjs.map
+"use client";
+import {z}from'zod';import {createContext,forwardRef,useId,useContext,isValidElement,cloneElement}from'react';import {CheckboxGroup,Label,Text,FieldError,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';var P=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 T=z.enum(["default","destructive"]),I=z.enum(["sm","default","lg"]),O=z.enum(["vertical","horizontal"]),se=P.extend({label:z.string().optional(),description:z.string().optional(),errorMessage:z.string().optional(),value:z.array(z.string()).optional(),defaultValue:z.array(z.string()).optional(),isDisabled:z.boolean().optional().default(false),isReadOnly:z.boolean().optional().default(false),isRequired:z.boolean().optional().default(false),isInvalid:z.boolean().optional().default(false),orientation:O.optional().default("vertical"),variant:T.optional().default("default"),size:I.optional().default("default"),name:z.string().optional(),onChange:z.custom().optional(),onFocusChange:z.custom().optional(),children:z.custom()}),ne=P.extend({value:z.string(),isDisabled:z.boolean().optional().default(false),children:z.custom(),className:z.string().optional(),selectedIcon:z.custom().optional()}),ce=z.object({children:z.custom(),className:z.string().optional()}),le=z.object({children:z.custom(),className:z.string().optional()});function d(...o){return twMerge(clsx(o))}var S="data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2";var m="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 A=createContext({variant:"default",size:"default",isInvalid:false,isDisabled:false,isReadOnly:false}),w=cva("flex",{variants:{orientation:{vertical:"flex-col gap-2",horizontal:"flex-row flex-wrap gap-2"}},defaultVariants:{orientation:"vertical"}}),$=cva(["flex items-center gap-3 rounded-md border cursor-pointer","transition-colors duration-200","rtl:flex-row-reverse",S,m].join(" "),{variants:{variant:{default:["border-[var(--border)]","data-[hovered]:bg-[var(--accent)]/10","data-[selected]:border-[var(--primary)]","data-[selected]:bg-[var(--primary)]/10"].join(" "),destructive:["border-[var(--border)]","data-[hovered]:bg-[var(--destructive)]/10","data-[selected]:border-[var(--destructive)]","data-[selected]:bg-[var(--destructive)]/10"].join(" ")},size:{sm:"min-h-[44px] py-2 px-3 text-sm",default:"min-h-[48px] py-3 px-4 text-sm",lg:"min-h-[56px] py-4 px-5 text-base"},isDisabled:{true:"opacity-50 cursor-not-allowed",false:""},isReadOnly:{true:"cursor-default",false:""},isInvalid:{true:"border-[var(--destructive)]",false:""}},defaultVariants:{variant:"default",size:"default",isDisabled:false,isReadOnly:false,isInvalid:false}}),j=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)]"].join(" "),destructive:["border-[var(--border)]","data-[selected]:border-[var(--destructive)]","data-[selected]:bg-[var(--destructive)]"].join(" ")},size:{sm:"h-4 w-4",default:"h-5 w-5",lg:"h-6 w-6"}},defaultVariants:{variant:"default",size:"default"}}),H=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"].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 F({className:o,...t}){return jsx("svg",{className:o,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",...t,children:jsx("polyline",{points:"20 6 9 17 4 12"})})}function Ne({className:o,...t}){return jsxs("svg",{className:o,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",...t,children:[jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})}function B({children:o,className:t}){return jsx("span",{className:d("font-medium text-[var(--content-foreground)]",t),children:o})}B.displayName="Checkbox.Label";function Y({children:o,className:t}){return jsx("span",{className:d("text-sm text-[var(--menu-muted)]",t),children:o})}Y.displayName="Checkbox.Description";function Pe({value:o,isDisabled:t,children:n,className:p,selectedIcon:s}){let{variant:c,size:u,isInvalid:N,isDisabled:C,isReadOnly:k}=useContext(A),b=t||C,l=i=>{let h=d(H({variant:c,size:u})),x=i||void 0;if(s){if(isValidElement(s)){let v=s;return cloneElement(v,{className:d(h,v.props.className),"data-selected":x})}return jsx("span",{className:h,"data-selected":x,children:s})}return jsx(F,{className:h,"data-selected":x})};return jsx(Checkbox,{value:o,isDisabled:b,className:i=>d($({variant:c,size:u,isDisabled:i.isDisabled,isReadOnly:k,isInvalid:N}),p),children:i=>jsxs(Fragment,{children:[jsx("div",{className:j({variant:c,size:u}),"data-selected":i.isSelected||void 0,children:l(i.isSelected)}),jsx("div",{className:"flex-1 flex flex-col",children:n})]})})}var U=Object.assign(Pe,{Label:B,Description:Y});U.displayName="Checkbox";function _(o,t){if(!o)return o;let n=[...new Set(o)];return process.env.NODE_ENV!=="production"&&n.length!==o.length&&console.warn(`[${t}] Received duplicate values in value/defaultValue prop. Original: [${o.join(", ")}], Deduplicated: [${n.join(", ")}]. Duplicate values are automatically removed.`),n}var q=forwardRef(function(t,n){let{label:p,description:s,errorMessage:c,value:u,defaultValue:N,isDisabled:C=false,isReadOnly:k=false,isRequired:b=false,isInvalid:l=false,orientation:i="vertical",variant:h="default",size:x="default",name:v,onChange:M,onFocusChange:W,className:J,children:K,id:Q,"aria-label":X,"aria-labelledby":Z,"aria-describedby":R,"data-testid":ee,...oe}=t,ae=useId(),y=Q??ae,D=`${y}-label`,V=`${y}-description`,E=`${y}-error`,f=[];R&&f.push(R),s&&f.push(V),l&&c&&f.push(E);let te=f.length>0?f.join(" "):void 0,re=_(u,"CheckboxGroup"),ie=_(N,"CheckboxGroup");return jsx(A.Provider,{value:{variant:h,size:x,isInvalid:l,isDisabled:C,isReadOnly:k},children:jsxs(CheckboxGroup,{ref:n,id:y,name:v,value:re,defaultValue:ie,isDisabled:C,isReadOnly:k,isRequired:b,isInvalid:l,onChange:M,onFocusChange:W,"aria-label":X,"aria-labelledby":p?D:Z,"aria-describedby":te,"aria-orientation":i,"aria-required":b||void 0,"aria-invalid":l||void 0,"data-testid":ee,className:d("flex flex-col gap-1.5",J),...oe,children:[p&&jsxs(Label,{id:D,className:"text-sm font-medium text-[var(--content-foreground)]",children:[p,b&&jsx("span",{className:"ml-1 text-[var(--destructive)]","aria-hidden":"true",children:"*"})]}),s&&jsx(Text,{id:V,slot:"description",className:"text-sm text-[var(--menu-muted)]",children:s}),jsx("div",{className:w({orientation:i}),children:K}),l&&c&&jsx(FieldError,{id:E,className:"text-sm text-[var(--destructive)]",children:jsx("span",{role:"alert",children:c})})]})})});q.displayName="CheckboxGroup";export{U as Checkbox,le as CheckboxDescriptionPropsSchema,q as CheckboxGroup,O as CheckboxGroupOrientationSchema,se as CheckboxGroupPropsSchema,I as CheckboxGroupSizeSchema,T as CheckboxGroupVariantSchema,ce as CheckboxLabelPropsSchema,ne as CheckboxPropsSchema,F as CheckmarkIcon,Ne as TimesIcon,w as checkboxGroupVariants,j as checkboxIndicatorVariants,$ as checkboxItemVariants,H as checkmarkVariants};//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}
+{"version":3,"sources":["../../../src/schemas/BaseComponentProps.ts","../../../src/elements/CheckboxGroup/CheckboxGroup.types.ts","../../../src/utils/cn.ts","../../../src/styles/interaction-states.ts","../../../src/elements/CheckboxGroup/CheckboxGroup.tsx"],"names":["BaseComponentPropsSchema","z","CheckboxGroupVariantSchema","CheckboxGroupSizeSchema","CheckboxGroupOrientationSchema","CheckboxGroupPropsSchema","CheckboxPropsSchema","CheckboxLabelPropsSchema","CheckboxDescriptionPropsSchema","cn","inputs","twMerge","clsx","FOCUS_STYLES","HIGH_CONTRAST_FOCUS","CheckboxGroupContext","createContext","checkboxGroupVariants","cva","checkboxItemVariants","checkboxIndicatorVariants","checkmarkVariants","CheckmarkIcon","className","props","jsx","TimesIcon","jsxs","CheckboxLabel","children","CheckboxDescription","CheckboxComponent","value","isDisabled","selectedIcon","variant","size","isInvalid","groupDisabled","isReadOnly","useContext","effectiveDisabled","renderSelectedIcon","isSelected","iconClassName","dataSelected","isValidElement","iconElement","cloneElement","AriaCheckbox","renderProps","Fragment","Checkbox","dedupeWithWarning","values","componentName","uniqueValues","CheckboxGroup","forwardRef","ref","label","description","errorMessage","defaultValue","isRequired","orientation","name","onChange","onFocusChange","id","ariaLabel","ariaLabelledby","ariaDescribedby","dataTestId","restProps","generatedId","useId","checkboxGroupId","labelId","descriptionId","errorId","describedByParts","computedAriaDescribedBy","dedupedValue","dedupedDefaultValue","AriaCheckboxGroup","Label","Text","FieldError"],"mappings":"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","file":"index.mjs","sourcesContent":["import { z } from 'zod';\n\n/**\n * Base props schema for all Themis components\n * Ensures consistent accessibility and styling APIs across the library\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements)\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AA minimum)\n */\nexport const BaseComponentPropsSchema = z.object({\n  // Styling\n  className: z.string().optional(),\n\n  // React\n  children: z.any().optional(), // ReactNode not directly supported by Zod\n  id: z.string().optional(),\n\n  // Accessibility (WCAG 2.2 AA requirements)\n  'aria-label': z.string().optional(),\n  'aria-labelledby': z.string().optional(),\n  'aria-describedby': z.string().optional(),\n  'aria-live': z.enum(['off', 'polite', 'assertive']).optional(),\n  'aria-hidden': z.boolean().optional(),\n\n  // Testing & Development\n  'data-testid': z.string().optional(),\n});\n\nexport type BaseComponentProps = z.infer<typeof BaseComponentPropsSchema>;\n","import { z } from 'zod';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\nimport type { ReactNode } from 'react';\nimport type {\n  CheckboxGroupProps as AriaCheckboxGroupProps,\n  CheckboxProps as AriaCheckboxProps,\n} from 'react-aria-components';\n\n/**\n * CheckboxGroup variant schema\n * Only 2 variants: default and destructive (matching RadioGroup)\n *\n * @see checkboxgroup-prd.md US-2 (Style Variants)\n */\nexport const CheckboxGroupVariantSchema = z.enum(['default', 'destructive']);\nexport type CheckboxGroupVariant = z.infer<typeof CheckboxGroupVariantSchema>;\n\n/**\n * CheckboxGroup size schema\n * All sizes maintain 44px minimum height for WCAG 2.2 AAA compliance\n *\n * @see checkboxgroup-prd.md US-3 (Size Variants)\n * @see constitution.md Principle IV (Accessibility First)\n */\nexport const CheckboxGroupSizeSchema = z.enum(['sm', 'default', 'lg']);\nexport type CheckboxGroupSize = z.infer<typeof CheckboxGroupSizeSchema>;\n\n/**\n * CheckboxGroup orientation schema\n *\n * @see checkboxgroup-prd.md US-5 (Orientation Support)\n */\nexport const CheckboxGroupOrientationSchema = z.enum(['vertical', 'horizontal']);\nexport type CheckboxGroupOrientation = z.infer<typeof CheckboxGroupOrientationSchema>;\n\n/**\n * CheckboxGroup root component props schema\n *\n * Key difference from RadioGroup: value is string[] (multi-select)\n *\n * @see checkboxgroup-prd.md US-1 (Basic Multi-Selection)\n * @see checkboxgroup-prd.md US-4 (Labels, Descriptions, Errors)\n * @see checkboxgroup-prd.md US-6 (Validation States)\n */\nexport const CheckboxGroupPropsSchema = BaseComponentPropsSchema.extend({\n  // Display props (US-4)\n  label: z.string().optional(),\n  description: z.string().optional(),\n  errorMessage: z.string().optional(),\n\n  // Selection props (US-1) - array for multi-select (key difference from RadioGroup)\n  value: z.array(z.string()).optional(),\n  defaultValue: z.array(z.string()).optional(),\n\n  // State props (US-6)\n  isDisabled: z.boolean().optional().default(false),\n  isReadOnly: z.boolean().optional().default(false),\n  isRequired: z.boolean().optional().default(false),\n  isInvalid: z.boolean().optional().default(false),\n\n  // Layout props (US-5)\n  orientation: CheckboxGroupOrientationSchema.optional().default('vertical'),\n\n  // Variant props (US-2, US-3)\n  variant: CheckboxGroupVariantSchema.optional().default('default'),\n  size: CheckboxGroupSizeSchema.optional().default('default'),\n\n  // Form props (US-6)\n  name: z.string().optional(),\n\n  // Event handlers\n  onChange: z.custom<(value: string[]) => void>().optional(),\n  onFocusChange: z.custom<(isFocused: boolean) => void>().optional(),\n\n  // Children (Checkbox components)\n  children: z.custom<ReactNode>(),\n});\n\nexport type CheckboxGroupProps = z.infer<typeof CheckboxGroupPropsSchema> &\n  Omit<AriaCheckboxGroupProps, keyof z.infer<typeof CheckboxGroupPropsSchema>>;\n\n/**\n * Checkbox item component props schema\n *\n * @see checkboxgroup-prd.md US-1 (Basic Multi-Selection)\n * @see checkboxgroup-prd.md US-7 (Rich Content Support)\n */\nexport const CheckboxPropsSchema = BaseComponentPropsSchema.extend({\n  // Item value (required)\n  value: z.string(),\n\n  // Disabled state (individual item)\n  isDisabled: z.boolean().optional().default(false),\n\n  // Item content - accepts any ReactNode for flexible children\n  children: z.custom<ReactNode>(),\n\n  // Optional className for custom styling\n  className: z.string().optional(),\n\n  // Custom icon to display when selected (defaults to checkmark)\n  // Useful for destructive variants where an X icon may be more appropriate\n  selectedIcon: z.custom<ReactNode>().optional(),\n});\n\nexport type CheckboxProps = z.infer<typeof CheckboxPropsSchema> &\n  Omit<AriaCheckboxProps, keyof z.infer<typeof CheckboxPropsSchema>>;\n\n/**\n * Checkbox.Label sub-component props schema\n * Helper component for styled label within Checkbox item\n *\n * @see checkboxgroup-prd.md US-7 (Rich Content Support)\n */\nexport const CheckboxLabelPropsSchema = z.object({\n  // Label content\n  children: z.custom<ReactNode>(),\n\n  // Optional className for custom styling\n  className: z.string().optional(),\n});\n\nexport type CheckboxLabelProps = z.infer<typeof CheckboxLabelPropsSchema>;\n\n/**\n * Checkbox.Description sub-component props schema\n * Helper component for styled description within Checkbox item (muted text)\n *\n * @see checkboxgroup-prd.md US-7 (Rich Content Support)\n */\nexport const CheckboxDescriptionPropsSchema = z.object({\n  // Description content\n  children: z.custom<ReactNode>(),\n\n  // Optional className for custom styling\n  className: z.string().optional(),\n});\n\nexport type CheckboxDescriptionProps = z.infer<typeof CheckboxDescriptionPropsSchema>;\n\n/**\n * CVA variant configuration types\n * Used for class-variance-authority integration\n */\nexport type CheckboxGroupVariantType = CheckboxGroupVariant;\nexport type CheckboxGroupSizeType = CheckboxGroupSize;\nexport type CheckboxGroupOrientationType = CheckboxGroupOrientation;\n","/**\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 * CheckboxGroup Component\n * Accessible multi-selection checkbox group with React Aria primitives and CVA styling\n *\n * Key Features:\n * - Bordered container design with explicit 44px+ touch targets\n * - 2 variants: default, destructive (no outline per clarification)\n * - 3 sizes: sm (44px), default (48px), lg (56px)\n * - Tab moves focus between checkboxes, Space toggles (standard checkbox behavior)\n * - Error styling on ALL items (cognitive accessibility)\n * - Spring animation for checkmark indicator\n * - RTL support (indicator auto-flips)\n * - Checkbox.Label and Checkbox.Description sub-components\n * - value: string[] for multi-select (key difference from RadioGroup)\n *\n * @see checkboxgroup-prd.md (Product Requirements)\n * @see plan.md (12 Key Clarifications)\n * @see React Aria CheckboxGroup: https://react-spectrum.adobe.com/react-aria/CheckboxGroup.html\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AAA)\n */\n\nimport {\n  forwardRef,\n  createContext,\n  useContext,\n  useId,\n  cloneElement,\n  isValidElement,\n  type ReactNode,\n  type ForwardedRef,\n  type ReactElement,\n} from 'react';\nimport {\n  CheckboxGroup as AriaCheckboxGroup,\n  Checkbox as AriaCheckbox,\n  Label,\n  Text,\n  FieldError,\n} 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 {\n  CheckboxGroupProps,\n  CheckboxProps,\n  CheckboxLabelProps,\n  CheckboxDescriptionProps,\n  CheckboxGroupVariant,\n  CheckboxGroupSize,\n} from './CheckboxGroup.types';\n\n// ============================================================================\n// Context\n// ============================================================================\n\n/**\n * CheckboxGroup context value\n * Includes isDisabled and isReadOnly per clarification (plan.md #10)\n */\ninterface CheckboxGroupContextValue {\n  variant: CheckboxGroupVariant;\n  size: CheckboxGroupSize;\n  isInvalid: boolean;\n  isDisabled: boolean;\n  isReadOnly: boolean;\n}\n\nconst CheckboxGroupContext = createContext<CheckboxGroupContextValue>({\n  variant: 'default',\n  size: 'default',\n  isInvalid: false,\n  isDisabled: false,\n  isReadOnly: false,\n});\n\n// ============================================================================\n// CVA Variants\n// ============================================================================\n\n/**\n * CheckboxGroup container variants\n * Controls orientation and spacing (gap-2 = 8px per clarification)\n */\nconst checkboxGroupVariants = cva(\n  // Base: flex container\n  \"flex\",\n  {\n    variants: {\n      orientation: {\n        vertical: \"flex-col gap-2\",\n        horizontal: \"flex-row flex-wrap gap-2\",\n      },\n    },\n    defaultVariants: {\n      orientation: \"vertical\",\n    },\n  }\n);\n\n/**\n * Checkbox item bordered container variants\n * Bordered container design with explicit touch targets\n * All sizes maintain 44px minimum height (WCAG 2.2 AAA)\n * All sizes use rounded-md (6px) per clarification\n */\nconst checkboxItemVariants = cva(\n  // Base: bordered container with flex layout, RTL support\n  [\n    \"flex items-center gap-3 rounded-md border cursor-pointer\",\n    \"transition-colors duration-200\",\n    \"rtl:flex-row-reverse\", // RTL: indicator flips to right\n    // Focus ring on entire container\n    FOCUS_STYLES,\n    HIGH_CONTRAST_FOCUS,\n  ].join(\" \"),\n  {\n    variants: {\n      variant: {\n        default: [\n          \"border-[var(--border)]\",\n          \"data-[hovered]:bg-[var(--accent)]/10\",\n          \"data-[selected]:border-[var(--primary)]\",\n          \"data-[selected]:bg-[var(--primary)]/10\",\n        ].join(\" \"),\n        destructive: [\n          \"border-[var(--border)]\",\n          \"data-[hovered]:bg-[var(--destructive)]/10\",\n          \"data-[selected]:border-[var(--destructive)]\",\n          \"data-[selected]:bg-[var(--destructive)]/10\",\n        ].join(\" \"),\n      },\n      size: {\n        sm: \"min-h-[44px] py-2 px-3 text-sm\",\n        default: \"min-h-[48px] py-3 px-4 text-sm\",\n        lg: \"min-h-[56px] py-4 px-5 text-base\",\n      },\n      isDisabled: {\n        true: \"opacity-50 cursor-not-allowed\",\n        false: \"\",\n      },\n      isReadOnly: {\n        // Subtle visual cue per clarification\n        true: \"cursor-default\",\n        false: \"\",\n      },\n      isInvalid: {\n        // Error: ALL items get destructive border (cognitive accessibility)\n        true: \"border-[var(--destructive)]\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n      isDisabled: false,\n      isReadOnly: false,\n      isInvalid: false,\n    },\n  }\n);\n\n/**\n * Square indicator (checkbox box) variants\n * Uses rounded-sm (2px) for square appearance (unlike RadioGroup's circle)\n */\nconst checkboxIndicatorVariants = cva(\n  // Base: square with border, flex-shrink-0 to prevent squishing\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        ].join(\" \"),\n        destructive: [\n          \"border-[var(--border)]\",\n          \"data-[selected]:border-[var(--destructive)]\",\n          \"data-[selected]:bg-[var(--destructive)]\",\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    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n);\n\n/**\n * Checkmark SVG variants\n * Spring animation: cubic-bezier(0.34, 1.56, 0.64, 1) with slight overshoot\n */\nconst checkmarkVariants = cva(\n  // Base: centered checkmark with spring animation\n  [\n    \"transition-transform duration-200\",\n    // Spring animation with overshoot\n    \"[transition-timing-function:cubic-bezier(0.34,1.56,0.64,1)]\",\n    // Respect reduced motion preference\n    \"motion-reduce:transition-none\",\n    // Scale from 0 to 1 on selection\n    \"scale-0 data-[selected]: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 (default)\n * Used inside the checkbox indicator when selected\n */\nfunction CheckmarkIcon({ className, ...props }: { className?: string; 'data-selected'?: 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 * Times (X) SVG icon\n * Alternative icon for destructive or exclusion selections\n * @example <Checkbox value=\"exclude\" selectedIcon={<TimesIcon />}>Exclude this item</Checkbox>\n */\nfunction TimesIcon({ className, ...props }: { className?: string; 'data-selected'?: 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=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n      <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n    </svg>\n  );\n}\n\n// ============================================================================\n// Sub-components\n// ============================================================================\n\n/**\n * Checkbox.Label - Styled label for checkbox item content\n */\nfunction CheckboxLabel({ children, className }: CheckboxLabelProps): ReactNode {\n  return (\n    <span className={cn(\"font-medium text-[var(--content-foreground)]\", className)}>\n      {children}\n    </span>\n  );\n}\n\nCheckboxLabel.displayName = \"Checkbox.Label\";\n\n/**\n * Checkbox.Description - Styled description for checkbox item content (muted)\n */\nfunction CheckboxDescription({ children, className }: CheckboxDescriptionProps): ReactNode {\n  return (\n    <span className={cn(\"text-sm text-[var(--menu-muted)]\", className)}>\n      {children}\n    </span>\n  );\n}\n\nCheckboxDescription.displayName = \"Checkbox.Description\";\n\n// ============================================================================\n// Checkbox Component\n// ============================================================================\n\n/**\n * Checkbox item component with bordered container design\n */\nfunction CheckboxComponent({ value, isDisabled, children, className, selectedIcon }: CheckboxProps): ReactNode {\n  const { variant, size, isInvalid, isDisabled: groupDisabled, isReadOnly } = useContext(CheckboxGroupContext);\n\n  // Individual isDisabled OR group isDisabled\n  const effectiveDisabled = isDisabled || groupDisabled;\n\n  // Render the selected icon - use custom icon if provided, otherwise default CheckmarkIcon\n  const renderSelectedIcon = (isSelected: boolean) => {\n    const iconClassName = cn(checkmarkVariants({ variant, size }));\n    const dataSelected = isSelected || undefined;\n\n    if (selectedIcon) {\n      // Clone the custom icon element to add our styling classes\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      // If it's not a valid element (e.g., just text), wrap it\n      return <span className={iconClassName} data-selected={dataSelected}>{selectedIcon}</span>;\n    }\n\n    // Default: CheckmarkIcon\n    return (\n      <CheckmarkIcon\n        className={iconClassName}\n        data-selected={dataSelected}\n      />\n    );\n  };\n\n  return (\n    <AriaCheckbox\n      value={value}\n      isDisabled={effectiveDisabled}\n      className={(renderProps) =>\n        cn(\n          checkboxItemVariants({\n            variant,\n            size,\n            isDisabled: renderProps.isDisabled,\n            isReadOnly,\n            isInvalid,\n          }),\n          className\n        )\n      }\n    >\n      {(renderProps) => (\n        <>\n          {/* Square indicator */}\n          <div\n            className={checkboxIndicatorVariants({ variant, size })}\n            data-selected={renderProps.isSelected || undefined}\n          >\n            {/* Icon with spring animation */}\n            {renderSelectedIcon(renderProps.isSelected)}\n          </div>\n\n          {/* Children content (flexible - text, icons, complex layouts) */}\n          <div className=\"flex-1 flex flex-col\">\n            {children}\n          </div>\n        </>\n      )}\n    </AriaCheckbox>\n  );\n}\n\n// Attach sub-components\nconst Checkbox = Object.assign(CheckboxComponent, {\n  Label: CheckboxLabel,\n  Description: CheckboxDescription,\n}) as typeof CheckboxComponent & {\n  Label: typeof CheckboxLabel;\n  Description: typeof CheckboxDescription;\n  displayName: string;\n};\n\nCheckbox.displayName = \"Checkbox\";\n\n// ============================================================================\n// Duplicate Value Warning\n// ============================================================================\n\n/**\n * Deduplicates array and warns in development mode\n * Per clarification: dedupe internally + console.warn in development\n */\nfunction dedupeWithWarning(values: string[] | undefined, componentName: string): string[] | undefined {\n  if (!values) return values;\n\n  const uniqueValues = [...new Set(values)];\n\n  if (process.env.NODE_ENV !== 'production' && uniqueValues.length !== values.length) {\n    console.warn(\n      `[${componentName}] Received duplicate values in value/defaultValue prop. ` +\n      `Original: [${values.join(', ')}], Deduplicated: [${uniqueValues.join(', ')}]. ` +\n      `Duplicate values are automatically removed.`\n    );\n  }\n\n  return uniqueValues;\n}\n\n// ============================================================================\n// CheckboxGroup Component\n// ============================================================================\n\n/**\n * CheckboxGroup root component\n * Accessible multi-selection control with bordered container design\n */\nconst CheckboxGroup = forwardRef<HTMLDivElement, CheckboxGroupProps>(\n  function CheckboxGroup(props: CheckboxGroupProps, ref: ForwardedRef<HTMLDivElement>) {\n    const {\n      // Display props\n      label,\n      description,\n      errorMessage,\n      // Selection props (string[] for multi-select)\n      value,\n      defaultValue,\n      // State props\n      isDisabled = false,\n      isReadOnly = false,\n      isRequired = false,\n      isInvalid = false,\n      // Layout props\n      orientation = 'vertical',\n      // Variant props\n      variant = 'default',\n      size = 'default',\n      // Form props\n      name,\n      // Event handlers\n      onChange,\n      onFocusChange,\n      // Standard props\n      className,\n      children,\n      id,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      'aria-describedby': ariaDescribedby,\n      'data-testid': dataTestId,\n      ...restProps\n    } = props;\n\n    // Generate unique IDs for accessibility\n    const generatedId = useId();\n    const checkboxGroupId = id ?? generatedId;\n    const labelId = `${checkboxGroupId}-label`;\n    const descriptionId = `${checkboxGroupId}-description`;\n    const errorId = `${checkboxGroupId}-error`;\n\n    // Build aria-describedby from description and error\n    const describedByParts: string[] = [];\n    if (ariaDescribedby) describedByParts.push(ariaDescribedby);\n    if (description) describedByParts.push(descriptionId);\n    if (isInvalid && errorMessage) describedByParts.push(errorId);\n    const computedAriaDescribedBy = describedByParts.length > 0\n      ? describedByParts.join(' ')\n      : undefined;\n\n    // Dedupe values with warning in development\n    const dedupedValue = dedupeWithWarning(value, 'CheckboxGroup');\n    const dedupedDefaultValue = dedupeWithWarning(defaultValue, 'CheckboxGroup');\n\n    return (\n      <CheckboxGroupContext.Provider value={{ variant, size, isInvalid, isDisabled, isReadOnly }}>\n        <AriaCheckboxGroup\n          ref={ref}\n          id={checkboxGroupId}\n          name={name}\n          value={dedupedValue}\n          defaultValue={dedupedDefaultValue}\n          isDisabled={isDisabled}\n          isReadOnly={isReadOnly}\n          isRequired={isRequired}\n          isInvalid={isInvalid}\n          onChange={onChange}\n          onFocusChange={onFocusChange}\n          aria-label={ariaLabel}\n          aria-labelledby={label ? labelId : ariaLabelledby}\n          aria-describedby={computedAriaDescribedBy}\n          aria-orientation={orientation}\n          aria-required={isRequired || undefined}\n          aria-invalid={isInvalid || undefined}\n          data-testid={dataTestId}\n          className={cn(\"flex flex-col gap-1.5\", className)}\n          {...restProps}\n        >\n          {/* Label with optional required asterisk */}\n          {label && (\n            <Label id={labelId} className=\"text-sm font-medium text-[var(--content-foreground)]\">\n              {label}\n              {isRequired && (\n                <span className=\"ml-1 text-[var(--destructive)]\" aria-hidden=\"true\">\n                  *\n                </span>\n              )}\n            </Label>\n          )}\n\n          {/* Description */}\n          {description && (\n            <Text\n              id={descriptionId}\n              slot=\"description\"\n              className=\"text-sm text-[var(--menu-muted)]\"\n            >\n              {description}\n            </Text>\n          )}\n\n          {/* Checkbox items container with orientation */}\n          <div className={checkboxGroupVariants({ orientation })}>\n            {children}\n          </div>\n\n          {/* Error message with role=\"alert\" for screen reader announcements */}\n          {isInvalid && errorMessage && (\n            <FieldError\n              id={errorId}\n              className=\"text-sm text-[var(--destructive)]\"\n            >\n              <span role=\"alert\">{errorMessage}</span>\n            </FieldError>\n          )}\n        </AriaCheckboxGroup>\n      </CheckboxGroupContext.Provider>\n    );\n  }\n);\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n  CheckboxGroup,\n  Checkbox,\n  checkboxGroupVariants,\n  checkboxItemVariants,\n  checkboxIndicatorVariants,\n  checkmarkVariants,\n  // Icon exports for custom selectedIcon usage\n  CheckmarkIcon,\n  TimesIcon,\n};\n"]}

package/dist/elements/Combobox/Combobox.d.ts

@@ -0,0 +1,56 @@
+import { type ReactElement } from 'react';
+import type { ComboboxItemProps, ComboboxSectionProps } from './Combobox.types';
+/**
+ * Combobox Component
+ *
+ * A filterable select/autocomplete component built on React Aria's ComboBox.
+ * Supports type-to-filter, keyboard navigation, and optional custom values.
+ *
+ * @example
+ * ```tsx
+ * <Combobox label="Framework">
+ *   <ComboboxItem id="react">React</ComboboxItem>
+ *   <ComboboxItem id="vue">Vue</ComboboxItem>
+ *   <ComboboxItem id="angular">Angular</ComboboxItem>
+ * </Combobox>
+ * ```
+ */
+export declare const Combobox: import("react").ForwardRefExoticComponent<{
+    size: "default" | "sm" | "lg";
+    allowsCustomValue: boolean;
+    menuTrigger: "input" | "focus" | "manual";
+    className?: string | undefined;
+    children?: any;
+    id?: string | undefined;
+    'aria-label'?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-live'?: "off" | "polite" | "assertive" | undefined;
+    'aria-hidden'?: boolean | undefined;
+    'data-testid'?: string | undefined;
+    label?: string | undefined;
+    description?: string | undefined;
+    errorMessage?: string | undefined;
+    placeholder?: string | undefined;
+    isRequired?: boolean | undefined;
+    isDisabled?: boolean | undefined;
+    isReadOnly?: boolean | undefined;
+    name?: string | undefined;
+    defaultInputValue?: string | undefined;
+    inputValue?: string | undefined;
+    defaultSelectedKey?: string | number | undefined;
+    selectedKey?: string | number | null | undefined;
+} & Omit<import("react-aria-components").ComboBoxProps<object>, "className" | "children" | "id" | "aria-label" | "aria-labelledby" | "aria-describedby" | "aria-live" | "aria-hidden" | "data-testid" | "isDisabled" | "name" | "size" | "label" | "isReadOnly" | "isRequired" | "description" | "errorMessage" | "placeholder" | "selectedKey" | "defaultSelectedKey" | "allowsCustomValue" | "menuTrigger" | "defaultInputValue" | "inputValue"> & {
+    children: import("react").ReactNode;
+    onInputChange?: (value: string) => void;
+    onSelectionChange?: (key: string | number | null) => void;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare function ComboboxItem({ children, className, textValue, ...props }: ComboboxItemProps): ReactElement;
+export declare namespace ComboboxItem {
+    var displayName: string;
+}
+export declare function ComboboxSection({ header, children, className, }: ComboboxSectionProps): ReactElement;
+export declare namespace ComboboxSection {
+    var displayName: string;
+}
+//# sourceMappingURL=Combobox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/elements/Combobox/Combobox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAetD,OAAO,KAAK,EAEV,iBAAiB,EACjB,oBAAoB,EACrB,MAAM,kBAAkB,CAAC;AAoB1B;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAoGpB,CAAC;AAQF,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,iBAAiB,GAAG,YAAY,CAoBlC;yBAzBe,YAAY;;;AAiC5B,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,QAAQ,EACR,SAAS,GACV,EAAE,oBAAoB,GAAG,YAAY,CAWrC;yBAfe,eAAe"}

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

@@ -0,0 +1,29 @@
+export declare const comboboxVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const comboboxLabelVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const comboboxInputVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const comboboxTriggerWrapperVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const comboboxButtonVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const comboboxPopoverVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const comboboxListBoxVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const comboboxItemVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const comboboxSectionVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const comboboxSectionHeaderVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const comboboxDescriptionVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const comboboxErrorVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=Combobox.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.styles.d.ts","sourceRoot":"","sources":["../../../src/elements/Combobox/Combobox.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB;;8EAY5B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;8EAYjC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;8EAgBjC,CAAC;AAEF,eAAO,MAAM,8BAA8B;;8EAoB1C,CAAC;AAEF,eAAO,MAAM,sBAAsB;;8EAkBlC,CAAC;AAEF,eAAO,MAAM,uBAAuB,oFASnC,CAAC;AAEF,eAAO,MAAM,uBAAuB,oFAEnC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;8EAmBhC,CAAC;AAEF,eAAO,MAAM,uBAAuB,oFAAc,CAAC;AAEnD,eAAO,MAAM,6BAA6B,oFAEzC,CAAC;AAEF,eAAO,MAAM,2BAA2B;;8EAYvC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;8EAYjC,CAAC"}

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

@@ -0,0 +1,67 @@
+import { z } from 'zod';
+import type { ReactNode } from 'react';
+import type { ComboBoxProps as AriaComboBoxProps } from 'react-aria-components';
+export declare const ComboboxSizeSchema: z.ZodEnum<{
+    default: "default";
+    sm: "sm";
+    lg: "lg";
+}>;
+export type ComboboxSize = z.infer<typeof ComboboxSizeSchema>;
+export declare const ComboboxPropsSchema: z.ZodObject<{
+    className: z.ZodOptional<z.ZodString>;
+    children: z.ZodOptional<z.ZodAny>;
+    id: z.ZodOptional<z.ZodString>;
+    'aria-label': z.ZodOptional<z.ZodString>;
+    'aria-labelledby': z.ZodOptional<z.ZodString>;
+    'aria-describedby': z.ZodOptional<z.ZodString>;
+    'aria-live': z.ZodOptional<z.ZodEnum<{
+        off: "off";
+        polite: "polite";
+        assertive: "assertive";
+    }>>;
+    'aria-hidden': z.ZodOptional<z.ZodBoolean>;
+    'data-testid': z.ZodOptional<z.ZodString>;
+    label: z.ZodOptional<z.ZodString>;
+    description: z.ZodOptional<z.ZodString>;
+    errorMessage: z.ZodOptional<z.ZodString>;
+    size: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
+        default: "default";
+        sm: "sm";
+        lg: "lg";
+    }>>>;
+    placeholder: z.ZodOptional<z.ZodString>;
+    isRequired: z.ZodOptional<z.ZodBoolean>;
+    isDisabled: z.ZodOptional<z.ZodBoolean>;
+    isReadOnly: z.ZodOptional<z.ZodBoolean>;
+    name: z.ZodOptional<z.ZodString>;
+    allowsCustomValue: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+    menuTrigger: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
+        input: "input";
+        focus: "focus";
+        manual: "manual";
+    }>>>;
+    defaultInputValue: z.ZodOptional<z.ZodString>;
+    inputValue: z.ZodOptional<z.ZodString>;
+    defaultSelectedKey: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>>;
+    selectedKey: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodNull]>>;
+}, z.core.$strip>;
+export type ComboboxProps = z.infer<typeof ComboboxPropsSchema> & Omit<AriaComboBoxProps<object>, keyof z.infer<typeof ComboboxPropsSchema>> & {
+    children: ReactNode;
+    onInputChange?: (value: string) => void;
+    onSelectionChange?: (key: string | number | null) => void;
+};
+export declare const ComboboxItemPropsSchema: z.ZodObject<{
+    id: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodNumber]>>;
+    textValue: z.ZodOptional<z.ZodString>;
+    isDisabled: z.ZodOptional<z.ZodBoolean>;
+    children: z.ZodCustom<ReactNode, ReactNode>;
+    className: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+export type ComboboxItemProps = z.infer<typeof ComboboxItemPropsSchema>;
+export declare const ComboboxSectionPropsSchema: z.ZodObject<{
+    header: z.ZodOptional<z.ZodString>;
+    children: z.ZodCustom<ReactNode, ReactNode>;
+    className: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+export type ComboboxSectionProps = z.infer<typeof ComboboxSectionPropsSchema>;
+//# sourceMappingURL=Combobox.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.types.d.ts","sourceRoot":"","sources":["../../../src/elements/Combobox/Combobox.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAEhF,eAAO,MAAM,kBAAkB;;;;EAAkC,CAAC;AAClE,MAAM,MAAM,YAAY,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAE9D,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA6C9B,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,mBAAmB,CAAC,GAC7D,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,KAAK,CAAC,OAAO,mBAAmB,CAAC,CAAC,GAAG;IAC3E,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3D,CAAC;AAEJ,eAAO,MAAM,uBAAuB;;;;;;iBAUlC,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAExE,eAAO,MAAM,0BAA0B;;;;iBAMrC,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,0BAA0B,CAAC,CAAC"}

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

@@ -0,0 +1,20 @@
+/**
+ * Combobox Component Exports
+ *
+ * A filterable select/autocomplete built on React Aria ComboBox.
+ *
+ * @example
+ * ```tsx
+ * import { Combobox, ComboboxItem } from '@tribepad/themis/elements/Combobox';
+ *
+ * <Combobox label="Framework" placeholder="Select a framework">
+ *   <ComboboxItem id="react">React</ComboboxItem>
+ *   <ComboboxItem id="vue">Vue</ComboboxItem>
+ * </Combobox>
+ * ```
+ */
+export { Combobox, ComboboxItem, ComboboxSection } from './Combobox';
+export type { ComboboxProps, ComboboxItemProps, ComboboxSectionProps, ComboboxSize, } from './Combobox.types';
+export { ComboboxPropsSchema, ComboboxItemPropsSchema, ComboboxSectionPropsSchema, ComboboxSizeSchema, } from './Combobox.types';
+export { comboboxVariants, comboboxLabelVariants, comboboxInputVariants, comboboxTriggerWrapperVariants, comboboxButtonVariants, comboboxPopoverVariants, comboboxListBoxVariants, comboboxItemVariants, comboboxSectionVariants, comboboxSectionHeaderVariants, comboboxDescriptionVariants, comboboxErrorVariants, } from './Combobox.styles';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Combobox/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AACrE,YAAY,EACV,aAAa,EACb,iBAAiB,EACjB,oBAAoB,EACpB,YAAY,GACb,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,0BAA0B,EAC1B,kBAAkB,GACnB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,gBAAgB,EAChB,qBAAqB,EACrB,qBAAqB,EACrB,8BAA8B,EAC9B,sBAAsB,EACtB,uBAAuB,EACvB,uBAAuB,EACvB,oBAAoB,EACpB,uBAAuB,EACvB,6BAA6B,EAC7B,2BAA2B,EAC3B,qBAAqB,GACtB,MAAM,mBAAmB,CAAC"}