@tribepad/themis 1.0.0

package/dist/chunk-UTW3QX2A.mjs

@@ -0,0 +1,282 @@
+import { FOCUS_STYLES, HIGH_CONTRAST_FOCUS } from './chunk-HK46BT5U.mjs';
+import { cn } from './chunk-E2KQFV3O.mjs';
+import { BaseComponentPropsSchema } from './chunk-5SVLJN2C.mjs';
+import { forwardRef, isValidElement, cloneElement } from 'react';
+import { Checkbox as Checkbox$1 } from 'react-aria-components';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { z } from 'zod';
+
+var checkboxContainerVariants = 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 = 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 = 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__ */ jsx(
+    "svg",
+    {
+      className,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 3,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...props,
+      children: /* @__PURE__ */ jsx("polyline", { points: "20 6 9 17 4 12" })
+    }
+  );
+}
+function MinusIcon({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 3,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...props,
+      children: /* @__PURE__ */ jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+    }
+  );
+}
+var Checkbox = 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__ */ jsx(
+          MinusIcon,
+          {
+            className: iconClassName,
+            "data-selected": dataSelected,
+            "data-indeterminate": dataIndeterminate
+          }
+        );
+      }
+      if (selectedIcon && isChecked) {
+        if (isValidElement(selectedIcon)) {
+          const iconElement = selectedIcon;
+          return cloneElement(iconElement, {
+            className: cn(iconClassName, iconElement.props.className),
+            "data-selected": dataSelected
+          });
+        }
+        return /* @__PURE__ */ jsx("span", { className: iconClassName, "data-selected": dataSelected, children: selectedIcon });
+      }
+      return /* @__PURE__ */ jsx(
+        CheckmarkIcon,
+        {
+          className: iconClassName,
+          "data-selected": dataSelected,
+          "data-indeterminate": dataIndeterminate
+        }
+      );
+    };
+    return /* @__PURE__ */ jsx(
+      Checkbox$1,
+      {
+        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__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex flex-col", children: [
+            label && /* @__PURE__ */ jsx("span", { className: "font-medium text-[var(--content-foreground)]", children: label }),
+            description && /* @__PURE__ */ jsx("span", { className: "text-sm text-[var(--menu-muted)]", children: description })
+          ] })
+        ] })
+      }
+    );
+  }
+);
+Checkbox.displayName = "Checkbox";
+var CheckboxSizeSchema = z.enum(["sm", "default", "lg"]);
+var CheckboxVariantSchema = z.enum(["default", "destructive"]);
+var CheckboxPropsSchema = BaseComponentPropsSchema.extend({
+  // State management (controlled/uncontrolled)
+  isSelected: z.boolean().optional(),
+  defaultSelected: z.boolean().optional(),
+  onChange: z.custom().optional(),
+  // Variants (matching Switch/Button pattern)
+  variant: CheckboxVariantSchema.optional(),
+  size: CheckboxSizeSchema.optional(),
+  // States
+  isDisabled: z.boolean().optional(),
+  isReadOnly: z.boolean().optional(),
+  isIndeterminate: z.boolean().optional(),
+  isInvalid: z.boolean().optional(),
+  isRequired: z.boolean().optional(),
+  // Labels (optional built-in labeling)
+  label: z.string().optional(),
+  description: z.string().optional(),
+  // Form integration
+  value: z.string().optional(),
+  name: z.string().optional(),
+  // Custom icon
+  selectedIcon: z.any().optional(),
+  // ReactNode
+  // React Aria slot integration (e.g., for Table)
+  slot: z.string().optional(),
+  // React Aria CheckboxProps integration
+  onFocus: z.custom().optional(),
+  onBlur: z.custom().optional(),
+  onFocusChange: z.custom().optional(),
+  autoFocus: z.boolean().optional()
+});
+
+export { Checkbox, CheckboxPropsSchema, CheckboxSizeSchema, CheckboxVariantSchema, CheckmarkIcon, MinusIcon, checkboxContainerVariants, checkboxIndicatorVariants, checkmarkVariants };
+//# sourceMappingURL=chunk-UTW3QX2A.mjs.map
+//# sourceMappingURL=chunk-UTW3QX2A.mjs.map

package/dist/chunk-UTW3QX2A.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/elements/Checkbox/Checkbox.tsx","../src/elements/Checkbox/Checkbox.types.ts"],"names":["AriaCheckbox"],"mappings":"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","file":"chunk-UTW3QX2A.mjs","sourcesContent":["\"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","/**\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"]}