@zentauri-ui/zentauri-components 1.9.0 → 1.9.2

package/dist/chunk-QDHARZDN.js

@@ -0,0 +1,129 @@
+'use strict';
+
+var chunkY7NRTCAT_js = require('./chunk-Y7NRTCAT.js');
+var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+var dividerToneVariants = classVarianceAuthority.cva("", {
+  variants: {
+    appearance: chunkY7NRTCAT_js.zuiDividerAppearances
+  },
+  defaultVariants: { appearance: "default" }
+});
+var dividerVariants = classVarianceAuthority.cva(chunkY7NRTCAT_js.zuiDividerBase, {
+  variants: {
+    appearance: chunkY7NRTCAT_js.zuiDividerAppearances,
+    orientation: chunkY7NRTCAT_js.zuiDividerOrientations,
+    size: chunkY7NRTCAT_js.zuiDividerSizes
+  },
+  compoundVariants: [
+    { orientation: "horizontal", size: "sm", class: "min-h-px" },
+    { orientation: "horizontal", size: "md", class: "min-h-[2px]" },
+    { orientation: "horizontal", size: "lg", class: "min-h-[3px]" },
+    { orientation: "vertical", size: "sm", class: "min-w-px" },
+    { orientation: "vertical", size: "md", class: "min-w-[2px]" },
+    { orientation: "vertical", size: "lg", class: "min-w-[3px]" }
+  ],
+  defaultVariants: {
+    appearance: "default",
+    orientation: "horizontal",
+    size: "md"
+  }
+});
+var dividerLineVariants = classVarianceAuthority.cva(chunkY7NRTCAT_js.zuiDividerLineBase, {
+  variants: {
+    orientation: chunkY7NRTCAT_js.zuiDividerLineOrientations,
+    size: chunkY7NRTCAT_js.zuiDividerSizes
+  },
+  compoundVariants: [
+    { orientation: "horizontal", size: "sm", class: "h-px" },
+    { orientation: "horizontal", size: "md", class: "h-0.5" },
+    { orientation: "horizontal", size: "lg", class: "h-1" },
+    { orientation: "vertical", size: "sm", class: "w-px" },
+    { orientation: "vertical", size: "md", class: "w-0.5" },
+    { orientation: "vertical", size: "lg", class: "w-1" }
+  ],
+  defaultVariants: {
+    orientation: "horizontal",
+    size: "md"
+  }
+});
+var dividerLabelVariants = classVarianceAuthority.cva(chunkY7NRTCAT_js.zuiDividerLabelBase);
+function DividerBase({
+  className,
+  appearance,
+  orientation,
+  size,
+  label,
+  children,
+  ref,
+  as: Wrapper = "div",
+  ...rest
+}) {
+  const slot = label ?? children;
+  if (!slot) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Wrapper,
+      {
+        ref,
+        "data-slot": "divider",
+        role: "separator",
+        "aria-orientation": orientation === "vertical" ? "vertical" : "horizontal",
+        className: chunkZS5756ZC_js.cn(
+          dividerToneVariants({ appearance }),
+          orientation === "horizontal" ? "flex w-full min-h-px flex-row items-stretch" : "flex h-full min-h-8 w-auto min-w-0 items-stretch self-stretch",
+          className
+        ),
+        ...rest,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: chunkZS5756ZC_js.cn(dividerLineVariants({ orientation, size })),
+            "aria-hidden": true
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Wrapper,
+    {
+      ref,
+      "data-slot": "divider",
+      role: "separator",
+      "aria-orientation": orientation === "vertical" ? "vertical" : "horizontal",
+      className: chunkZS5756ZC_js.cn(
+        dividerVariants({ appearance, orientation, size }),
+        className
+      ),
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: chunkZS5756ZC_js.cn(dividerLineVariants({ orientation, size })),
+            "aria-hidden": true
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": "divider-label", className: dividerLabelVariants(), children: slot }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: chunkZS5756ZC_js.cn(dividerLineVariants({ orientation, size })),
+            "aria-hidden": true
+          }
+        )
+      ]
+    }
+  );
+}
+DividerBase.displayName = "Divider";
+
+exports.DividerBase = DividerBase;
+exports.dividerLabelVariants = dividerLabelVariants;
+exports.dividerLineVariants = dividerLineVariants;
+exports.dividerToneVariants = dividerToneVariants;
+exports.dividerVariants = dividerVariants;
+//# sourceMappingURL=chunk-QDHARZDN.js.map
+//# sourceMappingURL=chunk-QDHARZDN.js.map

