@tribepad/themis 1.0.0

package/dist/chunk-BL6E2DLZ.mjs

@@ -0,0 +1,52 @@
+import { Skeleton } from './chunk-NFSBGRDB.mjs';
+import { lazy, useState, useEffect, Activity, Suspense } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var Carousel = lazy(
+  () => import('./Carousel-YH3DOQJU.mjs').then((mod) => ({ default: mod.Carousel }))
+);
+function CarouselSkeleton() {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 p-4", children: [
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-3/4" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-5/6" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-2 mt-4", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-3 rounded-full" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-3 rounded-full" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-3 rounded-full" })
+    ] })
+  ] });
+}
+function LazyCarousel({
+  minWidth = 1024,
+  preserveState = true,
+  ...props
+}) {
+  const [isVisible, setIsVisible] = useState(false);
+  const [hasLoaded, setHasLoaded] = useState(false);
+  const [isClient, setIsClient] = useState(false);
+  useEffect(() => {
+    setIsClient(true);
+    const checkViewport = () => {
+      const visible = window.innerWidth >= minWidth;
+      setIsVisible(visible);
+      if (visible) {
+        setHasLoaded(true);
+      }
+    };
+    checkViewport();
+    window.addEventListener("resize", checkViewport);
+    return () => window.removeEventListener("resize", checkViewport);
+  }, [minWidth]);
+  if (!isClient) {
+    return null;
+  }
+  if (!hasLoaded && !isVisible) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Activity, { mode: preserveState && !isVisible ? "hidden" : "visible", children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(CarouselSkeleton, {}), children: /* @__PURE__ */ jsx(Carousel, { ...props }) }) });
+}
+
+export { LazyCarousel };
+//# sourceMappingURL=chunk-BL6E2DLZ.mjs.map
+//# sourceMappingURL=chunk-BL6E2DLZ.mjs.map

