@tribepad/themis 1.0.1 → 1.0.3

package/dist/elements/Switch/index.js

@@ -1,181 +1,3 @@
 "use client";
-'use strict';
-
-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/Switch/Switch.tsx
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
-
-// 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 PRESSED_STYLES = "data-[pressed]:scale-[0.97]";
-var HOVER_STYLES = "data-[hovered]:shadow-md";
-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 HIGH_CONTRAST_HOVER = "hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground";
-var HIGH_CONTRAST_PRESSED = "hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground";
-var DEFAULT_INTERACTIONS = `${FOCUS_STYLES} ${PRESSED_STYLES} ${HOVER_STYLES} ${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;
-var switchOuterVariants = classVarianceAuthority.cva(
-  // Base styles - WCAG 2.2 AAA: 44x44px minimum touch target
-  "inline-flex shrink-0 cursor-pointer items-center justify-center min-h-[44px] min-w-[44px] disabled:cursor-not-allowed disabled:opacity-50 data-[readonly]:cursor-default",
-  {
-    variants: {},
-    defaultVariants: {}
-  }
-);
-var switchTrackVariants = classVarianceAuthority.cva(
-  // Base styles - visual track with transitions and focus states
-  "relative inline-flex shrink-0 items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-background",
-  {
-    variants: {
-      variant: {
-        // Default variant: Uses primary color when selected
-        default: "bg-[var(--input)] data-[selected]:bg-[var(--primary)]",
-        // Destructive variant: Uses destructive/error color when selected
-        destructive: "bg-[var(--input)] data-[selected]:bg-[var(--destructive)]"
-      },
-      size: {
-        // Small: h-5 w-9 (visual track size)
-        sm: "h-5 w-9",
-        // Default: h-6 w-11
-        default: "h-6 w-11",
-        // Large: h-7 w-14
-        lg: "h-7 w-14"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var switchThumbVariants = classVarianceAuthority.cva(
-  // Base styles: rounded circle with shadow, translates when selected
-  "pointer-events-none absolute left-0.5 rounded-full bg-[var(--content-background)] shadow-lg ring-0 transition-transform data-[selected]:translate-x-full",
-  {
-    variants: {
-      size: {
-        // Thumb is slightly smaller than track height for proper padding
-        sm: "h-4 w-4",
-        default: "h-5 w-5",
-        lg: "h-6 w-6"
-      }
-    },
-    defaultVariants: {
-      size: "default"
-    }
-  }
-);
-var Switch = react.memo(react.forwardRef(
-  ({
-    className,
-    variant,
-    size,
-    label,
-    description,
-    isDisabled,
-    isReadOnly,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      reactAriaComponents.Switch,
-      {
-        ref,
-        isDisabled,
-        isReadOnly,
-        className: (_classNameProps) => cn(
-          "group inline-flex items-center gap-2",
-          isDisabled && "cursor-not-allowed opacity-50",
-          className
-        ),
-        ...props,
-        children: (renderProps) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: cn(switchOuterVariants()),
-              "data-selected": renderProps.isSelected || void 0,
-              "data-readonly": isReadOnly || void 0,
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: cn(
-                    switchTrackVariants({ variant, size }),
-                    DEFAULT_INTERACTIONS
-                  ),
-                  "data-selected": renderProps.isSelected || void 0,
-                  children: /* @__PURE__ */ jsxRuntime.jsx(
-                    "div",
-                    {
-                      className: cn(switchThumbVariants({ size })),
-                      "data-selected": renderProps.isSelected || void 0
-                    }
-                  )
-                }
-              )
-            }
-          ),
-          (label || description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
-            label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-[var(--content-foreground)]", children: label }),
-            description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-[var(--menu-muted)]", children: description })
-          ] })
-        ] })
-      }
-    );
-  }
-));
-Switch.displayName = "Switch";
-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()
-});
-
-// src/elements/Switch/Switch.types.ts
-var SwitchPropsSchema = BaseComponentPropsSchema.extend({
-  // State management (controlled/uncontrolled)
-  isSelected: zod.z.boolean().optional(),
-  defaultSelected: zod.z.boolean().optional().default(false),
-  onChange: zod.z.function().optional(),
-  // Variants (matching Button pattern)
-  variant: zod.z.enum(["default", "destructive"]).optional().default("default"),
-  // Sizes (3 sizes for consistency)
-  size: zod.z.enum(["sm", "default", "lg"]).optional().default("default"),
-  // States
-  isDisabled: zod.z.boolean().optional().default(false),
-  isReadOnly: zod.z.boolean().optional().default(false),
-  // Labels (optional built-in labeling)
-  label: zod.z.string().optional(),
-  description: zod.z.string().optional(),
-  // React Aria SwitchProps integration
-  onFocus: zod.z.function().optional(),
-  onBlur: zod.z.function().optional(),
-  onFocusChange: zod.z.function().optional(),
-  autoFocus: zod.z.boolean().optional()
-});
-
-exports.Switch = Switch;
-exports.SwitchPropsSchema = SwitchPropsSchema;
-exports.switchOuterVariants = switchOuterVariants;
-exports.switchThumbVariants = switchThumbVariants;
-exports.switchTrackVariants = switchTrackVariants;
-//# sourceMappingURL=index.js.map
+'use strict';var react=require('react'),reactAriaComponents=require('react-aria-components'),classVarianceAuthority=require('class-variance-authority'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime'),zod=require('zod');function o(...r){return tailwindMerge.twMerge(clsx.clsx(r))}var u="data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2",A="data-[pressed]:scale-[0.97]";var V="data-[hovered]:shadow-md";var l="hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground",h="hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground",m="hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground";var S=`${u} ${A} ${V} ${l} ${h} ${m}`;var w=classVarianceAuthority.cva("inline-flex shrink-0 cursor-pointer items-center justify-center min-h-[44px] min-w-[44px] disabled:cursor-not-allowed disabled:opacity-50 data-[readonly]:cursor-default",{variants:{},defaultVariants:{}}),g=classVarianceAuthority.cva("relative inline-flex shrink-0 items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-background",{variants:{variant:{default:"bg-[var(--input-background)] data-[selected]:bg-[var(--primary)]",destructive:"bg-[var(--input-background)] data-[selected]:bg-[var(--destructive-background)]"},size:{sm:"h-5 w-9",default:"h-6 w-11",lg:"h-7 w-14"}},defaultVariants:{variant:"default",size:"default"}}),b=classVarianceAuthority.cva("pointer-events-none absolute left-0.5 rounded-full bg-[var(--content-background)] shadow-lg ring-0 transition-transform data-[selected]:translate-x-full",{variants:{size:{sm:"h-4 w-4",default:"h-5 w-5",lg:"h-6 w-6"}},defaultVariants:{size:"default"}}),x=react.memo(react.forwardRef(({className:r,variant:y,size:d,label:s,description:n,isDisabled:p,isReadOnly:f,...E},N)=>jsxRuntime.jsx(reactAriaComponents.Switch,{ref:N,isDisabled:p,isReadOnly:f,className:i=>o("group inline-flex items-center gap-2",p&&"cursor-not-allowed opacity-50",r),...E,children:i=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:o(w()),"data-selected":i.isSelected||void 0,"data-readonly":f||void 0,children:jsxRuntime.jsx("div",{className:o(g({variant:y,size:d}),S),"data-selected":i.isSelected||void 0,children:jsxRuntime.jsx("div",{className:o(b({size:d})),"data-selected":i.isSelected||void 0})})}),(s||n)&&jsxRuntime.jsxs("div",{className:"flex flex-col",children:[s&&jsxRuntime.jsx("span",{className:"text-sm font-medium text-[var(--content-foreground)]",children:s}),n&&jsxRuntime.jsx("span",{className:"text-xs text-[var(--menu-muted)]",children:n})]})]})})));x.displayName="Switch";var T=zod.z.object({className:zod.z.string().optional(),children:zod.z.any().optional(),id:zod.z.string().optional(),"aria-label":zod.z.string().optional(),"aria-labelledby":zod.z.string().optional(),"aria-describedby":zod.z.string().optional(),"aria-live":zod.z.enum(["off","polite","assertive"]).optional(),"aria-hidden":zod.z.boolean().optional(),"data-testid":zod.z.string().optional()});var I=T.extend({isSelected:zod.z.boolean().optional(),defaultSelected:zod.z.boolean().optional().default(false),onChange:zod.z.function().optional(),variant:zod.z.enum(["default","destructive"]).optional().default("default"),size:zod.z.enum(["sm","default","lg"]).optional().default("default"),isDisabled:zod.z.boolean().optional().default(false),isReadOnly:zod.z.boolean().optional().default(false),label:zod.z.string().optional(),description:zod.z.string().optional(),onFocus:zod.z.function().optional(),onBlur:zod.z.function().optional(),onFocusChange:zod.z.function().optional(),autoFocus:zod.z.boolean().optional()});exports.Switch=x;exports.SwitchPropsSchema=I;exports.switchOuterVariants=w;exports.switchThumbVariants=b;exports.switchTrackVariants=g;//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

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

package/dist/elements/Switch/index.mjs

@@ -1,175 +1,3 @@
 "use client";
-import { memo, forwardRef } from 'react';
-import { Switch as Switch$1 } from 'react-aria-components';
-import { cva } from 'class-variance-authority';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { z } from 'zod';
-
-// src/elements/Switch/Switch.tsx
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// 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 PRESSED_STYLES = "data-[pressed]:scale-[0.97]";
-var HOVER_STYLES = "data-[hovered]:shadow-md";
-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 HIGH_CONTRAST_HOVER = "hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground";
-var HIGH_CONTRAST_PRESSED = "hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground";
-var DEFAULT_INTERACTIONS = `${FOCUS_STYLES} ${PRESSED_STYLES} ${HOVER_STYLES} ${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;
-var switchOuterVariants = cva(
-  // Base styles - WCAG 2.2 AAA: 44x44px minimum touch target
-  "inline-flex shrink-0 cursor-pointer items-center justify-center min-h-[44px] min-w-[44px] disabled:cursor-not-allowed disabled:opacity-50 data-[readonly]:cursor-default",
-  {
-    variants: {},
-    defaultVariants: {}
-  }
-);
-var switchTrackVariants = cva(
-  // Base styles - visual track with transitions and focus states
-  "relative inline-flex shrink-0 items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-background",
-  {
-    variants: {
-      variant: {
-        // Default variant: Uses primary color when selected
-        default: "bg-[var(--input)] data-[selected]:bg-[var(--primary)]",
-        // Destructive variant: Uses destructive/error color when selected
-        destructive: "bg-[var(--input)] data-[selected]:bg-[var(--destructive)]"
-      },
-      size: {
-        // Small: h-5 w-9 (visual track size)
-        sm: "h-5 w-9",
-        // Default: h-6 w-11
-        default: "h-6 w-11",
-        // Large: h-7 w-14
-        lg: "h-7 w-14"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var switchThumbVariants = cva(
-  // Base styles: rounded circle with shadow, translates when selected
-  "pointer-events-none absolute left-0.5 rounded-full bg-[var(--content-background)] shadow-lg ring-0 transition-transform data-[selected]:translate-x-full",
-  {
-    variants: {
-      size: {
-        // Thumb is slightly smaller than track height for proper padding
-        sm: "h-4 w-4",
-        default: "h-5 w-5",
-        lg: "h-6 w-6"
-      }
-    },
-    defaultVariants: {
-      size: "default"
-    }
-  }
-);
-var Switch = memo(forwardRef(
-  ({
-    className,
-    variant,
-    size,
-    label,
-    description,
-    isDisabled,
-    isReadOnly,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsx(
-      Switch$1,
-      {
-        ref,
-        isDisabled,
-        isReadOnly,
-        className: (_classNameProps) => cn(
-          "group inline-flex items-center gap-2",
-          isDisabled && "cursor-not-allowed opacity-50",
-          className
-        ),
-        ...props,
-        children: (renderProps) => /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: cn(switchOuterVariants()),
-              "data-selected": renderProps.isSelected || void 0,
-              "data-readonly": isReadOnly || void 0,
-              children: /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: cn(
-                    switchTrackVariants({ variant, size }),
-                    DEFAULT_INTERACTIONS
-                  ),
-                  "data-selected": renderProps.isSelected || void 0,
-                  children: /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: cn(switchThumbVariants({ size })),
-                      "data-selected": renderProps.isSelected || void 0
-                    }
-                  )
-                }
-              )
-            }
-          ),
-          (label || description) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-            label && /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-[var(--content-foreground)]", children: label }),
-            description && /* @__PURE__ */ jsx("span", { className: "text-xs text-[var(--menu-muted)]", children: description })
-          ] })
-        ] })
-      }
-    );
-  }
-));
-Switch.displayName = "Switch";
-var BaseComponentPropsSchema = z.object({
-  // Styling
-  className: z.string().optional(),
-  // React
-  children: z.any().optional(),
-  // ReactNode not directly supported by Zod
-  id: z.string().optional(),
-  // Accessibility (WCAG 2.2 AA requirements)
-  "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(),
-  // Testing & Development
-  "data-testid": z.string().optional()
-});
-
-// src/elements/Switch/Switch.types.ts
-var SwitchPropsSchema = BaseComponentPropsSchema.extend({
-  // State management (controlled/uncontrolled)
-  isSelected: z.boolean().optional(),
-  defaultSelected: z.boolean().optional().default(false),
-  onChange: z.function().optional(),
-  // Variants (matching Button pattern)
-  variant: z.enum(["default", "destructive"]).optional().default("default"),
-  // Sizes (3 sizes for consistency)
-  size: z.enum(["sm", "default", "lg"]).optional().default("default"),
-  // States
-  isDisabled: z.boolean().optional().default(false),
-  isReadOnly: z.boolean().optional().default(false),
-  // Labels (optional built-in labeling)
-  label: z.string().optional(),
-  description: z.string().optional(),
-  // React Aria SwitchProps integration
-  onFocus: z.function().optional(),
-  onBlur: z.function().optional(),
-  onFocusChange: z.function().optional(),
-  autoFocus: z.boolean().optional()
-});
-
-export { Switch, SwitchPropsSchema, switchOuterVariants, switchThumbVariants, switchTrackVariants };
-//# sourceMappingURL=index.mjs.map
+import {memo,forwardRef}from'react';import {Switch}from'react-aria-components';import {cva}from'class-variance-authority';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {z}from'zod';function o(...r){return twMerge(clsx(r))}var u="data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2",A="data-[pressed]:scale-[0.97]";var V="data-[hovered]:shadow-md";var l="hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground",h="hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground",m="hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground";var S=`${u} ${A} ${V} ${l} ${h} ${m}`;var w=cva("inline-flex shrink-0 cursor-pointer items-center justify-center min-h-[44px] min-w-[44px] disabled:cursor-not-allowed disabled:opacity-50 data-[readonly]:cursor-default",{variants:{},defaultVariants:{}}),g=cva("relative inline-flex shrink-0 items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-background",{variants:{variant:{default:"bg-[var(--input-background)] data-[selected]:bg-[var(--primary)]",destructive:"bg-[var(--input-background)] data-[selected]:bg-[var(--destructive-background)]"},size:{sm:"h-5 w-9",default:"h-6 w-11",lg:"h-7 w-14"}},defaultVariants:{variant:"default",size:"default"}}),b=cva("pointer-events-none absolute left-0.5 rounded-full bg-[var(--content-background)] shadow-lg ring-0 transition-transform data-[selected]:translate-x-full",{variants:{size:{sm:"h-4 w-4",default:"h-5 w-5",lg:"h-6 w-6"}},defaultVariants:{size:"default"}}),x=memo(forwardRef(({className:r,variant:y,size:d,label:s,description:n,isDisabled:p,isReadOnly:f,...E},N)=>jsx(Switch,{ref:N,isDisabled:p,isReadOnly:f,className:i=>o("group inline-flex items-center gap-2",p&&"cursor-not-allowed opacity-50",r),...E,children:i=>jsxs(Fragment,{children:[jsx("div",{className:o(w()),"data-selected":i.isSelected||void 0,"data-readonly":f||void 0,children:jsx("div",{className:o(g({variant:y,size:d}),S),"data-selected":i.isSelected||void 0,children:jsx("div",{className:o(b({size:d})),"data-selected":i.isSelected||void 0})})}),(s||n)&&jsxs("div",{className:"flex flex-col",children:[s&&jsx("span",{className:"text-sm font-medium text-[var(--content-foreground)]",children:s}),n&&jsx("span",{className:"text-xs text-[var(--menu-muted)]",children:n})]})]})})));x.displayName="Switch";var T=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 I=T.extend({isSelected:z.boolean().optional(),defaultSelected:z.boolean().optional().default(false),onChange:z.function().optional(),variant:z.enum(["default","destructive"]).optional().default("default"),size:z.enum(["sm","default","lg"]).optional().default("default"),isDisabled:z.boolean().optional().default(false),isReadOnly:z.boolean().optional().default(false),label:z.string().optional(),description:z.string().optional(),onFocus:z.function().optional(),onBlur:z.function().optional(),onFocusChange:z.function().optional(),autoFocus:z.boolean().optional()});export{x as Switch,I as SwitchPropsSchema,w as switchOuterVariants,b as switchThumbVariants,g as switchTrackVariants};//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/styles/interaction-states.ts","../../../src/elements/Switch/Switch.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Switch/Switch.types.ts"],"names":["AriaSwitch","z"],"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 * Switch Component\n * Accessible toggle switch with React Aria primitives and CVA styling\n *\n * @see React Aria Switch: https://react-spectrum.adobe.com/react-aria/Switch.html\n * @see ShadCN Switch: https://ui.shadcn.com/docs/components/switch\n * @see spec.md (WCAG 2.2 AAA - 7:1 contrast ratio, 44x44px touch targets)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\nimport { forwardRef, memo } from 'react';\nimport {\n  Switch as AriaSwitch,\n  type SwitchProps as AriaSwitchProps,\n} from 'react-aria-components';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { DEFAULT_INTERACTIONS } from '../../styles/interaction-states';\n\n/**\n * Layer 1: Transparent outer touch target (44x44px minimum)\n * This layer handles the WCAG 2.2 AAA touch target requirement\n * Always invisible, centers the visual switch inside\n */\nconst switchOuterVariants = cva(\n  // Base styles - WCAG 2.2 AAA: 44x44px minimum touch target\n  \"inline-flex shrink-0 cursor-pointer items-center justify-center min-h-[44px] min-w-[44px] disabled:cursor-not-allowed disabled:opacity-50 data-[readonly]:cursor-default\",\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n);\n\n/**\n * Layer 2: Visual switch track/background (adjustable size)\n * This layer provides the visual appearance and size flexibility\n * Background color changes based on variant and selection state\n */\nconst switchTrackVariants = cva(\n  // Base styles - visual track with transitions and focus states\n  \"relative inline-flex shrink-0 items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n  {\n    variants: {\n      variant: {\n        // Default variant: Uses primary color when selected\n        default:\n          \"bg-[var(--input)] data-[selected]:bg-[var(--primary)]\",\n        // Destructive variant: Uses destructive/error color when selected\n        destructive:\n          \"bg-[var(--input)] data-[selected]:bg-[var(--destructive)]\",\n      },\n      size: {\n        // Small: h-5 w-9 (visual track size)\n        sm: \"h-5 w-9\",\n        // Default: h-6 w-11\n        default: \"h-6 w-11\",\n        // Large: h-7 w-14\n        lg: \"h-7 w-14\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n);\n\n/**\n * Layer 3: Switch thumb (sliding circle)\n * Inner visual element that slides horizontally when switch is selected\n * Positioned absolutely within the track (Layer 2)\n */\nconst switchThumbVariants = cva(\n  // Base styles: rounded circle with shadow, translates when selected\n  \"pointer-events-none absolute left-0.5 rounded-full bg-[var(--content-background)] shadow-lg ring-0 transition-transform data-[selected]:translate-x-full\",\n  {\n    variants: {\n      size: {\n        // Thumb is slightly smaller than track height for proper padding\n        sm: \"h-4 w-4\",\n        default: \"h-5 w-5\",\n        lg: \"h-6 w-6\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n);\n\nexport interface SwitchProps\n  extends Omit<AriaSwitchProps, 'className' | 'children'>,\n    VariantProps<typeof switchTrackVariants> {\n  variant?: 'default' | 'destructive';\n  size?: 'sm' | 'default' | 'lg';\n  label?: string;\n  description?: string;\n  className?: string;\n}\n\n/**\n * Switch Component\n * Fully accessible toggle switch with React Aria and themed styling\n */\nconst Switch = memo(forwardRef<HTMLLabelElement, SwitchProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      label,\n      description,\n      isDisabled,\n      isReadOnly,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <AriaSwitch\n        ref={ref}\n        isDisabled={isDisabled}\n        isReadOnly={isReadOnly}\n        className={(_classNameProps) =>\n          cn(\n            \"group inline-flex items-center gap-2\",\n            isDisabled && \"cursor-not-allowed opacity-50\",\n            className\n          )\n        }\n        {...props}\n      >\n        {(renderProps) => (\n          <>\n            {/* Layer 1: Transparent outer touch target (44x44px WCAG compliant) */}\n            <div\n              className={cn(switchOuterVariants())}\n              data-selected={renderProps.isSelected || undefined}\n              data-readonly={isReadOnly || undefined}\n            >\n              {/* Layer 2: Visual switch track (adjustable size with variants) */}\n              <div\n                className={cn(\n                  switchTrackVariants({ variant, size }),\n                  DEFAULT_INTERACTIONS\n                )}\n                data-selected={renderProps.isSelected || undefined}\n              >\n                {/* Layer 3: Thumb (sliding circle, absolutely positioned) */}\n                <div\n                  className={cn(switchThumbVariants({ size }))}\n                  data-selected={renderProps.isSelected || undefined}\n                />\n              </div>\n            </div>\n\n            {/* Optional label and description */}\n            {(label || description) && (\n              <div className=\"flex flex-col\">\n                {label && (\n                  <span className=\"text-sm font-medium text-[var(--content-foreground)]\">\n                    {label}\n                  </span>\n                )}\n                {description && (\n                  <span className=\"text-xs text-[var(--menu-muted)]\">\n                    {description}\n                  </span>\n                )}\n              </div>\n            )}\n          </>\n        )}\n      </AriaSwitch>\n    );\n  }\n));\n\nSwitch.displayName = \"Switch\";\n\nexport { Switch, switchOuterVariants, switchTrackVariants, switchThumbVariants };\n","import { z } from 'zod';\n\n/**\n * Base props schema for all Themis components\n * Ensures consistent accessibility and styling APIs across the library\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements)\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AA minimum)\n */\nexport const BaseComponentPropsSchema = z.object({\n  // Styling\n  className: z.string().optional(),\n\n  // React\n  children: z.any().optional(), // ReactNode not directly supported by Zod\n  id: z.string().optional(),\n\n  // Accessibility (WCAG 2.2 AA requirements)\n  'aria-label': z.string().optional(),\n  'aria-labelledby': z.string().optional(),\n  'aria-describedby': z.string().optional(),\n  'aria-live': z.enum(['off', 'polite', 'assertive']).optional(),\n  'aria-hidden': z.boolean().optional(),\n\n  // Testing & Development\n  'data-testid': z.string().optional(),\n});\n\nexport type BaseComponentProps = z.infer<typeof BaseComponentPropsSchema>;\n","import { z } from 'zod';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\nimport type { SwitchProps as AriaSwitchProps } from 'react-aria-components';\n\n/**\n * Switch props schema extending BaseComponentProps\n *\n * @see React Aria Switch: https://react-spectrum.adobe.com/react-aria/Switch.html\n * @see ShadCN Switch: https://ui.shadcn.com/docs/components/switch\n * @see spec.md (WCAG 2.2 AAA - 7:1 contrast, 44x44px touch targets)\n * @see constitution.md Principle IV (Accessibility First)\n */\nexport const SwitchPropsSchema = BaseComponentPropsSchema.extend({\n  // State management (controlled/uncontrolled)\n  isSelected: z.boolean().optional(),\n  defaultSelected: z.boolean().optional().default(false),\n  onChange: z.function().optional(),\n\n  // Variants (matching Button pattern)\n  variant: z\n    .enum(['default', 'destructive'])\n    .optional()\n    .default('default'),\n\n  // Sizes (3 sizes for consistency)\n  size: z.enum(['sm', 'default', 'lg']).optional().default('default'),\n\n  // States\n  isDisabled: z.boolean().optional().default(false),\n  isReadOnly: z.boolean().optional().default(false),\n\n  // Labels (optional built-in labeling)\n  label: z.string().optional(),\n  description: z.string().optional(),\n\n  // React Aria SwitchProps integration\n  onFocus: z.function().optional(),\n  onBlur: z.function().optional(),\n  onFocusChange: z.function().optional(),\n  autoFocus: z.boolean().optional(),\n});\n\nexport type SwitchProps = z.infer<typeof SwitchPropsSchema> &\n  Omit<AriaSwitchProps, keyof z.infer<typeof SwitchPropsSchema>>;\n\n/**\n * CVA variant configuration types\n * Used for class-variance-authority integration\n */\nexport type SwitchVariant = z.infer<typeof SwitchPropsSchema>['variant'];\nexport type SwitchSize = z.infer<typeof SwitchPropsSchema>['size'];\n"]}
+{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/styles/interaction-states.ts","../../../src/elements/Switch/Switch.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Switch/Switch.types.ts"],"names":["cn","inputs","twMerge","clsx","FOCUS_STYLES","PRESSED_STYLES","HOVER_STYLES","HIGH_CONTRAST_FOCUS","HIGH_CONTRAST_HOVER","HIGH_CONTRAST_PRESSED","DEFAULT_INTERACTIONS","switchOuterVariants","cva","switchTrackVariants","switchThumbVariants","Switch","memo","forwardRef","className","variant","size","label","description","isDisabled","isReadOnly","props","ref","jsx","AriaSwitch","_classNameProps","renderProps","jsxs","Fragment","BaseComponentPropsSchema","z","SwitchPropsSchema"],"mappings":"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","file":"index.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 * Switch Component\n * Accessible toggle switch with React Aria primitives and CVA styling\n *\n * @see React Aria Switch: https://react-spectrum.adobe.com/react-aria/Switch.html\n * @see ShadCN Switch: https://ui.shadcn.com/docs/components/switch\n * @see spec.md (WCAG 2.2 AAA - 7:1 contrast ratio, 44x44px touch targets)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\nimport { forwardRef, memo } from 'react';\nimport {\n  Switch as AriaSwitch,\n  type SwitchProps as AriaSwitchProps,\n} from 'react-aria-components';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { DEFAULT_INTERACTIONS } from '../../styles/interaction-states';\n\n/**\n * Layer 1: Transparent outer touch target (44x44px minimum)\n * This layer handles the WCAG 2.2 AAA touch target requirement\n * Always invisible, centers the visual switch inside\n */\nconst switchOuterVariants = cva(\n  // Base styles - WCAG 2.2 AAA: 44x44px minimum touch target\n  \"inline-flex shrink-0 cursor-pointer items-center justify-center min-h-[44px] min-w-[44px] disabled:cursor-not-allowed disabled:opacity-50 data-[readonly]:cursor-default\",\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n);\n\n/**\n * Layer 2: Visual switch track/background (adjustable size)\n * This layer provides the visual appearance and size flexibility\n * Background color changes based on variant and selection state\n */\nconst switchTrackVariants = cva(\n  // Base styles - visual track with transitions and focus states\n  \"relative inline-flex shrink-0 items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n  {\n    variants: {\n      variant: {\n        // Default variant: Uses primary color when selected\n        default:\n          \"bg-[var(--input-background)] data-[selected]:bg-[var(--primary)]\",\n        // Destructive variant: Uses destructive/error color when selected\n        destructive:\n          \"bg-[var(--input-background)] data-[selected]:bg-[var(--destructive-background)]\",\n      },\n      size: {\n        // Small: h-5 w-9 (visual track size)\n        sm: \"h-5 w-9\",\n        // Default: h-6 w-11\n        default: \"h-6 w-11\",\n        // Large: h-7 w-14\n        lg: \"h-7 w-14\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n);\n\n/**\n * Layer 3: Switch thumb (sliding circle)\n * Inner visual element that slides horizontally when switch is selected\n * Positioned absolutely within the track (Layer 2)\n */\nconst switchThumbVariants = cva(\n  // Base styles: rounded circle with shadow, translates when selected\n  \"pointer-events-none absolute left-0.5 rounded-full bg-[var(--content-background)] shadow-lg ring-0 transition-transform data-[selected]:translate-x-full\",\n  {\n    variants: {\n      size: {\n        // Thumb is slightly smaller than track height for proper padding\n        sm: \"h-4 w-4\",\n        default: \"h-5 w-5\",\n        lg: \"h-6 w-6\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  }\n);\n\nexport interface SwitchProps\n  extends Omit<AriaSwitchProps, 'className' | 'children'>,\n    VariantProps<typeof switchTrackVariants> {\n  variant?: 'default' | 'destructive';\n  size?: 'sm' | 'default' | 'lg';\n  label?: string;\n  description?: string;\n  className?: string;\n}\n\n/**\n * Switch Component\n * Fully accessible toggle switch with React Aria and themed styling\n */\nconst Switch = memo(forwardRef<HTMLLabelElement, SwitchProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      label,\n      description,\n      isDisabled,\n      isReadOnly,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <AriaSwitch\n        ref={ref}\n        isDisabled={isDisabled}\n        isReadOnly={isReadOnly}\n        className={(_classNameProps) =>\n          cn(\n            \"group inline-flex items-center gap-2\",\n            isDisabled && \"cursor-not-allowed opacity-50\",\n            className\n          )\n        }\n        {...props}\n      >\n        {(renderProps) => (\n          <>\n            {/* Layer 1: Transparent outer touch target (44x44px WCAG compliant) */}\n            <div\n              className={cn(switchOuterVariants())}\n              data-selected={renderProps.isSelected || undefined}\n              data-readonly={isReadOnly || undefined}\n            >\n              {/* Layer 2: Visual switch track (adjustable size with variants) */}\n              <div\n                className={cn(\n                  switchTrackVariants({ variant, size }),\n                  DEFAULT_INTERACTIONS\n                )}\n                data-selected={renderProps.isSelected || undefined}\n              >\n                {/* Layer 3: Thumb (sliding circle, absolutely positioned) */}\n                <div\n                  className={cn(switchThumbVariants({ size }))}\n                  data-selected={renderProps.isSelected || undefined}\n                />\n              </div>\n            </div>\n\n            {/* Optional label and description */}\n            {(label || description) && (\n              <div className=\"flex flex-col\">\n                {label && (\n                  <span className=\"text-sm font-medium text-[var(--content-foreground)]\">\n                    {label}\n                  </span>\n                )}\n                {description && (\n                  <span className=\"text-xs text-[var(--menu-muted)]\">\n                    {description}\n                  </span>\n                )}\n              </div>\n            )}\n          </>\n        )}\n      </AriaSwitch>\n    );\n  }\n));\n\nSwitch.displayName = \"Switch\";\n\nexport { Switch, switchOuterVariants, switchTrackVariants, switchThumbVariants };\n","import { z } from 'zod';\n\n/**\n * Base props schema for all Themis components\n * Ensures consistent accessibility and styling APIs across the library\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements)\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AA minimum)\n */\nexport const BaseComponentPropsSchema = z.object({\n  // Styling\n  className: z.string().optional(),\n\n  // React\n  children: z.any().optional(), // ReactNode not directly supported by Zod\n  id: z.string().optional(),\n\n  // Accessibility (WCAG 2.2 AA requirements)\n  'aria-label': z.string().optional(),\n  'aria-labelledby': z.string().optional(),\n  'aria-describedby': z.string().optional(),\n  'aria-live': z.enum(['off', 'polite', 'assertive']).optional(),\n  'aria-hidden': z.boolean().optional(),\n\n  // Testing & Development\n  'data-testid': z.string().optional(),\n});\n\nexport type BaseComponentProps = z.infer<typeof BaseComponentPropsSchema>;\n","import { z } from 'zod';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\nimport type { SwitchProps as AriaSwitchProps } from 'react-aria-components';\n\n/**\n * Switch props schema extending BaseComponentProps\n *\n * @see React Aria Switch: https://react-spectrum.adobe.com/react-aria/Switch.html\n * @see ShadCN Switch: https://ui.shadcn.com/docs/components/switch\n * @see spec.md (WCAG 2.2 AAA - 7:1 contrast, 44x44px touch targets)\n * @see constitution.md Principle IV (Accessibility First)\n */\nexport const SwitchPropsSchema = BaseComponentPropsSchema.extend({\n  // State management (controlled/uncontrolled)\n  isSelected: z.boolean().optional(),\n  defaultSelected: z.boolean().optional().default(false),\n  onChange: z.function().optional(),\n\n  // Variants (matching Button pattern)\n  variant: z\n    .enum(['default', 'destructive'])\n    .optional()\n    .default('default'),\n\n  // Sizes (3 sizes for consistency)\n  size: z.enum(['sm', 'default', 'lg']).optional().default('default'),\n\n  // States\n  isDisabled: z.boolean().optional().default(false),\n  isReadOnly: z.boolean().optional().default(false),\n\n  // Labels (optional built-in labeling)\n  label: z.string().optional(),\n  description: z.string().optional(),\n\n  // React Aria SwitchProps integration\n  onFocus: z.function().optional(),\n  onBlur: z.function().optional(),\n  onFocusChange: z.function().optional(),\n  autoFocus: z.boolean().optional(),\n});\n\nexport type SwitchProps = z.infer<typeof SwitchPropsSchema> &\n  Omit<AriaSwitchProps, keyof z.infer<typeof SwitchPropsSchema>>;\n\n/**\n * CVA variant configuration types\n * Used for class-variance-authority integration\n */\nexport type SwitchVariant = z.infer<typeof SwitchPropsSchema>['variant'];\nexport type SwitchSize = z.infer<typeof SwitchPropsSchema>['size'];\n"]}

package/dist/elements/Table/Table.d.ts

@@ -8,30 +8,8 @@
  */
 import { type ReactNode, type ReactElement, type ForwardedRef } from 'react';
 import { type Selection, type SortDescriptor } from 'react-aria-components';
+import { tableContainerVariants, tableVariants, tableHeaderVariants, tableFooterVariants, tableCaptionVariants, columnVariants, rowVariants, cellVariants } from './Table.styles';
 import type { TableHeaderProps, TableBodyProps, RowProps } from './Table.types';
-export declare const tableContainerVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const tableVariants: (props?: ({
-    variant?: "default" | "bordered" | "striped" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const tableHeaderVariants: (props?: ({
-    sticky?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const tableFooterVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const tableCaptionVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const columnVariants: (props?: ({
-    allowsSorting?: boolean | null | undefined;
-    align?: "end" | "center" | "start" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const rowVariants: (props?: ({
-    isSelected?: boolean | null | undefined;
-    variant?: "default" | "striped" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cellVariants: (props?: ({
-    align?: "end" | "center" | "start" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-    isRowHeader?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const Table: import("react").ForwardRefExoticComponent<{
     selectionMode: "single" | "multiple" | "none";
     selectionBehavior: "replace" | "toggle";
@@ -105,7 +83,7 @@ declare const Column: import("react").ForwardRefExoticComponent<{
 declare const Row: <T extends object>(props: RowProps<T> & {
     ref?: ForwardedRef<HTMLTableRowElement>;
 }) => ReactElement;
-declare const Cell: import("react").ForwardRefExoticComponent<{
+declare const Cell: import("react").NamedExoticComponent<{
     children: ReactNode;
     id?: string | undefined;
     'aria-label'?: string | undefined;
@@ -119,5 +97,6 @@ declare const Cell: import("react").ForwardRefExoticComponent<{
     className?: string | undefined;
 } & import("react").RefAttributes<HTMLTableCellElement>>;
 export { Table, TableHeader, TableBody, TableFooter, TableCaption, Column, Row, Cell, };
+export { tableContainerVariants, tableVariants, tableHeaderVariants, tableFooterVariants, tableCaptionVariants, columnVariants, rowVariants, cellVariants, };
 export type { Selection, SortDescriptor };
 //# sourceMappingURL=Table.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/Table.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,YAAY,EAClB,MAAM,OAAO,CAAC;AACf,OAAO,EAaL,KAAK,SAAS,EACd,KAAK,cAAc,EACpB,MAAM,uBAAuB,CAAC;AAK/B,OAAO,KAAK,EAEV,gBAAgB,EAChB,cAAc,EAId,QAAQ,EAIT,MAAM,eAAe,CAAC;AAyBvB,eAAO,MAAM,sBAAsB,oFAAyC,CAAC;AAG7E,eAAO,MAAM,aAAa;;8EAczB,CAAC;AAGF,eAAO,MAAM,mBAAmB;;8EAU9B,CAAC;AAGH,eAAO,MAAM,mBAAmB,oFAK9B,CAAC;AAGH,eAAO,MAAM,oBAAoB,oFAE/B,CAAC;AAGH,eAAO,MAAM,cAAc;;;;8EAgC1B,CAAC;AAGF,eAAO,MAAM,WAAW;;;8EAyBvB,CAAC;AAGF,eAAO,MAAM,YAAY;;;;8EAyBxB,CAAC;AAMF,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;oDAsDV,CAAC;AAwCF,QAAA,MAAM,WAAW,EAAmC,CAAC,CAAC,SAAS,MAAM,EACnE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,uBAAuB,CAAC,CAAA;CAAE,KACzE,YAAY,CAAC;AAoClB,QAAA,MAAM,SAAS,EAAiC,CAAC,CAAC,SAAS,MAAM,EAC/D,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,uBAAuB,CAAC,CAAA;CAAE,KACvE,YAAY,CAAC;AAQlB,QAAA,MAAM,WAAW;;;;;;;;;;2DAahB,CAAC;AAQF,QAAA,MAAM,YAAY;;;;;;;;;;2DAajB,CAAC;AAQF,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;wDA6CX,CAAC;AAuDF,QAAA,MAAM,GAAG,EAA2B,CAAC,CAAC,SAAS,MAAM,EACnD,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,mBAAmB,CAAC,CAAA;CAAE,KAC7D,YAAY,CAAC;AAQlB,QAAA,MAAM,IAAI;;;;;;;;;;;;wDAcT,CAAC;AAQF,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,YAAY,EACZ,MAAM,EACN,GAAG,EACH,IAAI,GACL,CAAC;AAGF,YAAY,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/Table.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAML,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,YAAY,EAClB,MAAM,OAAO,CAAC;AACf,OAAO,EAaL,KAAK,SAAS,EACd,KAAK,cAAc,EACpB,MAAM,uBAAuB,CAAC;AAI/B,OAAO,EACL,sBAAsB,EACtB,aAAa,EACb,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,cAAc,EACd,WAAW,EACX,YAAY,EACb,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAEV,gBAAgB,EAChB,cAAc,EAId,QAAQ,EAIT,MAAM,eAAe,CAAC;AAwBvB,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;oDAmEV,CAAC;AAwCF,QAAA,MAAM,WAAW,EAAmC,CAAC,CAAC,SAAS,MAAM,EACnE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,uBAAuB,CAAC,CAAA;CAAE,KACzE,YAAY,CAAC;AAoClB,QAAA,MAAM,SAAS,EAAiC,CAAC,CAAC,SAAS,MAAM,EAC/D,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,uBAAuB,CAAC,CAAA;CAAE,KACvE,YAAY,CAAC;AAQlB,QAAA,MAAM,WAAW;;;;;;;;;;2DAahB,CAAC;AAQF,QAAA,MAAM,YAAY;;;;;;;;;;2DAajB,CAAC;AAQF,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;wDA6CX,CAAC;AA0DF,QAAA,MAAM,GAAG,EAA2B,CAAC,CAAC,SAAS,MAAM,EACnD,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,mBAAmB,CAAC,CAAA;CAAE,KAC7D,YAAY,CAAC;AAQlB,QAAA,MAAM,IAAI;;;;;;;;;;;;wDAcR,CAAC;AAQH,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,YAAY,EACZ,MAAM,EACN,GAAG,EACH,IAAI,GACL,CAAC;AAGF,OAAO,EACL,sBAAsB,EACtB,aAAa,EACb,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,cAAc,EACd,WAAW,EACX,YAAY,GACb,CAAC;AAGF,YAAY,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC"}