package/dist/chunk-QDHARZDN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/divider/variants.ts","../src/ui/divider/divider-base.tsx"],"names":["cva","zuiDividerAppearances","zuiDividerBase","zuiDividerOrientations","zuiDividerSizes","zuiDividerLineBase","zuiDividerLineOrientations","zuiDividerLabelBase","jsx","cn","jsxs"],"mappings":";;;;;;;AAYO,IAAM,mBAAA,GAAsBA,2BAAI,EAAA,EAAI;AAAA,EACzC,QAAA,EAAU;AAAA,IACR,UAAA,EAAYC;AAAA,GACd;AAAA,EACA,eAAA,EAAiB,EAAE,UAAA,EAAY,SAAA;AACjC,CAAC;AAEM,IAAM,eAAA,GAAkBD,2BAAIE,+BAAA,EAAgB;AAAA,EACjD,QAAA,EAAU;AAAA,IACR,UAAA,EAAYD,sCAAA;AAAA,IACZ,WAAA,EAAaE,uCAAA;AAAA,IACb,IAAA,EAAMC;AAAA,GACR;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB,EAAE,WAAA,EAAa,YAAA,EAAc,IAAA,EAAM,IAAA,EAAM,OAAO,UAAA,EAAW;AAAA,IAC3D,EAAE,WAAA,EAAa,YAAA,EAAc,IAAA,EAAM,IAAA,EAAM,OAAO,aAAA,EAAc;AAAA,IAC9D,EAAE,WAAA,EAAa,YAAA,EAAc,IAAA,EAAM,IAAA,EAAM,OAAO,aAAA,EAAc;AAAA,IAC9D,EAAE,WAAA,EAAa,UAAA,EAAY,IAAA,EAAM,IAAA,EAAM,OAAO,UAAA,EAAW;AAAA,IACzD,EAAE,WAAA,EAAa,UAAA,EAAY,IAAA,EAAM,IAAA,EAAM,OAAO,aAAA,EAAc;AAAA,IAC5D,EAAE,WAAA,EAAa,UAAA,EAAY,IAAA,EAAM,IAAA,EAAM,OAAO,aAAA;AAAc,GAC9D;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,WAAA,EAAa,YAAA;AAAA,IACb,IAAA,EAAM;AAAA;AAEV,CAAC;AAEM,IAAM,mBAAA,GAAsBJ,2BAAIK,mCAAA,EAAoB;AAAA,EACzD,QAAA,EAAU;AAAA,IACR,WAAA,EAAaC,2CAAA;AAAA,IACb,IAAA,EAAMF;AAAA,GACR;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB,EAAE,WAAA,EAAa,YAAA,EAAc,IAAA,EAAM,IAAA,EAAM,OAAO,MAAA,EAAO;AAAA,IACvD,EAAE,WAAA,EAAa,YAAA,EAAc,IAAA,EAAM,IAAA,EAAM,OAAO,OAAA,EAAQ;AAAA,IACxD,EAAE,WAAA,EAAa,YAAA,EAAc,IAAA,EAAM,IAAA,EAAM,OAAO,KAAA,EAAM;AAAA,IACtD,EAAE,WAAA,EAAa,UAAA,EAAY,IAAA,EAAM,IAAA,EAAM,OAAO,MAAA,EAAO;AAAA,IACrD,EAAE,WAAA,EAAa,UAAA,EAAY,IAAA,EAAM,IAAA,EAAM,OAAO,OAAA,EAAQ;AAAA,IACtD,EAAE,WAAA,EAAa,UAAA,EAAY,IAAA,EAAM,IAAA,EAAM,OAAO,KAAA;AAAM,GACtD;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,WAAA,EAAa,YAAA;AAAA,IACb,IAAA,EAAM;AAAA;AAEV,CAAC;AAEM,IAAM,oBAAA,GAAuBJ,2BAAIO,oCAAmB;AC/CpD,SAAS,WAAA,CAAY;AAAA,EAC1B,SAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAA;AAAA,EACA,IAAI,OAAA,GAAU,KAAA;AAAA,EACd,GAAG;AACL,CAAA,EAAqB;AACnB,EAAA,MAAM,OAAO,KAAA,IAAS,QAAA;AAEtB,EAAA,IAAI,CAAC,IAAA,EAAM;AACT,IAAA,uBACEC,cAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,WAAA,EAAU,SAAA;AAAA,QACV,IAAA,EAAK,WAAA;AAAA,QACL,kBAAA,EACE,WAAA,KAAgB,UAAA,GAAa,UAAA,GAAa,YAAA;AAAA,QAE5C,SAAA,EAAWC,mBAAA;AAAA,UACT,mBAAA,CAAoB,EAAE,UAAA,EAAY,CAAA;AAAA,UAClC,WAAA,KAAgB,eACZ,6CAAA,GACA,+DAAA;AAAA,UACJ;AAAA,SACF;AAAA,QACC,GAAG,IAAA;AAAA,QAEJ,QAAA,kBAAAD,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,WAAWC,mBAAA,CAAG,mBAAA,CAAoB,EAAE,WAAA,EAAa,IAAA,EAAM,CAAC,CAAA;AAAA,YACxD,aAAA,EAAW;AAAA;AAAA;AACb;AAAA,KACF;AAAA,EAEJ;AAEA,EAAA,uBACEC,eAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,SAAA;AAAA,MACV,IAAA,EAAK,WAAA;AAAA,MACL,kBAAA,EAAkB,WAAA,KAAgB,UAAA,GAAa,UAAA,GAAa,YAAA;AAAA,MAC5D,SAAA,EAAWD,mBAAA;AAAA,QACT,eAAA,CAAgB,EAAE,UAAA,EAAY,WAAA,EAAa,MAAM,CAAA;AAAA,QACjD;AAAA,OACF;AAAA,MACC,GAAG,IAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAAD,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,WAAWC,mBAAA,CAAG,mBAAA,CAAoB,EAAE,WAAA,EAAa,IAAA,EAAM,CAAC,CAAA;AAAA,YACxD,aAAA,EAAW;AAAA;AAAA,SACb;AAAA,uCACC,MAAA,EAAA,EAAK,WAAA,EAAU,iBAAgB,SAAA,EAAW,oBAAA,IACxC,QAAA,EAAA,IAAA,EACH,CAAA;AAAA,wBACAD,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,WAAWC,mBAAA,CAAG,mBAAA,CAAoB,EAAE,WAAA,EAAa,IAAA,EAAM,CAAC,CAAA;AAAA,YACxD,aAAA,EAAW;AAAA;AAAA;AACb;AAAA;AAAA,GACF;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,SAAA","file":"chunk-QDHARZDN.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiDividerAppearances,\n  zuiDividerBase,\n  zuiDividerLabelBase,\n  zuiDividerLineBase,\n  zuiDividerLineOrientations,\n  zuiDividerOrientations,\n  zuiDividerSizes,\n} from \"../../design-system/divider\";\n\nexport const dividerToneVariants = cva(\"\", {\n  variants: {\n    appearance: zuiDividerAppearances,\n  },\n  defaultVariants: { appearance: \"default\" },\n});\n\nexport const dividerVariants = cva(zuiDividerBase, {\n  variants: {\n    appearance: zuiDividerAppearances,\n    orientation: zuiDividerOrientations,\n    size: zuiDividerSizes,\n  },\n  compoundVariants: [\n    { orientation: \"horizontal\", size: \"sm\", class: \"min-h-px\" },\n    { orientation: \"horizontal\", size: \"md\", class: \"min-h-[2px]\" },\n    { orientation: \"horizontal\", size: \"lg\", class: \"min-h-[3px]\" },\n    { orientation: \"vertical\", size: \"sm\", class: \"min-w-px\" },\n    { orientation: \"vertical\", size: \"md\", class: \"min-w-[2px]\" },\n    { orientation: \"vertical\", size: \"lg\", class: \"min-w-[3px]\" },\n  ],\n  defaultVariants: {\n    appearance: \"default\",\n    orientation: \"horizontal\",\n    size: \"md\",\n  },\n});\n\nexport const dividerLineVariants = cva(zuiDividerLineBase, {\n  variants: {\n    orientation: zuiDividerLineOrientations,\n    size: zuiDividerSizes,\n  },\n  compoundVariants: [\n    { orientation: \"horizontal\", size: \"sm\", class: \"h-px\" },\n    { orientation: \"horizontal\", size: \"md\", class: \"h-0.5\" },\n    { orientation: \"horizontal\", size: \"lg\", class: \"h-1\" },\n    { orientation: \"vertical\", size: \"sm\", class: \"w-px\" },\n    { orientation: \"vertical\", size: \"md\", class: \"w-0.5\" },\n    { orientation: \"vertical\", size: \"lg\", class: \"w-1\" },\n  ],\n  defaultVariants: {\n    orientation: \"horizontal\",\n    size: \"md\",\n  },\n});\n\nexport const dividerLabelVariants = cva(zuiDividerLabelBase);\n","\"use client\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { DividerBaseProps } from \"./types\";\nimport {\n  dividerLabelVariants,\n  dividerLineVariants,\n  dividerToneVariants,\n  dividerVariants,\n} from \"./variants\";\n\nexport function DividerBase({\n  className,\n  appearance,\n  orientation,\n  size,\n  label,\n  children,\n  ref,\n  as: Wrapper = \"div\",\n  ...rest\n}: DividerBaseProps) {\n  const slot = label ?? children;\n\n  if (!slot) {\n    return (\n      <Wrapper\n        ref={ref}\n        data-slot=\"divider\"\n        role=\"separator\"\n        aria-orientation={\n          orientation === \"vertical\" ? \"vertical\" : \"horizontal\"\n        }\n        className={cn(\n          dividerToneVariants({ appearance }),\n          orientation === \"horizontal\"\n            ? \"flex w-full min-h-px flex-row items-stretch\"\n            : \"flex h-full min-h-8 w-auto min-w-0 items-stretch self-stretch\",\n          className,\n        )}\n        {...rest}\n      >\n        <span\n          className={cn(dividerLineVariants({ orientation, size }))}\n          aria-hidden\n        />\n      </Wrapper>\n    );\n  }\n\n  return (\n    <Wrapper\n      ref={ref}\n      data-slot=\"divider\"\n      role=\"separator\"\n      aria-orientation={orientation === \"vertical\" ? \"vertical\" : \"horizontal\"}\n      className={cn(\n        dividerVariants({ appearance, orientation, size }),\n        className,\n      )}\n      {...rest}\n    >\n      <span\n        className={cn(dividerLineVariants({ orientation, size }))}\n        aria-hidden\n      />\n      <span data-slot=\"divider-label\" className={dividerLabelVariants()}>\n        {slot}\n      </span>\n      <span\n        className={cn(dividerLineVariants({ orientation, size }))}\n        aria-hidden\n      />\n    </Wrapper>\n  );\n}\n\nDividerBase.displayName = \"Divider\";\n"]}