package/dist/chunk-BL6E2DLZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/elements/Carousel/LazyCarousel.tsx"],"names":[],"mappings":";;;;AA+BA,IAAM,QAAA,GAAW,IAAA;AAAA,EAAK,MACpB,OAAO,yBAAY,CAAA,CAAE,IAAA,CAAK,UAAQ,EAAE,OAAA,EAAS,GAAA,CAAI,QAAA,EAAS,CAAE;AAC9D,CAAA;AAcA,SAAS,gBAAA,GAAiC;AACxC,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,WAAU,WAAA,EAAY,CAAA;AAAA,oBAChC,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,YAAA,EAAa,CAAA;AAAA,oBACjC,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,WAAA,EAAY,CAAA;AAAA,oBAChC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iBAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,WAAU,sBAAA,EAAuB,CAAA;AAAA,sBAC3C,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,sBAAA,EAAuB,CAAA;AAAA,sBAC3C,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,sBAAA,EAAuB;AAAA,KAAA,EAC7C;AAAA,GAAA,EACF,CAAA;AAEJ;AAYO,SAAS,YAAA,CAAa;AAAA,EAC3B,QAAA,GAAW,IAAA;AAAA,EACX,aAAA,GAAgB,IAAA;AAAA,EAChB,GAAG;AACL,CAAA,EAA2C;AACzC,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,KAAK,CAAA;AAChD,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,KAAK,CAAA;AAChD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,KAAK,CAAA;AAE9C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,WAAA,CAAY,IAAI,CAAA;AAGhB,IAAA,MAAM,gBAAgB,MAAY;AAChC,MAAA,MAAM,OAAA,GAAU,OAAO,UAAA,IAAc,QAAA;AACrC,MAAA,YAAA,CAAa,OAAO,CAAA;AACpB,MAAA,IAAI,OAAA,EAAS;AACX,QAAA,YAAA,CAAa,IAAI,CAAA;AAAA,MACnB;AAAA,IACF,CAAA;AAEA,IAAA,aAAA,EAAc;AAGd,IAAA,MAAA,CAAO,gBAAA,CAAiB,UAAU,aAAa,CAAA;AAC/C,IAAA,OAAO,MAAM,MAAA,CAAO,mBAAA,CAAoB,QAAA,EAAU,aAAa,CAAA;AAAA,EACjE,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAGb,EAAA,IAAI,CAAC,QAAA,EAAU;AACb,IAAA,OAAO,IAAA;AAAA,EACT;AAGA,EAAA,IAAI,CAAC,SAAA,IAAa,CAAC,SAAA,EAAW;AAC5B,IAAA,OAAO,IAAA;AAAA,EACT;AAKA,EAAA,2BACG,QAAA,EAAA,EAAS,IAAA,EAAM,iBAAiB,CAAC,SAAA,GAAY,WAAW,SAAA,EACvD,QAAA,kBAAA,GAAA,CAAC,YAAS,QAAA,kBAAU,GAAA,CAAC,oBAAiB,CAAA,EACpC,QAAA,kBAAA,GAAA,CAAC,YAAU,GAAG,KAAA,EAAO,GACvB,CAAA,EACF,CAAA;AAEJ","file":"chunk-BL6E2DLZ.mjs","sourcesContent":["'use client';\n\n/**\n * Lazy-loaded Carousel Component\n *\n * Only loads the Carousel component when:\n * 1. The viewport is large enough (configurable breakpoint)\n * 2. The component is mounted on the client\n *\n * Uses React Activity to preserve carousel state (current index, pause state,\n * elapsed time) when viewport resizes below breakpoint and back.\n *\n * This reduces initial bundle size for mobile users and improves TTI.\n *\n * @example\n * ```tsx\n * // Only loads on lg screens (1024px+)\n * <LazyCarousel items={items} label=\"Features\" />\n *\n * // Custom breakpoint\n * <LazyCarousel items={items} label=\"Features\" minWidth={768} />\n *\n * // Disable state preservation (unmount on resize)\n * <LazyCarousel items={items} label=\"Features\" preserveState={false} />\n * ```\n */\n\nimport { useState, useEffect, type ReactElement, type ComponentProps, Suspense, lazy, Activity } from 'react';\nimport { Skeleton } from '../Skeleton';\n\n// Lazy load the Carousel component\nconst Carousel = lazy(() =>\n  import('./Carousel').then(mod => ({ default: mod.Carousel }))\n);\n\ntype CarouselProps = ComponentProps<typeof Carousel>;\n\nexport interface LazyCarouselProps extends CarouselProps {\n  /** Minimum viewport width to load the carousel (default: 1024 for lg breakpoint) */\n  minWidth?: number;\n  /** Whether to preserve carousel state when hidden (default: true) */\n  preserveState?: boolean;\n}\n\n/**\n * Carousel loading skeleton\n */\nfunction CarouselSkeleton(): ReactElement {\n  return (\n    <div className=\"flex flex-col gap-4 p-4\">\n      <Skeleton className=\"h-8 w-3/4\" />\n      <Skeleton className=\"h-4 w-full\" />\n      <Skeleton className=\"h-4 w-5/6\" />\n      <div className=\"flex gap-2 mt-4\">\n        <Skeleton className=\"h-3 w-3 rounded-full\" />\n        <Skeleton className=\"h-3 w-3 rounded-full\" />\n        <Skeleton className=\"h-3 w-3 rounded-full\" />\n      </div>\n    </div>\n  );\n}\n\n/**\n * LazyCarousel - Only loads on screens meeting minimum width\n *\n * Use this instead of Carousel when the carousel is only visible\n * on larger screens (e.g., hidden on mobile with `hidden lg:block`).\n *\n * State preservation: When the viewport shrinks below minWidth and then\n * expands again, the carousel will resume from where it left off (same\n * slide, same pause state) instead of resetting to the beginning.\n */\nexport function LazyCarousel({\n  minWidth = 1024,\n  preserveState = true,\n  ...props\n}: LazyCarouselProps): ReactElement | null {\n  const [isVisible, setIsVisible] = useState(false);\n  const [hasLoaded, setHasLoaded] = useState(false);\n  const [isClient, setIsClient] = useState(false);\n\n  useEffect(() => {\n    setIsClient(true);\n\n    // Check if viewport is large enough\n    const checkViewport = (): void => {\n      const visible = window.innerWidth >= minWidth;\n      setIsVisible(visible);\n      if (visible) {\n        setHasLoaded(true);\n      }\n    };\n\n    checkViewport();\n\n    // Listen for resize events\n    window.addEventListener('resize', checkViewport);\n    return () => window.removeEventListener('resize', checkViewport);\n  }, [minWidth]);\n\n  // Don't render anything on server\n  if (!isClient) {\n    return null;\n  }\n\n  // If never loaded and not visible, don't load\n  if (!hasLoaded && !isVisible) {\n    return null;\n  }\n\n  // Use Activity to preserve state when hidden (viewport too small)\n  // This allows the carousel to resume from where it left off when\n  // the viewport expands again\n  return (\n    <Activity mode={preserveState && !isVisible ? 'hidden' : 'visible'}>\n      <Suspense fallback={<CarouselSkeleton />}>\n        <Carousel {...props} />\n      </Suspense>\n    </Activity>\n  );\n}\n"]}

package/dist/chunk-CGFDS4XS.mjs

