@zentauri-ui/zentauri-components 1.9.2 → 2.1.0

package/dist/ui/alert/animated.js

@@ -1,8 +1,8 @@
 "use client";
 'use strict';
 
-var chunkV4FFKIX3_js = require('../../chunk-V4FFKIX3.js');
-require('../../chunk-S4OSJ4ZN.js');
+var chunk4LCH4OJ5_js = require('../../chunk-4LCH4OJ5.js');
+require('../../chunk-TT33BIIT.js');
 require('../../chunk-ZS5756ZC.js');
 require('../../chunk-PZ5AY32C.js');
 var framerMotion = require('framer-motion');
@@ -33,7 +33,7 @@ var AlertAnimated = ({
 }) => {
   const motionProps = alertAnimationPresets[animation];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkV4FFKIX3_js.AlertBase,
+    chunk4LCH4OJ5_js.AlertBase,
     {
       as: framerMotion.motion.div,
       initial: animation === "none" ? false : void 0,

package/dist/ui/alert/animated.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { AlertBase } from '../../chunk-ODT5TFIT.mjs';
-import '../../chunk-T5SPR27V.mjs';
+import { AlertBase } from '../../chunk-ZMFRJHO6.mjs';
+import '../../chunk-42ZSQNDF.mjs';
 import '../../chunk-4D54YOL6.mjs';
 import '../../chunk-J5LGTIGS.mjs';
 import { motion } from 'framer-motion';

package/dist/ui/alert.js

@@ -1,48 +1,48 @@
 "use client";
 'use strict';
 
-var chunkV4FFKIX3_js = require('../chunk-V4FFKIX3.js');
-require('../chunk-S4OSJ4ZN.js');
+var chunk4LCH4OJ5_js = require('../chunk-4LCH4OJ5.js');
+require('../chunk-TT33BIIT.js');
 require('../chunk-ZS5756ZC.js');
 require('../chunk-PZ5AY32C.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 var Alert = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkV4FFKIX3_js.AlertBase, { ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunk4LCH4OJ5_js.AlertBase, { ...props });
 };
 Alert.displayName = "Alert";
 
 Object.defineProperty(exports, "AlertClose", {
   enumerable: true,
-  get: function () { return chunkV4FFKIX3_js.AlertClose; }
+  get: function () { return chunk4LCH4OJ5_js.AlertClose; }
 });
 Object.defineProperty(exports, "AlertDefaultIcon", {
   enumerable: true,
-  get: function () { return chunkV4FFKIX3_js.AlertDefaultIcon; }
+  get: function () { return chunk4LCH4OJ5_js.AlertDefaultIcon; }
 });
 Object.defineProperty(exports, "AlertDescription", {
   enumerable: true,
-  get: function () { return chunkV4FFKIX3_js.AlertDescription; }
+  get: function () { return chunk4LCH4OJ5_js.AlertDescription; }
 });
 Object.defineProperty(exports, "AlertIcon", {
   enumerable: true,
-  get: function () { return chunkV4FFKIX3_js.AlertIcon; }
+  get: function () { return chunk4LCH4OJ5_js.AlertIcon; }
 });
 Object.defineProperty(exports, "AlertTitle", {
   enumerable: true,
-  get: function () { return chunkV4FFKIX3_js.AlertTitle; }
+  get: function () { return chunk4LCH4OJ5_js.AlertTitle; }
 });
 Object.defineProperty(exports, "alertDescriptionVariants", {
   enumerable: true,
-  get: function () { return chunkV4FFKIX3_js.alertDescriptionVariants; }
+  get: function () { return chunk4LCH4OJ5_js.alertDescriptionVariants; }
 });
 Object.defineProperty(exports, "alertTitleVariants", {
   enumerable: true,
-  get: function () { return chunkV4FFKIX3_js.alertTitleVariants; }
+  get: function () { return chunk4LCH4OJ5_js.alertTitleVariants; }
 });
 Object.defineProperty(exports, "alertVariants", {
   enumerable: true,
-  get: function () { return chunkV4FFKIX3_js.alertVariants; }
+  get: function () { return chunk4LCH4OJ5_js.alertVariants; }
 });
 exports.Alert = Alert;
 //# sourceMappingURL=alert.js.map

package/dist/ui/alert.mjs

@@ -1,7 +1,7 @@
 "use client";
-import { AlertBase } from '../chunk-ODT5TFIT.mjs';
-export { AlertClose, AlertDefaultIcon, AlertDescription, AlertIcon, AlertTitle, alertDescriptionVariants, alertTitleVariants, alertVariants } from '../chunk-ODT5TFIT.mjs';
-import '../chunk-T5SPR27V.mjs';
+import { AlertBase } from '../chunk-ZMFRJHO6.mjs';
+export { AlertClose, AlertDefaultIcon, AlertDescription, AlertIcon, AlertTitle, alertDescriptionVariants, alertTitleVariants, alertVariants } from '../chunk-ZMFRJHO6.mjs';
+import '../chunk-42ZSQNDF.mjs';
 import '../chunk-4D54YOL6.mjs';
 import '../chunk-J5LGTIGS.mjs';
 import { jsx } from 'react/jsx-runtime';

package/dist/ui/animated-number.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkGPM2PRC5_js = require('../chunk-GPM2PRC5.js');
+var chunkNFUOJMNI_js = require('../chunk-NFUOJMNI.js');
 var chunkZS5756ZC_js = require('../chunk-ZS5756ZC.js');
 require('../chunk-PZ5AY32C.js');
 var framerMotion = require('framer-motion');
@@ -11,8 +11,8 @@ var jsxRuntime = require('react/jsx-runtime');
 
 var animatedNumberAppearance = classVarianceAuthority.cva("inline-flex", {
   variants: {
-    appearance: chunkGPM2PRC5_js.zuiAnimatedNumberAppearance,
-    size: chunkGPM2PRC5_js.zuiAnimatedNumberSize
+    appearance: chunkNFUOJMNI_js.zuiAnimatedNumberAppearance,
+    size: chunkNFUOJMNI_js.zuiAnimatedNumberSize
   },
   defaultVariants: {
     appearance: "default",
@@ -76,7 +76,7 @@ var AnimatedNumber = ({
       transition: {
         staggerChildren: delayInSecond
       },
-      className: chunkZS5756ZC_js.cn(wrapperClassName, chunkGPM2PRC5_js.zuiAnimatedNumberBase),
+      className: chunkZS5756ZC_js.cn(wrapperClassName, chunkNFUOJMNI_js.zuiAnimatedNumberBase),
       children: numbersList.map((digit, index) => /* @__PURE__ */ jsxRuntime.jsx(
         framerMotion.motion.span,
         {

package/dist/ui/animated-number.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { zuiAnimatedNumberSize, zuiAnimatedNumberAppearance, zuiAnimatedNumberBase } from '../chunk-OOBA2MDD.mjs';
+import { zuiAnimatedNumberSize, zuiAnimatedNumberAppearance, zuiAnimatedNumberBase } from '../chunk-ZJWOSRAS.mjs';
 import { cn } from '../chunk-4D54YOL6.mjs';
 import '../chunk-J5LGTIGS.mjs';
 import { useReducedMotion, motion, useInView, animate } from 'framer-motion';

package/dist/ui/avatar/animated.js

@@ -1,8 +1,8 @@
 "use client";
 'use strict';
 
-var chunkGVGKISKD_js = require('../../chunk-GVGKISKD.js');
-require('../../chunk-DWDDIG6R.js');
+var chunk5QLPZYWO_js = require('../../chunk-5QLPZYWO.js');
+require('../../chunk-UT6QG35L.js');
 require('../../chunk-ZS5756ZC.js');
 require('../../chunk-PZ5AY32C.js');
 var framerMotion = require('framer-motion');
@@ -24,7 +24,7 @@ function AvatarAnimated({
 }) {
   const motionProps = avatarAnimationPresets[animation];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkGVGKISKD_js.AvatarBase,
+    chunk5QLPZYWO_js.AvatarBase,
     {
       as: framerMotion.motion.span,
       initial: animation === "none" ? false : void 0,
@@ -37,15 +37,15 @@ AvatarAnimated.displayName = "AvatarAnimated";
 
 Object.defineProperty(exports, "AvatarFallback", {
   enumerable: true,
-  get: function () { return chunkGVGKISKD_js.AvatarFallback; }
+  get: function () { return chunk5QLPZYWO_js.AvatarFallback; }
 });
 Object.defineProperty(exports, "AvatarGroup", {
   enumerable: true,
-  get: function () { return chunkGVGKISKD_js.AvatarGroup; }
+  get: function () { return chunk5QLPZYWO_js.AvatarGroup; }
 });
 Object.defineProperty(exports, "AvatarImage", {
   enumerable: true,
-  get: function () { return chunkGVGKISKD_js.AvatarImage; }
+  get: function () { return chunk5QLPZYWO_js.AvatarImage; }
 });
 exports.AvatarAnimated = AvatarAnimated;
 exports.avatarAnimationPresets = avatarAnimationPresets;

package/dist/ui/avatar/animated.mjs

@@ -1,7 +1,7 @@
 "use client";
-import { AvatarBase } from '../../chunk-27PO2FY2.mjs';
-export { AvatarFallback, AvatarGroup, AvatarImage } from '../../chunk-27PO2FY2.mjs';
-import '../../chunk-KXNMW4NV.mjs';
+import { AvatarBase } from '../../chunk-OO4IPM4F.mjs';
+export { AvatarFallback, AvatarGroup, AvatarImage } from '../../chunk-OO4IPM4F.mjs';
+import '../../chunk-JOLSS7UY.mjs';
 import '../../chunk-4D54YOL6.mjs';
 import '../../chunk-J5LGTIGS.mjs';
 import { motion } from 'framer-motion';

package/dist/ui/avatar.js

@@ -1,44 +1,44 @@
 "use client";
 'use strict';
 
-var chunkGVGKISKD_js = require('../chunk-GVGKISKD.js');
-require('../chunk-DWDDIG6R.js');
+var chunk5QLPZYWO_js = require('../chunk-5QLPZYWO.js');
+require('../chunk-UT6QG35L.js');
 require('../chunk-ZS5756ZC.js');
 require('../chunk-PZ5AY32C.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function Avatar(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkGVGKISKD_js.AvatarBase, { ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunk5QLPZYWO_js.AvatarBase, { ...props });
 }
 Avatar.displayName = "Avatar";
 
 Object.defineProperty(exports, "AvatarFallback", {
   enumerable: true,
-  get: function () { return chunkGVGKISKD_js.AvatarFallback; }
+  get: function () { return chunk5QLPZYWO_js.AvatarFallback; }
 });
 Object.defineProperty(exports, "AvatarGroup", {
   enumerable: true,
-  get: function () { return chunkGVGKISKD_js.AvatarGroup; }
+  get: function () { return chunk5QLPZYWO_js.AvatarGroup; }
 });
 Object.defineProperty(exports, "AvatarImage", {
   enumerable: true,
-  get: function () { return chunkGVGKISKD_js.AvatarImage; }
+  get: function () { return chunk5QLPZYWO_js.AvatarImage; }
 });
 Object.defineProperty(exports, "avatarFallbackVariants", {
   enumerable: true,
-  get: function () { return chunkGVGKISKD_js.avatarFallbackVariants; }
+  get: function () { return chunk5QLPZYWO_js.avatarFallbackVariants; }
 });
 Object.defineProperty(exports, "avatarGroupVariants", {
   enumerable: true,
-  get: function () { return chunkGVGKISKD_js.avatarGroupVariants; }
+  get: function () { return chunk5QLPZYWO_js.avatarGroupVariants; }
 });
 Object.defineProperty(exports, "avatarImageVariants", {
   enumerable: true,
-  get: function () { return chunkGVGKISKD_js.avatarImageVariants; }
+  get: function () { return chunk5QLPZYWO_js.avatarImageVariants; }
 });
 Object.defineProperty(exports, "avatarVariants", {
   enumerable: true,
-  get: function () { return chunkGVGKISKD_js.avatarVariants; }
+  get: function () { return chunk5QLPZYWO_js.avatarVariants; }
 });
 exports.Avatar = Avatar;
 //# sourceMappingURL=avatar.js.map

package/dist/ui/avatar.mjs

@@ -1,7 +1,7 @@
 "use client";
-import { AvatarBase } from '../chunk-27PO2FY2.mjs';
-export { AvatarFallback, AvatarGroup, AvatarImage, avatarFallbackVariants, avatarGroupVariants, avatarImageVariants, avatarVariants } from '../chunk-27PO2FY2.mjs';
-import '../chunk-KXNMW4NV.mjs';
+import { AvatarBase } from '../chunk-OO4IPM4F.mjs';
+export { AvatarFallback, AvatarGroup, AvatarImage, avatarFallbackVariants, avatarGroupVariants, avatarImageVariants, avatarVariants } from '../chunk-OO4IPM4F.mjs';
+import '../chunk-JOLSS7UY.mjs';
 import '../chunk-4D54YOL6.mjs';
 import '../chunk-J5LGTIGS.mjs';
 import { jsx } from 'react/jsx-runtime';

package/dist/ui/badge/animated.js

@@ -1,8 +1,8 @@
 "use client";
 'use strict';
 
-var chunkNAHHFB2M_js = require('../../chunk-NAHHFB2M.js');
-require('../../chunk-3I6XR7KN.js');
+var chunkGICW4DH5_js = require('../../chunk-GICW4DH5.js');
+require('../../chunk-IR5SJ7AQ.js');
 require('../../chunk-ZS5756ZC.js');
 require('../../chunk-PZ5AY32C.js');
 var framerMotion = require('framer-motion');
@@ -33,7 +33,7 @@ function BadgeAnimated({
 }) {
   const motionProps = badgeAnimationPresets[animation];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkNAHHFB2M_js.BadgeBase,
+    chunkGICW4DH5_js.BadgeBase,
     {
       ...{
         as: framerMotion.motion.span,

package/dist/ui/badge/animated.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { BadgeBase } from '../../chunk-2PWT2MB5.mjs';
-import '../../chunk-63UE3BR4.mjs';
+import { BadgeBase } from '../../chunk-7KCX2FX2.mjs';
+import '../../chunk-NGZTAVQO.mjs';
 import '../../chunk-4D54YOL6.mjs';
 import '../../chunk-J5LGTIGS.mjs';
 import { motion } from 'framer-motion';

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

@@ -1,50 +1,50 @@
 import { type ZuiButtonLikeSolidAppearance } from "../../design-system/badge";
 export declare const buttonLikeSolidAppearances: {
-    readonly default: "bg-[var(--zui-badge-default-bg,oklch(20.8%_0.042_265.755))] dark:bg-[var(--zui-badge-default-bg-dark,oklch(98.4%_0.003_247.858))] text-[color:var(--zui-badge-default-fg,oklch(98.4%_0.003_247.858))] dark:text-[color:var(--zui-badge-default-fg-dark,oklch(12.9%_0.042_264.695))] shadow-[var(--zui-badge-default-shadow,0_1px_2px_rgba(15,23,42,0.08))] dark:shadow-[var(--zui-badge-default-shadow-dark,0_1px_2px_rgba(15,23,42,0.12))]";
-    readonly secondary: "bg-[var(--zui-badge-secondary-bg,oklch(92.9%_0.013_255.508))] dark:bg-[var(--zui-badge-secondary-bg-dark,oklch(27.9%_0.041_260.031))] text-[color:var(--zui-badge-secondary-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-badge-secondary-fg-dark,oklch(98.4%_0.003_247.858))]";
-    readonly destructive: "bg-[var(--zui-badge-destructive-bg,oklch(64.5%_0.246_16.439))] dark:bg-[var(--zui-badge-destructive-bg-dark,oklch(51.4%_0.222_16.935))] text-[color:var(--zui-badge-default-fg,oklch(98.4%_0.003_247.858))] dark:text-[color:var(--zui-badge-destructive-fg-dark,#ffffff)]";
-    readonly outline: "border border-[color:var(--zui-badge-outline-border,#0000001a)] dark:border-[color:var(--zui-badge-outline-border-dark,#ffffff1a)] bg-[var(--zui-badge-outline-bg,#0000000d)] dark:bg-[var(--zui-badge-outline-bg-dark,#ffffff0d)] text-[color:var(--zui-badge-outline-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-badge-outline-fg-dark,oklch(98.4%_0.003_247.858))]";
-    readonly ghost: "bg-[var(--zui-badge-ghost-bg,transparent)] dark:bg-[var(--zui-badge-ghost-bg-dark,transparent)] text-[color:var(--zui-badge-ghost-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-badge-ghost-fg-dark,oklch(92.9%_0.013_255.508))]";
-    readonly glass: "border border-[color:var(--zui-badge-glass-border,#00000026)] dark:border-[color:var(--zui-badge-glass-border-dark,#ffffff26)] bg-[var(--zui-badge-glass-bg,#0000001a)] dark:bg-[var(--zui-badge-glass-bg-dark,#ffffff1a)] text-[color:var(--zui-badge-glass-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-badge-glass-fg-dark,#ffffff)] backdrop-blur-md";
-    readonly blue: "bg-[var(--zui-badge-blue-bg,#2563eb)] dark:bg-[var(--zui-badge-blue-bg-dark,#3b82f6)] text-[color:var(--zui-badge-blue-fg,#ffffff)] dark:text-[color:var(--zui-badge-blue-fg-dark,#ffffff)]";
-    readonly cyan: "bg-[var(--zui-badge-cyan-bg,#0891b2)] dark:bg-[var(--zui-badge-cyan-bg-dark,#22d3ee)] text-[color:var(--zui-badge-cyan-fg,#083344)] dark:text-[color:var(--zui-badge-cyan-fg-dark,#083344)]";
-    readonly green: "bg-[var(--zui-badge-green-bg,#16a34a)] dark:bg-[var(--zui-badge-green-bg-dark,#22c55e)] text-[color:var(--zui-badge-green-fg,#ffffff)] dark:text-[color:var(--zui-badge-green-fg-dark,#ffffff)]";
-    readonly lime: "bg-[var(--zui-badge-lime-bg,#65a30d)] dark:bg-[var(--zui-badge-lime-bg-dark,#a3e635)] text-[color:var(--zui-badge-lime-fg,#1a2e05)] dark:text-[color:var(--zui-badge-lime-fg-dark,#1a2e05)]";
-    readonly mint: "bg-[var(--zui-badge-mint-bg,#10b981)] dark:bg-[var(--zui-badge-mint-bg-dark,#6ee7b7)] text-[color:var(--zui-badge-mint-fg,#064e3b)] dark:text-[color:var(--zui-badge-mint-fg-dark,#064e3b)]";
-    readonly ocean: "bg-[var(--zui-badge-ocean-bg,#0284c7)] dark:bg-[var(--zui-badge-ocean-bg-dark,#38bdf8)] text-[color:var(--zui-badge-ocean-fg,#082f49)] dark:text-[color:var(--zui-badge-ocean-fg-dark,#082f49)]";
-    readonly sapphire: "bg-[var(--zui-badge-sapphire-bg,#1d4ed8)] dark:bg-[var(--zui-badge-sapphire-bg-dark,#60a5fa)] text-[color:var(--zui-badge-sapphire-fg,#ffffff)] dark:text-[color:var(--zui-badge-sapphire-fg-dark,#ffffff)]";
-    readonly lavender: "bg-[var(--zui-badge-lavender-bg,#8b5cf6)] dark:bg-[var(--zui-badge-lavender-bg-dark,#a78bfa)] text-[color:var(--zui-badge-lavender-fg,#ffffff)] dark:text-[color:var(--zui-badge-lavender-fg-dark,#ffffff)]";
-    readonly ruby: "bg-[var(--zui-badge-ruby-bg,#be123c)] dark:bg-[var(--zui-badge-ruby-bg-dark,#fb7185)] text-[color:var(--zui-badge-ruby-fg,#ffffff)] dark:text-[color:var(--zui-badge-ruby-fg-dark,#ffffff)]";
-    readonly red: "bg-[var(--zui-badge-red-bg,#dc2626)] dark:bg-[var(--zui-badge-red-bg-dark,#ef4444)] text-[color:var(--zui-badge-red-fg,#ffffff)] dark:text-[color:var(--zui-badge-red-fg-dark,#ffffff)]";
-    readonly slate: "bg-[var(--zui-badge-slate-bg,#475569)] dark:bg-[var(--zui-badge-slate-bg-dark,#64748b)] text-[color:var(--zui-badge-slate-fg,#ffffff)] dark:text-[color:var(--zui-badge-slate-fg-dark,#ffffff)]";
-    readonly zinc: "bg-[var(--zui-badge-zinc-bg,#52525b)] dark:bg-[var(--zui-badge-zinc-bg-dark,#71717a)] text-[color:var(--zui-badge-zinc-fg,#ffffff)] dark:text-[color:var(--zui-badge-zinc-fg-dark,#ffffff)]";
-    readonly stone: "bg-[var(--zui-badge-stone-bg,#57534e)] dark:bg-[var(--zui-badge-stone-bg-dark,#78716c)] text-[color:var(--zui-badge-stone-fg,#ffffff)] dark:text-[color:var(--zui-badge-stone-fg-dark,#ffffff)]";
-    readonly royal: "bg-[var(--zui-badge-royal-bg,#4338ca)] dark:bg-[var(--zui-badge-royal-bg-dark,#818cf8)] text-[color:var(--zui-badge-royal-fg,#ffffff)] dark:text-[color:var(--zui-badge-royal-fg-dark,#ffffff)]";
-    readonly electric: "bg-[var(--zui-badge-electric-bg,#0ea5e9)] dark:bg-[var(--zui-badge-electric-bg-dark,#38bdf8)] text-[color:var(--zui-badge-electric-fg,#ffffff)] dark:text-[color:var(--zui-badge-electric-fg-dark,#ffffff)]";
-    readonly forest: "bg-[var(--zui-badge-forest-bg,#166534)] dark:bg-[var(--zui-badge-forest-bg-dark,#4ade80)] text-[color:var(--zui-badge-forest-fg,#ffffff)] dark:text-[color:var(--zui-badge-forest-fg-dark,#ffffff)]";
-    readonly sunset: "bg-[var(--zui-badge-sunset-bg,#ea580c)] dark:bg-[var(--zui-badge-sunset-bg-dark,#fb923c)] text-[color:var(--zui-badge-sunset-fg,#ffffff)] dark:text-[color:var(--zui-badge-sunset-fg-dark,#ffffff)]";
-    readonly magenta: "bg-[var(--zui-badge-magenta-bg,#c026d3)] dark:bg-[var(--zui-badge-magenta-bg-dark,#e879f9)] text-[color:var(--zui-badge-magenta-fg,#ffffff)] dark:text-[color:var(--zui-badge-magenta-fg-dark,#ffffff)]";
-    readonly crimson: "bg-[var(--zui-badge-crimson-bg,#b91c1c)] dark:bg-[var(--zui-badge-crimson-bg-dark,#f87171)] text-[color:var(--zui-badge-crimson-fg,#ffffff)] dark:text-[color:var(--zui-badge-crimson-fg-dark,#ffffff)]";
-    readonly aqua: "bg-[var(--zui-badge-aqua-bg,#0f766e)] dark:bg-[var(--zui-badge-aqua-bg-dark,#2dd4bf)] text-[color:var(--zui-badge-aqua-fg,#ffffff)] dark:text-[color:var(--zui-badge-aqua-fg-dark,#ffffff)]";
-    readonly plum: "bg-[var(--zui-badge-plum-bg,#7e22ce)] dark:bg-[var(--zui-badge-plum-bg-dark,#c084fc)] text-[color:var(--zui-badge-plum-fg,#ffffff)] dark:text-[color:var(--zui-badge-plum-fg-dark,#ffffff)]";
-    readonly emerald: "bg-[var(--zui-badge-emerald-bg,oklch(69.6%_0.17_162.48))] dark:bg-[var(--zui-badge-emerald-bg-dark,oklch(43.2%_0.095_166.913))] text-[color:var(--zui-badge-emerald-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-emerald-fg-dark,#ffffff)]";
-    readonly indigo: "bg-[var(--zui-badge-indigo-bg,oklch(39.8%_0.195_277.366))] dark:bg-[var(--zui-badge-indigo-bg-dark,oklch(51.1%_0.262_276.966))] text-[color:var(--zui-badge-indigo-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-indigo-fg-dark,#ffffff)]";
-    readonly purple: "bg-[var(--zui-badge-purple-bg,oklch(43.8%_0.218_303.724))] dark:bg-[var(--zui-badge-purple-bg-dark,oklch(55.8%_0.288_302.321))] text-[color:var(--zui-badge-purple-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-purple-fg-dark,#ffffff)]";
-    readonly pink: "bg-[var(--zui-badge-pink-bg,oklch(45.9%_0.187_3.815))] dark:bg-[var(--zui-badge-pink-bg-dark,oklch(59.2%_0.249_0.584))] text-[color:var(--zui-badge-pink-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-pink-fg-dark,#ffffff)]";
-    readonly rose: "bg-[var(--zui-badge-rose-bg,oklch(64.5%_0.246_16.439))] dark:bg-[var(--zui-badge-rose-bg-dark,oklch(51.4%_0.222_16.935))] text-[color:var(--zui-badge-rose-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-rose-fg-dark,#ffffff)]";
-    readonly sky: "bg-[var(--zui-badge-sky-bg,oklch(68.5%_0.169_237.323))] dark:bg-[var(--zui-badge-sky-bg-dark,oklch(50%_0.134_242.749))] text-[color:var(--zui-badge-sky-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-sky-fg-dark,#ffffff)]";
-    readonly teal: "bg-[var(--zui-badge-teal-bg,oklch(70.4%_0.14_182.503))] dark:bg-[var(--zui-badge-teal-bg-dark,oklch(51.1%_0.096_186.391))] text-[color:var(--zui-badge-teal-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-teal-fg-dark,#ffffff)]";
-    readonly yellow: "bg-[var(--zui-badge-yellow-bg,oklch(79.5%_0.184_86.047))] dark:bg-[var(--zui-badge-yellow-bg-dark,oklch(47.6%_0.114_61.907))] text-[color:var(--zui-badge-yellow-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-yellow-fg-dark,#ffffff)]";
-    readonly orange: "bg-[var(--zui-badge-orange-bg,oklch(70.5%_0.213_47.604))] dark:bg-[var(--zui-badge-orange-bg-dark,oklch(47%_0.157_37.304))] text-[color:var(--zui-badge-orange-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-orange-fg-dark,#ffffff)]";
-    readonly "gradient-blue": "bg-linear-to-r from-[var(--zui-badge-gradient-blue-from,oklch(42.4%_0.199_265.638))] dark:from-[var(--zui-badge-gradient-blue-from-dark,oklch(54.6%_0.245_262.881))] to-[var(--zui-badge-gradient-blue-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-badge-gradient-blue-to-dark,oklch(55.8%_0.288_302.321))] text-[color:var(--zui-badge-gradient-blue-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-gradient-blue-fg-dark,#ffffff)]";
-    readonly "gradient-green": "bg-linear-to-r from-[var(--zui-badge-gradient-green-from,oklch(44.8%_0.119_151.328))] dark:from-[var(--zui-badge-gradient-green-from-dark,oklch(62.7%_0.194_149.214))] to-[var(--zui-badge-gradient-green-to,oklch(45.3%_0.124_130.933))] dark:to-[var(--zui-badge-gradient-green-to-dark,oklch(64.8%_0.2_131.684))] text-[color:var(--zui-badge-gradient-green-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-gradient-green-fg-dark,#ffffff)]";
-    readonly "gradient-red": "bg-linear-to-r from-[var(--zui-badge-gradient-red-from,oklch(44.4%_0.177_26.899))] dark:from-[var(--zui-badge-gradient-red-from-dark,oklch(57.7%_0.245_27.325))] to-[var(--zui-badge-gradient-red-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-badge-gradient-red-to-dark,oklch(59.2%_0.249_0.584))] text-[color:var(--zui-badge-gradient-red-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-gradient-red-fg-dark,#ffffff)]";
-    readonly "gradient-yellow": "bg-linear-to-r from-[var(--zui-badge-gradient-yellow-from,oklch(47.6%_0.114_61.907))] dark:from-[var(--zui-badge-gradient-yellow-from-dark,oklch(68.1%_0.162_75.834))] to-[var(--zui-badge-gradient-yellow-to,oklch(47%_0.157_37.304))] dark:to-[var(--zui-badge-gradient-yellow-to-dark,oklch(64.6%_0.222_41.116))] text-[color:var(--zui-badge-gradient-yellow-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-gradient-yellow-fg-dark,#ffffff)]";
-    readonly "gradient-purple": "bg-linear-to-r from-[var(--zui-badge-gradient-purple-from,oklch(43.8%_0.218_303.724))] dark:from-[var(--zui-badge-gradient-purple-from-dark,oklch(55.8%_0.288_302.321))] to-[var(--zui-badge-gradient-purple-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-badge-gradient-purple-to-dark,oklch(59.2%_0.249_0.584))] text-[color:var(--zui-badge-gradient-purple-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-gradient-purple-fg-dark,#ffffff)]";
-    readonly "gradient-teal": "bg-linear-to-r from-[var(--zui-badge-gradient-teal-from,oklch(43.7%_0.078_188.216))] dark:from-[var(--zui-badge-gradient-teal-from-dark,oklch(60%_0.118_184.704))] to-[var(--zui-badge-gradient-teal-to,oklch(45%_0.085_224.283))] dark:to-[var(--zui-badge-gradient-teal-to-dark,oklch(60.9%_0.126_221.723))] text-[color:var(--zui-badge-gradient-teal-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-gradient-teal-fg-dark,#ffffff)]";
-    readonly "gradient-indigo": "bg-linear-to-r from-[var(--zui-badge-gradient-indigo-from,oklch(39.8%_0.195_277.366))] dark:from-[var(--zui-badge-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] to-[var(--zui-badge-gradient-indigo-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-badge-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))] text-[color:var(--zui-badge-gradient-indigo-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-gradient-indigo-fg-dark,#ffffff)]";
-    readonly "gradient-pink": "bg-linear-to-r from-[var(--zui-badge-gradient-pink-from,oklch(45.9%_0.187_3.815))] dark:from-[var(--zui-badge-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] to-[var(--zui-badge-gradient-pink-to,oklch(45.5%_0.188_13.697))] dark:to-[var(--zui-badge-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))] text-[color:var(--zui-badge-gradient-pink-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-gradient-pink-fg-dark,#ffffff)]";
-    readonly "gradient-orange": "bg-linear-to-r from-[var(--zui-badge-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-badge-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-badge-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-badge-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] text-[color:var(--zui-badge-gradient-orange-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-gradient-orange-fg-dark,#ffffff)]";
+    readonly default: "bg-[var(--zui-badge-default-bg,var(--zui-brand,oklch(20.8%_0.042_265.755)))] dark:bg-[var(--zui-badge-default-bg-dark,var(--zui-brand-dark,oklch(98.4%_0.003_247.858)))] text-[color:var(--zui-badge-default-fg,var(--zui-brand-fg,oklch(98.4%_0.003_247.858)))] dark:text-[color:var(--zui-badge-default-fg-dark,var(--zui-brand-fg-dark,oklch(12.9%_0.042_264.695)))] shadow-[var(--zui-badge-default-shadow,var(--zui-shadow,0_1px_2px_rgba(15,23,42,0.08)))] dark:shadow-[var(--zui-badge-default-shadow-dark,var(--zui-shadow-dark,0_1px_2px_rgba(15,23,42,0.12)))]";
+    readonly secondary: "bg-[var(--zui-badge-secondary-bg,var(--zui-surface-muted,oklch(92.9%_0.013_255.508)))] dark:bg-[var(--zui-badge-secondary-bg-dark,var(--zui-surface-muted-dark,oklch(27.9%_0.041_260.031)))] text-[color:var(--zui-badge-secondary-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-badge-secondary-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))]";
+    readonly destructive: "bg-[var(--zui-badge-destructive-bg,var(--zui-status-error,oklch(64.5%_0.246_16.439)))] dark:bg-[var(--zui-badge-destructive-bg-dark,var(--zui-status-error-dark,oklch(51.4%_0.222_16.935)))] text-[color:var(--zui-badge-default-fg,var(--zui-brand-fg,oklch(98.4%_0.003_247.858)))] dark:text-[color:var(--zui-badge-destructive-fg-dark,var(--zui-brand-fg-dark,#ffffff))]";
+    readonly outline: "border border-[color:var(--zui-badge-outline-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-badge-outline-border-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-badge-outline-bg,var(--zui-surface-soft,#0000000d))] dark:bg-[var(--zui-badge-outline-bg-dark,var(--zui-surface-soft-dark,#ffffff0d))] text-[color:var(--zui-badge-outline-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-badge-outline-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))]";
+    readonly ghost: "bg-[var(--zui-badge-ghost-bg,var(--zui-surface-soft,transparent))] dark:bg-[var(--zui-badge-ghost-bg-dark,var(--zui-surface-soft-dark,transparent))] text-[color:var(--zui-badge-ghost-fg,var(--zui-fg-muted,oklch(37.2%_0.044_257.287)))] dark:text-[color:var(--zui-badge-ghost-fg-dark,var(--zui-fg-muted-dark,oklch(92.9%_0.013_255.508)))]";
+    readonly glass: "border border-[color:var(--zui-badge-glass-border,var(--zui-border,#00000026))] dark:border-[color:var(--zui-badge-glass-border-dark,var(--zui-border-dark,#ffffff26))] bg-[var(--zui-badge-glass-bg,var(--zui-surface-soft,#0000001a))] dark:bg-[var(--zui-badge-glass-bg-dark,var(--zui-surface-soft-dark,#ffffff1a))] text-[color:var(--zui-badge-glass-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-badge-glass-fg-dark,var(--zui-fg-dark,#ffffff))] backdrop-blur-md";
+    readonly blue: "bg-[var(--zui-badge-blue-bg,var(--zui-color-blue,#2563eb))] dark:bg-[var(--zui-badge-blue-bg-dark,var(--zui-color-blue-dark,#3b82f6))] text-[color:var(--zui-badge-blue-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-badge-blue-fg-dark,var(--zui-brand-fg-dark,#ffffff))]";
+    readonly cyan: "bg-[var(--zui-badge-cyan-bg,var(--zui-color-cyan,#0891b2))] dark:bg-[var(--zui-badge-cyan-bg-dark,var(--zui-color-cyan-dark,#22d3ee))] text-[color:var(--zui-badge-cyan-fg,var(--zui-brand-fg,#083344))] dark:text-[color:var(--zui-badge-cyan-fg-dark,var(--zui-brand-fg-dark,#083344))]";
+    readonly green: "bg-[var(--zui-badge-green-bg,var(--zui-color-green,#16a34a))] dark:bg-[var(--zui-badge-green-bg-dark,var(--zui-color-green-dark,#22c55e))] text-[color:var(--zui-badge-green-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-badge-green-fg-dark,var(--zui-brand-fg-dark,#ffffff))]";
+    readonly lime: "bg-[var(--zui-badge-lime-bg,var(--zui-color-lime,#65a30d))] dark:bg-[var(--zui-badge-lime-bg-dark,var(--zui-color-lime-dark,#a3e635))] text-[color:var(--zui-badge-lime-fg,var(--zui-brand-fg,#1a2e05))] dark:text-[color:var(--zui-badge-lime-fg-dark,var(--zui-brand-fg-dark,#1a2e05))]";
+    readonly mint: "bg-[var(--zui-badge-mint-bg,var(--zui-color-mint,#10b981))] dark:bg-[var(--zui-badge-mint-bg-dark,var(--zui-color-mint-dark,#6ee7b7))] text-[color:var(--zui-badge-mint-fg,var(--zui-brand-fg,#064e3b))] dark:text-[color:var(--zui-badge-mint-fg-dark,var(--zui-brand-fg-dark,#064e3b))]";
+    readonly ocean: "bg-[var(--zui-badge-ocean-bg,var(--zui-color-ocean,#0284c7))] dark:bg-[var(--zui-badge-ocean-bg-dark,var(--zui-color-ocean-dark,#38bdf8))] text-[color:var(--zui-badge-ocean-fg,var(--zui-brand-fg,#082f49))] dark:text-[color:var(--zui-badge-ocean-fg-dark,var(--zui-brand-fg-dark,#082f49))]";
+    readonly sapphire: "bg-[var(--zui-badge-sapphire-bg,var(--zui-color-sapphire,#1d4ed8))] dark:bg-[var(--zui-badge-sapphire-bg-dark,var(--zui-color-sapphire-dark,#60a5fa))] text-[color:var(--zui-badge-sapphire-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-badge-sapphire-fg-dark,var(--zui-brand-fg-dark,#ffffff))]";
+    readonly lavender: "bg-[var(--zui-badge-lavender-bg,var(--zui-color-lavender,#8b5cf6))] dark:bg-[var(--zui-badge-lavender-bg-dark,var(--zui-color-lavender-dark,#a78bfa))] text-[color:var(--zui-badge-lavender-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-badge-lavender-fg-dark,var(--zui-brand-fg-dark,#ffffff))]";
+    readonly ruby: "bg-[var(--zui-badge-ruby-bg,var(--zui-color-ruby,#be123c))] dark:bg-[var(--zui-badge-ruby-bg-dark,var(--zui-color-ruby-dark,#fb7185))] text-[color:var(--zui-badge-ruby-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-badge-ruby-fg-dark,var(--zui-brand-fg-dark,#ffffff))]";
+    readonly red: "bg-[var(--zui-badge-red-bg,var(--zui-color-red,#dc2626))] dark:bg-[var(--zui-badge-red-bg-dark,var(--zui-color-red-dark,#ef4444))] text-[color:var(--zui-badge-red-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-badge-red-fg-dark,var(--zui-brand-fg-dark,#ffffff))]";
+    readonly slate: "bg-[var(--zui-badge-slate-bg,var(--zui-color-slate,#475569))] dark:bg-[var(--zui-badge-slate-bg-dark,var(--zui-color-slate-dark,#64748b))] text-[color:var(--zui-badge-slate-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-badge-slate-fg-dark,var(--zui-brand-fg-dark,#ffffff))]";
+    readonly zinc: "bg-[var(--zui-badge-zinc-bg,var(--zui-color-zinc,#52525b))] dark:bg-[var(--zui-badge-zinc-bg-dark,var(--zui-color-zinc-dark,#71717a))] text-[color:var(--zui-badge-zinc-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-badge-zinc-fg-dark,var(--zui-brand-fg-dark,#ffffff))]";
+    readonly stone: "bg-[var(--zui-badge-stone-bg,var(--zui-color-stone,#57534e))] dark:bg-[var(--zui-badge-stone-bg-dark,var(--zui-color-stone-dark,#78716c))] text-[color:var(--zui-badge-stone-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-badge-stone-fg-dark,var(--zui-brand-fg-dark,#ffffff))]";
+    readonly royal: "bg-[var(--zui-badge-royal-bg,var(--zui-color-royal,#4338ca))] dark:bg-[var(--zui-badge-royal-bg-dark,var(--zui-color-royal-dark,#818cf8))] text-[color:var(--zui-badge-royal-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-badge-royal-fg-dark,var(--zui-brand-fg-dark,#ffffff))]";
+    readonly electric: "bg-[var(--zui-badge-electric-bg,var(--zui-color-electric,#0ea5e9))] dark:bg-[var(--zui-badge-electric-bg-dark,var(--zui-color-electric-dark,#38bdf8))] text-[color:var(--zui-badge-electric-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-badge-electric-fg-dark,var(--zui-brand-fg-dark,#ffffff))]";
+    readonly forest: "bg-[var(--zui-badge-forest-bg,var(--zui-color-forest,#166534))] dark:bg-[var(--zui-badge-forest-bg-dark,var(--zui-color-forest-dark,#4ade80))] text-[color:var(--zui-badge-forest-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-badge-forest-fg-dark,var(--zui-brand-fg-dark,#ffffff))]";
+    readonly sunset: "bg-[var(--zui-badge-sunset-bg,var(--zui-color-sunset,#ea580c))] dark:bg-[var(--zui-badge-sunset-bg-dark,var(--zui-color-sunset-dark,#fb923c))] text-[color:var(--zui-badge-sunset-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-badge-sunset-fg-dark,var(--zui-brand-fg-dark,#ffffff))]";
+    readonly magenta: "bg-[var(--zui-badge-magenta-bg,var(--zui-color-magenta,#c026d3))] dark:bg-[var(--zui-badge-magenta-bg-dark,var(--zui-color-magenta-dark,#e879f9))] text-[color:var(--zui-badge-magenta-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-badge-magenta-fg-dark,var(--zui-brand-fg-dark,#ffffff))]";
+    readonly crimson: "bg-[var(--zui-badge-crimson-bg,var(--zui-color-crimson,#b91c1c))] dark:bg-[var(--zui-badge-crimson-bg-dark,var(--zui-color-crimson-dark,#f87171))] text-[color:var(--zui-badge-crimson-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-badge-crimson-fg-dark,var(--zui-brand-fg-dark,#ffffff))]";
+    readonly aqua: "bg-[var(--zui-badge-aqua-bg,var(--zui-color-aqua,#0f766e))] dark:bg-[var(--zui-badge-aqua-bg-dark,var(--zui-color-aqua-dark,#2dd4bf))] text-[color:var(--zui-badge-aqua-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-badge-aqua-fg-dark,var(--zui-brand-fg-dark,#ffffff))]";
+    readonly plum: "bg-[var(--zui-badge-plum-bg,var(--zui-color-plum,#7e22ce))] dark:bg-[var(--zui-badge-plum-bg-dark,var(--zui-color-plum-dark,#c084fc))] text-[color:var(--zui-badge-plum-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-badge-plum-fg-dark,var(--zui-brand-fg-dark,#ffffff))]";
+    readonly emerald: "bg-[var(--zui-badge-emerald-bg,var(--zui-color-emerald,oklch(69.6%_0.17_162.48)))] dark:bg-[var(--zui-badge-emerald-bg-dark,var(--zui-color-emerald-dark,oklch(43.2%_0.095_166.913)))] text-[color:var(--zui-badge-emerald-fg,var(--zui-brand-fg,oklch(96.8%_0.007_247.896)))] dark:text-[color:var(--zui-badge-emerald-fg-dark,var(--zui-brand-fg-dark,#ffffff))]";
+    readonly indigo: "bg-[var(--zui-badge-indigo-bg,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:bg-[var(--zui-badge-indigo-bg-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] text-[color:var(--zui-badge-indigo-fg,var(--zui-brand-fg,oklch(96.8%_0.007_247.896)))] dark:text-[color:var(--zui-badge-indigo-fg-dark,var(--zui-brand-fg-dark,#ffffff))]";
+    readonly purple: "bg-[var(--zui-badge-purple-bg,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:bg-[var(--zui-badge-purple-bg-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] text-[color:var(--zui-badge-purple-fg,var(--zui-brand-fg,oklch(96.8%_0.007_247.896)))] dark:text-[color:var(--zui-badge-purple-fg-dark,var(--zui-brand-fg-dark,#ffffff))]";
+    readonly pink: "bg-[var(--zui-badge-pink-bg,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:bg-[var(--zui-badge-pink-bg-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] text-[color:var(--zui-badge-pink-fg,var(--zui-brand-fg,oklch(96.8%_0.007_247.896)))] dark:text-[color:var(--zui-badge-pink-fg-dark,var(--zui-brand-fg-dark,#ffffff))]";
+    readonly rose: "bg-[var(--zui-badge-rose-bg,var(--zui-color-rose,oklch(64.5%_0.246_16.439)))] dark:bg-[var(--zui-badge-rose-bg-dark,var(--zui-color-rose-dark,oklch(51.4%_0.222_16.935)))] text-[color:var(--zui-badge-rose-fg,var(--zui-brand-fg,oklch(96.8%_0.007_247.896)))] dark:text-[color:var(--zui-badge-rose-fg-dark,var(--zui-brand-fg-dark,#ffffff))]";
+    readonly sky: "bg-[var(--zui-badge-sky-bg,var(--zui-color-sky,oklch(68.5%_0.169_237.323)))] dark:bg-[var(--zui-badge-sky-bg-dark,var(--zui-color-sky-dark,oklch(50%_0.134_242.749)))] text-[color:var(--zui-badge-sky-fg,var(--zui-brand-fg,oklch(96.8%_0.007_247.896)))] dark:text-[color:var(--zui-badge-sky-fg-dark,var(--zui-brand-fg-dark,#ffffff))]";
+    readonly teal: "bg-[var(--zui-badge-teal-bg,var(--zui-color-teal,oklch(70.4%_0.14_182.503)))] dark:bg-[var(--zui-badge-teal-bg-dark,var(--zui-color-teal-dark,oklch(51.1%_0.096_186.391)))] text-[color:var(--zui-badge-teal-fg,var(--zui-brand-fg,oklch(96.8%_0.007_247.896)))] dark:text-[color:var(--zui-badge-teal-fg-dark,var(--zui-brand-fg-dark,#ffffff))]";
+    readonly yellow: "bg-[var(--zui-badge-yellow-bg,var(--zui-color-yellow,oklch(79.5%_0.184_86.047)))] dark:bg-[var(--zui-badge-yellow-bg-dark,var(--zui-color-yellow-dark,oklch(47.6%_0.114_61.907)))] text-[color:var(--zui-badge-yellow-fg,var(--zui-brand-fg,oklch(96.8%_0.007_247.896)))] dark:text-[color:var(--zui-badge-yellow-fg-dark,var(--zui-brand-fg-dark,#ffffff))]";
+    readonly orange: "bg-[var(--zui-badge-orange-bg,var(--zui-color-orange,oklch(70.5%_0.213_47.604)))] dark:bg-[var(--zui-badge-orange-bg-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304)))] text-[color:var(--zui-badge-orange-fg,var(--zui-brand-fg,oklch(96.8%_0.007_247.896)))] dark:text-[color:var(--zui-badge-orange-fg-dark,var(--zui-brand-fg-dark,#ffffff))]";
+    readonly "gradient-blue": "bg-linear-to-r from-[var(--zui-badge-gradient-blue-from,var(--zui-color-blue,oklch(42.4%_0.199_265.638)))] dark:from-[var(--zui-badge-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(54.6%_0.245_262.881)))] to-[var(--zui-badge-gradient-blue-to,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:to-[var(--zui-badge-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] text-[color:var(--zui-badge-gradient-blue-fg,var(--zui-brand-fg,oklch(96.8%_0.007_247.896)))] dark:text-[color:var(--zui-badge-gradient-blue-fg-dark,var(--zui-brand-fg-dark,#ffffff))]";
+    readonly "gradient-green": "bg-linear-to-r from-[var(--zui-badge-gradient-green-from,var(--zui-color-green,oklch(44.8%_0.119_151.328)))] dark:from-[var(--zui-badge-gradient-green-from-dark,var(--zui-color-green-dark,oklch(62.7%_0.194_149.214)))] to-[var(--zui-badge-gradient-green-to,var(--zui-color-lime,oklch(45.3%_0.124_130.933)))] dark:to-[var(--zui-badge-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(64.8%_0.2_131.684)))] text-[color:var(--zui-badge-gradient-green-fg,var(--zui-brand-fg,oklch(96.8%_0.007_247.896)))] dark:text-[color:var(--zui-badge-gradient-green-fg-dark,var(--zui-brand-fg-dark,#ffffff))]";
+    readonly "gradient-red": "bg-linear-to-r from-[var(--zui-badge-gradient-red-from,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:from-[var(--zui-badge-gradient-red-from-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] to-[var(--zui-badge-gradient-red-to,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:to-[var(--zui-badge-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] text-[color:var(--zui-badge-gradient-red-fg,var(--zui-brand-fg,oklch(96.8%_0.007_247.896)))] dark:text-[color:var(--zui-badge-gradient-red-fg-dark,var(--zui-brand-fg-dark,#ffffff))]";
+    readonly "gradient-yellow": "bg-linear-to-r from-[var(--zui-badge-gradient-yellow-from,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:from-[var(--zui-badge-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] to-[var(--zui-badge-gradient-yellow-to,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:to-[var(--zui-badge-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] text-[color:var(--zui-badge-gradient-yellow-fg,var(--zui-brand-fg,oklch(96.8%_0.007_247.896)))] dark:text-[color:var(--zui-badge-gradient-yellow-fg-dark,var(--zui-brand-fg-dark,#ffffff))]";
+    readonly "gradient-purple": "bg-linear-to-r from-[var(--zui-badge-gradient-purple-from,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:from-[var(--zui-badge-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] to-[var(--zui-badge-gradient-purple-to,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:to-[var(--zui-badge-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] text-[color:var(--zui-badge-gradient-purple-fg,var(--zui-brand-fg,oklch(96.8%_0.007_247.896)))] dark:text-[color:var(--zui-badge-gradient-purple-fg-dark,var(--zui-brand-fg-dark,#ffffff))]";
+    readonly "gradient-teal": "bg-linear-to-r from-[var(--zui-badge-gradient-teal-from,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:from-[var(--zui-badge-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] to-[var(--zui-badge-gradient-teal-to,var(--zui-color-cyan,oklch(45%_0.085_224.283)))] dark:to-[var(--zui-badge-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(60.9%_0.126_221.723)))] text-[color:var(--zui-badge-gradient-teal-fg,var(--zui-brand-fg,oklch(96.8%_0.007_247.896)))] dark:text-[color:var(--zui-badge-gradient-teal-fg-dark,var(--zui-brand-fg-dark,#ffffff))]";
+    readonly "gradient-indigo": "bg-linear-to-r from-[var(--zui-badge-gradient-indigo-from,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:from-[var(--zui-badge-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] to-[var(--zui-badge-gradient-indigo-to,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:to-[var(--zui-badge-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] text-[color:var(--zui-badge-gradient-indigo-fg,var(--zui-brand-fg,oklch(96.8%_0.007_247.896)))] dark:text-[color:var(--zui-badge-gradient-indigo-fg-dark,var(--zui-brand-fg-dark,#ffffff))]";
+    readonly "gradient-pink": "bg-linear-to-r from-[var(--zui-badge-gradient-pink-from,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:from-[var(--zui-badge-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] to-[var(--zui-badge-gradient-pink-to,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:to-[var(--zui-badge-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585)))] text-[color:var(--zui-badge-gradient-pink-fg,var(--zui-brand-fg,oklch(96.8%_0.007_247.896)))] dark:text-[color:var(--zui-badge-gradient-pink-fg-dark,var(--zui-brand-fg-dark,#ffffff))]";
+    readonly "gradient-orange": "bg-linear-to-r from-[var(--zui-badge-gradient-orange-from,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:from-[var(--zui-badge-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] to-[var(--zui-badge-gradient-orange-to,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:to-[var(--zui-badge-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] text-[color:var(--zui-badge-gradient-orange-fg,var(--zui-brand-fg,oklch(96.8%_0.007_247.896)))] dark:text-[color:var(--zui-badge-gradient-orange-fg-dark,var(--zui-brand-fg-dark,#ffffff))]";
 };
 export type ButtonLikeSolidAppearance = ZuiButtonLikeSolidAppearance;
 export declare const badgeVariants: (props?: ({

package/dist/ui/badge.js

@@ -1,24 +1,24 @@
 "use client";
 'use strict';
 
-var chunkNAHHFB2M_js = require('../chunk-NAHHFB2M.js');
-require('../chunk-3I6XR7KN.js');
+var chunkGICW4DH5_js = require('../chunk-GICW4DH5.js');
+require('../chunk-IR5SJ7AQ.js');
 require('../chunk-ZS5756ZC.js');
 require('../chunk-PZ5AY32C.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function Badge(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkNAHHFB2M_js.BadgeBase, { ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkGICW4DH5_js.BadgeBase, { ...props });
 }
 Badge.displayName = "Badge";
 
 Object.defineProperty(exports, "badgeCloseButtonVariants", {
   enumerable: true,
-  get: function () { return chunkNAHHFB2M_js.badgeCloseButtonVariants; }
+  get: function () { return chunkGICW4DH5_js.badgeCloseButtonVariants; }
 });
 Object.defineProperty(exports, "badgeVariants", {
   enumerable: true,
-  get: function () { return chunkNAHHFB2M_js.badgeVariants; }
+  get: function () { return chunkGICW4DH5_js.badgeVariants; }
 });
 exports.Badge = Badge;
 //# sourceMappingURL=badge.js.map

package/dist/ui/badge.mjs

@@ -1,7 +1,7 @@
 "use client";
-import { BadgeBase } from '../chunk-2PWT2MB5.mjs';
-export { badgeCloseButtonVariants, badgeVariants } from '../chunk-2PWT2MB5.mjs';
-import '../chunk-63UE3BR4.mjs';
+import { BadgeBase } from '../chunk-7KCX2FX2.mjs';
+export { badgeCloseButtonVariants, badgeVariants } from '../chunk-7KCX2FX2.mjs';
+import '../chunk-NGZTAVQO.mjs';
 import '../chunk-4D54YOL6.mjs';
 import '../chunk-J5LGTIGS.mjs';
 import { jsx } from 'react/jsx-runtime';

package/dist/ui/breadcrumb.js

@@ -1,27 +1,27 @@
 "use client";
 'use strict';
 
-var chunkJ6XKTPP5_js = require('../chunk-J6XKTPP5.js');
+var chunkNYO3W5GY_js = require('../chunk-NYO3W5GY.js');
 var chunkZS5756ZC_js = require('../chunk-ZS5756ZC.js');
 require('../chunk-PZ5AY32C.js');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 
-var breadcrumbNavVariants = classVarianceAuthority.cva(chunkJ6XKTPP5_js.zuiBreadcrumbNavBase, {
+var breadcrumbNavVariants = classVarianceAuthority.cva(chunkNYO3W5GY_js.zuiBreadcrumbNavBase, {
   variants: {
-    appearance: chunkJ6XKTPP5_js.zuiBreadcrumbAppearances
+    appearance: chunkNYO3W5GY_js.zuiBreadcrumbAppearances
   },
   defaultVariants: {
     appearance: "default"
   }
 });
-var breadcrumbListVariants = classVarianceAuthority.cva(chunkJ6XKTPP5_js.zuiBreadcrumbListBase);
-var breadcrumbItemVariants = classVarianceAuthority.cva(chunkJ6XKTPP5_js.zuiBreadcrumbItemBase);
-var breadcrumbLinkVariants = classVarianceAuthority.cva(chunkJ6XKTPP5_js.zuiBreadcrumbLinkBase);
-var breadcrumbPageVariants = classVarianceAuthority.cva(chunkJ6XKTPP5_js.zuiBreadcrumbPageBase);
-var breadcrumbSeparatorVariants = classVarianceAuthority.cva(chunkJ6XKTPP5_js.zuiBreadcrumbSeparatorBase, {
+var breadcrumbListVariants = classVarianceAuthority.cva(chunkNYO3W5GY_js.zuiBreadcrumbListBase);
+var breadcrumbItemVariants = classVarianceAuthority.cva(chunkNYO3W5GY_js.zuiBreadcrumbItemBase);
+var breadcrumbLinkVariants = classVarianceAuthority.cva(chunkNYO3W5GY_js.zuiBreadcrumbLinkBase);
+var breadcrumbPageVariants = classVarianceAuthority.cva(chunkNYO3W5GY_js.zuiBreadcrumbPageBase);
+var breadcrumbSeparatorVariants = classVarianceAuthority.cva(chunkNYO3W5GY_js.zuiBreadcrumbSeparatorBase, {
   variants: {
-    size: chunkJ6XKTPP5_js.zuiBreadcrumbSeparatorSizes
+    size: chunkNYO3W5GY_js.zuiBreadcrumbSeparatorSizes
   },
   defaultVariants: {
     size: "md"

package/dist/ui/breadcrumb.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { zuiBreadcrumbNavBase, zuiBreadcrumbAppearances, zuiBreadcrumbListBase, zuiBreadcrumbItemBase, zuiBreadcrumbLinkBase, zuiBreadcrumbPageBase, zuiBreadcrumbSeparatorBase, zuiBreadcrumbSeparatorSizes } from '../chunk-TMFXI5FH.mjs';
+import { zuiBreadcrumbNavBase, zuiBreadcrumbAppearances, zuiBreadcrumbListBase, zuiBreadcrumbItemBase, zuiBreadcrumbLinkBase, zuiBreadcrumbPageBase, zuiBreadcrumbSeparatorBase, zuiBreadcrumbSeparatorSizes } from '../chunk-YKTANA3H.mjs';
 import { cn } from '../chunk-4D54YOL6.mjs';
 import '../chunk-J5LGTIGS.mjs';
 import { cva } from 'class-variance-authority';