@zentauri-ui/zentauri-components 1.6.3 → 1.7.0

package/dist/ui/toggle/animated.mjs

@@ -1,8 +1,8 @@
 "use client";
-import { toggleThumbVariants, toggleTrackVariants } from '../../chunk-OHST7AHC.mjs';
+import { hasToggleLabelChildren, toggleThumbVariants, toggleTrackVariants } from '../../chunk-PMWRJ2KS.mjs';
 import { cn } from '../../chunk-4D54YOL6.mjs';
 import { motion } from 'framer-motion';
-import { useState, useCallback } from 'react';
+import { useId, useState, useCallback } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // src/ui/toggle/animated/animations.ts
@@ -29,6 +29,7 @@ function ToggleAnimated(props) {
     children,
     ...rest
   } = props;
+  const toggleLabelId = useId();
   const isControlled = checked !== void 0;
   const [uncontrolled, setUncontrolled] = useState(defaultChecked);
   const resolved = isControlled ? Boolean(checked) : uncontrolled;
@@ -42,7 +43,13 @@ function ToggleAnimated(props) {
     },
     [isControlled, onCheckedChange]
   );
-  const thumbShiftPx = size === "sm" ? 14 : size === "lg" ? 24 : 18;
+  const thumbShiftPx = size === "sm" ? 16 : size === "lg" ? 24 : 20;
+  const labeledByChildren = hasToggleLabelChildren(children);
+  const labeling = labeledByChildren ? {
+    "aria-labelledby": toggleLabelId
+  } : {
+    "aria-label": ariaLabel ?? "Toggle"
+  };
   return /* @__PURE__ */ jsxs(
     "button",
     {
@@ -51,9 +58,9 @@ function ToggleAnimated(props) {
       role: "switch",
       "data-slot": "toggle",
       "aria-checked": resolved,
-      "aria-label": ariaLabel,
       "data-state": resolved ? "checked" : "unchecked",
       disabled,
+      ...labeling,
       className: cn(toggleTrackVariants({ size, appearance }), className),
       onClick: () => {
         if (!disabled) {
@@ -62,7 +69,7 @@ function ToggleAnimated(props) {
       },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", id: labeledByChildren ? toggleLabelId : void 0, children }),
         /* @__PURE__ */ jsx(
           motion.span,
           {

package/dist/ui/toggle/animated.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ui/toggle/animated/animations.ts","../../../src/ui/toggle/animated/toggle-animated.tsx"],"names":[],"mappings":";;;;;;;AAEO,IAAM,2BAAA,GAAsD;AAAA,EACjE,MAAM,EAAC;AAAA,EACP,MAAA,EAAQ;AAAA,IACN,MAAA,EAAQ,IAAA;AAAA,IACR,YAAY,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,GAAA,EAAK,SAAS,EAAA;AAAG;AAE9D;ACGO,SAAS,eAAe,KAAA,EAA4B;AACzD,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,IAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA,GAAY,QAAA;AAAA,IACZ,OAAA;AAAA,IACA,cAAA,GAAiB,KAAA;AAAA,IACjB,eAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAA;AAAA,IACA,cAAc,SAAA,GAAY,QAAA;AAAA,IAC1B,QAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AACJ,EAAA,MAAM,eAAe,OAAA,KAAY,MAAA;AACjC,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAS,cAAc,CAAA;AAC/D,EAAA,MAAM,QAAA,GAAW,YAAA,GAAe,OAAA,CAAQ,OAAO,CAAA,GAAI,YAAA;AACnD,EAAA,MAAM,WAAA,GAAc,4BAA4B,SAAS,CAAA;AAEzD,EAAA,MAAM,UAAA,GAAa,WAAA;AAAA,IACjB,CAAC,IAAA,KAAkB;AACjB,MAAA,IAAI,CAAC,YAAA,EAAc;AACjB,QAAA,eAAA,CAAgB,IAAI,CAAA;AAAA,MACtB;AACA,MAAA,eAAA,GAAkB,IAAI,CAAA;AAAA,IACxB,CAAA;AAAA,IACA,CAAC,cAAc,eAAe;AAAA,GAChC;AAEA,EAAA,MAAM,eAAe,IAAA,KAAS,IAAA,GAAO,EAAA,GAAK,IAAA,KAAS,OAAO,EAAA,GAAK,EAAA;AAE/D,EAAA,uBACE,IAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA,EAAK,QAAA;AAAA,MACL,IAAA,EAAK,QAAA;AAAA,MACL,WAAA,EAAU,QAAA;AAAA,MACV,cAAA,EAAc,QAAA;AAAA,MACd,YAAA,EAAY,SAAA;AAAA,MACZ,YAAA,EAAY,WAAW,SAAA,GAAY,WAAA;AAAA,MACnC,QAAA;AAAA,MACA,SAAA,EAAW,GAAG,mBAAA,CAAoB,EAAE,MAAM,UAAA,EAAY,GAAG,SAAS,CAAA;AAAA,MAClE,SAAS,MAAM;AACb,QAAA,IAAI,CAAC,QAAA,EAAU;AACb,UAAA,UAAA,CAAW,CAAC,QAAQ,CAAA;AAAA,QACtB;AAAA,MACF,CAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAW,QAAA,EAAS,CAAA;AAAA,wBACpC,GAAA;AAAA,UAAC,MAAA,CAAO,IAAA;AAAA,UAAP;AAAA,YACC,SAAA,EAAW,EAAA;AAAA,cACT,mBAAA,CAAoB,EAAE,IAAA,EAAM,UAAA,EAAY,CAAA;AAAA,cACxC;AAAA,aACF;AAAA,YACA,OAAA,EAAS,EAAE,CAAA,EAAG,QAAA,GAAW,eAAe,CAAA,EAAE;AAAA,YAC1C,YAAY,WAAA,CAAY,UAAA;AAAA,YACxB,QAAQ,WAAA,CAAY;AAAA;AAAA;AACtB;AAAA;AAAA,GACF;AAEJ;AAEA,cAAA,CAAe,WAAA,GAAc,QAAA","file":"animated.mjs","sourcesContent":["import { ToggleAnimationPresets } from \"./types\";\n\nexport const toggleThumbAnimationPresets: ToggleAnimationPresets = {\n  none: {},\n  spring: {\n    layout: true,\n    transition: { type: \"spring\", stiffness: 520, damping: 32 },\n  },\n};\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\nimport { useCallback, useState } from \"react\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { toggleThumbAnimationPresets } from \"./animations\";\nimport type { ToggleAnimatedProps } from \"./types\";\nimport { toggleThumbVariants, toggleTrackVariants } from \"../variants\";\n\nexport function ToggleAnimated(props: ToggleAnimatedProps) {\n  const {\n    className,\n    size,\n    appearance,\n    thumbColor,\n    animation = \"spring\",\n    checked,\n    defaultChecked = false,\n    onCheckedChange,\n    disabled,\n    ref,\n    \"aria-label\": ariaLabel = \"Toggle\",\n    children,\n    ...rest\n  } = props;\n  const isControlled = checked !== undefined;\n  const [uncontrolled, setUncontrolled] = useState(defaultChecked);\n  const resolved = isControlled ? Boolean(checked) : uncontrolled;\n  const thumbMotion = toggleThumbAnimationPresets[animation];\n\n  const setChecked = useCallback(\n    (next: boolean) => {\n      if (!isControlled) {\n        setUncontrolled(next);\n      }\n      onCheckedChange?.(next);\n    },\n    [isControlled, onCheckedChange],\n  );\n\n  const thumbShiftPx = size === \"sm\" ? 14 : size === \"lg\" ? 24 : 18;\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      role=\"switch\"\n      data-slot=\"toggle\"\n      aria-checked={resolved}\n      aria-label={ariaLabel}\n      data-state={resolved ? \"checked\" : \"unchecked\"}\n      disabled={disabled}\n      className={cn(toggleTrackVariants({ size, appearance }), className)}\n      onClick={() => {\n        if (!disabled) {\n          setChecked(!resolved);\n        }\n      }}\n      {...rest}\n    >\n      <span className=\"sr-only\">{children}</span>\n      <motion.span\n        className={cn(\n          toggleThumbVariants({ size, thumbColor }),\n          \"absolute left-1 top-1/2 -translate-y-1/2\",\n        )}\n        animate={{ x: resolved ? thumbShiftPx : 0 }}\n        transition={thumbMotion.transition}\n        layout={thumbMotion.layout}\n      />\n    </button>\n  );\n}\n\nToggleAnimated.displayName = \"Toggle\";\n"]}
+{"version":3,"sources":["../../../src/ui/toggle/animated/animations.ts","../../../src/ui/toggle/animated/toggle-animated.tsx"],"names":[],"mappings":"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","file":"animated.mjs","sourcesContent":["import { ToggleAnimationPresets } from \"./types\";\n\nexport const toggleThumbAnimationPresets: ToggleAnimationPresets = {\n  none: {},\n  spring: {\n    layout: true,\n    transition: { type: \"spring\", stiffness: 520, damping: 32 },\n  },\n};\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\nimport { useCallback, useId, useState } from \"react\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { toggleThumbAnimationPresets } from \"./animations\";\nimport type { ToggleAnimatedProps } from \"./types\";\nimport { toggleThumbVariants, toggleTrackVariants } from \"../variants\";\nimport { hasToggleLabelChildren } from \"../toggle-base\";\n\nexport function ToggleAnimated(props: ToggleAnimatedProps) {\n  const {\n    className,\n    size,\n    appearance,\n    thumbColor,\n    animation = \"spring\",\n    checked,\n    defaultChecked = false,\n    onCheckedChange,\n    disabled,\n    ref,\n    \"aria-label\": ariaLabel = \"Toggle\",\n    children,\n    ...rest\n  } = props;\n  const toggleLabelId = useId();\n  const isControlled = checked !== undefined;\n  const [uncontrolled, setUncontrolled] = useState(defaultChecked);\n  const resolved = isControlled ? Boolean(checked) : uncontrolled;\n  const thumbMotion = toggleThumbAnimationPresets[animation];\n\n  const setChecked = useCallback(\n    (next: boolean) => {\n      if (!isControlled) {\n        setUncontrolled(next);\n      }\n      onCheckedChange?.(next);\n    },\n    [isControlled, onCheckedChange],\n  );\n\n  const thumbShiftPx = size === \"sm\" ? 16 : size === \"lg\" ? 24 : 20;\n  const labeledByChildren = hasToggleLabelChildren(children);\n  const labeling = labeledByChildren\n    ? {\n        \"aria-labelledby\": toggleLabelId,\n      }\n    : {\n        \"aria-label\": ariaLabel ?? \"Toggle\",\n      };\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      role=\"switch\"\n      data-slot=\"toggle\"\n      aria-checked={resolved}\n      data-state={resolved ? \"checked\" : \"unchecked\"}\n      disabled={disabled}\n      {...labeling}\n      className={cn(toggleTrackVariants({ size, appearance }), className)}\n      onClick={() => {\n        if (!disabled) {\n          setChecked(!resolved);\n        }\n      }}\n      {...rest}\n    >\n      <span className=\"sr-only\" id={labeledByChildren ? toggleLabelId : undefined}>{children}</span>\n      <motion.span\n        className={cn(\n          toggleThumbVariants({ size, thumbColor }),\n          \"absolute left-1 top-1/2 -translate-y-1/2\",\n        )}\n        animate={{ x: resolved ? thumbShiftPx : 0 }}\n        transition={thumbMotion.transition}\n        layout={thumbMotion.layout}\n      />\n    </button>\n  );\n}\n\nToggleAnimated.displayName = \"Toggle\";\n"]}

package/dist/ui/toggle/toggle-base.d.ts

@@ -1,4 +1,6 @@
+import { type ReactNode } from "react";
 import type { ToggleProps } from "./types";
+export declare function hasToggleLabelChildren(node: ReactNode): boolean;
 export declare function ToggleBase(props: ToggleProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace ToggleBase {
     var displayName: string;

package/dist/ui/toggle/toggle-base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-base.d.ts","sourceRoot":"","sources":["../../../src/ui/toggle/toggle-base.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAsB3C,wBAAgB,UAAU,CAAC,KAAK,EAAE,WAAW,2CAwE5C;yBAxEe,UAAU"}
+{"version":3,"file":"toggle-base.d.ts","sourceRoot":"","sources":["../../../src/ui/toggle/toggle-base.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG3C,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,SAAS,GAAG,OAAO,CAiB/D;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,WAAW,2CAoE5C;yBApEe,UAAU"}

package/dist/ui/toggle/variants.d.ts

@@ -1,9 +1,9 @@
 export declare const toggleTrackVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-    appearance?: "default" | "emerald" | "rose" | "slate" | "gray" | "indigo" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "teal" | "yellow" | "destructive" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "success" | "neutral" | "zinc" | "stone" | null | undefined;
+    size?: "md" | "sm" | "lg" | null | undefined;
+    appearance?: "default" | "emerald" | "rose" | "slate" | "gray" | "indigo" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "teal" | "yellow" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "destructive" | "success" | "neutral" | "zinc" | "stone" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const toggleThumbVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-    thumbColor?: "default" | "emerald" | "rose" | "slate" | "gray" | "indigo" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "teal" | "yellow" | "destructive" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "success" | "neutral" | "zinc" | "stone" | null | undefined;
+    size?: "md" | "sm" | "lg" | null | undefined;
+    thumbColor?: "default" | "emerald" | "rose" | "slate" | "gray" | "indigo" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "teal" | "yellow" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "destructive" | "success" | "neutral" | "zinc" | "stone" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //# sourceMappingURL=variants.d.ts.map

package/dist/ui/toggle/variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/toggle/variants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB;;;8EAkE/B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;8EA6C/B,CAAC"}
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/toggle/variants.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,mBAAmB;;;8EAS9B,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;8EAS9B,CAAC"}

package/dist/ui/toggle.js

@@ -1,111 +1,22 @@
 "use client";
 'use strict';
 
-var chunkTIPNRH26_js = require('../chunk-TIPNRH26.js');
-var chunkZS5756ZC_js = require('../chunk-ZS5756ZC.js');
-var react = require('react');
+var chunkEN4VLNBF_js = require('../chunk-EN4VLNBF.js');
+require('../chunk-ZS5756ZC.js');
 var jsxRuntime = require('react/jsx-runtime');
 
-function hasToggleLabelChildren(node) {
-  if (node === void 0 || node === null) {
-    return false;
-  }
-  if (typeof node === "boolean") {
-    return false;
-  }
-  if (typeof node === "string") {
-    return node.trim().length > 0;
-  }
-  if (typeof node === "number") {
-    return true;
-  }
-  if (Array.isArray(node)) {
-    return node.some(hasToggleLabelChildren);
-  }
-  return true;
-}
-function ToggleBase(props) {
-  const {
-    className,
-    size,
-    appearance,
-    checked,
-    defaultChecked = false,
-    onCheckedChange,
-    disabled,
-    ref,
-    "aria-label": ariaLabelProp,
-    children,
-    thumbColor,
-    ...rest
-  } = props;
-  const toggleLabelId = react.useId();
-  const isControlled = checked !== void 0;
-  const [uncontrolled, setUncontrolled] = react.useState(defaultChecked);
-  const resolved = isControlled ? Boolean(checked) : uncontrolled;
-  const setChecked = react.useCallback(
-    (next) => {
-      if (!isControlled) {
-        setUncontrolled(next);
-      }
-      onCheckedChange?.(next);
-    },
-    [isControlled, onCheckedChange]
-  );
-  const thumbShiftPx = size === "sm" ? 14 : size === "lg" ? 24 : 19;
-  const labeledByChildren = hasToggleLabelChildren(children);
-  const labeling = labeledByChildren ? {
-    "aria-labelledby": toggleLabelId
-  } : {
-    "aria-label": ariaLabelProp ?? "Toggle"
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "button",
-    {
-      ref,
-      type: "button",
-      role: "switch",
-      "data-slot": "toggle",
-      "aria-checked": resolved,
-      "data-state": resolved ? "checked" : "unchecked",
-      disabled,
-      className: chunkZS5756ZC_js.cn(chunkTIPNRH26_js.toggleTrackVariants({ size, appearance }), className),
-      ...labeling,
-      onClick: () => {
-        if (!disabled) {
-          setChecked(!resolved);
-        }
-      },
-      ...rest,
-      children: [
-        labeledByChildren ? /* @__PURE__ */ jsxRuntime.jsx("span", { id: toggleLabelId, className: "sr-only", children }) : null,
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            className: chunkZS5756ZC_js.cn(
-              chunkTIPNRH26_js.toggleThumbVariants({ size, thumbColor }),
-              "absolute top-1/2 -translate-y-1/2 transition-[transform] duration-200 ease-out"
-            ),
-            style: { transform: `translateX(${resolved ? thumbShiftPx : 0}px)` }
-          }
-        )
-      ]
-    }
-  );
-}
-ToggleBase.displayName = "Toggle";
 function Toggle(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(ToggleBase, { ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkEN4VLNBF_js.ToggleBase, { ...props });
 }
 Toggle.displayName = "Toggle";
 
 Object.defineProperty(exports, "toggleThumbVariants", {
   enumerable: true,
-  get: function () { return chunkTIPNRH26_js.toggleThumbVariants; }
+  get: function () { return chunkEN4VLNBF_js.toggleThumbVariants; }
 });
 Object.defineProperty(exports, "toggleTrackVariants", {
   enumerable: true,
-  get: function () { return chunkTIPNRH26_js.toggleTrackVariants; }
+  get: function () { return chunkEN4VLNBF_js.toggleTrackVariants; }
 });
 exports.Toggle = Toggle;
 //# sourceMappingURL=toggle.js.map

package/dist/ui/toggle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/toggle/toggle-base.tsx","../../src/ui/toggle/toggle.tsx"],"names":["useId","useState","useCallback","jsxs","cn","toggleTrackVariants","jsx","toggleThumbVariants"],"mappings":"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","file":"toggle.js","sourcesContent":["\"use client\";\n\nimport { useCallback, useId, useState, type ReactNode } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { ToggleProps } from \"./types\";\nimport { toggleThumbVariants, toggleTrackVariants } from \"./variants\";\n\nfunction hasToggleLabelChildren(node: ReactNode): boolean {\n  if (node === undefined || node === null) {\n    return false;\n  }\n  if (typeof node === \"boolean\") {\n    return false;\n  }\n  if (typeof node === \"string\") {\n    return node.trim().length > 0;\n  }\n  if (typeof node === \"number\") {\n    return true;\n  }\n  if (Array.isArray(node)) {\n    return node.some(hasToggleLabelChildren);\n  }\n  return true;\n}\n\nexport function ToggleBase(props: ToggleProps) {\n  const {\n    className,\n    size,\n    appearance,\n    checked,\n    defaultChecked = false,\n    onCheckedChange,\n    disabled,\n    ref,\n    \"aria-label\": ariaLabelProp,\n    children,\n    thumbColor,\n    ...rest\n  } = props;\n  const toggleLabelId = useId();\n  const isControlled = checked !== undefined;\n  const [uncontrolled, setUncontrolled] = useState(defaultChecked);\n  const resolved = isControlled ? Boolean(checked) : uncontrolled;\n\n  const setChecked = useCallback(\n    (next: boolean) => {\n      if (!isControlled) {\n        setUncontrolled(next);\n      }\n      onCheckedChange?.(next);\n    },\n    [isControlled, onCheckedChange],\n  );\n\n  const thumbShiftPx = size === \"sm\" ? 14 : size === \"lg\" ? 24 : 19;\n  const labeledByChildren = hasToggleLabelChildren(children);\n  const labeling = labeledByChildren\n    ? {\n        \"aria-labelledby\": toggleLabelId,\n      }\n    : {\n        \"aria-label\": ariaLabelProp ?? \"Toggle\",\n      };\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      role=\"switch\"\n      data-slot=\"toggle\"\n      aria-checked={resolved}\n      data-state={resolved ? \"checked\" : \"unchecked\"}\n      disabled={disabled}\n      className={cn(toggleTrackVariants({ size, appearance }), className)}\n      {...labeling}\n      onClick={() => {\n        if (!disabled) {\n          setChecked(!resolved);\n        }\n      }}\n      {...rest}\n    >\n      {labeledByChildren ? (\n        <span id={toggleLabelId} className=\"sr-only\">\n          {children}\n        </span>\n      ) : null}\n      <span\n        className={cn(\n          toggleThumbVariants({ size, thumbColor }),\n          \"absolute top-1/2 -translate-y-1/2 transition-[transform] duration-200 ease-out\",\n        )}\n        style={{ transform: `translateX(${resolved ? thumbShiftPx : 0}px)` }}\n      />\n    </button>\n  );\n}\n\nToggleBase.displayName = \"Toggle\";\n","// toggle.tsx — default static entry (no framer-motion)\nimport { ToggleBase } from \"./toggle-base\";\nimport type { ToggleProps } from \"./types\";\n\nexport function Toggle(props: ToggleProps) {\n  return <ToggleBase {...props} />;\n}\n\nToggle.displayName = \"Toggle\";\n"]}
+{"version":3,"sources":["../../src/ui/toggle/toggle.tsx"],"names":["jsx","ToggleBase"],"mappings":";;;;;;AAIO,SAAS,OAAO,KAAA,EAAoB;AACzC,EAAA,uBAAOA,cAAA,CAACC,2BAAA,EAAA,EAAY,GAAG,KAAA,EAAO,CAAA;AAChC;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"toggle.js","sourcesContent":["// toggle.tsx — default static entry (no framer-motion)\nimport { ToggleBase } from \"./toggle-base\";\nimport type { ToggleProps } from \"./types\";\n\nexport function Toggle(props: ToggleProps) {\n  return <ToggleBase {...props} />;\n}\n\nToggle.displayName = \"Toggle\";\n"]}

package/dist/ui/toggle.mjs

@@ -1,98 +1,9 @@
 "use client";
-import { toggleThumbVariants, toggleTrackVariants } from '../chunk-OHST7AHC.mjs';
-export { toggleThumbVariants, toggleTrackVariants } from '../chunk-OHST7AHC.mjs';
-import { cn } from '../chunk-4D54YOL6.mjs';
-import { useId, useState, useCallback } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { ToggleBase } from '../chunk-PMWRJ2KS.mjs';
+export { toggleThumbVariants, toggleTrackVariants } from '../chunk-PMWRJ2KS.mjs';
+import '../chunk-4D54YOL6.mjs';
+import { jsx } from 'react/jsx-runtime';
 
-function hasToggleLabelChildren(node) {
-  if (node === void 0 || node === null) {
-    return false;
-  }
-  if (typeof node === "boolean") {
-    return false;
-  }
-  if (typeof node === "string") {
-    return node.trim().length > 0;
-  }
-  if (typeof node === "number") {
-    return true;
-  }
-  if (Array.isArray(node)) {
-    return node.some(hasToggleLabelChildren);
-  }
-  return true;
-}
-function ToggleBase(props) {
-  const {
-    className,
-    size,
-    appearance,
-    checked,
-    defaultChecked = false,
-    onCheckedChange,
-    disabled,
-    ref,
-    "aria-label": ariaLabelProp,
-    children,
-    thumbColor,
-    ...rest
-  } = props;
-  const toggleLabelId = useId();
-  const isControlled = checked !== void 0;
-  const [uncontrolled, setUncontrolled] = useState(defaultChecked);
-  const resolved = isControlled ? Boolean(checked) : uncontrolled;
-  const setChecked = useCallback(
-    (next) => {
-      if (!isControlled) {
-        setUncontrolled(next);
-      }
-      onCheckedChange?.(next);
-    },
-    [isControlled, onCheckedChange]
-  );
-  const thumbShiftPx = size === "sm" ? 14 : size === "lg" ? 24 : 19;
-  const labeledByChildren = hasToggleLabelChildren(children);
-  const labeling = labeledByChildren ? {
-    "aria-labelledby": toggleLabelId
-  } : {
-    "aria-label": ariaLabelProp ?? "Toggle"
-  };
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      ref,
-      type: "button",
-      role: "switch",
-      "data-slot": "toggle",
-      "aria-checked": resolved,
-      "data-state": resolved ? "checked" : "unchecked",
-      disabled,
-      className: cn(toggleTrackVariants({ size, appearance }), className),
-      ...labeling,
-      onClick: () => {
-        if (!disabled) {
-          setChecked(!resolved);
-        }
-      },
-      ...rest,
-      children: [
-        labeledByChildren ? /* @__PURE__ */ jsx("span", { id: toggleLabelId, className: "sr-only", children }) : null,
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: cn(
-              toggleThumbVariants({ size, thumbColor }),
-              "absolute top-1/2 -translate-y-1/2 transition-[transform] duration-200 ease-out"
-            ),
-            style: { transform: `translateX(${resolved ? thumbShiftPx : 0}px)` }
-          }
-        )
-      ]
-    }
-  );
-}
-ToggleBase.displayName = "Toggle";
 function Toggle(props) {
   return /* @__PURE__ */ jsx(ToggleBase, { ...props });
 }

package/dist/ui/toggle.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/toggle/toggle-base.tsx","../../src/ui/toggle/toggle.tsx"],"names":["jsx"],"mappings":"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","file":"toggle.mjs","sourcesContent":["\"use client\";\n\nimport { useCallback, useId, useState, type ReactNode } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { ToggleProps } from \"./types\";\nimport { toggleThumbVariants, toggleTrackVariants } from \"./variants\";\n\nfunction hasToggleLabelChildren(node: ReactNode): boolean {\n  if (node === undefined || node === null) {\n    return false;\n  }\n  if (typeof node === \"boolean\") {\n    return false;\n  }\n  if (typeof node === \"string\") {\n    return node.trim().length > 0;\n  }\n  if (typeof node === \"number\") {\n    return true;\n  }\n  if (Array.isArray(node)) {\n    return node.some(hasToggleLabelChildren);\n  }\n  return true;\n}\n\nexport function ToggleBase(props: ToggleProps) {\n  const {\n    className,\n    size,\n    appearance,\n    checked,\n    defaultChecked = false,\n    onCheckedChange,\n    disabled,\n    ref,\n    \"aria-label\": ariaLabelProp,\n    children,\n    thumbColor,\n    ...rest\n  } = props;\n  const toggleLabelId = useId();\n  const isControlled = checked !== undefined;\n  const [uncontrolled, setUncontrolled] = useState(defaultChecked);\n  const resolved = isControlled ? Boolean(checked) : uncontrolled;\n\n  const setChecked = useCallback(\n    (next: boolean) => {\n      if (!isControlled) {\n        setUncontrolled(next);\n      }\n      onCheckedChange?.(next);\n    },\n    [isControlled, onCheckedChange],\n  );\n\n  const thumbShiftPx = size === \"sm\" ? 14 : size === \"lg\" ? 24 : 19;\n  const labeledByChildren = hasToggleLabelChildren(children);\n  const labeling = labeledByChildren\n    ? {\n        \"aria-labelledby\": toggleLabelId,\n      }\n    : {\n        \"aria-label\": ariaLabelProp ?? \"Toggle\",\n      };\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      role=\"switch\"\n      data-slot=\"toggle\"\n      aria-checked={resolved}\n      data-state={resolved ? \"checked\" : \"unchecked\"}\n      disabled={disabled}\n      className={cn(toggleTrackVariants({ size, appearance }), className)}\n      {...labeling}\n      onClick={() => {\n        if (!disabled) {\n          setChecked(!resolved);\n        }\n      }}\n      {...rest}\n    >\n      {labeledByChildren ? (\n        <span id={toggleLabelId} className=\"sr-only\">\n          {children}\n        </span>\n      ) : null}\n      <span\n        className={cn(\n          toggleThumbVariants({ size, thumbColor }),\n          \"absolute top-1/2 -translate-y-1/2 transition-[transform] duration-200 ease-out\",\n        )}\n        style={{ transform: `translateX(${resolved ? thumbShiftPx : 0}px)` }}\n      />\n    </button>\n  );\n}\n\nToggleBase.displayName = \"Toggle\";\n","// toggle.tsx — default static entry (no framer-motion)\nimport { ToggleBase } from \"./toggle-base\";\nimport type { ToggleProps } from \"./types\";\n\nexport function Toggle(props: ToggleProps) {\n  return <ToggleBase {...props} />;\n}\n\nToggle.displayName = \"Toggle\";\n"]}
+{"version":3,"sources":["../../src/ui/toggle/toggle.tsx"],"names":[],"mappings":";;;;;AAIO,SAAS,OAAO,KAAA,EAAoB;AACzC,EAAA,uBAAO,GAAA,CAAC,UAAA,EAAA,EAAY,GAAG,KAAA,EAAO,CAAA;AAChC;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"toggle.mjs","sourcesContent":["// toggle.tsx — default static entry (no framer-motion)\nimport { ToggleBase } from \"./toggle-base\";\nimport type { ToggleProps } from \"./types\";\n\nexport function Toggle(props: ToggleProps) {\n  return <ToggleBase {...props} />;\n}\n\nToggle.displayName = \"Toggle\";\n"]}

package/dist/ui/tooltip/animated.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkMM3P52WS_js = require('../../chunk-MM3P52WS.js');
+var chunkCL55KGDF_js = require('../../chunk-CL55KGDF.js');
 var chunkZS5756ZC_js = require('../../chunk-ZS5756ZC.js');
 var framerMotion = require('framer-motion');
 var jsxRuntime = require('react/jsx-runtime');
@@ -28,7 +28,7 @@ var TooltipContentAnimated = ({
   width,
   animation = "none"
 }) => {
-  const { open, position } = chunkMM3P52WS_js.useTooltip();
+  const { open, position } = chunkCL55KGDF_js.useTooltip();
   if (!open) return null;
   const positionStyles = {
     top: "bottom-full mb-2",
@@ -44,7 +44,7 @@ var TooltipContentAnimated = ({
       role: "tooltip",
       ...motionProps,
       className: chunkZS5756ZC_js.cn(
-        chunkMM3P52WS_js.tooltipVariants({ variant, size, width }),
+        chunkCL55KGDF_js.tooltipVariants({ variant, size, width }),
         positionStyles[position],
         className
       ),

package/dist/ui/tooltip/animated.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { useTooltip, tooltipVariants } from '../../chunk-M6FS7X54.mjs';
+import { useTooltip, tooltipVariants } from '../../chunk-ITVMSCOJ.mjs';
 import { cn } from '../../chunk-4D54YOL6.mjs';
 import { motion } from 'framer-motion';
 import { jsx } from 'react/jsx-runtime';

package/dist/ui/tooltip/variants.d.ts

@@ -1,6 +1,6 @@
 export declare const tooltipVariants: (props?: ({
-    variant?: "default" | "outline" | "glass" | "sky" | "emerald" | "rose" | "indigo" | "green" | "orange" | "pink" | "purple" | "teal" | "yellow" | "ghost" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-    width?: "sm" | "md" | "lg" | "xl" | "2xl" | "xs" | "fit" | null | undefined;
+    variant?: "default" | "outline" | "glass" | "sky" | "emerald" | "rose" | "indigo" | "green" | "orange" | "pink" | "purple" | "teal" | "yellow" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "ghost" | null | undefined;
+    size?: "md" | "sm" | "lg" | null | undefined;
+    width?: "md" | "sm" | "lg" | "xl" | "2xl" | "xs" | "fit" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //# sourceMappingURL=variants.d.ts.map

package/dist/ui/tooltip/variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/tooltip/variants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;;8EAyD3B,CAAC"}
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/tooltip/variants.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,eAAe;;;;8EAW1B,CAAC"}

package/dist/ui/tooltip.js

@@ -1,34 +1,34 @@
 "use client";
 'use strict';
 
-var chunkMM3P52WS_js = require('../chunk-MM3P52WS.js');
+var chunkCL55KGDF_js = require('../chunk-CL55KGDF.js');
 require('../chunk-ZS5756ZC.js');
 
 
 
 Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
-  get: function () { return chunkMM3P52WS_js.Tooltip; }
+  get: function () { return chunkCL55KGDF_js.Tooltip; }
 });
 Object.defineProperty(exports, "TooltipContent", {
   enumerable: true,
-  get: function () { return chunkMM3P52WS_js.TooltipContent; }
+  get: function () { return chunkCL55KGDF_js.TooltipContent; }
 });
 Object.defineProperty(exports, "TooltipContext", {
   enumerable: true,
-  get: function () { return chunkMM3P52WS_js.TooltipContext; }
+  get: function () { return chunkCL55KGDF_js.TooltipContext; }
 });
 Object.defineProperty(exports, "TooltipTrigger", {
   enumerable: true,
-  get: function () { return chunkMM3P52WS_js.TooltipTrigger; }
+  get: function () { return chunkCL55KGDF_js.TooltipTrigger; }
 });
 Object.defineProperty(exports, "tooltipVariants", {
   enumerable: true,
-  get: function () { return chunkMM3P52WS_js.tooltipVariants; }
+  get: function () { return chunkCL55KGDF_js.tooltipVariants; }
 });
 Object.defineProperty(exports, "useTooltip", {
   enumerable: true,
-  get: function () { return chunkMM3P52WS_js.useTooltip; }
+  get: function () { return chunkCL55KGDF_js.useTooltip; }
 });
 //# sourceMappingURL=tooltip.js.map
 //# sourceMappingURL=tooltip.js.map

package/dist/ui/tooltip.mjs

@@ -1,5 +1,5 @@
 "use client";
-export { Tooltip, TooltipContent, TooltipContext, TooltipTrigger, tooltipVariants, useTooltip } from '../chunk-M6FS7X54.mjs';
+export { Tooltip, TooltipContent, TooltipContext, TooltipTrigger, tooltipVariants, useTooltip } from '../chunk-ITVMSCOJ.mjs';
 import '../chunk-4D54YOL6.mjs';
 //# sourceMappingURL=tooltip.mjs.map
 //# sourceMappingURL=tooltip.mjs.map

package/dist/ui/typography/variants.d.ts

@@ -1,6 +1,5 @@
-/** Semantic text colors aligned with slate/cyan/violet accents used across the kit (dark-first). */
 export declare const typographyToneVariants: (props?: ({
-    tone?: "default" | "muted" | "gradient-cyan-violet" | "gradient-cyan-blue" | "error" | "secondary" | "destructive" | "success" | "warning" | "info" | "primary" | "accent" | "gradient-pink-violet" | "gradient-cyan-green" | "gradient-cyan-orange" | "gradient-cyan-red" | "gradient-cyan-purple" | "gradient-cyan-pink" | null | undefined;
+    tone?: "default" | "muted" | "gradient-cyan-violet" | "gradient-cyan-blue" | "secondary" | "destructive" | "error" | "success" | "warning" | "info" | "primary" | "accent" | "gradient-pink-violet" | "gradient-cyan-green" | "gradient-cyan-orange" | "gradient-cyan-red" | "gradient-cyan-purple" | "gradient-cyan-pink" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const headingLevelVariants: (props?: ({
     level?: 1 | 2 | 4 | 6 | 5 | 3 | null | undefined;
@@ -8,7 +7,6 @@ export declare const headingLevelVariants: (props?: ({
 export declare const textSizeVariants: (props?: ({
     size?: "base" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-/** Marker style for unordered lists; ignored when `ordered` is true (decimal numbering). */
 export declare const unorderedListMarkerVariants: (props?: ({
     marker?: "none" | "circle" | "disc" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/ui/typography/variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/typography/variants.ts"],"names":[],"mappings":"AAEA,oGAAoG;AACpG,eAAO,MAAM,sBAAsB;;8EAqCjC,CAAC;AAEH,eAAO,MAAM,oBAAoB;;8EAW/B,CAAC;AAEH,eAAO,MAAM,gBAAgB;;8EAW3B,CAAC;AAEH,4FAA4F;AAC5F,eAAO,MAAM,2BAA2B;;8EAWtC,CAAC;AAEH,eAAO,MAAM,mBAAmB,oFAAqC,CAAC"}
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/typography/variants.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,sBAAsB;;8EAOjC,CAAC;AAEH,eAAO,MAAM,oBAAoB;;8EAI/B,CAAC;AAEH,eAAO,MAAM,gBAAgB;;8EAO3B,CAAC;AAEH,eAAO,MAAM,2BAA2B;;8EAOtC,CAAC;AAEH,eAAO,MAAM,mBAAmB,oFAA0B,CAAC"}

package/dist/ui/typography.js

@@ -5,70 +5,80 @@ var chunkZS5756ZC_js = require('../chunk-ZS5756ZC.js');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 
+// src/design-system/typography.ts
+var zuiTypographyTones = {
+  default: "text-[color:var(--zui-typography-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-typography-default-fg-dark,oklch(98.4%_0.003_247.858))] border-[color:var(--zui-typography-default-border,#00000026)] dark:border-[color:var(--zui-typography-default-border-dark,#ffffff26)]",
+  muted: "text-[color:var(--zui-typography-muted-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-typography-muted-fg-dark,oklch(70.4%_0.04_256.788))] border-[color:var(--zui-typography-muted-border,#00000026)] dark:border-[color:var(--zui-typography-muted-border-dark,#ffffff26)]",
+  primary: "text-[color:var(--zui-typography-primary-fg,oklch(52%_0.105_223.128))] dark:text-[color:var(--zui-typography-primary-fg-dark,oklch(86.5%_0.127_207.078))] border-[color:var(--zui-typography-primary-border,oklch(86.5%_0.127_207.078_/_0.4))]",
+  secondary: "text-[color:var(--zui-typography-secondary-fg,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-typography-secondary-fg-dark,oklch(86.9%_0.022_252.894))] border-[color:var(--zui-typography-secondary-border,#00000026)] dark:border-[color:var(--zui-typography-secondary-border-dark,#ffffff26)]",
+  accent: "text-[color:var(--zui-typography-accent-fg,oklch(49.1%_0.27_292.581))] dark:text-[color:var(--zui-typography-accent-fg-dark,oklch(81.1%_0.111_293.571))] border-[color:var(--zui-typography-accent-border,oklch(81.1%_0.111_293.571_/_0.4))]",
+  destructive: "text-[color:var(--zui-typography-destructive-fg,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-typography-destructive-fg-dark,oklch(71.2%_0.194_13.428))] border-[color:var(--zui-typography-destructive-border,oklch(81%_0.117_11.638_/_0.4))]",
+  info: "text-[color:var(--zui-typography-info-fg,oklch(50%_0.134_242.749))] dark:text-[color:var(--zui-typography-info-fg-dark,oklch(82.8%_0.111_230.318))] border-[color:var(--zui-typography-info-border,oklch(82.8%_0.111_230.318_/_0.4))]",
+  success: "text-[color:var(--zui-typography-success-fg,oklch(50.8%_0.118_165.612))] dark:text-[color:var(--zui-typography-success-fg-dark,oklch(84.5%_0.143_164.978))] border-[color:var(--zui-typography-success-border,oklch(84.5%_0.143_164.978_/_0.4))]",
+  warning: "text-[color:var(--zui-typography-warning-fg,oklch(55.5%_0.163_48.998))] dark:text-[color:var(--zui-typography-warning-fg-dark,oklch(87.9%_0.169_91.605))] border-[color:var(--zui-typography-warning-border,oklch(87.9%_0.169_91.605_/_0.4))]",
+  error: "text-[color:var(--zui-typography-error-fg,oklch(50.5%_0.213_27.518))] dark:text-[color:var(--zui-typography-error-fg-dark,oklch(80.8%_0.114_19.571))] border-[color:var(--zui-typography-error-border,oklch(80.8%_0.114_19.571_/_0.4))]",
+  "gradient-pink-violet": "bg-linear-to-r from-[var(--zui-typography-gradient-pink-violet-from,oklch(59.2%_0.249_0.584))] dark:from-[var(--zui-typography-gradient-pink-violet-from-dark,oklch(71.8%_0.202_349.761))] to-[var(--zui-typography-gradient-pink-violet-to,oklch(54.1%_0.281_293.009))] dark:to-[var(--zui-typography-gradient-pink-violet-to-dark,oklch(70.2%_0.183_293.541))] bg-clip-text text-[color:var(--zui-typography-gradient-pink-violet-fg,transparent)] border-[color:var(--zui-typography-gradient-pink-violet-border,oklch(81.1%_0.111_293.571_/_0.4))]",
+  "gradient-cyan-violet": "bg-linear-to-r from-[var(--zui-typography-gradient-cyan-violet-from,oklch(60.9%_0.126_221.723))] dark:from-[var(--zui-typography-gradient-cyan-violet-from-dark,oklch(78.9%_0.154_211.53))] to-[var(--zui-typography-gradient-cyan-violet-to,oklch(54.1%_0.281_293.009))] dark:to-[var(--zui-typography-gradient-cyan-violet-to-dark,oklch(70.2%_0.183_293.541))] bg-clip-text text-[color:var(--zui-typography-gradient-cyan-violet-fg,transparent)] border-[color:var(--zui-typography-gradient-cyan-violet-border,oklch(81.1%_0.111_293.571_/_0.4))]",
+  "gradient-cyan-blue": "bg-linear-to-r from-[var(--zui-typography-gradient-cyan-blue-from,oklch(60.9%_0.126_221.723))] dark:from-[var(--zui-typography-gradient-cyan-blue-from-dark,oklch(78.9%_0.154_211.53))] to-[var(--zui-typography-gradient-cyan-blue-to,oklch(54.6%_0.245_262.881))] dark:to-[var(--zui-typography-gradient-cyan-blue-to-dark,oklch(70.7%_0.165_254.624))] bg-clip-text text-[color:var(--zui-typography-gradient-cyan-blue-fg,transparent)] border-[color:var(--zui-typography-gradient-cyan-blue-border,oklch(80.9%_0.105_251.813_/_0.4))]",
+  "gradient-cyan-green": "bg-linear-to-r from-[var(--zui-typography-gradient-cyan-green-from,oklch(60.9%_0.126_221.723))] dark:from-[var(--zui-typography-gradient-cyan-green-from-dark,oklch(78.9%_0.154_211.53))] to-[var(--zui-typography-gradient-cyan-green-to,oklch(62.7%_0.194_149.214))] dark:to-[var(--zui-typography-gradient-cyan-green-to-dark,oklch(79.2%_0.209_151.711))] bg-clip-text text-[color:var(--zui-typography-gradient-cyan-green-fg,transparent)] border-[color:var(--zui-typography-gradient-cyan-green-border,oklch(87.1%_0.15_154.449_/_0.4))]",
+  "gradient-cyan-orange": "bg-linear-to-r from-[var(--zui-typography-gradient-cyan-orange-from,oklch(60.9%_0.126_221.723))] dark:from-[var(--zui-typography-gradient-cyan-orange-from-dark,oklch(78.9%_0.154_211.53))] to-[var(--zui-typography-gradient-cyan-orange-to,oklch(64.6%_0.222_41.116))] dark:to-[var(--zui-typography-gradient-cyan-orange-to-dark,oklch(75%_0.183_55.934))] bg-clip-text text-[color:var(--zui-typography-gradient-cyan-orange-fg,transparent)] border-[color:var(--zui-typography-gradient-cyan-orange-border,oklch(83.7%_0.128_66.29_/_0.4))]",
+  "gradient-cyan-red": "bg-linear-to-r from-[var(--zui-typography-gradient-cyan-red-from,oklch(60.9%_0.126_221.723))] dark:from-[var(--zui-typography-gradient-cyan-red-from-dark,oklch(78.9%_0.154_211.53))] to-[var(--zui-typography-gradient-cyan-red-to,oklch(57.7%_0.245_27.325))] dark:to-[var(--zui-typography-gradient-cyan-red-to-dark,oklch(70.4%_0.191_22.216))] bg-clip-text text-[color:var(--zui-typography-gradient-cyan-red-fg,transparent)] border-[color:var(--zui-typography-gradient-cyan-red-border,oklch(80.8%_0.114_19.571_/_0.4))]",
+  "gradient-cyan-purple": "bg-linear-to-r from-[var(--zui-typography-gradient-cyan-purple-from,oklch(60.9%_0.126_221.723))] dark:from-[var(--zui-typography-gradient-cyan-purple-from-dark,oklch(78.9%_0.154_211.53))] to-[var(--zui-typography-gradient-cyan-purple-to,oklch(55.8%_0.288_302.321))] dark:to-[var(--zui-typography-gradient-cyan-purple-to-dark,oklch(71.4%_0.203_305.504))] bg-clip-text text-[color:var(--zui-typography-gradient-cyan-purple-fg,transparent)] border-[color:var(--zui-typography-gradient-cyan-purple-border,oklch(82.7%_0.119_306.383_/_0.4))]",
+  "gradient-cyan-pink": "bg-linear-to-r from-[var(--zui-typography-gradient-cyan-pink-from,oklch(60.9%_0.126_221.723))] dark:from-[var(--zui-typography-gradient-cyan-pink-from-dark,oklch(78.9%_0.154_211.53))] to-[var(--zui-typography-gradient-cyan-pink-to,oklch(59.2%_0.249_0.584))] dark:to-[var(--zui-typography-gradient-cyan-pink-to-dark,oklch(71.8%_0.202_349.761))] bg-clip-text text-[color:var(--zui-typography-gradient-cyan-pink-fg,transparent)] border-[color:var(--zui-typography-gradient-cyan-pink-border,oklch(82.3%_0.12_346.018_/_0.4))]"
+};
+var zuiHeadingBase = "scroll-m-20";
+var zuiHeadingLevels = {
+  1: "text-4xl font-bold tracking-tight md:text-5xl",
+  2: "text-3xl font-semibold tracking-tight",
+  3: "text-2xl font-semibold tracking-tight",
+  4: "text-xl font-semibold tracking-tight",
+  5: "text-lg font-medium",
+  6: "text-base font-medium"
+};
+var zuiTextSizes = {
+  sm: "text-sm leading-relaxed",
+  base: "text-base leading-relaxed",
+  lg: "text-lg leading-relaxed"
+};
+var zuiUnorderedListBase = "space-y-2 pl-5";
+var zuiUnorderedMarkers = {
+  disc: "list-disc",
+  circle: "[list-style-type:circle]",
+  none: "list-none pl-0"
+};
+var zuiOrderedListBase = "list-decimal space-y-2 pl-5";
+
+// src/ui/typography/variants.ts
 var typographyToneVariants = classVarianceAuthority.cva("", {
   variants: {
-    tone: {
-      default: "text-slate-900 dark:text-slate-50 border-black/15 dark:border-white/15",
-      muted: "text-slate-500 dark:text-slate-400 border-black/15 dark:border-white/15",
-      primary: "text-cyan-700 dark:text-cyan-300 border-cyan-300/40",
-      secondary: "text-slate-600 dark:text-slate-300 border-black/15 dark:border-white/15",
-      accent: "text-violet-700 dark:text-violet-300 border-violet-300/40",
-      destructive: "text-rose-600 dark:text-rose-400 border-rose-300/40",
-      info: "text-sky-700 dark:text-sky-300 border-sky-300/40",
-      success: "text-emerald-700 dark:text-emerald-300 border-emerald-300/40",
-      warning: "text-amber-700 dark:text-amber-300 border-amber-300/40",
-      error: "text-red-700 dark:text-red-300 border-red-300/40",
-      "gradient-pink-violet": "bg-linear-to-r from-pink-600 dark:from-pink-400 to-violet-600 dark:to-violet-400 bg-clip-text text-transparent border-violet-300/40",
-      "gradient-cyan-violet": "bg-linear-to-r from-cyan-600 dark:from-cyan-400 to-violet-600 dark:to-violet-400 bg-clip-text text-transparent border-violet-300/40",
-      "gradient-cyan-blue": "bg-linear-to-r from-cyan-600 dark:from-cyan-400 to-blue-600 dark:to-blue-400 bg-clip-text text-transparent border-blue-300/40",
-      "gradient-cyan-green": "bg-linear-to-r from-cyan-600 dark:from-cyan-400 to-green-600 dark:to-green-400 bg-clip-text text-transparent border-green-300/40",
-      "gradient-cyan-orange": "bg-linear-to-r from-cyan-600 dark:from-cyan-400 to-orange-600 dark:to-orange-400 bg-clip-text text-transparent border-orange-300/40",
-      "gradient-cyan-red": "bg-linear-to-r from-cyan-600 dark:from-cyan-400 to-red-600 dark:to-red-400 bg-clip-text text-transparent border-red-300/40",
-      "gradient-cyan-purple": "bg-linear-to-r from-cyan-600 dark:from-cyan-400 to-purple-600 dark:to-purple-400 bg-clip-text text-transparent border-purple-300/40",
-      "gradient-cyan-pink": "bg-linear-to-r from-cyan-600 dark:from-cyan-400 to-pink-600 dark:to-pink-400 bg-clip-text text-transparent border-pink-300/40"
-    }
+    tone: zuiTypographyTones
   },
   defaultVariants: {
     tone: "default"
   }
 });
-var headingLevelVariants = classVarianceAuthority.cva("scroll-m-20", {
+var headingLevelVariants = classVarianceAuthority.cva(zuiHeadingBase, {
   variants: {
-    level: {
-      1: "text-4xl font-bold tracking-tight md:text-5xl",
-      2: "text-3xl font-semibold tracking-tight",
-      3: "text-2xl font-semibold tracking-tight",
-      4: "text-xl font-semibold tracking-tight",
-      5: "text-lg font-medium",
-      6: "text-base font-medium"
-    }
+    level: zuiHeadingLevels
   }
 });
 var textSizeVariants = classVarianceAuthority.cva("", {
   variants: {
-    size: {
-      sm: "text-sm leading-relaxed",
-      base: "text-base leading-relaxed",
-      lg: "text-lg leading-relaxed"
-    }
+    size: zuiTextSizes
   },
   defaultVariants: {
     size: "base"
   }
 });
-var unorderedListMarkerVariants = classVarianceAuthority.cva("space-y-2 pl-5", {
+var unorderedListMarkerVariants = classVarianceAuthority.cva(zuiUnorderedListBase, {
   variants: {
-    marker: {
-      disc: "list-disc",
-      circle: "[list-style-type:circle]",
-      none: "list-none pl-0"
-    }
+    marker: zuiUnorderedMarkers
   },
   defaultVariants: {
     marker: "disc"
   }
 });
-var orderedListVariants = classVarianceAuthority.cva("list-decimal space-y-2 pl-5");
+var orderedListVariants = classVarianceAuthority.cva(zuiOrderedListBase);
 var HEADING_TAGS = {
   1: "h1",
   2: "h2",