@@ -0,0 +1,121 @@
+import { DEFAULT_INTERACTIONS } from './chunk-HK46BT5U.mjs';
+import { cn } from './chunk-E2KQFV3O.mjs';
+import { memo, forwardRef } from 'react';
+import { Switch as Switch$1 } from 'react-aria-components';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+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";
+
+export { Switch, switchOuterVariants, switchThumbVariants, switchTrackVariants };
+//# sourceMappingURL=chunk-CGFDS4XS.mjs.map
+//# sourceMappingURL=chunk-CGFDS4XS.mjs.map

package/dist/chunk-CGFDS4XS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/elements/Switch/Switch.tsx"],"names":["AriaSwitch"],"mappings":"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","file":"chunk-CGFDS4XS.mjs","sourcesContent":["\"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"]}

package/dist/chunk-CJIW5TKI.js

@@ -0,0 +1,139 @@
+'use strict';
+
+// src/styles/shared-variants.ts
+var FOCUS_WITHIN_RING = [
+  "focus-within:outline-none",
+  "focus-within:ring-2",
+  "focus-within:ring-[var(--ring)]",
+  "focus-within:ring-offset-2"
+];
+var FOCUS_VISIBLE_RING = [
+  "focus-visible:outline-none",
+  "focus-visible:ring-2",
+  "focus-visible:ring-[var(--ring)]",
+  "focus-visible:ring-offset-2"
+];
+var FOCUS_RING = [
+  "focus:outline-none",
+  "focus:ring-2",
+  "focus:ring-[var(--ring)]"
+];
+var FOCUS_HIGHLIGHT = [
+  "focus:outline-none",
+  "focus:bg-[var(--accent)]",
+  "focus:text-[var(--accent-foreground)]"
+];
+var DISABLED_STANDARD = [
+  "disabled:pointer-events-none",
+  "disabled:opacity-50"
+];
+var DISABLED_DATA_ATTR = [
+  "data-[disabled]:pointer-events-none",
+  "data-[disabled]:opacity-50",
+  "data-[disabled]:cursor-not-allowed"
+];
+var TEXT_SIZE_SMALL_SCALE = {
+  sm: "text-xs",
+  default: "text-sm",
+  lg: "text-base"
+};
+var TEXT_SIZE_MEDIUM_SCALE = {
+  sm: "text-sm",
+  default: "text-base",
+  lg: "text-lg"
+};
+var TOUCH_TARGET_MIN = [
+  "min-h-[44px]",
+  "min-w-[44px]"
+];
+var INTERACTIVE_SIZES = {
+  sm: "h-9 w-9",
+  // 36px - desktop only, NOT AAA compliant
+  default: "h-11 w-11",
+  // 44px - AAA compliant
+  lg: "h-14 w-14"
+  // 56px - AAA compliant, enhanced
+};
+var FIELD_HEIGHTS = {
+  sm: "h-9",
+  // 36px
+  default: "h-11",
+  // 44px
+  lg: "h-14"
+  // 56px
+};
+var ERROR_MESSAGE_BASE = [
+  "flex",
+  "items-center",
+  "gap-1.5",
+  "text-[var(--destructive)]"
+];
+var SUCCESS_MESSAGE_BASE = [
+  "flex",
+  "items-center",
+  "gap-1.5",
+  "text-[var(--success)]"
+];
+var DESCRIPTION_BASE = [
+  "text-[var(--menu-muted)]"
+];
+var LABEL_BASE = [
+  "font-medium",
+  "text-[var(--content-foreground)]"
+];
+var REQUIRED_INDICATOR = "after:content-['*'] after:ml-0.5 after:text-[var(--destructive)]";
+var POPOVER_ANIMATION_IN = [
+  "data-[entering]:animate-in",
+  "data-[entering]:fade-in-0",
+  "data-[entering]:zoom-in-95"
+];
+var POPOVER_ANIMATION_OUT = [
+  "data-[exiting]:animate-out",
+  "data-[exiting]:fade-out-0",
+  "data-[exiting]:zoom-out-95"
+];
+var REDUCED_MOTION = [
+  "motion-reduce:transition-none",
+  "motion-reduce:animate-none"
+];
+var TRANSITION_COLORS = [
+  "transition-colors",
+  "duration-200"
+];
+var TRANSITION_FAST = [
+  "transition-colors",
+  "duration-150"
+];
+var HOVER_ACCENT = [
+  "hover:bg-[var(--accent)]",
+  "hover:text-[var(--accent-foreground)]"
+];
+function combineStyles(...styles) {
+  return styles.flatMap((s) => Array.isArray(s) ? [...s] : [s]);
+}
+
+exports.DESCRIPTION_BASE = DESCRIPTION_BASE;
+exports.DISABLED_DATA_ATTR = DISABLED_DATA_ATTR;
+exports.DISABLED_STANDARD = DISABLED_STANDARD;
+exports.ERROR_MESSAGE_BASE = ERROR_MESSAGE_BASE;
+exports.FIELD_HEIGHTS = FIELD_HEIGHTS;
+exports.FOCUS_HIGHLIGHT = FOCUS_HIGHLIGHT;
+exports.FOCUS_RING = FOCUS_RING;
+exports.FOCUS_VISIBLE_RING = FOCUS_VISIBLE_RING;
+exports.FOCUS_WITHIN_RING = FOCUS_WITHIN_RING;
+exports.HOVER_ACCENT = HOVER_ACCENT;
+exports.INTERACTIVE_SIZES = INTERACTIVE_SIZES;
+exports.LABEL_BASE = LABEL_BASE;
+exports.POPOVER_ANIMATION_IN = POPOVER_ANIMATION_IN;
+exports.POPOVER_ANIMATION_OUT = POPOVER_ANIMATION_OUT;
+exports.REDUCED_MOTION = REDUCED_MOTION;
+exports.REQUIRED_INDICATOR = REQUIRED_INDICATOR;
+exports.SUCCESS_MESSAGE_BASE = SUCCESS_MESSAGE_BASE;
+exports.TEXT_SIZE_MEDIUM_SCALE = TEXT_SIZE_MEDIUM_SCALE;
+exports.TEXT_SIZE_SMALL_SCALE = TEXT_SIZE_SMALL_SCALE;
+exports.TOUCH_TARGET_MIN = TOUCH_TARGET_MIN;
+exports.TRANSITION_COLORS = TRANSITION_COLORS;
+exports.TRANSITION_FAST = TRANSITION_FAST;
+exports.combineStyles = combineStyles;
+//# sourceMappingURL=chunk-CJIW5TKI.js.map
+//# sourceMappingURL=chunk-CJIW5TKI.js.map

