@tribepad/themis 1.0.0 → 1.0.1

package/dist/elements/Checkbox/index.js

@@ -1,47 +1,318 @@
+"use client";
 'use strict';
 
-var chunkQ3572X2J_js = require('../../chunk-Q3572X2J.js');
-require('../../chunk-B5Q4UPL6.js');
-require('../../chunk-VIREG536.js');
-require('../../chunk-T4COXKQ3.js');
+var react = require('react');
+var reactAriaComponents = require('react-aria-components');
+var classVarianceAuthority = require('class-variance-authority');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+var zod = require('zod');
 
+// src/elements/Checkbox/Checkbox.tsx
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
 
-
-Object.defineProperty(exports, "Checkbox", {
-  enumerable: true,
-  get: function () { return chunkQ3572X2J_js.Checkbox; }
-});
-Object.defineProperty(exports, "CheckboxPropsSchema", {
-  enumerable: true,
-  get: function () { return chunkQ3572X2J_js.CheckboxPropsSchema; }
-});
-Object.defineProperty(exports, "CheckboxSizeSchema", {
-  enumerable: true,
-  get: function () { return chunkQ3572X2J_js.CheckboxSizeSchema; }
-});
-Object.defineProperty(exports, "CheckboxVariantSchema", {
-  enumerable: true,
-  get: function () { return chunkQ3572X2J_js.CheckboxVariantSchema; }
-});
-Object.defineProperty(exports, "CheckmarkIcon", {
-  enumerable: true,
-  get: function () { return chunkQ3572X2J_js.CheckmarkIcon; }
+// src/styles/interaction-states.ts
+var FOCUS_STYLES = "data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2";
+var 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";
+var checkboxContainerVariants = classVarianceAuthority.cva(
+  [
+    "group inline-flex items-center gap-2 cursor-pointer",
+    "transition-colors duration-200",
+    "rtl:flex-row-reverse",
+    FOCUS_STYLES,
+    HIGH_CONTRAST_FOCUS
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "min-h-[44px] text-sm",
+        default: "min-h-[44px] text-sm",
+        lg: "min-h-[48px] text-base"
+      },
+      isDisabled: {
+        true: "opacity-50 cursor-not-allowed",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      isDisabled: false
+    }
+  }
+);
+var checkboxIndicatorVariants = classVarianceAuthority.cva(
+  "flex-shrink-0 rounded-sm border-2 flex items-center justify-center transition-colors duration-200",
+  {
+    variants: {
+      variant: {
+        default: [
+          "border-[var(--border)]",
+          "data-[selected]:border-[var(--primary)]",
+          "data-[selected]:bg-[var(--primary)]",
+          "data-[indeterminate]:border-[var(--primary)]",
+          "data-[indeterminate]:bg-[var(--primary)]"
+        ].join(" "),
+        destructive: [
+          "border-[var(--border)]",
+          "data-[selected]:border-[var(--destructive)]",
+          "data-[selected]:bg-[var(--destructive)]",
+          "data-[indeterminate]:border-[var(--destructive)]",
+          "data-[indeterminate]:bg-[var(--destructive)]"
+        ].join(" ")
+      },
+      size: {
+        sm: "h-4 w-4",
+        default: "h-5 w-5",
+        lg: "h-6 w-6"
+      },
+      isInvalid: {
+        true: "border-[var(--destructive)]",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      isInvalid: false
+    }
+  }
+);
+var checkmarkVariants = classVarianceAuthority.cva(
+  [
+    "transition-transform duration-200",
+    "[transition-timing-function:cubic-bezier(0.34,1.56,0.64,1)]",
+    "motion-reduce:transition-none",
+    "scale-0 data-[selected]:scale-100 data-[indeterminate]:scale-100"
+  ].join(" "),
+  {
+    variants: {
+      variant: {
+        default: "text-[var(--primary-foreground)]",
+        destructive: "text-[var(--destructive-foreground)]"
+      },
+      size: {
+        sm: "h-3 w-3",
+        default: "h-3.5 w-3.5",
+        lg: "h-4 w-4"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function CheckmarkIcon({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      className,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 3,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "20 6 9 17 4 12" })
+    }
+  );
+}
+function MinusIcon({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      className,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 3,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+    }
+  );
+}
+var Checkbox = react.forwardRef(
+  ({
+    isSelected,
+    defaultSelected,
+    isDisabled,
+    isReadOnly,
+    isIndeterminate,
+    isInvalid = false,
+    isRequired = false,
+    onChange,
+    onFocusChange,
+    value,
+    name,
+    size = "default",
+    variant = "default",
+    label,
+    description,
+    selectedIcon,
+    className,
+    id,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledby,
+    "aria-describedby": ariaDescribedby,
+    "data-testid": dataTestId,
+    slot
+  }, ref) => {
+    const computedIsDisabled = isDisabled || void 0;
+    const computedIsReadOnly = isReadOnly || void 0;
+    const computedIsIndeterminate = isIndeterminate || void 0;
+    const renderIcon = (isChecked, isIndet) => {
+      const iconClassName = cn(checkmarkVariants({ variant, size }));
+      const dataSelected = isChecked || void 0;
+      const dataIndeterminate = isIndet || void 0;
+      if (isIndet) {
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          MinusIcon,
+          {
+            className: iconClassName,
+            "data-selected": dataSelected,
+            "data-indeterminate": dataIndeterminate
+          }
+        );
+      }
+      if (selectedIcon && isChecked) {
+        if (react.isValidElement(selectedIcon)) {
+          const iconElement = selectedIcon;
+          return react.cloneElement(iconElement, {
+            className: cn(iconClassName, iconElement.props.className),
+            "data-selected": dataSelected
+          });
+        }
+        return /* @__PURE__ */ jsxRuntime.jsx("span", { className: iconClassName, "data-selected": dataSelected, children: selectedIcon });
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        CheckmarkIcon,
+        {
+          className: iconClassName,
+          "data-selected": dataSelected,
+          "data-indeterminate": dataIndeterminate
+        }
+      );
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactAriaComponents.Checkbox,
+      {
+        ref,
+        id,
+        isSelected,
+        defaultSelected,
+        isDisabled: computedIsDisabled,
+        isReadOnly: computedIsReadOnly,
+        isIndeterminate: computedIsIndeterminate,
+        isInvalid,
+        isRequired,
+        onChange,
+        onFocusChange,
+        value,
+        name,
+        slot,
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledby,
+        "aria-describedby": ariaDescribedby,
+        "data-testid": dataTestId,
+        className: (renderProps) => cn(
+          checkboxContainerVariants({
+            size,
+            isDisabled: renderProps.isDisabled
+          }),
+          className
+        ),
+        children: (renderProps) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: checkboxIndicatorVariants({
+                variant,
+                size,
+                isInvalid: renderProps.isInvalid
+              }),
+              "data-selected": renderProps.isSelected || void 0,
+              "data-indeterminate": renderProps.isIndeterminate || void 0,
+              children: renderIcon(renderProps.isSelected, renderProps.isIndeterminate)
+            }
+          ),
+          (label || description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+            label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-[var(--content-foreground)]", children: label }),
+            description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-[var(--menu-muted)]", children: description })
+          ] })
+        ] })
+      }
+    );
+  }
+);
+Checkbox.displayName = "Checkbox";
+var BaseComponentPropsSchema = zod.z.object({
+  // Styling
+  className: zod.z.string().optional(),
+  // React
+  children: zod.z.any().optional(),
+  // ReactNode not directly supported by Zod
+  id: zod.z.string().optional(),
+  // Accessibility (WCAG 2.2 AA requirements)
+  "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(),
+  // Testing & Development
+  "data-testid": zod.z.string().optional()
 });