package/dist/chunk-QIUVXTLE.mjs

@@ -0,0 +1,60 @@
+import { zuiRadioGroupRootBase, zuiRadioGroupOrientations, zuiRadioGroupItemBase, zuiRadioGroupSizes, zuiRadioGroupControlBase, zuiRadioGroupAppearances, zuiRadioGroupIndicatorBase } from './chunk-YDKAE7RM.mjs';
+import { cva } from 'class-variance-authority';
+import { createContext, useContext } from 'react';
+
+var radioGroupRootVariants = cva(zuiRadioGroupRootBase, {
+  variants: {
+    orientation: zuiRadioGroupOrientations
+  },
+  defaultVariants: {
+    orientation: "vertical"
+  }
+});
+var radioGroupItemVariants = cva(zuiRadioGroupItemBase, {
+  variants: {
+    size: {
+      sm: zuiRadioGroupSizes.sm.item,
+      md: zuiRadioGroupSizes.md.item,
+      lg: zuiRadioGroupSizes.lg.item
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var radioGroupControlVariants = cva(zuiRadioGroupControlBase, {
+  variants: {
+    appearance: zuiRadioGroupAppearances,
+    size: {
+      sm: zuiRadioGroupSizes.sm.control,
+      md: zuiRadioGroupSizes.md.control,
+      lg: zuiRadioGroupSizes.lg.control
+    }
+  },
+  defaultVariants: {
+    appearance: "default",
+    size: "md"
+  }
+});
+var radioGroupIndicatorVariants = cva(zuiRadioGroupIndicatorBase, {
+  variants: {
+    size: {
+      sm: zuiRadioGroupSizes.sm.indicator,
+      md: zuiRadioGroupSizes.md.indicator,
+      lg: zuiRadioGroupSizes.lg.indicator
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var RadioGroupContext = createContext(
+  null
+);
+function useRadioGroupContext() {
+  return useContext(RadioGroupContext);
+}
+
+export { RadioGroupContext, radioGroupControlVariants, radioGroupIndicatorVariants, radioGroupItemVariants, radioGroupRootVariants, useRadioGroupContext };
+//# sourceMappingURL=chunk-QIUVXTLE.mjs.map
+//# sourceMappingURL=chunk-QIUVXTLE.mjs.map

package/dist/chunk-QIUVXTLE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/radio-group/variants.ts","../src/ui/radio-group/radio-group-context.ts"],"names":[],"mappings":";;;;AAYO,IAAM,sBAAA,GAAyB,IAAI,qBAAA,EAAuB;AAAA,EAC/D,QAAA,EAAU;AAAA,IACR,WAAA,EAAa;AAAA,GACf;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,WAAA,EAAa;AAAA;AAEjB,CAAC;AAEM,IAAM,sBAAA,GAAyB,IAAI,qBAAA,EAAuB;AAAA,EAC/D,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,mBAAmB,EAAA,CAAG,IAAA;AAAA,MAC1B,EAAA,EAAI,mBAAmB,EAAA,CAAG,IAAA;AAAA,MAC1B,EAAA,EAAI,mBAAmB,EAAA,CAAG;AAAA;AAC5B,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC;AAEM,IAAM,yBAAA,GAA4B,IAAI,wBAAA,EAA0B;AAAA,EACrE,QAAA,EAAU;AAAA,IACR,UAAA,EAAY,wBAAA;AAAA,IACZ,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,mBAAmB,EAAA,CAAG,OAAA;AAAA,MAC1B,EAAA,EAAI,mBAAmB,EAAA,CAAG,OAAA;AAAA,MAC1B,EAAA,EAAI,mBAAmB,EAAA,CAAG;AAAA;AAC5B,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC;AAEM,IAAM,2BAAA,GAA8B,IAAI,0BAAA,EAA4B;AAAA,EACzE,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,mBAAmB,EAAA,CAAG,SAAA;AAAA,MAC1B,EAAA,EAAI,mBAAmB,EAAA,CAAG,SAAA;AAAA,MAC1B,EAAA,EAAI,mBAAmB,EAAA,CAAG;AAAA;AAC5B,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC;AC5CM,IAAM,iBAAA,GAAoB,aAAA;AAAA,EAC/B;AACF;AAEO,SAAS,oBAAA,GAAuB;AACrC,EAAA,OAAO,WAAW,iBAAiB,CAAA;AACrC","file":"chunk-QIUVXTLE.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiRadioGroupAppearances,\n  zuiRadioGroupControlBase,\n  zuiRadioGroupIndicatorBase,\n  zuiRadioGroupItemBase,\n  zuiRadioGroupOrientations,\n  zuiRadioGroupRootBase,\n  zuiRadioGroupSizes,\n} from \"../../design-system/radio-group\";\n\nexport const radioGroupRootVariants = cva(zuiRadioGroupRootBase, {\n  variants: {\n    orientation: zuiRadioGroupOrientations,\n  },\n  defaultVariants: {\n    orientation: \"vertical\",\n  },\n});\n\nexport const radioGroupItemVariants = cva(zuiRadioGroupItemBase, {\n  variants: {\n    size: {\n      sm: zuiRadioGroupSizes.sm.item,\n      md: zuiRadioGroupSizes.md.item,\n      lg: zuiRadioGroupSizes.lg.item,\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport const radioGroupControlVariants = cva(zuiRadioGroupControlBase, {\n  variants: {\n    appearance: zuiRadioGroupAppearances,\n    size: {\n      sm: zuiRadioGroupSizes.sm.control,\n      md: zuiRadioGroupSizes.md.control,\n      lg: zuiRadioGroupSizes.lg.control,\n    },\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n\nexport const radioGroupIndicatorVariants = cva(zuiRadioGroupIndicatorBase, {\n  variants: {\n    size: {\n      sm: zuiRadioGroupSizes.sm.indicator,\n      md: zuiRadioGroupSizes.md.indicator,\n      lg: zuiRadioGroupSizes.lg.indicator,\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n","\"use client\";\n\nimport { createContext, useContext } from \"react\";\n\nimport type { RadioGroupAppearance, RadioGroupSize } from \"./types\";\n\nexport type RadioGroupContextValue = {\n  value: string | undefined;\n  name: string;\n  disabled?: boolean;\n  required?: boolean;\n  appearance?: RadioGroupAppearance;\n  size?: RadioGroupSize;\n  onValueChange: (value: string) => void;\n};\n\nexport const RadioGroupContext = createContext<RadioGroupContextValue | null>(\n  null,\n);\n\nexport function useRadioGroupContext() {\n  return useContext(RadioGroupContext);\n}\n"]}

package/dist/chunk-QKZR2UTL.mjs

@@ -0,0 +1,125 @@
+import { zuiToggleTrackBase, zuiToggleTrackAppearances, zuiToggleTrackSizes, zuiToggleThumbBase, zuiToggleThumbColors, zuiToggleThumbSizes } from './chunk-IULYVARJ.mjs';
+import { cn } from './chunk-4D54YOL6.mjs';
+import { cva } from 'class-variance-authority';
+import { useId, useState, useCallback } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var toggleTrackVariants = cva(zuiToggleTrackBase, {
+  variants: {
+    size: zuiToggleTrackSizes,
+    appearance: zuiToggleTrackAppearances
+  },
+  defaultVariants: {
+    size: "md",
+    appearance: "default"
+  }
+});
+var toggleThumbVariants = cva(zuiToggleThumbBase, {
+  variants: {
+    size: zuiToggleThumbSizes,
+    thumbColor: zuiToggleThumbColors
+  },
+  defaultVariants: {
+    size: "md",
+    thumbColor: "default"
+  }
+});
+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" ? 16 : size === "lg" ? 24 : 20;
+  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: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "sr-only",
+            id: labeledByChildren ? toggleLabelId : void 0,
+            children
+          }
+        ),
+        /* @__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";
+
+export { ToggleBase, hasToggleLabelChildren, toggleThumbVariants, toggleTrackVariants };
+//# sourceMappingURL=chunk-QKZR2UTL.mjs.map
+//# sourceMappingURL=chunk-QKZR2UTL.mjs.map

package/dist/chunk-QKZR2UTL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/toggle/variants.ts","../src/ui/toggle/toggle-base.tsx"],"names":[],"mappings":"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","file":"chunk-QKZR2UTL.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiToggleThumbBase,\n  zuiToggleThumbColors,\n  zuiToggleThumbSizes,\n  zuiToggleTrackAppearances,\n  zuiToggleTrackBase,\n  zuiToggleTrackSizes,\n} from \"../../design-system/toggle\";\n\nexport const toggleTrackVariants = cva(zuiToggleTrackBase, {\n  variants: {\n    size: zuiToggleTrackSizes,\n    appearance: zuiToggleTrackAppearances,\n  },\n  defaultVariants: {\n    size: \"md\",\n    appearance: \"default\",\n  },\n});\n\nexport const toggleThumbVariants = cva(zuiToggleThumbBase, {\n  variants: {\n    size: zuiToggleThumbSizes,\n    thumbColor: zuiToggleThumbColors,\n  },\n  defaultVariants: {\n    size: \"md\",\n    thumbColor: \"default\",\n  },\n});\n","\"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\nexport function 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\" ? 16 : size === \"lg\" ? 24 : 20;\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      <span\n        className=\"sr-only\"\n        id={labeledByChildren ? toggleLabelId : undefined}\n      >\n        {children}\n      </span>\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"]}

package/dist/{chunk-EZCYSFML.mjs → chunk-QTFOUK4H.js}

@@ -1,7 +1,4 @@
-import { cn } from './chunk-4D54YOL6.mjs';
-import { cva } from 'class-variance-authority';
-import { createContext, useMemo, useContext } from 'react';
-import { jsx } from 'react/jsx-runtime';
+'use strict';
 
 // src/design-system/card.ts
 var zuiCardBase = [
@@ -15,6 +12,27 @@ var zuiCardAppearances = {
   outline: "border border-[color:var(--zui-card-outline-border,#00000026)] dark:border-[color:var(--zui-card-outline-border-dark,#ffffff26)] bg-[var(--zui-card-outline-bg,transparent)] dark:bg-[var(--zui-card-outline-bg-dark,transparent)]",
   ghost: "border border-[color:var(--zui-card-ghost-border,transparent)] dark:border-[color:var(--zui-card-ghost-border-dark,transparent)] bg-[var(--zui-card-ghost-bg,transparent)] dark:bg-[var(--zui-card-ghost-bg-dark,transparent)]",
   elevated: "border border-[color:var(--zui-card-elevated-border,#0000001a)] dark:border-[color:var(--zui-card-elevated-border-dark,#ffffff1a)] bg-[var(--zui-card-elevated-bg,oklch(96.8%_0.007_247.896_/_0.8))] dark:bg-[var(--zui-card-elevated-bg-dark,oklch(20.8%_0.042_265.755_/_0.8))] shadow-[var(--zui-card-elevated-shadow,0_12px_32px_rgba(15,23,42,0.12))] dark:shadow-[var(--zui-card-elevated-shadow-dark,0_24px_64px_rgba(15,23,42,0.45))]",
+  blue: "border border-[color:var(--zui-card-blue-border,#2563eb)] dark:border-[color:var(--zui-card-blue-border-dark,#3b82f6)] bg-[var(--zui-card-blue-bg,#2563eb1a)] dark:bg-[var(--zui-card-blue-bg-dark,#3b82f626)] backdrop-blur-xl",
+  cyan: "border border-[color:var(--zui-card-cyan-border,#0891b2)] dark:border-[color:var(--zui-card-cyan-border-dark,#22d3ee)] bg-[var(--zui-card-cyan-bg,#0891b21a)] dark:bg-[var(--zui-card-cyan-bg-dark,#22d3ee26)] backdrop-blur-xl",
+  green: "border border-[color:var(--zui-card-green-border,#16a34a)] dark:border-[color:var(--zui-card-green-border-dark,#22c55e)] bg-[var(--zui-card-green-bg,#16a34a1a)] dark:bg-[var(--zui-card-green-bg-dark,#22c55e26)] backdrop-blur-xl",
+  lime: "border border-[color:var(--zui-card-lime-border,#65a30d)] dark:border-[color:var(--zui-card-lime-border-dark,#a3e635)] bg-[var(--zui-card-lime-bg,#65a30d1a)] dark:bg-[var(--zui-card-lime-bg-dark,#a3e63526)] backdrop-blur-xl",
+  mint: "border border-[color:var(--zui-card-mint-border,#10b981)] dark:border-[color:var(--zui-card-mint-border-dark,#6ee7b7)] bg-[var(--zui-card-mint-bg,#10b9811a)] dark:bg-[var(--zui-card-mint-bg-dark,#6ee7b726)] backdrop-blur-xl",
+  ocean: "border border-[color:var(--zui-card-ocean-border,#0284c7)] dark:border-[color:var(--zui-card-ocean-border-dark,#38bdf8)] bg-[var(--zui-card-ocean-bg,#0284c71a)] dark:bg-[var(--zui-card-ocean-bg-dark,#38bdf826)] backdrop-blur-xl",
+  sapphire: "border border-[color:var(--zui-card-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-card-sapphire-border-dark,#60a5fa)] bg-[var(--zui-card-sapphire-bg,#1d4ed81a)] dark:bg-[var(--zui-card-sapphire-bg-dark,#60a5fa26)] backdrop-blur-xl",
+  lavender: "border border-[color:var(--zui-card-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-card-lavender-border-dark,#a78bfa)] bg-[var(--zui-card-lavender-bg,#8b5cf61a)] dark:bg-[var(--zui-card-lavender-bg-dark,#a78bfa26)] backdrop-blur-xl",
+  ruby: "border border-[color:var(--zui-card-ruby-border,#be123c)] dark:border-[color:var(--zui-card-ruby-border-dark,#fb7185)] bg-[var(--zui-card-ruby-bg,#be123c1a)] dark:bg-[var(--zui-card-ruby-bg-dark,#fb718526)] backdrop-blur-xl",
+  red: "border border-[color:var(--zui-card-red-border,#dc2626)] dark:border-[color:var(--zui-card-red-border-dark,#ef4444)] bg-[var(--zui-card-red-bg,#dc26261a)] dark:bg-[var(--zui-card-red-bg-dark,#ef444426)] backdrop-blur-xl",
+  slate: "border border-[color:var(--zui-card-slate-border,#475569)] dark:border-[color:var(--zui-card-slate-border-dark,#64748b)] bg-[var(--zui-card-slate-bg,#4755691a)] dark:bg-[var(--zui-card-slate-bg-dark,#64748b26)] backdrop-blur-xl",
+  zinc: "border border-[color:var(--zui-card-zinc-border,#52525b)] dark:border-[color:var(--zui-card-zinc-border-dark,#71717a)] bg-[var(--zui-card-zinc-bg,#52525b1a)] dark:bg-[var(--zui-card-zinc-bg-dark,#71717a26)] backdrop-blur-xl",
+  stone: "border border-[color:var(--zui-card-stone-border,#57534e)] dark:border-[color:var(--zui-card-stone-border-dark,#78716c)] bg-[var(--zui-card-stone-bg,#57534e1a)] dark:bg-[var(--zui-card-stone-bg-dark,#78716c26)] backdrop-blur-xl",
+  royal: "border border-[color:var(--zui-card-royal-border,#4338ca)] dark:border-[color:var(--zui-card-royal-border-dark,#818cf8)] bg-[var(--zui-card-royal-bg,#4338ca1a)] dark:bg-[var(--zui-card-royal-bg-dark,#818cf826)] backdrop-blur-xl",
+  electric: "border border-[color:var(--zui-card-electric-border,#0ea5e9)] dark:border-[color:var(--zui-card-electric-border-dark,#38bdf8)] bg-[var(--zui-card-electric-bg,#0ea5e91a)] dark:bg-[var(--zui-card-electric-bg-dark,#38bdf826)] backdrop-blur-xl",
+  forest: "border border-[color:var(--zui-card-forest-border,#166534)] dark:border-[color:var(--zui-card-forest-border-dark,#4ade80)] bg-[var(--zui-card-forest-bg,#1665341a)] dark:bg-[var(--zui-card-forest-bg-dark,#4ade8026)] backdrop-blur-xl",
+  sunset: "border border-[color:var(--zui-card-sunset-border,#ea580c)] dark:border-[color:var(--zui-card-sunset-border-dark,#fb923c)] bg-[var(--zui-card-sunset-bg,#ea580c1a)] dark:bg-[var(--zui-card-sunset-bg-dark,#fb923c26)] backdrop-blur-xl",
+  magenta: "border border-[color:var(--zui-card-magenta-border,#c026d3)] dark:border-[color:var(--zui-card-magenta-border-dark,#e879f9)] bg-[var(--zui-card-magenta-bg,#c026d31a)] dark:bg-[var(--zui-card-magenta-bg-dark,#e879f926)] backdrop-blur-xl",
+  crimson: "border border-[color:var(--zui-card-crimson-border,#b91c1c)] dark:border-[color:var(--zui-card-crimson-border-dark,#f87171)] bg-[var(--zui-card-crimson-bg,#b91c1c1a)] dark:bg-[var(--zui-card-crimson-bg-dark,#f8717126)] backdrop-blur-xl",
+  aqua: "border border-[color:var(--zui-card-aqua-border,#0f766e)] dark:border-[color:var(--zui-card-aqua-border-dark,#2dd4bf)] bg-[var(--zui-card-aqua-bg,#0f766e1a)] dark:bg-[var(--zui-card-aqua-bg-dark,#2dd4bf26)] backdrop-blur-xl",
+  plum: "border border-[color:var(--zui-card-plum-border,#7e22ce)] dark:border-[color:var(--zui-card-plum-border-dark,#c084fc)] bg-[var(--zui-card-plum-bg,#7e22ce1a)] dark:bg-[var(--zui-card-plum-bg-dark,#c084fc26)] backdrop-blur-xl",
   sky: "border border-[color:var(--zui-card-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-card-sky-border-dark,oklch(58.8%_0.158_241.966))] bg-[var(--zui-card-sky-bg,oklch(97.7%_0.013_236.62))] dark:bg-[var(--zui-card-sky-bg-dark,oklch(29.3%_0.066_243.157_/_0.7))] backdrop-blur-xl",
   rose: "border border-[color:var(--zui-card-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-card-rose-border-dark,oklch(58.6%_0.253_17.585))] bg-[var(--zui-card-rose-bg,oklch(96.9%_0.015_12.422))] dark:bg-[var(--zui-card-rose-bg-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl",
   purple: "border border-[color:var(--zui-card-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-card-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-[var(--zui-card-purple-bg,oklch(97.7%_0.014_308.299))] dark:bg-[var(--zui-card-purple-bg-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl",
@@ -73,148 +91,17 @@ var zuiCardDescriptionSizes = {
   lg: "text-base"
 };
 
-// src/ui/card/variants.ts
-var cardVariants = cva(zuiCardBase, {
-  variants: {
-    appearance: zuiCardAppearances,
-    size: zuiCardSizes,
-    rounded: zuiCardRounded
-  },
-  defaultVariants: {
-    appearance: "default",
-    size: "md",
-    rounded: "md"
-  }
-});
-var cardHeaderVariants = cva(zuiCardHeaderBase, {
-  variants: {
-    size: zuiCardHeaderSizes
-  },
-  defaultVariants: { size: "md" }
-});
-var cardFooterVariants = cva(zuiCardFooterBase, {
-  variants: {
-    size: zuiCardFooterSizes
-  },
-  defaultVariants: { size: "md" }
-});
-var cardTitleVariants = cva(zuiCardTitleBase, {
-  variants: {
-    size: zuiCardTitleSizes
-  },
-  defaultVariants: { size: "md" }
-});
-var cardDescriptionVariants = cva(zuiCardDescriptionBase, {
-  variants: {
-    size: zuiCardDescriptionSizes
-  },
-  defaultVariants: { size: "md" }
-});
-var CardSizeContext = createContext("md");
-function useCardSize() {
-  return useContext(CardSizeContext);
-}
-function CardBase({
-  className,
-  appearance,
-  size = "md",
-  rounded,
-  children,
-  ref,
-  as: Wrapper = "article",
-  ...rest
-}) {
-  const ctx = useMemo(() => size ?? "md", [size]);
-  return /* @__PURE__ */ jsx(CardSizeContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
-    Wrapper,
-    {
-      ref,
-      "data-slot": "card",
-      className: cn(cardVariants({ appearance, size, rounded }), className),
-      ...rest,
-      children
-    }
-  ) });
-}
-CardBase.displayName = "Card";
-function CardHeader({ className, children }) {
-  const size = useCardSize();
-  return /* @__PURE__ */ jsx(
-    "header",
-    {
-      "data-slot": "card-header",
-      className: cn(cardHeaderVariants({ size }), className),
-      children
-    }
-  );
-}
-CardHeader.displayName = "CardHeader";
-function CardBody({ className, children }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "card-body",
-      className: cn("flex flex-1 flex-col gap-2", className),
-      children
-    }
-  );
-}
-CardBody.displayName = "CardBody";
-function CardFooter({ className, children }) {
-  const size = useCardSize();
-  return /* @__PURE__ */ jsx(
-    "footer",
-    {
-      "data-slot": "card-footer",
-      className: cn(cardFooterVariants({ size }), className),
-      children
-    }
-  );
-}
-CardFooter.displayName = "CardFooter";
-function CardTitle({
-  className,
-  children,
-  as = "h3",
-  ref,
-  ...rest
-}) {
-  const size = useCardSize();
-  const Tag = as;
-  return /* @__PURE__ */ jsx(
-    Tag,
-    {
-      ref,
-      "data-slot": "card-title",
-      className: cn(cardTitleVariants({ size }), className),
-      ...rest,
-      children
-    }
-  );
-}
-CardTitle.displayName = "CardTitle";
-function CardDescription({
-  className,
-  children,
-  as = "p",
-  ref,
-  ...rest
-}) {
-  const size = useCardSize();
-  const Tag = as;
-  return /* @__PURE__ */ jsx(
-    Tag,
-    {
-      ref,
-      "data-slot": "card-description",
-      className: cn(cardDescriptionVariants({ size }), className),
-      ...rest,
-      children
-    }
-  );
-}
-CardDescription.displayName = "CardDescription";
-
-export { CardBase, CardBody, CardDescription, CardFooter, CardHeader, CardTitle, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardTitleVariants, cardVariants };
-//# sourceMappingURL=chunk-EZCYSFML.mjs.map
-//# sourceMappingURL=chunk-EZCYSFML.mjs.map
+exports.zuiCardAppearances = zuiCardAppearances;
+exports.zuiCardBase = zuiCardBase;
+exports.zuiCardDescriptionBase = zuiCardDescriptionBase;
+exports.zuiCardDescriptionSizes = zuiCardDescriptionSizes;
+exports.zuiCardFooterBase = zuiCardFooterBase;
+exports.zuiCardFooterSizes = zuiCardFooterSizes;
+exports.zuiCardHeaderBase = zuiCardHeaderBase;
+exports.zuiCardHeaderSizes = zuiCardHeaderSizes;
+exports.zuiCardRounded = zuiCardRounded;
+exports.zuiCardSizes = zuiCardSizes;
+exports.zuiCardTitleBase = zuiCardTitleBase;
+exports.zuiCardTitleSizes = zuiCardTitleSizes;
+//# sourceMappingURL=chunk-QTFOUK4H.js.map
+//# sourceMappingURL=chunk-QTFOUK4H.js.map