package/dist/chunk-CJIW5TKI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/styles/shared-variants.ts"],"names":[],"mappings":";;;AAiBO,IAAM,iBAAA,GAAoB;AAAA,EAC/B,2BAAA;AAAA,EACA,qBAAA;AAAA,EACA,iCAAA;AAAA,EACA;AACF;AAMO,IAAM,kBAAA,GAAqB;AAAA,EAChC,4BAAA;AAAA,EACA,sBAAA;AAAA,EACA,kCAAA;AAAA,EACA;AACF;AAMO,IAAM,UAAA,GAAa;AAAA,EACxB,oBAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF;AAKO,IAAM,eAAA,GAAkB;AAAA,EAC7B,oBAAA;AAAA,EACA,0BAAA;AAAA,EACA;AACF;AASO,IAAM,iBAAA,GAAoB;AAAA,EAC/B,8BAAA;AAAA,EACA;AACF;AAKO,IAAM,kBAAA,GAAqB;AAAA,EAChC,qCAAA;AAAA,EACA,4BAAA;AAAA,EACA;AACF;AASO,IAAM,qBAAA,GAAwB;AAAA,EACnC,EAAA,EAAI,SAAA;AAAA,EACJ,OAAA,EAAS,SAAA;AAAA,EACT,EAAA,EAAI;AACN;AAKO,IAAM,sBAAA,GAAyB;AAAA,EACpC,EAAA,EAAI,SAAA;AAAA,EACJ,OAAA,EAAS,WAAA;AAAA,EACT,EAAA,EAAI;AACN;AASO,IAAM,gBAAA,GAAmB;AAAA,EAC9B,cAAA;AAAA,EACA;AACF;AAKO,IAAM,iBAAA,GAAoB;AAAA,EAC/B,EAAA,EAAI,SAAA;AAAA;AAAA,EACJ,OAAA,EAAS,WAAA;AAAA;AAAA,EACT,EAAA,EAAI;AAAA;AACN;AAKO,IAAM,aAAA,GAAgB;AAAA,EAC3B,EAAA,EAAI,KAAA;AAAA;AAAA,EACJ,OAAA,EAAS,MAAA;AAAA;AAAA,EACT,EAAA,EAAI;AAAA;AACN;AASO,IAAM,kBAAA,GAAqB;AAAA,EAChC,MAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF;AAKO,IAAM,oBAAA,GAAuB;AAAA,EAClC,MAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF;AAKO,IAAM,gBAAA,GAAmB;AAAA,EAC9B;AACF;AAKO,IAAM,UAAA,GAAa;AAAA,EACxB,aAAA;AAAA,EACA;AACF;AAKO,IAAM,kBAAA,GAAqB;AAS3B,IAAM,oBAAA,GAAuB;AAAA,EAClC,4BAAA;AAAA,EACA,2BAAA;AAAA,EACA;AACF;AAKO,IAAM,qBAAA,GAAwB;AAAA,EACnC,4BAAA;AAAA,EACA,2BAAA;AAAA,EACA;AACF;AAKO,IAAM,cAAA,GAAiB;AAAA,EAC5B,+BAAA;AAAA,EACA;AACF;AAKO,IAAM,iBAAA,GAAoB;AAAA,EAC/B,mBAAA;AAAA,EACA;AACF;AAKO,IAAM,eAAA,GAAkB;AAAA,EAC7B,mBAAA;AAAA,EACA;AACF;AASO,IAAM,YAAA,GAAe;AAAA,EAC1B,0BAAA;AAAA,EACA;AACF;AASO,SAAS,iBAAiB,MAAA,EAAkD;AACjF,EAAA,OAAO,MAAA,CAAO,OAAA,CAAQ,CAAA,CAAA,KAAK,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA,GAAI,CAAC,GAAG,CAAC,CAAA,GAAI,CAAC,CAAC,CAAC,CAAA;AAC5D","file":"chunk-CJIW5TKI.js","sourcesContent":["/**\n * Shared CVA Variant Utilities\n *\n * Common patterns extracted from component variants for consistency and reduced bundle size.\n * Use these constants in CVA definitions to ensure consistent styling across Themis.\n *\n * @see interaction-states.ts for interaction-specific styles (focus, hover, pressed)\n */\n\n// =============================================================================\n// Focus Ring Patterns\n// =============================================================================\n\n/**\n * Focus-within ring (for container elements with focusable children)\n * Use when the container should show focus when any child is focused\n */\nexport const FOCUS_WITHIN_RING = [\n  'focus-within:outline-none',\n  'focus-within:ring-2',\n  'focus-within:ring-[var(--ring)]',\n  'focus-within:ring-offset-2',\n] as const;\n\n/**\n * Focus-visible ring (for directly focusable elements)\n * Use for buttons, inputs, and other interactive elements\n */\nexport const FOCUS_VISIBLE_RING = [\n  'focus-visible:outline-none',\n  'focus-visible:ring-2',\n  'focus-visible:ring-[var(--ring)]',\n  'focus-visible:ring-offset-2',\n] as const;\n\n/**\n * Standard focus ring (for elements using :focus pseudo-class)\n * Prefer focus-visible when possible for better UX\n */\nexport const FOCUS_RING = [\n  'focus:outline-none',\n  'focus:ring-2',\n  'focus:ring-[var(--ring)]',\n] as const;\n\n/**\n * Focus with background change (for segments, cells, menu items)\n */\nexport const FOCUS_HIGHLIGHT = [\n  'focus:outline-none',\n  'focus:bg-[var(--accent)]',\n  'focus:text-[var(--accent-foreground)]',\n] as const;\n\n// =============================================================================\n// Disabled State Patterns\n// =============================================================================\n\n/**\n * Standard disabled state using disabled attribute\n */\nexport const DISABLED_STANDARD = [\n  'disabled:pointer-events-none',\n  'disabled:opacity-50',\n] as const;\n\n/**\n * Disabled state using data attribute (React Aria pattern)\n */\nexport const DISABLED_DATA_ATTR = [\n  'data-[disabled]:pointer-events-none',\n  'data-[disabled]:opacity-50',\n  'data-[disabled]:cursor-not-allowed',\n] as const;\n\n// =============================================================================\n// Size-Based Text Variants\n// =============================================================================\n\n/**\n * Small text size scale (xs -> sm -> base)\n */\nexport const TEXT_SIZE_SMALL_SCALE = {\n  sm: 'text-xs',\n  default: 'text-sm',\n  lg: 'text-base',\n} as const;\n\n/**\n * Medium text size scale (sm -> base -> lg)\n */\nexport const TEXT_SIZE_MEDIUM_SCALE = {\n  sm: 'text-sm',\n  default: 'text-base',\n  lg: 'text-lg',\n} as const;\n\n// =============================================================================\n// Touch Target Utilities\n// =============================================================================\n\n/**\n * WCAG 2.2 AAA minimum touch target (44x44px)\n */\nexport const TOUCH_TARGET_MIN = [\n  'min-h-[44px]',\n  'min-w-[44px]',\n] as const;\n\n/**\n * Common button/cell sizes with touch target compliance\n */\nexport const INTERACTIVE_SIZES = {\n  sm: 'h-9 w-9',      // 36px - desktop only, NOT AAA compliant\n  default: 'h-11 w-11', // 44px - AAA compliant\n  lg: 'h-14 w-14',    // 56px - AAA compliant, enhanced\n} as const;\n\n/**\n * Height-only sizes for fields and inputs\n */\nexport const FIELD_HEIGHTS = {\n  sm: 'h-9',      // 36px\n  default: 'h-11', // 44px\n  lg: 'h-14',     // 56px\n} as const;\n\n// =============================================================================\n// Message/Feedback Patterns\n// =============================================================================\n\n/**\n * Error message styling\n */\nexport const ERROR_MESSAGE_BASE = [\n  'flex',\n  'items-center',\n  'gap-1.5',\n  'text-[var(--destructive)]',\n] as const;\n\n/**\n * Success message styling\n */\nexport const SUCCESS_MESSAGE_BASE = [\n  'flex',\n  'items-center',\n  'gap-1.5',\n  'text-[var(--success)]',\n] as const;\n\n/**\n * Description/helper text styling\n */\nexport const DESCRIPTION_BASE = [\n  'text-[var(--menu-muted)]',\n] as const;\n\n/**\n * Label base styling\n */\nexport const LABEL_BASE = [\n  'font-medium',\n  'text-[var(--content-foreground)]',\n] as const;\n\n/**\n * Required indicator pattern\n */\nexport const REQUIRED_INDICATOR = \"after:content-['*'] after:ml-0.5 after:text-[var(--destructive)]\";\n\n// =============================================================================\n// Animation Patterns\n// =============================================================================\n\n/**\n * Popover/dropdown entry animation\n */\nexport const POPOVER_ANIMATION_IN = [\n  'data-[entering]:animate-in',\n  'data-[entering]:fade-in-0',\n  'data-[entering]:zoom-in-95',\n] as const;\n\n/**\n * Popover/dropdown exit animation\n */\nexport const POPOVER_ANIMATION_OUT = [\n  'data-[exiting]:animate-out',\n  'data-[exiting]:fade-out-0',\n  'data-[exiting]:zoom-out-95',\n] as const;\n\n/**\n * Reduced motion support (WCAG 2.2)\n */\nexport const REDUCED_MOTION = [\n  'motion-reduce:transition-none',\n  'motion-reduce:animate-none',\n] as const;\n\n/**\n * Standard transition for colors\n */\nexport const TRANSITION_COLORS = [\n  'transition-colors',\n  'duration-200',\n] as const;\n\n/**\n * Fast transition for interactions\n */\nexport const TRANSITION_FAST = [\n  'transition-colors',\n  'duration-150',\n] as const;\n\n// =============================================================================\n// Hover State Patterns\n// =============================================================================\n\n/**\n * Accent background on hover (for interactive items)\n */\nexport const HOVER_ACCENT = [\n  'hover:bg-[var(--accent)]',\n  'hover:text-[var(--accent-foreground)]',\n] as const;\n\n// =============================================================================\n// Helper Functions\n// =============================================================================\n\n/**\n * Combines multiple style arrays into a flat array for CVA base styles\n */\nexport function combineStyles(...styles: (readonly string[] | string)[]): string[] {\n  return styles.flatMap(s => Array.isArray(s) ? [...s] : [s]);\n}\n"]}

