@zentauri-ui/zentauri-components 1.9.1 → 1.9.2

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-O233I5N7.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 = [
@@ -94,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-O233I5N7.mjs.map
-//# sourceMappingURL=chunk-O233I5N7.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"]}

package/dist/chunk-QW2ZHKPC.mjs

@@ -0,0 +1,64 @@
+// src/design-system/spinner.ts
+var zuiSpinnerBase = "inline-flex items-center justify-center";
+var zuiSpinnerAppearances = {
+  default: "text-[color:var(--zui-spinner-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-spinner-default-fg-dark,oklch(98.4%_0.003_247.858))]",
+  secondary: "text-[color:var(--zui-spinner-secondary-fg,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-spinner-secondary-fg-dark,oklch(86.9%_0.022_252.894))]",
+  destructive: "text-[color:var(--zui-spinner-destructive-fg,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-spinner-destructive-fg-dark,oklch(71.2%_0.194_13.428))]",
+  ghost: "text-[color:var(--zui-spinner-ghost-fg,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-spinner-ghost-fg-dark,oklch(86.9%_0.022_252.894))]",
+  emerald: "text-[color:var(--zui-spinner-emerald-fg,oklch(59.6%_0.145_163.225))] dark:text-[color:var(--zui-spinner-emerald-fg-dark,oklch(76.5%_0.177_163.223))]",
+  indigo: "text-[color:var(--zui-spinner-indigo-fg,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-spinner-indigo-fg-dark,oklch(67.3%_0.182_276.935))]",
+  purple: "text-[color:var(--zui-spinner-purple-fg,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-spinner-purple-fg-dark,oklch(71.4%_0.203_305.504))]",
+  pink: "text-[color:var(--zui-spinner-pink-fg,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-spinner-pink-fg-dark,oklch(71.8%_0.202_349.761))]",
+  rose: "text-[color:var(--zui-spinner-rose-fg,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-spinner-rose-fg-dark,oklch(71.2%_0.194_13.428))]",
+  sky: "text-[color:var(--zui-spinner-sky-fg,oklch(58.8%_0.158_241.966))] dark:text-[color:var(--zui-spinner-sky-fg-dark,oklch(74.6%_0.16_232.661))]",
+  teal: "text-[color:var(--zui-spinner-teal-fg,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-spinner-teal-fg-dark,oklch(77.7%_0.152_181.912))]",
+  yellow: "text-[color:var(--zui-spinner-yellow-fg,oklch(68.1%_0.162_75.834))] dark:text-[color:var(--zui-spinner-yellow-fg-dark,oklch(85.2%_0.199_91.936))]",
+  orange: "text-[color:var(--zui-spinner-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-spinner-orange-fg-dark,oklch(75%_0.183_55.934))]",
+  "gradient-blue": "text-[color:var(--zui-spinner-gradient-blue-fg,oklch(54.6%_0.245_262.881))] dark:text-[color:var(--zui-spinner-gradient-blue-fg-dark,oklch(70.7%_0.165_254.624))]",
+  "gradient-green": "text-[color:var(--zui-spinner-gradient-green-fg,oklch(62.7%_0.194_149.214))] dark:text-[color:var(--zui-spinner-gradient-green-fg-dark,oklch(79.2%_0.209_151.711))]",
+  "gradient-red": "text-[color:var(--zui-spinner-gradient-red-fg,oklch(57.7%_0.245_27.325))] dark:text-[color:var(--zui-spinner-gradient-red-fg-dark,oklch(70.4%_0.191_22.216))]",
+  "gradient-yellow": "text-[color:var(--zui-spinner-gradient-yellow-fg,oklch(68.1%_0.162_75.834))] dark:text-[color:var(--zui-spinner-gradient-yellow-fg-dark,oklch(85.2%_0.199_91.936))]",
+  "gradient-purple": "text-[color:var(--zui-spinner-gradient-purple-fg,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-spinner-gradient-purple-fg-dark,oklch(71.4%_0.203_305.504))]",
+  "gradient-teal": "text-[color:var(--zui-spinner-gradient-teal-fg,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-spinner-gradient-teal-fg-dark,oklch(77.7%_0.152_181.912))]",
+  "gradient-indigo": "text-[color:var(--zui-spinner-gradient-indigo-fg,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-spinner-gradient-indigo-fg-dark,oklch(67.3%_0.182_276.935))]",
+  "gradient-pink": "text-[color:var(--zui-spinner-gradient-pink-fg,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-spinner-gradient-pink-fg-dark,oklch(71.8%_0.202_349.761))]",
+  "gradient-orange": "text-[color:var(--zui-spinner-gradient-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-spinner-gradient-orange-fg-dark,oklch(75%_0.183_55.934))]",
+  blue: "text-[color:var(--zui-spinner-blue-fg,#2563eb)] dark:text-[color:var(--zui-spinner-blue-fg-dark,#3b82f6)]",
+  cyan: "text-[color:var(--zui-spinner-cyan-fg,#0891b2)] dark:text-[color:var(--zui-spinner-cyan-fg-dark,#22d3ee)]",
+  green: "text-[color:var(--zui-spinner-green-fg,#16a34a)] dark:text-[color:var(--zui-spinner-green-fg-dark,#22c55e)]",
+  lime: "text-[color:var(--zui-spinner-lime-fg,#65a30d)] dark:text-[color:var(--zui-spinner-lime-fg-dark,#a3e635)]",
+  mint: "text-[color:var(--zui-spinner-mint-fg,#10b981)] dark:text-[color:var(--zui-spinner-mint-fg-dark,#6ee7b7)]",
+  ocean: "text-[color:var(--zui-spinner-ocean-fg,#0284c7)] dark:text-[color:var(--zui-spinner-ocean-fg-dark,#38bdf8)]",
+  sapphire: "text-[color:var(--zui-spinner-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-spinner-sapphire-fg-dark,#60a5fa)]",
+  lavender: "text-[color:var(--zui-spinner-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-spinner-lavender-fg-dark,#a78bfa)]",
+  ruby: "text-[color:var(--zui-spinner-ruby-fg,#be123c)] dark:text-[color:var(--zui-spinner-ruby-fg-dark,#fb7185)]",
+  red: "text-[color:var(--zui-spinner-red-fg,#dc2626)] dark:text-[color:var(--zui-spinner-red-fg-dark,#ef4444)]",
+  slate: "text-[color:var(--zui-spinner-slate-fg,#475569)] dark:text-[color:var(--zui-spinner-slate-fg-dark,#64748b)]",
+  zinc: "text-[color:var(--zui-spinner-zinc-fg,#52525b)] dark:text-[color:var(--zui-spinner-zinc-fg-dark,#71717a)]",
+  stone: "text-[color:var(--zui-spinner-stone-fg,#57534e)] dark:text-[color:var(--zui-spinner-stone-fg-dark,#78716c)]",
+  royal: "text-[color:var(--zui-spinner-royal-fg,#4338ca)] dark:text-[color:var(--zui-spinner-royal-fg-dark,#818cf8)]",
+  electric: "text-[color:var(--zui-spinner-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-spinner-electric-fg-dark,#38bdf8)]",
+  forest: "text-[color:var(--zui-spinner-forest-fg,#166534)] dark:text-[color:var(--zui-spinner-forest-fg-dark,#4ade80)]",
+  sunset: "text-[color:var(--zui-spinner-sunset-fg,#ea580c)] dark:text-[color:var(--zui-spinner-sunset-fg-dark,#fb923c)]",
+  magenta: "text-[color:var(--zui-spinner-magenta-fg,#c026d3)] dark:text-[color:var(--zui-spinner-magenta-fg-dark,#e879f9)]",
+  crimson: "text-[color:var(--zui-spinner-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-spinner-crimson-fg-dark,#f87171)]",
+  aqua: "text-[color:var(--zui-spinner-aqua-fg,#0f766e)] dark:text-[color:var(--zui-spinner-aqua-fg-dark,#2dd4bf)]",
+  plum: "text-[color:var(--zui-spinner-plum-fg,#7e22ce)] dark:text-[color:var(--zui-spinner-plum-fg-dark,#c084fc)]"
+};
+var zuiSpinnerSizes = {
+  xs: "size-3",
+  sm: "size-4",
+  md: "size-6",
+  lg: "size-8",
+  xl: "size-10"
+};
+var zuiSpinnerVariants = {
+  ring: "",
+  dots: "",
+  pulse: "",
+  bars: ""
+};
+
+export { zuiSpinnerAppearances, zuiSpinnerBase, zuiSpinnerSizes, zuiSpinnerVariants };
+//# sourceMappingURL=chunk-QW2ZHKPC.mjs.map
+//# sourceMappingURL=chunk-QW2ZHKPC.mjs.map

package/dist/chunk-QW2ZHKPC.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/spinner.ts"],"names":[],"mappings":";AAAO,IAAM,cAAA,GAAiB;AAEvB,IAAM,qBAAA,GAAwB;AAAA,EACnC,OAAA,EACE,uJAAA;AAAA,EACF,SAAA,EACE,2JAAA;AAAA,EACF,WAAA,EACE,6JAAA;AAAA,EACF,KAAA,EACE,mJAAA;AAAA,EACF,OAAA,EACE,uJAAA;AAAA,EACF,MAAA,EACE,qJAAA;AAAA,EACF,MAAA,EACE,qJAAA;AAAA,EACF,IAAA,EAAM,+IAAA;AAAA,EACN,IAAA,EAAM,+IAAA;AAAA,EACN,GAAA,EAAK,8IAAA;AAAA,EACL,IAAA,EAAM,+IAAA;AAAA,EACN,MAAA,EACE,mJAAA;AAAA,EACF,MAAA,EACE,iJAAA;AAAA,EACF,eAAA,EACE,mKAAA;AAAA,EACF,gBAAA,EACE,qKAAA;AAAA,EACF,cAAA,EACE,+JAAA;AAAA,EACF,iBAAA,EACE,qKAAA;AAAA,EACF,iBAAA,EACE,uKAAA;AAAA,EACF,eAAA,EACE,iKAAA;AAAA,EACF,iBAAA,EACE,uKAAA;AAAA,EACF,eAAA,EACE,iKAAA;AAAA,EACF,iBAAA,EACE,mKAAA;AAAA,EACF,IAAA,EAAM,2GAAA;AAAA,EACN,IAAA,EAAM,2GAAA;AAAA,EACN,KAAA,EACE,6GAAA;AAAA,EACF,IAAA,EAAM,2GAAA;AAAA,EACN,IAAA,EAAM,2GAAA;AAAA,EACN,KAAA,EACE,6GAAA;AAAA,EACF,QAAA,EACE,mHAAA;AAAA,EACF,QAAA,EACE,mHAAA;AAAA,EACF,IAAA,EAAM,2GAAA;AAAA,EACN,GAAA,EAAK,yGAAA;AAAA,EACL,KAAA,EACE,6GAAA;AAAA,EACF,IAAA,EAAM,2GAAA;AAAA,EACN,KAAA,EACE,6GAAA;AAAA,EACF,KAAA,EACE,6GAAA;AAAA,EACF,QAAA,EACE,mHAAA;AAAA,EACF,MAAA,EACE,+GAAA;AAAA,EACF,MAAA,EACE,+GAAA;AAAA,EACF,OAAA,EACE,iHAAA;AAAA,EACF,OAAA,EACE,iHAAA;AAAA,EACF,IAAA,EAAM,2GAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,eAAA,GAAkB;AAAA,EAC7B,EAAA,EAAI,QAAA;AAAA,EACJ,EAAA,EAAI,QAAA;AAAA,EACJ,EAAA,EAAI,QAAA;AAAA,EACJ,EAAA,EAAI,QAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,kBAAA,GAAqB;AAAA,EAChC,IAAA,EAAM,EAAA;AAAA,EACN,IAAA,EAAM,EAAA;AAAA,EACN,KAAA,EAAO,EAAA;AAAA,EACP,IAAA,EAAM;AACR","file":"chunk-QW2ZHKPC.mjs","sourcesContent":["export const zuiSpinnerBase = \"inline-flex items-center justify-center\";\n\nexport const zuiSpinnerAppearances = {\n  default:\n    \"text-[color:var(--zui-spinner-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-spinner-default-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  secondary:\n    \"text-[color:var(--zui-spinner-secondary-fg,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-spinner-secondary-fg-dark,oklch(86.9%_0.022_252.894))]\",\n  destructive:\n    \"text-[color:var(--zui-spinner-destructive-fg,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-spinner-destructive-fg-dark,oklch(71.2%_0.194_13.428))]\",\n  ghost:\n    \"text-[color:var(--zui-spinner-ghost-fg,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-spinner-ghost-fg-dark,oklch(86.9%_0.022_252.894))]\",\n  emerald:\n    \"text-[color:var(--zui-spinner-emerald-fg,oklch(59.6%_0.145_163.225))] dark:text-[color:var(--zui-spinner-emerald-fg-dark,oklch(76.5%_0.177_163.223))]\",\n  indigo:\n    \"text-[color:var(--zui-spinner-indigo-fg,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-spinner-indigo-fg-dark,oklch(67.3%_0.182_276.935))]\",\n  purple:\n    \"text-[color:var(--zui-spinner-purple-fg,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-spinner-purple-fg-dark,oklch(71.4%_0.203_305.504))]\",\n  pink: \"text-[color:var(--zui-spinner-pink-fg,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-spinner-pink-fg-dark,oklch(71.8%_0.202_349.761))]\",\n  rose: \"text-[color:var(--zui-spinner-rose-fg,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-spinner-rose-fg-dark,oklch(71.2%_0.194_13.428))]\",\n  sky: \"text-[color:var(--zui-spinner-sky-fg,oklch(58.8%_0.158_241.966))] dark:text-[color:var(--zui-spinner-sky-fg-dark,oklch(74.6%_0.16_232.661))]\",\n  teal: \"text-[color:var(--zui-spinner-teal-fg,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-spinner-teal-fg-dark,oklch(77.7%_0.152_181.912))]\",\n  yellow:\n    \"text-[color:var(--zui-spinner-yellow-fg,oklch(68.1%_0.162_75.834))] dark:text-[color:var(--zui-spinner-yellow-fg-dark,oklch(85.2%_0.199_91.936))]\",\n  orange:\n    \"text-[color:var(--zui-spinner-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-spinner-orange-fg-dark,oklch(75%_0.183_55.934))]\",\n  \"gradient-blue\":\n    \"text-[color:var(--zui-spinner-gradient-blue-fg,oklch(54.6%_0.245_262.881))] dark:text-[color:var(--zui-spinner-gradient-blue-fg-dark,oklch(70.7%_0.165_254.624))]\",\n  \"gradient-green\":\n    \"text-[color:var(--zui-spinner-gradient-green-fg,oklch(62.7%_0.194_149.214))] dark:text-[color:var(--zui-spinner-gradient-green-fg-dark,oklch(79.2%_0.209_151.711))]\",\n  \"gradient-red\":\n    \"text-[color:var(--zui-spinner-gradient-red-fg,oklch(57.7%_0.245_27.325))] dark:text-[color:var(--zui-spinner-gradient-red-fg-dark,oklch(70.4%_0.191_22.216))]\",\n  \"gradient-yellow\":\n    \"text-[color:var(--zui-spinner-gradient-yellow-fg,oklch(68.1%_0.162_75.834))] dark:text-[color:var(--zui-spinner-gradient-yellow-fg-dark,oklch(85.2%_0.199_91.936))]\",\n  \"gradient-purple\":\n    \"text-[color:var(--zui-spinner-gradient-purple-fg,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-spinner-gradient-purple-fg-dark,oklch(71.4%_0.203_305.504))]\",\n  \"gradient-teal\":\n    \"text-[color:var(--zui-spinner-gradient-teal-fg,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-spinner-gradient-teal-fg-dark,oklch(77.7%_0.152_181.912))]\",\n  \"gradient-indigo\":\n    \"text-[color:var(--zui-spinner-gradient-indigo-fg,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-spinner-gradient-indigo-fg-dark,oklch(67.3%_0.182_276.935))]\",\n  \"gradient-pink\":\n    \"text-[color:var(--zui-spinner-gradient-pink-fg,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-spinner-gradient-pink-fg-dark,oklch(71.8%_0.202_349.761))]\",\n  \"gradient-orange\":\n    \"text-[color:var(--zui-spinner-gradient-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-spinner-gradient-orange-fg-dark,oklch(75%_0.183_55.934))]\",\n  blue: \"text-[color:var(--zui-spinner-blue-fg,#2563eb)] dark:text-[color:var(--zui-spinner-blue-fg-dark,#3b82f6)]\",\n  cyan: \"text-[color:var(--zui-spinner-cyan-fg,#0891b2)] dark:text-[color:var(--zui-spinner-cyan-fg-dark,#22d3ee)]\",\n  green:\n    \"text-[color:var(--zui-spinner-green-fg,#16a34a)] dark:text-[color:var(--zui-spinner-green-fg-dark,#22c55e)]\",\n  lime: \"text-[color:var(--zui-spinner-lime-fg,#65a30d)] dark:text-[color:var(--zui-spinner-lime-fg-dark,#a3e635)]\",\n  mint: \"text-[color:var(--zui-spinner-mint-fg,#10b981)] dark:text-[color:var(--zui-spinner-mint-fg-dark,#6ee7b7)]\",\n  ocean:\n    \"text-[color:var(--zui-spinner-ocean-fg,#0284c7)] dark:text-[color:var(--zui-spinner-ocean-fg-dark,#38bdf8)]\",\n  sapphire:\n    \"text-[color:var(--zui-spinner-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-spinner-sapphire-fg-dark,#60a5fa)]\",\n  lavender:\n    \"text-[color:var(--zui-spinner-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-spinner-lavender-fg-dark,#a78bfa)]\",\n  ruby: \"text-[color:var(--zui-spinner-ruby-fg,#be123c)] dark:text-[color:var(--zui-spinner-ruby-fg-dark,#fb7185)]\",\n  red: \"text-[color:var(--zui-spinner-red-fg,#dc2626)] dark:text-[color:var(--zui-spinner-red-fg-dark,#ef4444)]\",\n  slate:\n    \"text-[color:var(--zui-spinner-slate-fg,#475569)] dark:text-[color:var(--zui-spinner-slate-fg-dark,#64748b)]\",\n  zinc: \"text-[color:var(--zui-spinner-zinc-fg,#52525b)] dark:text-[color:var(--zui-spinner-zinc-fg-dark,#71717a)]\",\n  stone:\n    \"text-[color:var(--zui-spinner-stone-fg,#57534e)] dark:text-[color:var(--zui-spinner-stone-fg-dark,#78716c)]\",\n  royal:\n    \"text-[color:var(--zui-spinner-royal-fg,#4338ca)] dark:text-[color:var(--zui-spinner-royal-fg-dark,#818cf8)]\",\n  electric:\n    \"text-[color:var(--zui-spinner-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-spinner-electric-fg-dark,#38bdf8)]\",\n  forest:\n    \"text-[color:var(--zui-spinner-forest-fg,#166534)] dark:text-[color:var(--zui-spinner-forest-fg-dark,#4ade80)]\",\n  sunset:\n    \"text-[color:var(--zui-spinner-sunset-fg,#ea580c)] dark:text-[color:var(--zui-spinner-sunset-fg-dark,#fb923c)]\",\n  magenta:\n    \"text-[color:var(--zui-spinner-magenta-fg,#c026d3)] dark:text-[color:var(--zui-spinner-magenta-fg-dark,#e879f9)]\",\n  crimson:\n    \"text-[color:var(--zui-spinner-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-spinner-crimson-fg-dark,#f87171)]\",\n  aqua: \"text-[color:var(--zui-spinner-aqua-fg,#0f766e)] dark:text-[color:var(--zui-spinner-aqua-fg-dark,#2dd4bf)]\",\n  plum: \"text-[color:var(--zui-spinner-plum-fg,#7e22ce)] dark:text-[color:var(--zui-spinner-plum-fg-dark,#c084fc)]\",\n} as const;\n\nexport const zuiSpinnerSizes = {\n  xs: \"size-3\",\n  sm: \"size-4\",\n  md: \"size-6\",\n  lg: \"size-8\",\n  xl: \"size-10\",\n} as const;\n\nexport const zuiSpinnerVariants = {\n  ring: \"\",\n  dots: \"\",\n  pulse: \"\",\n  bars: \"\",\n} as const;\n"]}