-Object.defineProperty(exports, "MinusIcon", {
-  enumerable: true,
-  get: function () { return chunkQ3572X2J_js.MinusIcon; }
-});
-Object.defineProperty(exports, "checkboxContainerVariants", {
-  enumerable: true,
-  get: function () { return chunkQ3572X2J_js.checkboxContainerVariants; }
-});
-Object.defineProperty(exports, "checkboxIndicatorVariants", {
-  enumerable: true,
-  get: function () { return chunkQ3572X2J_js.checkboxIndicatorVariants; }
-});
-Object.defineProperty(exports, "checkmarkVariants", {
-  enumerable: true,
-  get: function () { return chunkQ3572X2J_js.checkmarkVariants; }
+
+// src/elements/Checkbox/Checkbox.types.ts
+var CheckboxSizeSchema = zod.z.enum(["sm", "default", "lg"]);
+var CheckboxVariantSchema = zod.z.enum(["default", "destructive"]);
+var CheckboxPropsSchema = BaseComponentPropsSchema.extend({
+  // State management (controlled/uncontrolled)
+  isSelected: zod.z.boolean().optional(),
+  defaultSelected: zod.z.boolean().optional(),
+  onChange: zod.z.custom().optional(),
+  // Variants (matching Switch/Button pattern)
+  variant: CheckboxVariantSchema.optional(),
+  size: CheckboxSizeSchema.optional(),
+  // States
+  isDisabled: zod.z.boolean().optional(),
+  isReadOnly: zod.z.boolean().optional(),
+  isIndeterminate: zod.z.boolean().optional(),
+  isInvalid: zod.z.boolean().optional(),
+  isRequired: zod.z.boolean().optional(),
+  // Labels (optional built-in labeling)
+  label: zod.z.string().optional(),
+  description: zod.z.string().optional(),
+  // Form integration
+  value: zod.z.string().optional(),
+  name: zod.z.string().optional(),
+  // Custom icon
+  selectedIcon: zod.z.any().optional(),
+  // ReactNode
+  // React Aria slot integration (e.g., for Table)
+  slot: zod.z.string().optional(),
+  // React Aria CheckboxProps integration
+  onFocus: zod.z.custom().optional(),
+  onBlur: zod.z.custom().optional(),
+  onFocusChange: zod.z.custom().optional(),
+  autoFocus: zod.z.boolean().optional()
 });
+
+exports.Checkbox = Checkbox;
+exports.CheckboxPropsSchema = CheckboxPropsSchema;
+exports.CheckboxSizeSchema = CheckboxSizeSchema;
+exports.CheckboxVariantSchema = CheckboxVariantSchema;
+exports.CheckmarkIcon = CheckmarkIcon;
+exports.MinusIcon = MinusIcon;
+exports.checkboxContainerVariants = checkboxContainerVariants;
+exports.checkboxIndicatorVariants = checkboxIndicatorVariants;
+exports.checkmarkVariants = checkmarkVariants;
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
+{"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":["twMerge","clsx","cva","jsx","forwardRef","isValidElement","cloneElement","AriaCheckbox","jsxs","Fragment","z"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","/**\n * Global Interaction State Styles\n *\n * Consistent interaction patterns across all Themis components.\n * These styles ensure WCAG 2.2 AAA compliance and predictable UX.\n *\n * @see spec.md FR-010 (Visible focus ring for keyboard navigation)\n * @see spec.md FR-031 (Pressed state feedback)\n * @see spec.md FR-012 (High contrast mode support)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\n/**\n * Focus state styles (FR-010)\n * Visible focus ring for keyboard navigation - WCAG 2.2 Level AAA\n *\n * Components can override by extending these styles:\n * @example\n * cn(FOCUS_STYLES, \"ring-4\") // Increases ring width to 4px\n */\nexport const FOCUS_STYLES = \"data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2\";\n\n/**\n * Pressed/Active state styles (FR-031)\n * Visual feedback for press interactions\n *\n * Components can override the scale amount:\n * @example\n * cn(PRESSED_STYLES_BASE, \"data-[pressed]:scale-[0.95]\") // More pronounced scale\n */\nexport const PRESSED_STYLES = \"data-[pressed]:scale-[0.97]\";\n\n/**\n * Base pressed styles without scale (for components that need different feedback)\n */\nexport const PRESSED_STYLES_BASE = \"data-[pressed]:transition-transform data-[pressed]:duration-100\";\n\n/**\n * Hover state styles\n * Elevation change on hover for better affordance\n *\n * Components can override shadow depth:\n * @example\n * cn(HOVER_STYLES_BASE, \"data-[hovered]:shadow-lg\") // Larger shadow\n */\nexport const HOVER_STYLES = \"data-[hovered]:shadow-md\";\n\n/**\n * Base hover styles without shadow (for components that use different hover effects)\n */\nexport const HOVER_STYLES_BASE = \"data-[hovered]:transition-shadow data-[hovered]:duration-200\";\n\n/**\n * High contrast mode focus (FR-012)\n * Enhanced outlines for users requiring high contrast\n *\n * Uses 'hc:' prefix for prefers-contrast: more media query\n */\nexport const HIGH_CONTRAST_FOCUS = \"hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground\";\n\n/**\n * High contrast mode hover (FR-012)\n * Enhanced outlines for hover in high contrast mode\n */\nexport const HIGH_CONTRAST_HOVER = \"hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground\";\n\n/**\n * High contrast mode pressed state\n * Enhanced outlines for pressed state in high contrast mode\n */\nexport const HIGH_CONTRAST_PRESSED = \"hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground\";\n\n/**\n * Combined high contrast styles\n * Use this for components that need all high contrast interaction states\n */\nexport const HIGH_CONTRAST_INTERACTIONS = `${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Disabled state styles\n * Consistent disabled appearance across all components\n */\nexport const DISABLED_STYLES = \"disabled:pointer-events-none disabled:opacity-50\";\n\n/**\n * Default interaction bundle\n * Most common combination for interactive components\n *\n * Includes: focus ring, pressed scale, hover shadow, high contrast enhancements\n *\n * @example\n * <button className={cn(DEFAULT_INTERACTIONS, \"bg-primary\")}>Click</button>\n */\nexport const DEFAULT_INTERACTIONS = `${FOCUS_STYLES} ${PRESSED_STYLES} ${HOVER_STYLES} ${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Subtle interaction bundle\n * For components that need less pronounced feedback\n *\n * Includes: focus ring and high contrast, but no hover shadow or pressed scale\n */\nexport const SUBTLE_INTERACTIONS = `${FOCUS_STYLES} ${HIGH_CONTRAST_FOCUS}`;\n\n/**\n * Non-interactive element styles\n * For elements that should indicate they are not interactive\n */\nexport const NON_INTERACTIVE = \"cursor-default select-none\";\n","\"use client\";\n\n/**\n * Checkbox Component\n * Standalone accessible checkbox with React Aria primitives and CVA styling\n *\n * Key Features:\n * - Standalone checkbox (not requiring CheckboxGroup)\n * - 44px+ touch targets (WCAG 2.2 AAA)\n * - 2 variants: default, destructive\n * - 3 sizes: sm, default, lg\n * - Indeterminate state support\n * - Spring animation for checkmark\n * - RTL support\n * - Works with React Aria slot system (for Table integration)\n *\n * @see React Aria Checkbox: https://react-spectrum.adobe.com/react-aria/Checkbox.html\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AAA)\n */\n\nimport {\n  forwardRef,\n  cloneElement,\n  isValidElement,\n  type ReactNode,\n  type ReactElement,\n} from 'react';\nimport { Checkbox as AriaCheckbox } from 'react-aria-components';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { FOCUS_STYLES, HIGH_CONTRAST_FOCUS } from '../../styles/interaction-states';\nimport type { CheckboxProps } from './Checkbox.types';\n\n// ============================================================================\n// CVA Variants\n// ============================================================================\n\n/**\n * Checkbox container variants\n * Controls the overall checkbox layout with touch target\n */\nconst checkboxContainerVariants = cva(\n  [\n    \"group inline-flex items-center gap-2 cursor-pointer\",\n    \"transition-colors duration-200\",\n    \"rtl:flex-row-reverse\",\n    FOCUS_STYLES,\n    HIGH_CONTRAST_FOCUS,\n  ].join(\" \"),\n  {\n    variants: {\n      size: {\n        sm: \"min-h-[44px] text-sm\",\n        default: \"min-h-[44px] text-sm\",\n        lg: \"min-h-[48px] text-base\",\n      },\n      isDisabled: {\n        true: \"opacity-50 cursor-not-allowed\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      isDisabled: false,\n    },\n  }\n);\n\n/**\n * Checkbox indicator (the box) variants\n */\nconst checkboxIndicatorVariants = cva(\n  \"flex-shrink-0 rounded-sm border-2 flex items-center justify-center transition-colors duration-200\",\n  {\n    variants: {\n      variant: {\n        default: [\n          \"border-[var(--border)]\",\n          \"data-[selected]:border-[var(--primary)]\",\n          \"data-[selected]:bg-[var(--primary)]\",\n          \"data-[indeterminate]:border-[var(--primary)]\",\n          \"data-[indeterminate]:bg-[var(--primary)]\",\n        ].join(\" \"),\n        destructive: [\n          \"border-[var(--border)]\",\n          \"data-[selected]:border-[var(--destructive)]\",\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"]}