package/dist/chunk-CKNISJOQ.js

@@ -0,0 +1,314 @@
+'use strict';
+
+var chunkVIREG536_js = require('./chunk-VIREG536.js');
+var chunkT4COXKQ3_js = require('./chunk-T4COXKQ3.js');
+var react = require('react');
+var reactAriaComponents = require('react-aria-components');
+var classVarianceAuthority = require('class-variance-authority');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+var zod = require('zod');
+
+var Activity = react.Activity ?? function ActivityFallback({
+  children,
+  mode
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-activity-mode": mode, children });
+};
+var AccordionContext = react.createContext({});
+var accordionVariants = classVarianceAuthority.cva("w-full", {
+  variants: {},
+  defaultVariants: {}
+});
+var accordionItemVariants = classVarianceAuthority.cva(
+  [
+    "border-b border-[var(--border)]",
+    // Last item has no border (handled by last:border-b-0)
+    "last:border-b-0"
+  ].join(" "),
+  {
+    variants: {},
+    defaultVariants: {}
+  }
+);
+var accordionTriggerVariants = classVarianceAuthority.cva(
+  [
+    // Layout
+    "flex flex-1 items-center justify-between py-4 font-medium w-full",
+    // Text styling
+    "text-sm text-[var(--content-foreground)]",
+    // Hover state
+    "hover:underline",
+    // Focus visible ring (WCAG 2.4.13)
+    "focus-visible:outline-none focus-visible:ring-2",
+    "focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2",
+    "focus-visible:ring-offset-[var(--content-background)]",
+    // WCAG 2.2 AAA: 44px minimum touch target
+    "min-h-[44px]",
+    // Disabled state
+    "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+    // Transition for smooth interactions
+    "transition-all"
+  ].join(" "),
+  {
+    variants: {},
+    defaultVariants: {}
+  }
+);
+var accordionChevronVariants = classVarianceAuthority.cva(
+  [
+    "h-4 w-4 shrink-0",
+    "text-[var(--menu-muted)]",
+    // Smooth rotation transition
+    "transition-transform duration-200 ease-out",
+    // Reduced motion support
+    "motion-reduce:transition-none"
+  ].join(" "),
+  {
+    variants: {
+      isExpanded: {
+        true: "rotate-180",
+        false: "rotate-0"
+      }
+    },
+    defaultVariants: {
+      isExpanded: false
+    }
+  }
+);
+var accordionContentVariants = classVarianceAuthority.cva(
+  [
+    "overflow-hidden",
+    "text-sm text-[var(--menu-muted)]"
+  ].join(" "),
+  {
+    variants: {},
+    defaultVariants: {}
+  }
+);
+var accordionContentInnerVariants = classVarianceAuthority.cva("pb-4 pt-0", {
+  variants: {},
+  defaultVariants: {}
+});
+function getHeadingLevel(level) {
+  const levelMap = {
+    h1: 1,
+    h2: 2,
+    h3: 3,
+    h4: 4,
+    h5: 5,
+    h6: 6
+  };
+  return levelMap[level];
+}
+function getFirstAccordionItemId(children) {
+  const childArray = react.Children.toArray(children);
+  for (const child of childArray) {
+    if (react.isValidElement(child)) {
+      const childProps = child.props;
+      if (childProps && typeof childProps === "object" && "id" in childProps) {
+        return childProps.id;
+      }
+    }
+  }
+  return void 0;
+}
+function AccordionRoot({
+  type = "single",
+  collapsible = false,
+  expandedKeys,
+  defaultExpandedKeys,
+  onExpandedChange,
+  isDisabled = false,
+  disabledKeys,
+  className,
+  children,
+  ...props
+}) {
+  const allowsMultipleExpanded = type === "multiple";
+  const effectiveDefaultExpandedKeys = react.useMemo(() => {
+    if (!collapsible && type === "single" && !defaultExpandedKeys && !expandedKeys) {
+      const firstItemId = getFirstAccordionItemId(children);
+      return firstItemId ? [firstItemId] : void 0;
+    }
+    return defaultExpandedKeys;
+  }, [collapsible, type, defaultExpandedKeys, expandedKeys, children]);
+  const contextValue = react.useMemo(
+    () => ({ disabledKeys }),
+    [disabledKeys]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(AccordionContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
+    reactAriaComponents.DisclosureGroup,
+    {
+      allowsMultipleExpanded,
+      expandedKeys,
+      defaultExpandedKeys: effectiveDefaultExpandedKeys,
+      onExpandedChange,
+      isDisabled,
+      className: chunkVIREG536_js.cn(accordionVariants(), className),
+      ...props,
+      children
+    }
+  ) });
+}
+AccordionRoot.displayName = "Accordion";
+function AccordionItemComponent({
+  id,
+  isDisabled: isDisabledProp,
+  className,
+  children,
+  ...props
+}) {
+  const { disabledKeys } = react.useContext(AccordionContext);
+  const isDisabledFromKeys = disabledKeys?.includes(id) ?? false;
+  const isDisabled = isDisabledProp || isDisabledFromKeys;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactAriaComponents.Disclosure,
+    {
+      id,
+      isDisabled,
+      className: reactAriaComponents.composeRenderProps(
+        className,
+        (className2) => chunkVIREG536_js.cn(accordionItemVariants(), className2)
+      ),
+      ...props,
+      children
+    }
+  );
+}
+AccordionItemComponent.displayName = "AccordionItem";
+function AccordionTriggerComponent({
+  as: headingLevel = "h3",
+  icon,
+  hideIcon = false,
+  className,
+  children,
+  ...props
+}) {
+  const state = react.useContext(reactAriaComponents.DisclosureStateContext);
+  const isExpanded = state?.isExpanded ?? false;
+  return /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Heading, { level: getHeadingLevel(headingLevel), children: /* @__PURE__ */ jsxRuntime.jsxs(
+    reactAriaComponents.Button,
+    {
+      slot: "trigger",
+      className: reactAriaComponents.composeRenderProps(
+        className,
+        (className2) => chunkVIREG536_js.cn(accordionTriggerVariants(), className2)
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-left", children }),
+        !hideIcon && (icon ?? /* @__PURE__ */ jsxRuntime.jsx(
+          lucideReact.ChevronDown,
+          {
+            "aria-hidden": "true",
+            className: chunkVIREG536_js.cn(accordionChevronVariants({ isExpanded }))
+          }
+        ))
+      ]
+    }
+  ) });
+}
+AccordionTriggerComponent.displayName = "AccordionTrigger";
+function AccordionContentInner({
+  preserveState,
+  children
+}) {
+  const state = react.useContext(reactAriaComponents.DisclosureStateContext);
+  const isExpanded = state?.isExpanded ?? false;
+  if (preserveState) {
+    return /* @__PURE__ */ jsxRuntime.jsx(Activity, { mode: isExpanded ? "visible" : "hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: accordionContentInnerVariants(), children }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: accordionContentInnerVariants(), children });
+}
+function AccordionContentComponent({
+  preserveState = false,
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactAriaComponents.DisclosurePanel,
+    {
+      className: reactAriaComponents.composeRenderProps(
+        className,
+        (className2) => chunkVIREG536_js.cn(accordionContentVariants(), "animate-accordion", className2)
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(AccordionContentInner, { preserveState, children })
+    }
+  );
+}
+AccordionContentComponent.displayName = "AccordionContent";
+var Accordion = AccordionRoot;
+var AccordionItem = AccordionItemComponent;
+var AccordionTrigger = AccordionTriggerComponent;
+var AccordionContent = AccordionContentComponent;
+var AccordionTypeSchema = zod.z.enum(["single", "multiple"]);
+var HeadingLevelSchema = zod.z.enum(["h1", "h2", "h3", "h4", "h5", "h6"]);
+var KeySchema = zod.z.union([zod.z.string(), zod.z.number()]);
+var AccordionPropsSchema = chunkT4COXKQ3_js.BaseComponentPropsSchema.extend({
+  // Expansion mode: 'single' (one at a time) or 'multiple' (any number)
+  type: AccordionTypeSchema.optional().default("single"),
+  // Allow all items to be collapsed (only applies to type="single")
+  // When false, one item must always be expanded
+  collapsible: zod.z.boolean().optional().default(false),
+  // Controlled mode: currently expanded keys
+  expandedKeys: zod.z.custom().optional(),
+  // Uncontrolled mode: initial expanded keys
+  defaultExpandedKeys: zod.z.array(KeySchema).optional(),
+  // Expansion change handler
+  onExpandedChange: zod.z.custom().optional(),
+  // Disable all items
+  isDisabled: zod.z.boolean().optional().default(false),
+  // Keys of items to disable individually
+  disabledKeys: zod.z.array(KeySchema).optional(),
+  // Children: AccordionItem components
+  children: zod.z.custom()
+});
+var AccordionItemPropsSchema = chunkT4COXKQ3_js.BaseComponentPropsSchema.extend({
+  // Unique identifier (required)
+  id: KeySchema,
+  // Disable this specific item
+  isDisabled: zod.z.boolean().optional(),
+  // Children: AccordionTrigger + AccordionContent
+  children: zod.z.custom()
+});
+var AccordionTriggerPropsSchema = chunkT4COXKQ3_js.BaseComponentPropsSchema.extend({
+  // Heading level for proper document structure (default: h3)
+  as: HeadingLevelSchema.optional().default("h3"),
+  // Custom icon to replace default chevron
+  icon: zod.z.custom().optional(),
+  // Hide the expand/collapse icon entirely
+  hideIcon: zod.z.boolean().optional().default(false),
+  // Trigger content (text, icons, custom content)
+  children: zod.z.custom()
+});
+var AccordionContentPropsSchema = chunkT4COXKQ3_js.BaseComponentPropsSchema.extend({
+  // Preserve component state when collapsed using React Activity API
+  // When true, wraps content in <Activity> component
+  // Effects are cleaned up when hidden, restored when visible
+  preserveState: zod.z.boolean().optional().default(false),
+  // Panel content
+  children: zod.z.custom()
+});
+
+exports.Accordion = Accordion;
+exports.AccordionContent = AccordionContent;
+exports.AccordionContentPropsSchema = AccordionContentPropsSchema;
+exports.AccordionItem = AccordionItem;
+exports.AccordionItemPropsSchema = AccordionItemPropsSchema;
+exports.AccordionPropsSchema = AccordionPropsSchema;
+exports.AccordionTrigger = AccordionTrigger;
+exports.AccordionTriggerPropsSchema = AccordionTriggerPropsSchema;
+exports.AccordionTypeSchema = AccordionTypeSchema;
+exports.HeadingLevelSchema = HeadingLevelSchema;
+exports.KeySchema = KeySchema;
+exports.accordionChevronVariants = accordionChevronVariants;
+exports.accordionContentInnerVariants = accordionContentInnerVariants;
+exports.accordionContentVariants = accordionContentVariants;
+exports.accordionItemVariants = accordionItemVariants;
+exports.accordionTriggerVariants = accordionTriggerVariants;
+exports.accordionVariants = accordionVariants;
+//# sourceMappingURL=chunk-CKNISJOQ.js.map
+//# sourceMappingURL=chunk-CKNISJOQ.js.map