package/dist/chunk-QTFOUK4H.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/card.ts"],"names":[],"mappings":"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","file":"chunk-QTFOUK4H.js","sourcesContent":["export const zuiCardBase = [\n  \"relative flex w-full flex-col overflow-hidden text-[color:var(--zui-card-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-card-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  \"ring-offset-[var(--zui-card-ring-offset,oklch(98.4%_0.003_247.858))] dark:ring-offset-[var(--zui-card-ring-offset-dark,oklch(12.9%_0.042_264.695))] transition-colors\",\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-card-ring-focus,oklch(44.6%_0.043_257.281))] dark:focus-visible:ring-[var(--zui-card-ring-focus-dark,oklch(86.9%_0.022_252.894))] focus-visible:ring-offset-2\",\n] as const;\n\nexport const zuiCardAppearances = {\n  default:\n    \"border border-[color:var(--zui-card-default-border,#0000001a)] dark:border-[color:var(--zui-card-default-border-dark,#ffffff1a)] bg-[var(--zui-card-default-bg,#0000000d)] dark:bg-[var(--zui-card-default-bg-dark,#ffffff0d)] shadow-[var(--zui-card-default-shadow,0_1px_2px_rgba(15,23,42,0.08))] dark:shadow-[var(--zui-card-default-shadow-dark,0_1px_2px_rgba(15,23,42,0.12))]\",\n  glass:\n    \"border border-[color:var(--zui-card-glass-border,#00000026)] dark:border-[color:var(--zui-card-glass-border-dark,#ffffff26)] bg-[var(--zui-card-glass-bg,#0000001a)] dark:bg-[var(--zui-card-glass-bg-dark,#ffffff1a)] backdrop-blur-md shadow-[var(--zui-card-glass-shadow,0_8px_24px_rgba(15,23,42,0.12))] dark:shadow-[var(--zui-card-glass-shadow-dark,0_18px_48px_rgba(15,23,42,0.35))]\",\n  outline:\n    \"border border-[color:var(--zui-card-outline-border,#00000026)] dark:border-[color:var(--zui-card-outline-border-dark,#ffffff26)] bg-[var(--zui-card-outline-bg,transparent)] dark:bg-[var(--zui-card-outline-bg-dark,transparent)]\",\n  ghost:\n    \"border border-[color:var(--zui-card-ghost-border,transparent)] dark:border-[color:var(--zui-card-ghost-border-dark,transparent)] bg-[var(--zui-card-ghost-bg,transparent)] dark:bg-[var(--zui-card-ghost-bg-dark,transparent)]\",\n  elevated:\n    \"border border-[color:var(--zui-card-elevated-border,#0000001a)] dark:border-[color:var(--zui-card-elevated-border-dark,#ffffff1a)] bg-[var(--zui-card-elevated-bg,oklch(96.8%_0.007_247.896_/_0.8))] dark:bg-[var(--zui-card-elevated-bg-dark,oklch(20.8%_0.042_265.755_/_0.8))] shadow-[var(--zui-card-elevated-shadow,0_12px_32px_rgba(15,23,42,0.12))] dark:shadow-[var(--zui-card-elevated-shadow-dark,0_24px_64px_rgba(15,23,42,0.45))]\",\n  blue: \"border border-[color:var(--zui-card-blue-border,#2563eb)] dark:border-[color:var(--zui-card-blue-border-dark,#3b82f6)] bg-[var(--zui-card-blue-bg,#2563eb1a)] dark:bg-[var(--zui-card-blue-bg-dark,#3b82f626)] backdrop-blur-xl\",\n  cyan: \"border border-[color:var(--zui-card-cyan-border,#0891b2)] dark:border-[color:var(--zui-card-cyan-border-dark,#22d3ee)] bg-[var(--zui-card-cyan-bg,#0891b21a)] dark:bg-[var(--zui-card-cyan-bg-dark,#22d3ee26)] backdrop-blur-xl\",\n  green:\n    \"border border-[color:var(--zui-card-green-border,#16a34a)] dark:border-[color:var(--zui-card-green-border-dark,#22c55e)] bg-[var(--zui-card-green-bg,#16a34a1a)] dark:bg-[var(--zui-card-green-bg-dark,#22c55e26)] backdrop-blur-xl\",\n  lime: \"border border-[color:var(--zui-card-lime-border,#65a30d)] dark:border-[color:var(--zui-card-lime-border-dark,#a3e635)] bg-[var(--zui-card-lime-bg,#65a30d1a)] dark:bg-[var(--zui-card-lime-bg-dark,#a3e63526)] backdrop-blur-xl\",\n  mint: \"border border-[color:var(--zui-card-mint-border,#10b981)] dark:border-[color:var(--zui-card-mint-border-dark,#6ee7b7)] bg-[var(--zui-card-mint-bg,#10b9811a)] dark:bg-[var(--zui-card-mint-bg-dark,#6ee7b726)] backdrop-blur-xl\",\n  ocean:\n    \"border border-[color:var(--zui-card-ocean-border,#0284c7)] dark:border-[color:var(--zui-card-ocean-border-dark,#38bdf8)] bg-[var(--zui-card-ocean-bg,#0284c71a)] dark:bg-[var(--zui-card-ocean-bg-dark,#38bdf826)] backdrop-blur-xl\",\n  sapphire:\n    \"border border-[color:var(--zui-card-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-card-sapphire-border-dark,#60a5fa)] bg-[var(--zui-card-sapphire-bg,#1d4ed81a)] dark:bg-[var(--zui-card-sapphire-bg-dark,#60a5fa26)] backdrop-blur-xl\",\n  lavender:\n    \"border border-[color:var(--zui-card-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-card-lavender-border-dark,#a78bfa)] bg-[var(--zui-card-lavender-bg,#8b5cf61a)] dark:bg-[var(--zui-card-lavender-bg-dark,#a78bfa26)] backdrop-blur-xl\",\n  ruby: \"border border-[color:var(--zui-card-ruby-border,#be123c)] dark:border-[color:var(--zui-card-ruby-border-dark,#fb7185)] bg-[var(--zui-card-ruby-bg,#be123c1a)] dark:bg-[var(--zui-card-ruby-bg-dark,#fb718526)] backdrop-blur-xl\",\n  red: \"border border-[color:var(--zui-card-red-border,#dc2626)] dark:border-[color:var(--zui-card-red-border-dark,#ef4444)] bg-[var(--zui-card-red-bg,#dc26261a)] dark:bg-[var(--zui-card-red-bg-dark,#ef444426)] backdrop-blur-xl\",\n  slate:\n    \"border border-[color:var(--zui-card-slate-border,#475569)] dark:border-[color:var(--zui-card-slate-border-dark,#64748b)] bg-[var(--zui-card-slate-bg,#4755691a)] dark:bg-[var(--zui-card-slate-bg-dark,#64748b26)] backdrop-blur-xl\",\n  zinc: \"border border-[color:var(--zui-card-zinc-border,#52525b)] dark:border-[color:var(--zui-card-zinc-border-dark,#71717a)] bg-[var(--zui-card-zinc-bg,#52525b1a)] dark:bg-[var(--zui-card-zinc-bg-dark,#71717a26)] backdrop-blur-xl\",\n  stone:\n    \"border border-[color:var(--zui-card-stone-border,#57534e)] dark:border-[color:var(--zui-card-stone-border-dark,#78716c)] bg-[var(--zui-card-stone-bg,#57534e1a)] dark:bg-[var(--zui-card-stone-bg-dark,#78716c26)] backdrop-blur-xl\",\n  royal:\n    \"border border-[color:var(--zui-card-royal-border,#4338ca)] dark:border-[color:var(--zui-card-royal-border-dark,#818cf8)] bg-[var(--zui-card-royal-bg,#4338ca1a)] dark:bg-[var(--zui-card-royal-bg-dark,#818cf826)] backdrop-blur-xl\",\n  electric:\n    \"border border-[color:var(--zui-card-electric-border,#0ea5e9)] dark:border-[color:var(--zui-card-electric-border-dark,#38bdf8)] bg-[var(--zui-card-electric-bg,#0ea5e91a)] dark:bg-[var(--zui-card-electric-bg-dark,#38bdf826)] backdrop-blur-xl\",\n  forest:\n    \"border border-[color:var(--zui-card-forest-border,#166534)] dark:border-[color:var(--zui-card-forest-border-dark,#4ade80)] bg-[var(--zui-card-forest-bg,#1665341a)] dark:bg-[var(--zui-card-forest-bg-dark,#4ade8026)] backdrop-blur-xl\",\n  sunset:\n    \"border border-[color:var(--zui-card-sunset-border,#ea580c)] dark:border-[color:var(--zui-card-sunset-border-dark,#fb923c)] bg-[var(--zui-card-sunset-bg,#ea580c1a)] dark:bg-[var(--zui-card-sunset-bg-dark,#fb923c26)] backdrop-blur-xl\",\n  magenta:\n    \"border border-[color:var(--zui-card-magenta-border,#c026d3)] dark:border-[color:var(--zui-card-magenta-border-dark,#e879f9)] bg-[var(--zui-card-magenta-bg,#c026d31a)] dark:bg-[var(--zui-card-magenta-bg-dark,#e879f926)] backdrop-blur-xl\",\n  crimson:\n    \"border border-[color:var(--zui-card-crimson-border,#b91c1c)] dark:border-[color:var(--zui-card-crimson-border-dark,#f87171)] bg-[var(--zui-card-crimson-bg,#b91c1c1a)] dark:bg-[var(--zui-card-crimson-bg-dark,#f8717126)] backdrop-blur-xl\",\n  aqua: \"border border-[color:var(--zui-card-aqua-border,#0f766e)] dark:border-[color:var(--zui-card-aqua-border-dark,#2dd4bf)] bg-[var(--zui-card-aqua-bg,#0f766e1a)] dark:bg-[var(--zui-card-aqua-bg-dark,#2dd4bf26)] backdrop-blur-xl\",\n  plum: \"border border-[color:var(--zui-card-plum-border,#7e22ce)] dark:border-[color:var(--zui-card-plum-border-dark,#c084fc)] bg-[var(--zui-card-plum-bg,#7e22ce1a)] dark:bg-[var(--zui-card-plum-bg-dark,#c084fc26)] backdrop-blur-xl\",\n  sky: \"border border-[color:var(--zui-card-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-card-sky-border-dark,oklch(58.8%_0.158_241.966))] bg-[var(--zui-card-sky-bg,oklch(97.7%_0.013_236.62))] dark:bg-[var(--zui-card-sky-bg-dark,oklch(29.3%_0.066_243.157_/_0.7))] backdrop-blur-xl\",\n  rose: \"border border-[color:var(--zui-card-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-card-rose-border-dark,oklch(58.6%_0.253_17.585))] bg-[var(--zui-card-rose-bg,oklch(96.9%_0.015_12.422))] dark:bg-[var(--zui-card-rose-bg-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl\",\n  purple:\n    \"border border-[color:var(--zui-card-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-card-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-[var(--zui-card-purple-bg,oklch(97.7%_0.014_308.299))] dark:bg-[var(--zui-card-purple-bg-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl\",\n  pink: \"border border-[color:var(--zui-card-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-card-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-[var(--zui-card-pink-bg,oklch(97.1%_0.014_343.198))] dark:bg-[var(--zui-card-pink-bg-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl\",\n  orange:\n    \"border border-[color:var(--zui-card-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-card-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-[var(--zui-card-orange-bg,oklch(98%_0.016_73.684))] dark:bg-[var(--zui-card-orange-bg-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl\",\n  yellow:\n    \"border border-[color:var(--zui-card-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-card-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-[var(--zui-card-yellow-bg,oklch(98.7%_0.026_102.212))] dark:bg-[var(--zui-card-yellow-bg-dark,oklch(28.6%_0.066_53.813_/_0.7))] backdrop-blur-xl\",\n  teal: \"border border-[color:var(--zui-card-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-card-teal-border-dark,oklch(60%_0.118_184.704))] bg-[var(--zui-card-teal-bg,oklch(98.4%_0.014_180.72))] dark:bg-[var(--zui-card-teal-bg-dark,oklch(27.7%_0.046_192.524_/_0.7))] backdrop-blur-xl\",\n  indigo:\n    \"border border-[color:var(--zui-card-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-card-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-[var(--zui-card-indigo-bg,oklch(96.2%_0.018_272.314))] dark:bg-[var(--zui-card-indigo-bg-dark,oklch(25.7%_0.09_281.288_/_0.7))] backdrop-blur-xl\",\n  emerald:\n    \"border border-[color:var(--zui-card-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-card-emerald-border-dark,oklch(59.6%_0.145_163.225))] bg-[var(--zui-card-emerald-bg,oklch(97.9%_0.021_166.113))] dark:bg-[var(--zui-card-emerald-bg-dark,oklch(26.2%_0.051_172.552_/_0.7))] backdrop-blur-xl\",\n  gray: \"border border-[color:var(--zui-card-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-card-gray-border-dark,oklch(44.6%_0.03_256.802))] bg-[var(--zui-card-gray-bg,oklch(98.5%_0.002_247.839))] dark:bg-[var(--zui-card-gray-bg-dark,oklch(13%_0.028_261.692_/_0.7))] backdrop-blur-xl\",\n  amber:\n    \"border border-[color:var(--zui-card-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-card-amber-border-dark,oklch(66.6%_0.179_58.318))] bg-[var(--zui-card-amber-bg,oklch(98.7%_0.022_95.277))] dark:bg-[var(--zui-card-amber-bg-dark,oklch(27.9%_0.077_45.635_/_0.7))] backdrop-blur-xl\",\n  violet:\n    \"border border-[color:var(--zui-card-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-card-violet-border-dark,oklch(54.1%_0.281_293.009))] bg-[var(--zui-card-violet-bg,oklch(96.9%_0.016_293.756))] dark:bg-[var(--zui-card-violet-bg-dark,oklch(28.3%_0.141_291.089_/_0.7))] backdrop-blur-xl\",\n  \"gradient-blue\":\n    \"border border-[color:var(--zui-card-gradient-blue-border,oklch(42.4%_0.199_265.638))] dark:border-[color:var(--zui-card-gradient-blue-border-dark,oklch(54.6%_0.245_262.881))] bg-linear-to-r from-[var(--zui-card-gradient-blue-from,oklch(97%_0.014_254.604))] dark:from-[var(--zui-card-gradient-blue-from-dark,oklch(28.2%_0.091_267.935_/_0.7))] to-[var(--zui-card-gradient-blue-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-card-gradient-blue-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl\",\n  \"gradient-green\":\n    \"border border-[color:var(--zui-card-gradient-green-border,oklch(44.8%_0.119_151.328))] dark:border-[color:var(--zui-card-gradient-green-border-dark,oklch(62.7%_0.194_149.214))] bg-linear-to-r from-[var(--zui-card-gradient-green-from,oklch(98.2%_0.018_155.826))] dark:from-[var(--zui-card-gradient-green-from-dark,oklch(26.6%_0.065_152.934_/_0.7))] to-[var(--zui-card-gradient-green-to,oklch(98.6%_0.031_120.757))] dark:to-[var(--zui-card-gradient-green-to-dark,oklch(27.4%_0.072_132.109_/_0.7))] backdrop-blur-xl\",\n  \"gradient-red\":\n    \"border border-[color:var(--zui-card-gradient-red-border,oklch(44.4%_0.177_26.899))] dark:border-[color:var(--zui-card-gradient-red-border-dark,oklch(57.7%_0.245_27.325))] bg-linear-to-r from-[var(--zui-card-gradient-red-from,oklch(97.1%_0.013_17.38))] dark:from-[var(--zui-card-gradient-red-from-dark,oklch(25.8%_0.092_26.042_/_0.7))] to-[var(--zui-card-gradient-red-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-card-gradient-red-to-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl\",\n  \"gradient-yellow\":\n    \"border border-[color:var(--zui-card-gradient-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-card-gradient-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-linear-to-r from-[var(--zui-card-gradient-yellow-from,oklch(98.7%_0.026_102.212))] dark:from-[var(--zui-card-gradient-yellow-from-dark,oklch(28.6%_0.066_53.813_/_0.7))] to-[var(--zui-card-gradient-yellow-to,oklch(98%_0.016_73.684))] dark:to-[var(--zui-card-gradient-yellow-to-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl\",\n  \"gradient-purple\":\n    \"border border-[color:var(--zui-card-gradient-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-card-gradient-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-linear-to-r from-[var(--zui-card-gradient-purple-from,oklch(97.7%_0.014_308.299))] dark:from-[var(--zui-card-gradient-purple-from-dark,oklch(29.1%_0.149_302.717_/_0.7))] to-[var(--zui-card-gradient-purple-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-card-gradient-purple-to-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl\",\n  \"gradient-teal\":\n    \"border border-[color:var(--zui-card-gradient-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-card-gradient-teal-border-dark,oklch(60%_0.118_184.704))] bg-linear-to-r from-[var(--zui-card-gradient-teal-from,oklch(98.4%_0.014_180.72))] dark:from-[var(--zui-card-gradient-teal-from-dark,oklch(27.7%_0.046_192.524_/_0.7))] to-[var(--zui-card-gradient-teal-to,oklch(98.4%_0.019_200.873))] dark:to-[var(--zui-card-gradient-teal-to-dark,oklch(30.2%_0.056_229.695_/_0.7))] backdrop-blur-xl\",\n  \"gradient-indigo\":\n    \"border border-[color:var(--zui-card-gradient-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-card-gradient-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-linear-to-r from-[var(--zui-card-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:from-[var(--zui-card-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288_/_0.7))] to-[var(--zui-card-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-card-gradient-indigo-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl\",\n  \"gradient-pink\":\n    \"border border-[color:var(--zui-card-gradient-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-card-gradient-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-linear-to-r from-[var(--zui-card-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:from-[var(--zui-card-gradient-pink-from-dark,oklch(28.4%_0.109_3.907_/_0.7))] to-[var(--zui-card-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:to-[var(--zui-card-gradient-pink-to-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl\",\n  \"gradient-orange\":\n    \"border border-[color:var(--zui-card-gradient-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-card-gradient-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-linear-to-r from-[var(--zui-card-gradient-orange-from,oklch(98%_0.016_73.684))] dark:from-[var(--zui-card-gradient-orange-from-dark,oklch(26.6%_0.079_36.259_/_0.7))] to-[var(--zui-card-gradient-orange-to,oklch(97.1%_0.013_17.38))] dark:to-[var(--zui-card-gradient-orange-to-dark,oklch(25.8%_0.092_26.042_/_0.7))] backdrop-blur-xl\",\n} as const;\n\nexport const zuiCardSizes = {\n  sm: \"gap-2 p-3 text-sm\",\n  md: \"gap-3 p-4 text-sm\",\n  lg: \"gap-4 p-6 text-base\",\n} as const;\n\nexport const zuiCardRounded = {\n  sm: \"rounded-lg\",\n  md: \"rounded-xl\",\n  lg: \"rounded-2xl\",\n  full: \"rounded-3xl\",\n} as const;\n\nexport const zuiCardHeaderBase =\n  \"flex flex-col gap-1 border-b border-[color:var(--zui-card-header-border,#0000001a)] dark:border-[color:var(--zui-card-header-border-dark,#ffffff1a)] pb-3\";\n\nexport const zuiCardHeaderSizes = {\n  sm: \"pb-2\",\n  md: \"pb-3\",\n  lg: \"pb-4\",\n} as const;\n\nexport const zuiCardFooterBase =\n  \"flex flex-col gap-2 border-t border-[color:var(--zui-card-footer-border,#0000001a)] dark:border-[color:var(--zui-card-footer-border-dark,#ffffff1a)] pt-3\";\n\nexport const zuiCardFooterSizes = {\n  sm: \"pt-2\",\n  md: \"pt-3\",\n  lg: \"pt-4\",\n} as const;\n\nexport const zuiCardTitleBase =\n  \"font-semibold tracking-tight text-[color:var(--zui-card-title-fg,oklch(12.9%_0.042_264.695))] dark:text-[color:var(--zui-card-title-fg-dark,#ffffff)]\";\n\nexport const zuiCardTitleSizes = {\n  sm: \"text-sm\",\n  md: \"text-base\",\n  lg: \"text-lg\",\n} as const;\n\nexport const zuiCardDescriptionBase =\n  \"text-[color:var(--zui-card-description-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-card-description-fg-dark,oklch(98.4%_0.003_247.858))]\";\n\nexport const zuiCardDescriptionSizes = {\n  sm: \"text-xs\",\n  md: \"text-sm\",\n  lg: \"text-base\",\n} as const;\n"]}