@zentauri-ui/zentauri-components 1.8.42 → 1.9.1

package/dist/ui/alert.js

@@ -1,46 +1,46 @@
 "use client";
 'use strict';
 
-var chunkDFCDLVZA_js = require('../chunk-DFCDLVZA.js');
+var chunkJRB22VVK_js = require('../chunk-JRB22VVK.js');
 require('../chunk-ZS5756ZC.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 var Alert = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkDFCDLVZA_js.AlertBase, { ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkJRB22VVK_js.AlertBase, { ...props });
 };
 Alert.displayName = "Alert";
 
 Object.defineProperty(exports, "AlertClose", {
   enumerable: true,
-  get: function () { return chunkDFCDLVZA_js.AlertClose; }
+  get: function () { return chunkJRB22VVK_js.AlertClose; }
 });
 Object.defineProperty(exports, "AlertDefaultIcon", {
   enumerable: true,
-  get: function () { return chunkDFCDLVZA_js.AlertDefaultIcon; }
+  get: function () { return chunkJRB22VVK_js.AlertDefaultIcon; }
 });
 Object.defineProperty(exports, "AlertDescription", {
   enumerable: true,
-  get: function () { return chunkDFCDLVZA_js.AlertDescription; }
+  get: function () { return chunkJRB22VVK_js.AlertDescription; }
 });
 Object.defineProperty(exports, "AlertIcon", {
   enumerable: true,
-  get: function () { return chunkDFCDLVZA_js.AlertIcon; }
+  get: function () { return chunkJRB22VVK_js.AlertIcon; }
 });
 Object.defineProperty(exports, "AlertTitle", {
   enumerable: true,
-  get: function () { return chunkDFCDLVZA_js.AlertTitle; }
+  get: function () { return chunkJRB22VVK_js.AlertTitle; }
 });
 Object.defineProperty(exports, "alertDescriptionVariants", {
   enumerable: true,
-  get: function () { return chunkDFCDLVZA_js.alertDescriptionVariants; }
+  get: function () { return chunkJRB22VVK_js.alertDescriptionVariants; }
 });
 Object.defineProperty(exports, "alertTitleVariants", {
   enumerable: true,
-  get: function () { return chunkDFCDLVZA_js.alertTitleVariants; }
+  get: function () { return chunkJRB22VVK_js.alertTitleVariants; }
 });
 Object.defineProperty(exports, "alertVariants", {
   enumerable: true,
-  get: function () { return chunkDFCDLVZA_js.alertVariants; }
+  get: function () { return chunkJRB22VVK_js.alertVariants; }
 });
 exports.Alert = Alert;
 //# sourceMappingURL=alert.js.map

package/dist/ui/alert.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { AlertBase } from '../chunk-UROKWFPX.mjs';
-export { AlertClose, AlertDefaultIcon, AlertDescription, AlertIcon, AlertTitle, alertDescriptionVariants, alertTitleVariants, alertVariants } from '../chunk-UROKWFPX.mjs';
+import { AlertBase } from '../chunk-YFXGRV7X.mjs';
+export { AlertClose, AlertDefaultIcon, AlertDescription, AlertIcon, AlertTitle, alertDescriptionVariants, alertTitleVariants, alertVariants } from '../chunk-YFXGRV7X.mjs';
 import '../chunk-4D54YOL6.mjs';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/ui/animated-number/variants.d.ts

@@ -1,5 +1,5 @@
 export declare const animatedNumberAppearance: (props?: ({
-    appearance?: "default" | "violet" | "gray" | "indigo" | "orange" | "pink" | "purple" | "teal" | "yellow" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "ghost" | "error" | "success" | "warning" | "info" | null | undefined;
+    appearance?: "ruby" | "default" | "violet" | "slate" | "gray" | "indigo" | "cyan" | "aqua" | "blue" | "crimson" | "green" | "lavender" | "lime" | "magenta" | "orange" | "pink" | "plum" | "purple" | "red" | "teal" | "yellow" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "ghost" | "error" | "mint" | "ocean" | "sapphire" | "zinc" | "stone" | "royal" | "electric" | "forest" | "sunset" | "success" | "warning" | "info" | null | undefined;
     size?: "md" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //# sourceMappingURL=variants.d.ts.map

package/dist/ui/animated-number.js

@@ -16,6 +16,27 @@ var zuiAnimatedNumberAppearance = {
   error: "text-[color:var(--zui-animated-number-error-fg,oklch(57.7%_0.245_27.325))] dark:text-[color:var(--zui-animated-number-error-fg-dark,oklch(70.4%_0.191_22.216))]",
   info: "text-[color:var(--zui-animated-number-info-fg,oklch(58.8%_0.158_241.966))] dark:text-[color:var(--zui-animated-number-info-fg-dark,oklch(74.6%_0.16_232.661))]",
   ghost: "text-[color:var(--zui-animated-number-ghost-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-animated-number-ghost-fg-dark,oklch(70.4%_0.04_256.788))]",
+  blue: "text-[color:var(--zui-animated-number-blue-fg,#2563eb)] dark:text-[color:var(--zui-animated-number-blue-fg-dark,#3b82f6)]",
+  cyan: "text-[color:var(--zui-animated-number-cyan-fg,#0891b2)] dark:text-[color:var(--zui-animated-number-cyan-fg-dark,#22d3ee)]",
+  green: "text-[color:var(--zui-animated-number-green-fg,#16a34a)] dark:text-[color:var(--zui-animated-number-green-fg-dark,#22c55e)]",
+  lime: "text-[color:var(--zui-animated-number-lime-fg,#65a30d)] dark:text-[color:var(--zui-animated-number-lime-fg-dark,#a3e635)]",
+  mint: "text-[color:var(--zui-animated-number-mint-fg,#10b981)] dark:text-[color:var(--zui-animated-number-mint-fg-dark,#6ee7b7)]",
+  ocean: "text-[color:var(--zui-animated-number-ocean-fg,#0284c7)] dark:text-[color:var(--zui-animated-number-ocean-fg-dark,#38bdf8)]",
+  sapphire: "text-[color:var(--zui-animated-number-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-animated-number-sapphire-fg-dark,#60a5fa)]",
+  lavender: "text-[color:var(--zui-animated-number-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-animated-number-lavender-fg-dark,#a78bfa)]",
+  ruby: "text-[color:var(--zui-animated-number-ruby-fg,#be123c)] dark:text-[color:var(--zui-animated-number-ruby-fg-dark,#fb7185)]",
+  red: "text-[color:var(--zui-animated-number-red-fg,#dc2626)] dark:text-[color:var(--zui-animated-number-red-fg-dark,#ef4444)]",
+  slate: "text-[color:var(--zui-animated-number-slate-fg,#475569)] dark:text-[color:var(--zui-animated-number-slate-fg-dark,#64748b)]",
+  zinc: "text-[color:var(--zui-animated-number-zinc-fg,#52525b)] dark:text-[color:var(--zui-animated-number-zinc-fg-dark,#71717a)]",
+  stone: "text-[color:var(--zui-animated-number-stone-fg,#57534e)] dark:text-[color:var(--zui-animated-number-stone-fg-dark,#78716c)]",
+  royal: "text-[color:var(--zui-animated-number-royal-fg,#4338ca)] dark:text-[color:var(--zui-animated-number-royal-fg-dark,#818cf8)]",
+  electric: "text-[color:var(--zui-animated-number-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-animated-number-electric-fg-dark,#38bdf8)]",
+  forest: "text-[color:var(--zui-animated-number-forest-fg,#166534)] dark:text-[color:var(--zui-animated-number-forest-fg-dark,#4ade80)]",
+  sunset: "text-[color:var(--zui-animated-number-sunset-fg,#ea580c)] dark:text-[color:var(--zui-animated-number-sunset-fg-dark,#fb923c)]",
+  magenta: "text-[color:var(--zui-animated-number-magenta-fg,#c026d3)] dark:text-[color:var(--zui-animated-number-magenta-fg-dark,#e879f9)]",
+  crimson: "text-[color:var(--zui-animated-number-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-animated-number-crimson-fg-dark,#f87171)]",
+  aqua: "text-[color:var(--zui-animated-number-aqua-fg,#0f766e)] dark:text-[color:var(--zui-animated-number-aqua-fg-dark,#2dd4bf)]",
+  plum: "text-[color:var(--zui-animated-number-plum-fg,#7e22ce)] dark:text-[color:var(--zui-animated-number-plum-fg-dark,#c084fc)]",
   purple: "text-[color:var(--zui-animated-number-purple-fg,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-animated-number-purple-fg-dark,oklch(71.4%_0.203_305.504))]",
   pink: "text-[color:var(--zui-animated-number-pink-fg,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-animated-number-pink-fg-dark,oklch(71.8%_0.202_349.761))]",
   orange: "text-[color:var(--zui-animated-number-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-animated-number-orange-fg-dark,oklch(75%_0.183_55.934))]",

package/dist/ui/animated-number.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/design-system/animated-number.ts","../../src/ui/animated-number/variants.ts","../../src/ui/animated-number/animations.ts","../../src/ui/animated-number/animated-number.tsx"],"names":["cva","useReducedMotion","jsx","motion","cn","useState","useRef","useInView","useEffect","animate"],"mappings":"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","file":"animated-number.js","sourcesContent":["export const zuiAnimatedNumberBase =\n  \"relative flex w-full overflow-hidden [perspective:1000px]\";\n\nexport const zuiAnimatedNumberAppearance = {\n  default:\n    \"text-[color:var(--zui-animated-number-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-animated-number-default-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  success:\n    \"text-[color:var(--zui-animated-number-success-fg,oklch(62.7%_0.194_149.214))] dark:text-[color:var(--zui-animated-number-success-fg-dark,oklch(79.2%_0.209_151.711))]\",\n  warning:\n    \"text-[color:var(--zui-animated-number-warning-fg,oklch(66.6%_0.179_58.318))] dark:text-[color:var(--zui-animated-number-warning-fg-dark,oklch(82.8%_0.189_84.429))]\",\n  error:\n    \"text-[color:var(--zui-animated-number-error-fg,oklch(57.7%_0.245_27.325))] dark:text-[color:var(--zui-animated-number-error-fg-dark,oklch(70.4%_0.191_22.216))]\",\n  info: \"text-[color:var(--zui-animated-number-info-fg,oklch(58.8%_0.158_241.966))] dark:text-[color:var(--zui-animated-number-info-fg-dark,oklch(74.6%_0.16_232.661))]\",\n  ghost:\n    \"text-[color:var(--zui-animated-number-ghost-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-animated-number-ghost-fg-dark,oklch(70.4%_0.04_256.788))]\",\n  purple:\n    \"text-[color:var(--zui-animated-number-purple-fg,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-animated-number-purple-fg-dark,oklch(71.4%_0.203_305.504))]\",\n  pink: \"text-[color:var(--zui-animated-number-pink-fg,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-animated-number-pink-fg-dark,oklch(71.8%_0.202_349.761))]\",\n  orange:\n    \"text-[color:var(--zui-animated-number-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-animated-number-orange-fg-dark,oklch(75%_0.183_55.934))]\",\n  yellow:\n    \"text-[color:var(--zui-animated-number-yellow-fg,oklch(68.1%_0.162_75.834))] dark:text-[color:var(--zui-animated-number-yellow-fg-dark,oklch(85.2%_0.199_91.936))]\",\n  teal: \"text-[color:var(--zui-animated-number-teal-fg,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-animated-number-teal-fg-dark,oklch(77.7%_0.152_181.912))]\",\n  indigo:\n    \"text-[color:var(--zui-animated-number-indigo-fg,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-animated-number-indigo-fg-dark,oklch(67.3%_0.182_276.935))]\",\n  gray: \"text-[color:var(--zui-animated-number-gray-fg,oklch(44.6%_0.03_256.802))] dark:text-[color:var(--zui-animated-number-gray-fg-dark,oklch(70.7%_0.022_261.325))]\",\n  violet:\n    \"text-[color:var(--zui-animated-number-violet-fg,oklch(54.1%_0.281_293.009))] dark:text-[color:var(--zui-animated-number-violet-fg-dark,oklch(70.2%_0.183_293.541))]\",\n  \"gradient-blue\":\n    \"bg-linear-to-r from-[var(--zui-animated-number-gradient-blue-from,oklch(42.4%_0.199_265.638))] dark:from-[var(--zui-animated-number-gradient-blue-from-dark,oklch(54.6%_0.245_262.881))] to-[var(--zui-animated-number-gradient-blue-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-animated-number-gradient-blue-to-dark,oklch(55.8%_0.288_302.321))] bg-clip-text text-transparent\",\n  \"gradient-green\":\n    \"bg-linear-to-r from-[var(--zui-animated-number-gradient-green-from,oklch(44.8%_0.119_151.328))] dark:from-[var(--zui-animated-number-gradient-green-from-dark,oklch(62.7%_0.194_149.214))] to-[var(--zui-animated-number-gradient-green-to,oklch(45.3%_0.124_130.933))] dark:to-[var(--zui-animated-number-gradient-green-to-dark,oklch(64.8%_0.2_131.684))] bg-clip-text text-transparent\",\n  \"gradient-red\":\n    \"bg-linear-to-r from-[var(--zui-animated-number-gradient-red-from,oklch(44.4%_0.177_26.899))] dark:from-[var(--zui-animated-number-gradient-red-from-dark,oklch(57.7%_0.245_27.325))] to-[var(--zui-animated-number-gradient-red-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-animated-number-gradient-red-to-dark,oklch(59.2%_0.249_0.584))] bg-clip-text text-transparent\",\n  \"gradient-yellow\":\n    \"bg-linear-to-r from-[var(--zui-animated-number-gradient-yellow-from,oklch(47.6%_0.114_61.907))] dark:from-[var(--zui-animated-number-gradient-yellow-from-dark,oklch(68.1%_0.162_75.834))] to-[var(--zui-animated-number-gradient-yellow-to,oklch(47%_0.157_37.304))] dark:to-[var(--zui-animated-number-gradient-yellow-to-dark,oklch(64.6%_0.222_41.116))] bg-clip-text text-transparent\",\n  \"gradient-purple\":\n    \"bg-linear-to-r from-[var(--zui-animated-number-gradient-purple-from,oklch(43.8%_0.218_303.724))] dark:from-[var(--zui-animated-number-gradient-purple-from-dark,oklch(55.8%_0.288_302.321))] to-[var(--zui-animated-number-gradient-purple-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-animated-number-gradient-purple-to-dark,oklch(59.2%_0.249_0.584))] bg-clip-text text-transparent\",\n  \"gradient-teal\":\n    \"bg-linear-to-r from-[var(--zui-animated-number-gradient-teal-from,oklch(43.7%_0.078_188.216))] dark:from-[var(--zui-animated-number-gradient-teal-from-dark,oklch(60%_0.118_184.704))] to-[var(--zui-animated-number-gradient-teal-to,oklch(45%_0.085_224.283))] dark:to-[var(--zui-animated-number-gradient-teal-to-dark,oklch(60.9%_0.126_221.723))] bg-clip-text text-transparent\",\n  \"gradient-indigo\":\n    \"bg-linear-to-r from-[var(--zui-animated-number-gradient-indigo-from,oklch(39.8%_0.195_277.366))] dark:from-[var(--zui-animated-number-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] to-[var(--zui-animated-number-gradient-indigo-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-animated-number-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))] bg-clip-text text-transparent\",\n  \"gradient-pink\":\n    \"bg-linear-to-r from-[var(--zui-animated-number-gradient-pink-from,oklch(45.9%_0.187_3.815))] dark:from-[var(--zui-animated-number-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] to-[var(--zui-animated-number-gradient-pink-to,oklch(45.5%_0.188_13.697))] dark:to-[var(--zui-animated-number-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))] bg-clip-text text-transparent\",\n  \"gradient-orange\":\n    \"bg-linear-to-r from-[var(--zui-animated-number-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-animated-number-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-animated-number-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-animated-number-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] bg-clip-text text-transparent\",\n} as const;\n\nexport const zuiAnimatedNumberSize = {\n  sm: \"text-2xl font-semibold tabular-nums\",\n  md: \"text-4xl font-semibold tabular-nums\",\n  lg: \"text-6xl font-bold tabular-nums\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiAnimatedNumberAppearance,\n  zuiAnimatedNumberSize,\n} from \"../../design-system/animated-number\";\n\nexport const animatedNumberAppearance = cva(\"inline-flex\", {\n  variants: {\n    appearance: zuiAnimatedNumberAppearance,\n    size: zuiAnimatedNumberSize,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n","export const animationInitialType = {\n  up: { y: \"-100%\" },\n  down: { y: \"100%\" },\n  scaleUp: { scale: 0 },\n  scaleDown: { scale: 1.25 },\n  rotateX: { rotateX: \"0\" },\n  rotateY: { rotateY: \"0\" },\n  skewX: { skewX: 20 },\n  skewY: { skewY: 20 },\n  fade: { opacity: 0 },\n};\nexport const animationFinalType = {\n  up: { y: 0 },\n  down: { y: 0 },\n  scaleUp: { scale: 1 },\n  scaleDown: { scale: 1 },\n  rotateX: { rotateX: \"360deg\" },\n  rotateY: { rotateY: \"360deg\" },\n  skewX: { skewX: 0 },\n  skewY: { skewY: 0 },\n  fade: { opacity: 1 },\n};\n","\"use client\";\nimport {\n  animate,\n  motion,\n  useInView,\n  useReducedMotion,\n  type UseInViewOptions,\n} from \"framer-motion\";\nimport { animatedNumberAppearance } from \"./variants\";\nimport { AnimatedNumberCounterProps, AnimatedNumberProps } from \"./types\";\nimport { cn } from \"../../lib/utils\";\nimport { zuiAnimatedNumberBase } from \"../../design-system/animated-number\";\nimport { animationFinalType, animationInitialType } from \"./animations\";\nimport { useEffect, useRef, useState } from \"react\";\n\nconst DEFAULT_VIEWPORT = { once: true, amount: 0.2 } as const;\n\nexport const AnimatedNumber = ({\n  number,\n  wrapperClassName,\n  className,\n  ref,\n  appearance,\n  size,\n  type = \"up\",\n  delayInSecond = 0.1,\n  transition,\n  initial,\n  whileInView,\n  viewport,\n  ...rest\n}: AnimatedNumberProps) => {\n  const numbersList = [...number.toString()];\n  const reducedMotion = useReducedMotion();\n  const motionless = Boolean(reducedMotion);\n\n  const digitVariants = {\n    hidden: animationInitialType[type],\n    visible: animationFinalType[type],\n  };\n\n  return (\n    <motion.div\n      ref={ref}\n      initial={motionless ? false : \"hidden\"}\n      whileInView={motionless ? undefined : \"visible\"}\n      viewport={viewport ?? DEFAULT_VIEWPORT}\n      transition={{\n        staggerChildren: delayInSecond,\n      }}\n      className={cn(wrapperClassName, zuiAnimatedNumberBase)}\n    >\n      {numbersList.map((digit, index) => (\n        <motion.span\n          key={index + \"-\" + digit}\n          className={cn(\n            \"inline-block\",\n            animatedNumberAppearance({ appearance, size }),\n            className,\n          )}\n          variants={digitVariants}\n          transition={transition}\n          {...rest}\n        >\n          {digit}\n        </motion.span>\n      ))}\n    </motion.div>\n  );\n};\n\nexport const AnimatedNumberCounter = ({\n  number,\n  className,\n  ref: externalRef,\n  appearance,\n  size,\n  duration = 2,\n  viewport,\n  ...rest\n}: AnimatedNumberCounterProps) => {\n  const [currentNumber, setCurrentNumber] = useState(0);\n  const reducedMotion = useReducedMotion();\n  const internalRef = useRef<HTMLParagraphElement>(null);\n  // once: false gives real two-way tracking so isInView flips false when scrolled away,\n  // preventing offscreen animations when the number prop changes later.\n  const isInView = useInView(internalRef, {\n    once: false,\n    amount: 0.2,\n    ...viewport,\n  } as UseInViewOptions);\n\n  useEffect(() => {\n    if (!isInView) return;\n\n    if (reducedMotion) {\n      setCurrentNumber(number);\n      return;\n    }\n\n    const controls = animate(currentNumber, number, {\n      duration,\n      ease: \"circOut\",\n      onUpdate: (latest) => setCurrentNumber(Math.round(latest)),\n    });\n\n    return () => controls.stop();\n    // currentNumber intentionally omitted — captured value gives smooth from→to on prop changes\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isInView, number, duration, reducedMotion]);\n\n  return (\n    <motion.p\n      className={cn(animatedNumberAppearance({ appearance, size }), className)}\n      ref={(node: HTMLParagraphElement) => {\n        internalRef.current = node;\n        if (externalRef) {\n          externalRef.current = node;\n        }\n      }}\n      {...rest}\n    >\n      {currentNumber}\n    </motion.p>\n  );\n};\n"]}
+{"version":3,"sources":["../../src/design-system/animated-number.ts","../../src/ui/animated-number/variants.ts","../../src/ui/animated-number/animations.ts","../../src/ui/animated-number/animated-number.tsx"],"names":["cva","useReducedMotion","jsx","motion","cn","useState","useRef","useInView","useEffect","animate"],"mappings":";;;;;;;;;AAAO,IAAM,qBAAA,GACX,2DAAA;AAEK,IAAM,2BAAA,GAA8B;AAAA,EACzC,OAAA,EACE,uKAAA;AAAA,EACF,OAAA,EACE,uKAAA;AAAA,EACF,OAAA,EACE,qKAAA;AAAA,EACF,KAAA,EACE,iKAAA;AAAA,EACF,IAAA,EAAM,gKAAA;AAAA,EACN,KAAA,EACE,kKAAA;AAAA,EACF,IAAA,EAAM,2HAAA;AAAA,EACN,IAAA,EAAM,2HAAA;AAAA,EACN,KAAA,EACE,6HAAA;AAAA,EACF,IAAA,EAAM,2HAAA;AAAA,EACN,IAAA,EAAM,2HAAA;AAAA,EACN,KAAA,EACE,6HAAA;AAAA,EACF,QAAA,EACE,mIAAA;AAAA,EACF,QAAA,EACE,mIAAA;AAAA,EACF,IAAA,EAAM,2HAAA;AAAA,EACN,GAAA,EAAK,yHAAA;AAAA,EACL,KAAA,EACE,6HAAA;AAAA,EACF,IAAA,EAAM,2HAAA;AAAA,EACN,KAAA,EACE,6HAAA;AAAA,EACF,KAAA,EACE,6HAAA;AAAA,EACF,QAAA,EACE,mIAAA;AAAA,EACF,MAAA,EACE,+HAAA;AAAA,EACF,MAAA,EACE,+HAAA;AAAA,EACF,OAAA,EACE,iIAAA;AAAA,EACF,OAAA,EACE,iIAAA;AAAA,EACF,IAAA,EAAM,2HAAA;AAAA,EACN,IAAA,EAAM,2HAAA;AAAA,EACN,MAAA,EACE,qKAAA;AAAA,EACF,IAAA,EAAM,+JAAA;AAAA,EACN,MAAA,EACE,iKAAA;AAAA,EACF,MAAA,EACE,mKAAA;AAAA,EACF,IAAA,EAAM,+JAAA;AAAA,EACN,MAAA,EACE,qKAAA;AAAA,EACF,IAAA,EAAM,gKAAA;AAAA,EACN,MAAA,EACE,qKAAA;AAAA,EACF,eAAA,EACE,0XAAA;AAAA,EACF,gBAAA,EACE,4XAAA;AAAA,EACF,cAAA,EACE,gXAAA;AAAA,EACF,iBAAA,EACE,4XAAA;AAAA,EACF,iBAAA,EACE,8XAAA;AAAA,EACF,eAAA,EACE,sXAAA;AAAA,EACF,iBAAA,EACE,kYAAA;AAAA,EACF,eAAA,EACE,oXAAA;AAAA,EACF,iBAAA,EACE;AACJ,CAAA;AAEO,IAAM,qBAAA,GAAwB;AAAA,EACnC,EAAA,EAAI,qCAAA;AAAA,EACJ,EAAA,EAAI,qCAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;;;AC9EO,IAAM,wBAAA,GAA2BA,2BAAI,aAAA,EAAe;AAAA,EACzD,QAAA,EAAU;AAAA,IACR,UAAA,EAAY,2BAAA;AAAA,IACZ,IAAA,EAAM;AAAA,GACR;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC;;;AChBM,IAAM,oBAAA,GAAuB;AAAA,EAClC,EAAA,EAAI,EAAE,CAAA,EAAG,OAAA,EAAQ;AAAA,EACjB,IAAA,EAAM,EAAE,CAAA,EAAG,MAAA,EAAO;AAAA,EAClB,OAAA,EAAS,EAAE,KAAA,EAAO,CAAA,EAAE;AAAA,EACpB,SAAA,EAAW,EAAE,KAAA,EAAO,IAAA,EAAK;AAAA,EACzB,OAAA,EAAS,EAAE,OAAA,EAAS,GAAA,EAAI;AAAA,EACxB,OAAA,EAAS,EAAE,OAAA,EAAS,GAAA,EAAI;AAAA,EACxB,KAAA,EAAO,EAAE,KAAA,EAAO,EAAA,EAAG;AAAA,EACnB,KAAA,EAAO,EAAE,KAAA,EAAO,EAAA,EAAG;AAAA,EACnB,IAAA,EAAM,EAAE,OAAA,EAAS,CAAA;AACnB,CAAA;AACO,IAAM,kBAAA,GAAqB;AAAA,EAChC,EAAA,EAAI,EAAE,CAAA,EAAG,CAAA,EAAE;AAAA,EACX,IAAA,EAAM,EAAE,CAAA,EAAG,CAAA,EAAE;AAAA,EACb,OAAA,EAAS,EAAE,KAAA,EAAO,CAAA,EAAE;AAAA,EACpB,SAAA,EAAW,EAAE,KAAA,EAAO,CAAA,EAAE;AAAA,EACtB,OAAA,EAAS,EAAE,OAAA,EAAS,QAAA,EAAS;AAAA,EAC7B,OAAA,EAAS,EAAE,OAAA,EAAS,QAAA,EAAS;AAAA,EAC7B,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAE;AAAA,EAClB,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAE;AAAA,EAClB,IAAA,EAAM,EAAE,OAAA,EAAS,CAAA;AACnB,CAAA;ACNA,IAAM,gBAAA,GAAmB,EAAE,IAAA,EAAM,IAAA,EAAM,QAAQ,GAAA,EAAI;AAE5C,IAAM,iBAAiB,CAAC;AAAA,EAC7B,MAAA;AAAA,EACA,gBAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAA;AAAA,EACA,UAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,aAAA,GAAgB,GAAA;AAAA,EAChB,UAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAA2B;AACzB,EAAA,MAAM,WAAA,GAAc,CAAC,GAAG,MAAA,CAAO,UAAU,CAAA;AACzC,EAAA,MAAM,gBAAgBC,6BAAA,EAAiB;AACvC,EAAA,MAAM,UAAA,GAAa,QAAQ,aAAa,CAAA;AAExC,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,MAAA,EAAQ,qBAAqB,IAAI,CAAA;AAAA,IACjC,OAAA,EAAS,mBAAmB,IAAI;AAAA,GAClC;AAEA,EAAA,uBACEC,cAAA;AAAA,IAACC,mBAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,GAAA;AAAA,MACA,OAAA,EAAS,aAAa,KAAA,GAAQ,QAAA;AAAA,MAC9B,WAAA,EAAa,aAAa,MAAA,GAAY,SAAA;AAAA,MACtC,UAAU,QAAA,IAAY,gBAAA;AAAA,MACtB,UAAA,EAAY;AAAA,QACV,eAAA,EAAiB;AAAA,OACnB;AAAA,MACA,SAAA,EAAWC,mBAAA,CAAG,gBAAA,EAAkB,qBAAqB,CAAA;AAAA,MAEpD,QAAA,EAAA,WAAA,CAAY,GAAA,CAAI,CAAC,KAAA,EAAO,KAAA,qBACvBF,cAAA;AAAA,QAACC,mBAAA,CAAO,IAAA;AAAA,QAAP;AAAA,UAEC,SAAA,EAAWC,mBAAA;AAAA,YACT,cAAA;AAAA,YACA,wBAAA,CAAyB,EAAE,UAAA,EAAY,IAAA,EAAM,CAAA;AAAA,YAC7C;AAAA,WACF;AAAA,UACA,QAAA,EAAU,aAAA;AAAA,UACV,UAAA;AAAA,UACC,GAAG,IAAA;AAAA,UAEH,QAAA,EAAA;AAAA,SAAA;AAAA,QAVI,QAAQ,GAAA,GAAM;AAAA,OAYtB;AAAA;AAAA,GACH;AAEJ;AAEO,IAAM,wBAAwB,CAAC;AAAA,EACpC,MAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAA,EAAK,WAAA;AAAA,EACL,UAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA,GAAW,CAAA;AAAA,EACX,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAkC;AAChC,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIC,eAAS,CAAC,CAAA;AACpD,EAAA,MAAM,gBAAgBJ,6BAAA,EAAiB;AACvC,EAAA,MAAM,WAAA,GAAcK,aAA6B,IAAI,CAAA;AAGrD,EAAA,MAAM,QAAA,GAAWC,uBAAU,WAAA,EAAa;AAAA,IACtC,IAAA,EAAM,KAAA;AAAA,IACN,MAAA,EAAQ,GAAA;AAAA,IACR,GAAG;AAAA,GACgB,CAAA;AAErB,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,QAAA,EAAU;AAEf,IAAA,IAAI,aAAA,EAAe;AACjB,MAAA,gBAAA,CAAiB,MAAM,CAAA;AACvB,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,QAAA,GAAWC,oBAAA,CAAQ,aAAA,EAAe,MAAA,EAAQ;AAAA,MAC9C,QAAA;AAAA,MACA,IAAA,EAAM,SAAA;AAAA,MACN,UAAU,CAAC,MAAA,KAAW,iBAAiB,IAAA,CAAK,KAAA,CAAM,MAAM,CAAC;AAAA,KAC1D,CAAA;AAED,IAAA,OAAO,MAAM,SAAS,IAAA,EAAK;AAAA,EAG7B,GAAG,CAAC,QAAA,EAAU,MAAA,EAAQ,QAAA,EAAU,aAAa,CAAC,CAAA;AAE9C,EAAA,uBACEP,cAAA;AAAA,IAACC,mBAAA,CAAO,CAAA;AAAA,IAAP;AAAA,MACC,SAAA,EAAWC,oBAAG,wBAAA,CAAyB,EAAE,YAAY,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MACvE,GAAA,EAAK,CAAC,IAAA,KAA+B;AACnC,QAAA,WAAA,CAAY,OAAA,GAAU,IAAA;AACtB,QAAA,IAAI,WAAA,EAAa;AACf,UAAA,WAAA,CAAY,OAAA,GAAU,IAAA;AAAA,QACxB;AAAA,MACF,CAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ","file":"animated-number.js","sourcesContent":["export const zuiAnimatedNumberBase =\n  \"relative flex w-full overflow-hidden [perspective:1000px]\";\n\nexport const zuiAnimatedNumberAppearance = {\n  default:\n    \"text-[color:var(--zui-animated-number-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-animated-number-default-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  success:\n    \"text-[color:var(--zui-animated-number-success-fg,oklch(62.7%_0.194_149.214))] dark:text-[color:var(--zui-animated-number-success-fg-dark,oklch(79.2%_0.209_151.711))]\",\n  warning:\n    \"text-[color:var(--zui-animated-number-warning-fg,oklch(66.6%_0.179_58.318))] dark:text-[color:var(--zui-animated-number-warning-fg-dark,oklch(82.8%_0.189_84.429))]\",\n  error:\n    \"text-[color:var(--zui-animated-number-error-fg,oklch(57.7%_0.245_27.325))] dark:text-[color:var(--zui-animated-number-error-fg-dark,oklch(70.4%_0.191_22.216))]\",\n  info: \"text-[color:var(--zui-animated-number-info-fg,oklch(58.8%_0.158_241.966))] dark:text-[color:var(--zui-animated-number-info-fg-dark,oklch(74.6%_0.16_232.661))]\",\n  ghost:\n    \"text-[color:var(--zui-animated-number-ghost-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-animated-number-ghost-fg-dark,oklch(70.4%_0.04_256.788))]\",\n  blue: \"text-[color:var(--zui-animated-number-blue-fg,#2563eb)] dark:text-[color:var(--zui-animated-number-blue-fg-dark,#3b82f6)]\",\n  cyan: \"text-[color:var(--zui-animated-number-cyan-fg,#0891b2)] dark:text-[color:var(--zui-animated-number-cyan-fg-dark,#22d3ee)]\",\n  green:\n    \"text-[color:var(--zui-animated-number-green-fg,#16a34a)] dark:text-[color:var(--zui-animated-number-green-fg-dark,#22c55e)]\",\n  lime: \"text-[color:var(--zui-animated-number-lime-fg,#65a30d)] dark:text-[color:var(--zui-animated-number-lime-fg-dark,#a3e635)]\",\n  mint: \"text-[color:var(--zui-animated-number-mint-fg,#10b981)] dark:text-[color:var(--zui-animated-number-mint-fg-dark,#6ee7b7)]\",\n  ocean:\n    \"text-[color:var(--zui-animated-number-ocean-fg,#0284c7)] dark:text-[color:var(--zui-animated-number-ocean-fg-dark,#38bdf8)]\",\n  sapphire:\n    \"text-[color:var(--zui-animated-number-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-animated-number-sapphire-fg-dark,#60a5fa)]\",\n  lavender:\n    \"text-[color:var(--zui-animated-number-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-animated-number-lavender-fg-dark,#a78bfa)]\",\n  ruby: \"text-[color:var(--zui-animated-number-ruby-fg,#be123c)] dark:text-[color:var(--zui-animated-number-ruby-fg-dark,#fb7185)]\",\n  red: \"text-[color:var(--zui-animated-number-red-fg,#dc2626)] dark:text-[color:var(--zui-animated-number-red-fg-dark,#ef4444)]\",\n  slate:\n    \"text-[color:var(--zui-animated-number-slate-fg,#475569)] dark:text-[color:var(--zui-animated-number-slate-fg-dark,#64748b)]\",\n  zinc: \"text-[color:var(--zui-animated-number-zinc-fg,#52525b)] dark:text-[color:var(--zui-animated-number-zinc-fg-dark,#71717a)]\",\n  stone:\n    \"text-[color:var(--zui-animated-number-stone-fg,#57534e)] dark:text-[color:var(--zui-animated-number-stone-fg-dark,#78716c)]\",\n  royal:\n    \"text-[color:var(--zui-animated-number-royal-fg,#4338ca)] dark:text-[color:var(--zui-animated-number-royal-fg-dark,#818cf8)]\",\n  electric:\n    \"text-[color:var(--zui-animated-number-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-animated-number-electric-fg-dark,#38bdf8)]\",\n  forest:\n    \"text-[color:var(--zui-animated-number-forest-fg,#166534)] dark:text-[color:var(--zui-animated-number-forest-fg-dark,#4ade80)]\",\n  sunset:\n    \"text-[color:var(--zui-animated-number-sunset-fg,#ea580c)] dark:text-[color:var(--zui-animated-number-sunset-fg-dark,#fb923c)]\",\n  magenta:\n    \"text-[color:var(--zui-animated-number-magenta-fg,#c026d3)] dark:text-[color:var(--zui-animated-number-magenta-fg-dark,#e879f9)]\",\n  crimson:\n    \"text-[color:var(--zui-animated-number-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-animated-number-crimson-fg-dark,#f87171)]\",\n  aqua: \"text-[color:var(--zui-animated-number-aqua-fg,#0f766e)] dark:text-[color:var(--zui-animated-number-aqua-fg-dark,#2dd4bf)]\",\n  plum: \"text-[color:var(--zui-animated-number-plum-fg,#7e22ce)] dark:text-[color:var(--zui-animated-number-plum-fg-dark,#c084fc)]\",\n  purple:\n    \"text-[color:var(--zui-animated-number-purple-fg,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-animated-number-purple-fg-dark,oklch(71.4%_0.203_305.504))]\",\n  pink: \"text-[color:var(--zui-animated-number-pink-fg,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-animated-number-pink-fg-dark,oklch(71.8%_0.202_349.761))]\",\n  orange:\n    \"text-[color:var(--zui-animated-number-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-animated-number-orange-fg-dark,oklch(75%_0.183_55.934))]\",\n  yellow:\n    \"text-[color:var(--zui-animated-number-yellow-fg,oklch(68.1%_0.162_75.834))] dark:text-[color:var(--zui-animated-number-yellow-fg-dark,oklch(85.2%_0.199_91.936))]\",\n  teal: \"text-[color:var(--zui-animated-number-teal-fg,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-animated-number-teal-fg-dark,oklch(77.7%_0.152_181.912))]\",\n  indigo:\n    \"text-[color:var(--zui-animated-number-indigo-fg,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-animated-number-indigo-fg-dark,oklch(67.3%_0.182_276.935))]\",\n  gray: \"text-[color:var(--zui-animated-number-gray-fg,oklch(44.6%_0.03_256.802))] dark:text-[color:var(--zui-animated-number-gray-fg-dark,oklch(70.7%_0.022_261.325))]\",\n  violet:\n    \"text-[color:var(--zui-animated-number-violet-fg,oklch(54.1%_0.281_293.009))] dark:text-[color:var(--zui-animated-number-violet-fg-dark,oklch(70.2%_0.183_293.541))]\",\n  \"gradient-blue\":\n    \"bg-linear-to-r from-[var(--zui-animated-number-gradient-blue-from,oklch(42.4%_0.199_265.638))] dark:from-[var(--zui-animated-number-gradient-blue-from-dark,oklch(54.6%_0.245_262.881))] to-[var(--zui-animated-number-gradient-blue-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-animated-number-gradient-blue-to-dark,oklch(55.8%_0.288_302.321))] bg-clip-text text-transparent\",\n  \"gradient-green\":\n    \"bg-linear-to-r from-[var(--zui-animated-number-gradient-green-from,oklch(44.8%_0.119_151.328))] dark:from-[var(--zui-animated-number-gradient-green-from-dark,oklch(62.7%_0.194_149.214))] to-[var(--zui-animated-number-gradient-green-to,oklch(45.3%_0.124_130.933))] dark:to-[var(--zui-animated-number-gradient-green-to-dark,oklch(64.8%_0.2_131.684))] bg-clip-text text-transparent\",\n  \"gradient-red\":\n    \"bg-linear-to-r from-[var(--zui-animated-number-gradient-red-from,oklch(44.4%_0.177_26.899))] dark:from-[var(--zui-animated-number-gradient-red-from-dark,oklch(57.7%_0.245_27.325))] to-[var(--zui-animated-number-gradient-red-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-animated-number-gradient-red-to-dark,oklch(59.2%_0.249_0.584))] bg-clip-text text-transparent\",\n  \"gradient-yellow\":\n    \"bg-linear-to-r from-[var(--zui-animated-number-gradient-yellow-from,oklch(47.6%_0.114_61.907))] dark:from-[var(--zui-animated-number-gradient-yellow-from-dark,oklch(68.1%_0.162_75.834))] to-[var(--zui-animated-number-gradient-yellow-to,oklch(47%_0.157_37.304))] dark:to-[var(--zui-animated-number-gradient-yellow-to-dark,oklch(64.6%_0.222_41.116))] bg-clip-text text-transparent\",\n  \"gradient-purple\":\n    \"bg-linear-to-r from-[var(--zui-animated-number-gradient-purple-from,oklch(43.8%_0.218_303.724))] dark:from-[var(--zui-animated-number-gradient-purple-from-dark,oklch(55.8%_0.288_302.321))] to-[var(--zui-animated-number-gradient-purple-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-animated-number-gradient-purple-to-dark,oklch(59.2%_0.249_0.584))] bg-clip-text text-transparent\",\n  \"gradient-teal\":\n    \"bg-linear-to-r from-[var(--zui-animated-number-gradient-teal-from,oklch(43.7%_0.078_188.216))] dark:from-[var(--zui-animated-number-gradient-teal-from-dark,oklch(60%_0.118_184.704))] to-[var(--zui-animated-number-gradient-teal-to,oklch(45%_0.085_224.283))] dark:to-[var(--zui-animated-number-gradient-teal-to-dark,oklch(60.9%_0.126_221.723))] bg-clip-text text-transparent\",\n  \"gradient-indigo\":\n    \"bg-linear-to-r from-[var(--zui-animated-number-gradient-indigo-from,oklch(39.8%_0.195_277.366))] dark:from-[var(--zui-animated-number-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] to-[var(--zui-animated-number-gradient-indigo-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-animated-number-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))] bg-clip-text text-transparent\",\n  \"gradient-pink\":\n    \"bg-linear-to-r from-[var(--zui-animated-number-gradient-pink-from,oklch(45.9%_0.187_3.815))] dark:from-[var(--zui-animated-number-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] to-[var(--zui-animated-number-gradient-pink-to,oklch(45.5%_0.188_13.697))] dark:to-[var(--zui-animated-number-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))] bg-clip-text text-transparent\",\n  \"gradient-orange\":\n    \"bg-linear-to-r from-[var(--zui-animated-number-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-animated-number-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-animated-number-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-animated-number-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] bg-clip-text text-transparent\",\n} as const;\n\nexport const zuiAnimatedNumberSize = {\n  sm: \"text-2xl font-semibold tabular-nums\",\n  md: \"text-4xl font-semibold tabular-nums\",\n  lg: \"text-6xl font-bold tabular-nums\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiAnimatedNumberAppearance,\n  zuiAnimatedNumberSize,\n} from \"../../design-system/animated-number\";\n\nexport const animatedNumberAppearance = cva(\"inline-flex\", {\n  variants: {\n    appearance: zuiAnimatedNumberAppearance,\n    size: zuiAnimatedNumberSize,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n","export const animationInitialType = {\n  up: { y: \"-100%\" },\n  down: { y: \"100%\" },\n  scaleUp: { scale: 0 },\n  scaleDown: { scale: 1.25 },\n  rotateX: { rotateX: \"0\" },\n  rotateY: { rotateY: \"0\" },\n  skewX: { skewX: 20 },\n  skewY: { skewY: 20 },\n  fade: { opacity: 0 },\n};\nexport const animationFinalType = {\n  up: { y: 0 },\n  down: { y: 0 },\n  scaleUp: { scale: 1 },\n  scaleDown: { scale: 1 },\n  rotateX: { rotateX: \"360deg\" },\n  rotateY: { rotateY: \"360deg\" },\n  skewX: { skewX: 0 },\n  skewY: { skewY: 0 },\n  fade: { opacity: 1 },\n};\n","\"use client\";\nimport {\n  animate,\n  motion,\n  useInView,\n  useReducedMotion,\n  type UseInViewOptions,\n} from \"framer-motion\";\nimport { animatedNumberAppearance } from \"./variants\";\nimport { AnimatedNumberCounterProps, AnimatedNumberProps } from \"./types\";\nimport { cn } from \"../../lib/utils\";\nimport { zuiAnimatedNumberBase } from \"../../design-system/animated-number\";\nimport { animationFinalType, animationInitialType } from \"./animations\";\nimport { useEffect, useRef, useState } from \"react\";\n\nconst DEFAULT_VIEWPORT = { once: true, amount: 0.2 } as const;\n\nexport const AnimatedNumber = ({\n  number,\n  wrapperClassName,\n  className,\n  ref,\n  appearance,\n  size,\n  type = \"up\",\n  delayInSecond = 0.1,\n  transition,\n  initial,\n  whileInView,\n  viewport,\n  ...rest\n}: AnimatedNumberProps) => {\n  const numbersList = [...number.toString()];\n  const reducedMotion = useReducedMotion();\n  const motionless = Boolean(reducedMotion);\n\n  const digitVariants = {\n    hidden: animationInitialType[type],\n    visible: animationFinalType[type],\n  };\n\n  return (\n    <motion.div\n      ref={ref}\n      initial={motionless ? false : \"hidden\"}\n      whileInView={motionless ? undefined : \"visible\"}\n      viewport={viewport ?? DEFAULT_VIEWPORT}\n      transition={{\n        staggerChildren: delayInSecond,\n      }}\n      className={cn(wrapperClassName, zuiAnimatedNumberBase)}\n    >\n      {numbersList.map((digit, index) => (\n        <motion.span\n          key={index + \"-\" + digit}\n          className={cn(\n            \"inline-block\",\n            animatedNumberAppearance({ appearance, size }),\n            className,\n          )}\n          variants={digitVariants}\n          transition={transition}\n          {...rest}\n        >\n          {digit}\n        </motion.span>\n      ))}\n    </motion.div>\n  );\n};\n\nexport const AnimatedNumberCounter = ({\n  number,\n  className,\n  ref: externalRef,\n  appearance,\n  size,\n  duration = 2,\n  viewport,\n  ...rest\n}: AnimatedNumberCounterProps) => {\n  const [currentNumber, setCurrentNumber] = useState(0);\n  const reducedMotion = useReducedMotion();\n  const internalRef = useRef<HTMLParagraphElement>(null);\n  // once: false gives real two-way tracking so isInView flips false when scrolled away,\n  // preventing offscreen animations when the number prop changes later.\n  const isInView = useInView(internalRef, {\n    once: false,\n    amount: 0.2,\n    ...viewport,\n  } as UseInViewOptions);\n\n  useEffect(() => {\n    if (!isInView) return;\n\n    if (reducedMotion) {\n      setCurrentNumber(number);\n      return;\n    }\n\n    const controls = animate(currentNumber, number, {\n      duration,\n      ease: \"circOut\",\n      onUpdate: (latest) => setCurrentNumber(Math.round(latest)),\n    });\n\n    return () => controls.stop();\n    // currentNumber intentionally omitted — captured value gives smooth from→to on prop changes\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isInView, number, duration, reducedMotion]);\n\n  return (\n    <motion.p\n      className={cn(animatedNumberAppearance({ appearance, size }), className)}\n      ref={(node: HTMLParagraphElement) => {\n        internalRef.current = node;\n        if (externalRef) {\n          externalRef.current = node;\n        }\n      }}\n      {...rest}\n    >\n      {currentNumber}\n    </motion.p>\n  );\n};\n"]}

package/dist/ui/animated-number.mjs

@@ -14,6 +14,27 @@ var zuiAnimatedNumberAppearance = {
   error: "text-[color:var(--zui-animated-number-error-fg,oklch(57.7%_0.245_27.325))] dark:text-[color:var(--zui-animated-number-error-fg-dark,oklch(70.4%_0.191_22.216))]",
   info: "text-[color:var(--zui-animated-number-info-fg,oklch(58.8%_0.158_241.966))] dark:text-[color:var(--zui-animated-number-info-fg-dark,oklch(74.6%_0.16_232.661))]",
   ghost: "text-[color:var(--zui-animated-number-ghost-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-animated-number-ghost-fg-dark,oklch(70.4%_0.04_256.788))]",
+  blue: "text-[color:var(--zui-animated-number-blue-fg,#2563eb)] dark:text-[color:var(--zui-animated-number-blue-fg-dark,#3b82f6)]",
+  cyan: "text-[color:var(--zui-animated-number-cyan-fg,#0891b2)] dark:text-[color:var(--zui-animated-number-cyan-fg-dark,#22d3ee)]",
+  green: "text-[color:var(--zui-animated-number-green-fg,#16a34a)] dark:text-[color:var(--zui-animated-number-green-fg-dark,#22c55e)]",
+  lime: "text-[color:var(--zui-animated-number-lime-fg,#65a30d)] dark:text-[color:var(--zui-animated-number-lime-fg-dark,#a3e635)]",
+  mint: "text-[color:var(--zui-animated-number-mint-fg,#10b981)] dark:text-[color:var(--zui-animated-number-mint-fg-dark,#6ee7b7)]",
+  ocean: "text-[color:var(--zui-animated-number-ocean-fg,#0284c7)] dark:text-[color:var(--zui-animated-number-ocean-fg-dark,#38bdf8)]",
+  sapphire: "text-[color:var(--zui-animated-number-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-animated-number-sapphire-fg-dark,#60a5fa)]",
+  lavender: "text-[color:var(--zui-animated-number-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-animated-number-lavender-fg-dark,#a78bfa)]",
+  ruby: "text-[color:var(--zui-animated-number-ruby-fg,#be123c)] dark:text-[color:var(--zui-animated-number-ruby-fg-dark,#fb7185)]",
+  red: "text-[color:var(--zui-animated-number-red-fg,#dc2626)] dark:text-[color:var(--zui-animated-number-red-fg-dark,#ef4444)]",
+  slate: "text-[color:var(--zui-animated-number-slate-fg,#475569)] dark:text-[color:var(--zui-animated-number-slate-fg-dark,#64748b)]",
+  zinc: "text-[color:var(--zui-animated-number-zinc-fg,#52525b)] dark:text-[color:var(--zui-animated-number-zinc-fg-dark,#71717a)]",
+  stone: "text-[color:var(--zui-animated-number-stone-fg,#57534e)] dark:text-[color:var(--zui-animated-number-stone-fg-dark,#78716c)]",
+  royal: "text-[color:var(--zui-animated-number-royal-fg,#4338ca)] dark:text-[color:var(--zui-animated-number-royal-fg-dark,#818cf8)]",
+  electric: "text-[color:var(--zui-animated-number-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-animated-number-electric-fg-dark,#38bdf8)]",
+  forest: "text-[color:var(--zui-animated-number-forest-fg,#166534)] dark:text-[color:var(--zui-animated-number-forest-fg-dark,#4ade80)]",
+  sunset: "text-[color:var(--zui-animated-number-sunset-fg,#ea580c)] dark:text-[color:var(--zui-animated-number-sunset-fg-dark,#fb923c)]",
+  magenta: "text-[color:var(--zui-animated-number-magenta-fg,#c026d3)] dark:text-[color:var(--zui-animated-number-magenta-fg-dark,#e879f9)]",
+  crimson: "text-[color:var(--zui-animated-number-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-animated-number-crimson-fg-dark,#f87171)]",
+  aqua: "text-[color:var(--zui-animated-number-aqua-fg,#0f766e)] dark:text-[color:var(--zui-animated-number-aqua-fg-dark,#2dd4bf)]",
+  plum: "text-[color:var(--zui-animated-number-plum-fg,#7e22ce)] dark:text-[color:var(--zui-animated-number-plum-fg-dark,#c084fc)]",
   purple: "text-[color:var(--zui-animated-number-purple-fg,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-animated-number-purple-fg-dark,oklch(71.4%_0.203_305.504))]",
   pink: "text-[color:var(--zui-animated-number-pink-fg,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-animated-number-pink-fg-dark,oklch(71.8%_0.202_349.761))]",
   orange: "text-[color:var(--zui-animated-number-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-animated-number-orange-fg-dark,oklch(75%_0.183_55.934))]",

package/dist/ui/animated-number.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/design-system/animated-number.ts","../../src/ui/animated-number/variants.ts","../../src/ui/animated-number/animations.ts","../../src/ui/animated-number/animated-number.tsx"],"names":[],"mappings":"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","file":"animated-number.mjs","sourcesContent":["export const zuiAnimatedNumberBase =\n  \"relative flex w-full overflow-hidden [perspective:1000px]\";\n\nexport const zuiAnimatedNumberAppearance = {\n  default:\n    \"text-[color:var(--zui-animated-number-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-animated-number-default-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  success:\n    \"text-[color:var(--zui-animated-number-success-fg,oklch(62.7%_0.194_149.214))] dark:text-[color:var(--zui-animated-number-success-fg-dark,oklch(79.2%_0.209_151.711))]\",\n  warning:\n    \"text-[color:var(--zui-animated-number-warning-fg,oklch(66.6%_0.179_58.318))] dark:text-[color:var(--zui-animated-number-warning-fg-dark,oklch(82.8%_0.189_84.429))]\",\n  error:\n    \"text-[color:var(--zui-animated-number-error-fg,oklch(57.7%_0.245_27.325))] dark:text-[color:var(--zui-animated-number-error-fg-dark,oklch(70.4%_0.191_22.216))]\",\n  info: \"text-[color:var(--zui-animated-number-info-fg,oklch(58.8%_0.158_241.966))] dark:text-[color:var(--zui-animated-number-info-fg-dark,oklch(74.6%_0.16_232.661))]\",\n  ghost:\n    \"text-[color:var(--zui-animated-number-ghost-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-animated-number-ghost-fg-dark,oklch(70.4%_0.04_256.788))]\",\n  purple:\n    \"text-[color:var(--zui-animated-number-purple-fg,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-animated-number-purple-fg-dark,oklch(71.4%_0.203_305.504))]\",\n  pink: \"text-[color:var(--zui-animated-number-pink-fg,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-animated-number-pink-fg-dark,oklch(71.8%_0.202_349.761))]\",\n  orange:\n    \"text-[color:var(--zui-animated-number-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-animated-number-orange-fg-dark,oklch(75%_0.183_55.934))]\",\n  yellow:\n    \"text-[color:var(--zui-animated-number-yellow-fg,oklch(68.1%_0.162_75.834))] dark:text-[color:var(--zui-animated-number-yellow-fg-dark,oklch(85.2%_0.199_91.936))]\",\n  teal: \"text-[color:var(--zui-animated-number-teal-fg,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-animated-number-teal-fg-dark,oklch(77.7%_0.152_181.912))]\",\n  indigo:\n    \"text-[color:var(--zui-animated-number-indigo-fg,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-animated-number-indigo-fg-dark,oklch(67.3%_0.182_276.935))]\",\n  gray: \"text-[color:var(--zui-animated-number-gray-fg,oklch(44.6%_0.03_256.802))] dark:text-[color:var(--zui-animated-number-gray-fg-dark,oklch(70.7%_0.022_261.325))]\",\n  violet:\n    \"text-[color:var(--zui-animated-number-violet-fg,oklch(54.1%_0.281_293.009))] dark:text-[color:var(--zui-animated-number-violet-fg-dark,oklch(70.2%_0.183_293.541))]\",\n  \"gradient-blue\":\n    \"bg-linear-to-r from-[var(--zui-animated-number-gradient-blue-from,oklch(42.4%_0.199_265.638))] dark:from-[var(--zui-animated-number-gradient-blue-from-dark,oklch(54.6%_0.245_262.881))] to-[var(--zui-animated-number-gradient-blue-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-animated-number-gradient-blue-to-dark,oklch(55.8%_0.288_302.321))] bg-clip-text text-transparent\",\n  \"gradient-green\":\n    \"bg-linear-to-r from-[var(--zui-animated-number-gradient-green-from,oklch(44.8%_0.119_151.328))] dark:from-[var(--zui-animated-number-gradient-green-from-dark,oklch(62.7%_0.194_149.214))] to-[var(--zui-animated-number-gradient-green-to,oklch(45.3%_0.124_130.933))] dark:to-[var(--zui-animated-number-gradient-green-to-dark,oklch(64.8%_0.2_131.684))] bg-clip-text text-transparent\",\n  \"gradient-red\":\n    \"bg-linear-to-r from-[var(--zui-animated-number-gradient-red-from,oklch(44.4%_0.177_26.899))] dark:from-[var(--zui-animated-number-gradient-red-from-dark,oklch(57.7%_0.245_27.325))] to-[var(--zui-animated-number-gradient-red-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-animated-number-gradient-red-to-dark,oklch(59.2%_0.249_0.584))] bg-clip-text text-transparent\",\n  \"gradient-yellow\":\n    \"bg-linear-to-r from-[var(--zui-animated-number-gradient-yellow-from,oklch(47.6%_0.114_61.907))] dark:from-[var(--zui-animated-number-gradient-yellow-from-dark,oklch(68.1%_0.162_75.834))] to-[var(--zui-animated-number-gradient-yellow-to,oklch(47%_0.157_37.304))] dark:to-[var(--zui-animated-number-gradient-yellow-to-dark,oklch(64.6%_0.222_41.116))] bg-clip-text text-transparent\",\n  \"gradient-purple\":\n    \"bg-linear-to-r from-[var(--zui-animated-number-gradient-purple-from,oklch(43.8%_0.218_303.724))] dark:from-[var(--zui-animated-number-gradient-purple-from-dark,oklch(55.8%_0.288_302.321))] to-[var(--zui-animated-number-gradient-purple-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-animated-number-gradient-purple-to-dark,oklch(59.2%_0.249_0.584))] bg-clip-text text-transparent\",\n  \"gradient-teal\":\n    \"bg-linear-to-r from-[var(--zui-animated-number-gradient-teal-from,oklch(43.7%_0.078_188.216))] dark:from-[var(--zui-animated-number-gradient-teal-from-dark,oklch(60%_0.118_184.704))] to-[var(--zui-animated-number-gradient-teal-to,oklch(45%_0.085_224.283))] dark:to-[var(--zui-animated-number-gradient-teal-to-dark,oklch(60.9%_0.126_221.723))] bg-clip-text text-transparent\",\n  \"gradient-indigo\":\n    \"bg-linear-to-r from-[var(--zui-animated-number-gradient-indigo-from,oklch(39.8%_0.195_277.366))] dark:from-[var(--zui-animated-number-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] to-[var(--zui-animated-number-gradient-indigo-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-animated-number-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))] bg-clip-text text-transparent\",\n  \"gradient-pink\":\n    \"bg-linear-to-r from-[var(--zui-animated-number-gradient-pink-from,oklch(45.9%_0.187_3.815))] dark:from-[var(--zui-animated-number-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] to-[var(--zui-animated-number-gradient-pink-to,oklch(45.5%_0.188_13.697))] dark:to-[var(--zui-animated-number-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))] bg-clip-text text-transparent\",\n  \"gradient-orange\":\n    \"bg-linear-to-r from-[var(--zui-animated-number-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-animated-number-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-animated-number-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-animated-number-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] bg-clip-text text-transparent\",\n} as const;\n\nexport const zuiAnimatedNumberSize = {\n  sm: \"text-2xl font-semibold tabular-nums\",\n  md: \"text-4xl font-semibold tabular-nums\",\n  lg: \"text-6xl font-bold tabular-nums\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiAnimatedNumberAppearance,\n  zuiAnimatedNumberSize,\n} from \"../../design-system/animated-number\";\n\nexport const animatedNumberAppearance = cva(\"inline-flex\", {\n  variants: {\n    appearance: zuiAnimatedNumberAppearance,\n    size: zuiAnimatedNumberSize,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n","export const animationInitialType = {\n  up: { y: \"-100%\" },\n  down: { y: \"100%\" },\n  scaleUp: { scale: 0 },\n  scaleDown: { scale: 1.25 },\n  rotateX: { rotateX: \"0\" },\n  rotateY: { rotateY: \"0\" },\n  skewX: { skewX: 20 },\n  skewY: { skewY: 20 },\n  fade: { opacity: 0 },\n};\nexport const animationFinalType = {\n  up: { y: 0 },\n  down: { y: 0 },\n  scaleUp: { scale: 1 },\n  scaleDown: { scale: 1 },\n  rotateX: { rotateX: \"360deg\" },\n  rotateY: { rotateY: \"360deg\" },\n  skewX: { skewX: 0 },\n  skewY: { skewY: 0 },\n  fade: { opacity: 1 },\n};\n","\"use client\";\nimport {\n  animate,\n  motion,\n  useInView,\n  useReducedMotion,\n  type UseInViewOptions,\n} from \"framer-motion\";\nimport { animatedNumberAppearance } from \"./variants\";\nimport { AnimatedNumberCounterProps, AnimatedNumberProps } from \"./types\";\nimport { cn } from \"../../lib/utils\";\nimport { zuiAnimatedNumberBase } from \"../../design-system/animated-number\";\nimport { animationFinalType, animationInitialType } from \"./animations\";\nimport { useEffect, useRef, useState } from \"react\";\n\nconst DEFAULT_VIEWPORT = { once: true, amount: 0.2 } as const;\n\nexport const AnimatedNumber = ({\n  number,\n  wrapperClassName,\n  className,\n  ref,\n  appearance,\n  size,\n  type = \"up\",\n  delayInSecond = 0.1,\n  transition,\n  initial,\n  whileInView,\n  viewport,\n  ...rest\n}: AnimatedNumberProps) => {\n  const numbersList = [...number.toString()];\n  const reducedMotion = useReducedMotion();\n  const motionless = Boolean(reducedMotion);\n\n  const digitVariants = {\n    hidden: animationInitialType[type],\n    visible: animationFinalType[type],\n  };\n\n  return (\n    <motion.div\n      ref={ref}\n      initial={motionless ? false : \"hidden\"}\n      whileInView={motionless ? undefined : \"visible\"}\n      viewport={viewport ?? DEFAULT_VIEWPORT}\n      transition={{\n        staggerChildren: delayInSecond,\n      }}\n      className={cn(wrapperClassName, zuiAnimatedNumberBase)}\n    >\n      {numbersList.map((digit, index) => (\n        <motion.span\n          key={index + \"-\" + digit}\n          className={cn(\n            \"inline-block\",\n            animatedNumberAppearance({ appearance, size }),\n            className,\n          )}\n          variants={digitVariants}\n          transition={transition}\n          {...rest}\n        >\n          {digit}\n        </motion.span>\n      ))}\n    </motion.div>\n  );\n};\n\nexport const AnimatedNumberCounter = ({\n  number,\n  className,\n  ref: externalRef,\n  appearance,\n  size,\n  duration = 2,\n  viewport,\n  ...rest\n}: AnimatedNumberCounterProps) => {\n  const [currentNumber, setCurrentNumber] = useState(0);\n  const reducedMotion = useReducedMotion();\n  const internalRef = useRef<HTMLParagraphElement>(null);\n  // once: false gives real two-way tracking so isInView flips false when scrolled away,\n  // preventing offscreen animations when the number prop changes later.\n  const isInView = useInView(internalRef, {\n    once: false,\n    amount: 0.2,\n    ...viewport,\n  } as UseInViewOptions);\n\n  useEffect(() => {\n    if (!isInView) return;\n\n    if (reducedMotion) {\n      setCurrentNumber(number);\n      return;\n    }\n\n    const controls = animate(currentNumber, number, {\n      duration,\n      ease: \"circOut\",\n      onUpdate: (latest) => setCurrentNumber(Math.round(latest)),\n    });\n\n    return () => controls.stop();\n    // currentNumber intentionally omitted — captured value gives smooth from→to on prop changes\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isInView, number, duration, reducedMotion]);\n\n  return (\n    <motion.p\n      className={cn(animatedNumberAppearance({ appearance, size }), className)}\n      ref={(node: HTMLParagraphElement) => {\n        internalRef.current = node;\n        if (externalRef) {\n          externalRef.current = node;\n        }\n      }}\n      {...rest}\n    >\n      {currentNumber}\n    </motion.p>\n  );\n};\n"]}
+{"version":3,"sources":["../../src/design-system/animated-number.ts","../../src/ui/animated-number/variants.ts","../../src/ui/animated-number/animations.ts","../../src/ui/animated-number/animated-number.tsx"],"names":[],"mappings":"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","file":"animated-number.mjs","sourcesContent":["export const zuiAnimatedNumberBase =\n  \"relative flex w-full overflow-hidden [perspective:1000px]\";\n\nexport const zuiAnimatedNumberAppearance = {\n  default:\n    \"text-[color:var(--zui-animated-number-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-animated-number-default-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  success:\n    \"text-[color:var(--zui-animated-number-success-fg,oklch(62.7%_0.194_149.214))] dark:text-[color:var(--zui-animated-number-success-fg-dark,oklch(79.2%_0.209_151.711))]\",\n  warning:\n    \"text-[color:var(--zui-animated-number-warning-fg,oklch(66.6%_0.179_58.318))] dark:text-[color:var(--zui-animated-number-warning-fg-dark,oklch(82.8%_0.189_84.429))]\",\n  error:\n    \"text-[color:var(--zui-animated-number-error-fg,oklch(57.7%_0.245_27.325))] dark:text-[color:var(--zui-animated-number-error-fg-dark,oklch(70.4%_0.191_22.216))]\",\n  info: \"text-[color:var(--zui-animated-number-info-fg,oklch(58.8%_0.158_241.966))] dark:text-[color:var(--zui-animated-number-info-fg-dark,oklch(74.6%_0.16_232.661))]\",\n  ghost:\n    \"text-[color:var(--zui-animated-number-ghost-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-animated-number-ghost-fg-dark,oklch(70.4%_0.04_256.788))]\",\n  blue: \"text-[color:var(--zui-animated-number-blue-fg,#2563eb)] dark:text-[color:var(--zui-animated-number-blue-fg-dark,#3b82f6)]\",\n  cyan: \"text-[color:var(--zui-animated-number-cyan-fg,#0891b2)] dark:text-[color:var(--zui-animated-number-cyan-fg-dark,#22d3ee)]\",\n  green:\n    \"text-[color:var(--zui-animated-number-green-fg,#16a34a)] dark:text-[color:var(--zui-animated-number-green-fg-dark,#22c55e)]\",\n  lime: \"text-[color:var(--zui-animated-number-lime-fg,#65a30d)] dark:text-[color:var(--zui-animated-number-lime-fg-dark,#a3e635)]\",\n  mint: \"text-[color:var(--zui-animated-number-mint-fg,#10b981)] dark:text-[color:var(--zui-animated-number-mint-fg-dark,#6ee7b7)]\",\n  ocean:\n    \"text-[color:var(--zui-animated-number-ocean-fg,#0284c7)] dark:text-[color:var(--zui-animated-number-ocean-fg-dark,#38bdf8)]\",\n  sapphire:\n    \"text-[color:var(--zui-animated-number-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-animated-number-sapphire-fg-dark,#60a5fa)]\",\n  lavender:\n    \"text-[color:var(--zui-animated-number-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-animated-number-lavender-fg-dark,#a78bfa)]\",\n  ruby: \"text-[color:var(--zui-animated-number-ruby-fg,#be123c)] dark:text-[color:var(--zui-animated-number-ruby-fg-dark,#fb7185)]\",\n  red: \"text-[color:var(--zui-animated-number-red-fg,#dc2626)] dark:text-[color:var(--zui-animated-number-red-fg-dark,#ef4444)]\",\n  slate:\n    \"text-[color:var(--zui-animated-number-slate-fg,#475569)] dark:text-[color:var(--zui-animated-number-slate-fg-dark,#64748b)]\",\n  zinc: \"text-[color:var(--zui-animated-number-zinc-fg,#52525b)] dark:text-[color:var(--zui-animated-number-zinc-fg-dark,#71717a)]\",\n  stone:\n    \"text-[color:var(--zui-animated-number-stone-fg,#57534e)] dark:text-[color:var(--zui-animated-number-stone-fg-dark,#78716c)]\",\n  royal:\n    \"text-[color:var(--zui-animated-number-royal-fg,#4338ca)] dark:text-[color:var(--zui-animated-number-royal-fg-dark,#818cf8)]\",\n  electric:\n    \"text-[color:var(--zui-animated-number-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-animated-number-electric-fg-dark,#38bdf8)]\",\n  forest:\n    \"text-[color:var(--zui-animated-number-forest-fg,#166534)] dark:text-[color:var(--zui-animated-number-forest-fg-dark,#4ade80)]\",\n  sunset:\n    \"text-[color:var(--zui-animated-number-sunset-fg,#ea580c)] dark:text-[color:var(--zui-animated-number-sunset-fg-dark,#fb923c)]\",\n  magenta:\n    \"text-[color:var(--zui-animated-number-magenta-fg,#c026d3)] dark:text-[color:var(--zui-animated-number-magenta-fg-dark,#e879f9)]\",\n  crimson:\n    \"text-[color:var(--zui-animated-number-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-animated-number-crimson-fg-dark,#f87171)]\",\n  aqua: \"text-[color:var(--zui-animated-number-aqua-fg,#0f766e)] dark:text-[color:var(--zui-animated-number-aqua-fg-dark,#2dd4bf)]\",\n  plum: \"text-[color:var(--zui-animated-number-plum-fg,#7e22ce)] dark:text-[color:var(--zui-animated-number-plum-fg-dark,#c084fc)]\",\n  purple:\n    \"text-[color:var(--zui-animated-number-purple-fg,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-animated-number-purple-fg-dark,oklch(71.4%_0.203_305.504))]\",\n  pink: \"text-[color:var(--zui-animated-number-pink-fg,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-animated-number-pink-fg-dark,oklch(71.8%_0.202_349.761))]\",\n  orange:\n    \"text-[color:var(--zui-animated-number-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-animated-number-orange-fg-dark,oklch(75%_0.183_55.934))]\",\n  yellow:\n    \"text-[color:var(--zui-animated-number-yellow-fg,oklch(68.1%_0.162_75.834))] dark:text-[color:var(--zui-animated-number-yellow-fg-dark,oklch(85.2%_0.199_91.936))]\",\n  teal: \"text-[color:var(--zui-animated-number-teal-fg,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-animated-number-teal-fg-dark,oklch(77.7%_0.152_181.912))]\",\n  indigo:\n    \"text-[color:var(--zui-animated-number-indigo-fg,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-animated-number-indigo-fg-dark,oklch(67.3%_0.182_276.935))]\",\n  gray: \"text-[color:var(--zui-animated-number-gray-fg,oklch(44.6%_0.03_256.802))] dark:text-[color:var(--zui-animated-number-gray-fg-dark,oklch(70.7%_0.022_261.325))]\",\n  violet:\n    \"text-[color:var(--zui-animated-number-violet-fg,oklch(54.1%_0.281_293.009))] dark:text-[color:var(--zui-animated-number-violet-fg-dark,oklch(70.2%_0.183_293.541))]\",\n  \"gradient-blue\":\n    \"bg-linear-to-r from-[var(--zui-animated-number-gradient-blue-from,oklch(42.4%_0.199_265.638))] dark:from-[var(--zui-animated-number-gradient-blue-from-dark,oklch(54.6%_0.245_262.881))] to-[var(--zui-animated-number-gradient-blue-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-animated-number-gradient-blue-to-dark,oklch(55.8%_0.288_302.321))] bg-clip-text text-transparent\",\n  \"gradient-green\":\n    \"bg-linear-to-r from-[var(--zui-animated-number-gradient-green-from,oklch(44.8%_0.119_151.328))] dark:from-[var(--zui-animated-number-gradient-green-from-dark,oklch(62.7%_0.194_149.214))] to-[var(--zui-animated-number-gradient-green-to,oklch(45.3%_0.124_130.933))] dark:to-[var(--zui-animated-number-gradient-green-to-dark,oklch(64.8%_0.2_131.684))] bg-clip-text text-transparent\",\n  \"gradient-red\":\n    \"bg-linear-to-r from-[var(--zui-animated-number-gradient-red-from,oklch(44.4%_0.177_26.899))] dark:from-[var(--zui-animated-number-gradient-red-from-dark,oklch(57.7%_0.245_27.325))] to-[var(--zui-animated-number-gradient-red-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-animated-number-gradient-red-to-dark,oklch(59.2%_0.249_0.584))] bg-clip-text text-transparent\",\n  \"gradient-yellow\":\n    \"bg-linear-to-r from-[var(--zui-animated-number-gradient-yellow-from,oklch(47.6%_0.114_61.907))] dark:from-[var(--zui-animated-number-gradient-yellow-from-dark,oklch(68.1%_0.162_75.834))] to-[var(--zui-animated-number-gradient-yellow-to,oklch(47%_0.157_37.304))] dark:to-[var(--zui-animated-number-gradient-yellow-to-dark,oklch(64.6%_0.222_41.116))] bg-clip-text text-transparent\",\n  \"gradient-purple\":\n    \"bg-linear-to-r from-[var(--zui-animated-number-gradient-purple-from,oklch(43.8%_0.218_303.724))] dark:from-[var(--zui-animated-number-gradient-purple-from-dark,oklch(55.8%_0.288_302.321))] to-[var(--zui-animated-number-gradient-purple-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-animated-number-gradient-purple-to-dark,oklch(59.2%_0.249_0.584))] bg-clip-text text-transparent\",\n  \"gradient-teal\":\n    \"bg-linear-to-r from-[var(--zui-animated-number-gradient-teal-from,oklch(43.7%_0.078_188.216))] dark:from-[var(--zui-animated-number-gradient-teal-from-dark,oklch(60%_0.118_184.704))] to-[var(--zui-animated-number-gradient-teal-to,oklch(45%_0.085_224.283))] dark:to-[var(--zui-animated-number-gradient-teal-to-dark,oklch(60.9%_0.126_221.723))] bg-clip-text text-transparent\",\n  \"gradient-indigo\":\n    \"bg-linear-to-r from-[var(--zui-animated-number-gradient-indigo-from,oklch(39.8%_0.195_277.366))] dark:from-[var(--zui-animated-number-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] to-[var(--zui-animated-number-gradient-indigo-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-animated-number-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))] bg-clip-text text-transparent\",\n  \"gradient-pink\":\n    \"bg-linear-to-r from-[var(--zui-animated-number-gradient-pink-from,oklch(45.9%_0.187_3.815))] dark:from-[var(--zui-animated-number-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] to-[var(--zui-animated-number-gradient-pink-to,oklch(45.5%_0.188_13.697))] dark:to-[var(--zui-animated-number-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))] bg-clip-text text-transparent\",\n  \"gradient-orange\":\n    \"bg-linear-to-r from-[var(--zui-animated-number-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-animated-number-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-animated-number-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-animated-number-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] bg-clip-text text-transparent\",\n} as const;\n\nexport const zuiAnimatedNumberSize = {\n  sm: \"text-2xl font-semibold tabular-nums\",\n  md: \"text-4xl font-semibold tabular-nums\",\n  lg: \"text-6xl font-bold tabular-nums\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiAnimatedNumberAppearance,\n  zuiAnimatedNumberSize,\n} from \"../../design-system/animated-number\";\n\nexport const animatedNumberAppearance = cva(\"inline-flex\", {\n  variants: {\n    appearance: zuiAnimatedNumberAppearance,\n    size: zuiAnimatedNumberSize,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n","export const animationInitialType = {\n  up: { y: \"-100%\" },\n  down: { y: \"100%\" },\n  scaleUp: { scale: 0 },\n  scaleDown: { scale: 1.25 },\n  rotateX: { rotateX: \"0\" },\n  rotateY: { rotateY: \"0\" },\n  skewX: { skewX: 20 },\n  skewY: { skewY: 20 },\n  fade: { opacity: 0 },\n};\nexport const animationFinalType = {\n  up: { y: 0 },\n  down: { y: 0 },\n  scaleUp: { scale: 1 },\n  scaleDown: { scale: 1 },\n  rotateX: { rotateX: \"360deg\" },\n  rotateY: { rotateY: \"360deg\" },\n  skewX: { skewX: 0 },\n  skewY: { skewY: 0 },\n  fade: { opacity: 1 },\n};\n","\"use client\";\nimport {\n  animate,\n  motion,\n  useInView,\n  useReducedMotion,\n  type UseInViewOptions,\n} from \"framer-motion\";\nimport { animatedNumberAppearance } from \"./variants\";\nimport { AnimatedNumberCounterProps, AnimatedNumberProps } from \"./types\";\nimport { cn } from \"../../lib/utils\";\nimport { zuiAnimatedNumberBase } from \"../../design-system/animated-number\";\nimport { animationFinalType, animationInitialType } from \"./animations\";\nimport { useEffect, useRef, useState } from \"react\";\n\nconst DEFAULT_VIEWPORT = { once: true, amount: 0.2 } as const;\n\nexport const AnimatedNumber = ({\n  number,\n  wrapperClassName,\n  className,\n  ref,\n  appearance,\n  size,\n  type = \"up\",\n  delayInSecond = 0.1,\n  transition,\n  initial,\n  whileInView,\n  viewport,\n  ...rest\n}: AnimatedNumberProps) => {\n  const numbersList = [...number.toString()];\n  const reducedMotion = useReducedMotion();\n  const motionless = Boolean(reducedMotion);\n\n  const digitVariants = {\n    hidden: animationInitialType[type],\n    visible: animationFinalType[type],\n  };\n\n  return (\n    <motion.div\n      ref={ref}\n      initial={motionless ? false : \"hidden\"}\n      whileInView={motionless ? undefined : \"visible\"}\n      viewport={viewport ?? DEFAULT_VIEWPORT}\n      transition={{\n        staggerChildren: delayInSecond,\n      }}\n      className={cn(wrapperClassName, zuiAnimatedNumberBase)}\n    >\n      {numbersList.map((digit, index) => (\n        <motion.span\n          key={index + \"-\" + digit}\n          className={cn(\n            \"inline-block\",\n            animatedNumberAppearance({ appearance, size }),\n            className,\n          )}\n          variants={digitVariants}\n          transition={transition}\n          {...rest}\n        >\n          {digit}\n        </motion.span>\n      ))}\n    </motion.div>\n  );\n};\n\nexport const AnimatedNumberCounter = ({\n  number,\n  className,\n  ref: externalRef,\n  appearance,\n  size,\n  duration = 2,\n  viewport,\n  ...rest\n}: AnimatedNumberCounterProps) => {\n  const [currentNumber, setCurrentNumber] = useState(0);\n  const reducedMotion = useReducedMotion();\n  const internalRef = useRef<HTMLParagraphElement>(null);\n  // once: false gives real two-way tracking so isInView flips false when scrolled away,\n  // preventing offscreen animations when the number prop changes later.\n  const isInView = useInView(internalRef, {\n    once: false,\n    amount: 0.2,\n    ...viewport,\n  } as UseInViewOptions);\n\n  useEffect(() => {\n    if (!isInView) return;\n\n    if (reducedMotion) {\n      setCurrentNumber(number);\n      return;\n    }\n\n    const controls = animate(currentNumber, number, {\n      duration,\n      ease: \"circOut\",\n      onUpdate: (latest) => setCurrentNumber(Math.round(latest)),\n    });\n\n    return () => controls.stop();\n    // currentNumber intentionally omitted — captured value gives smooth from→to on prop changes\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isInView, number, duration, reducedMotion]);\n\n  return (\n    <motion.p\n      className={cn(animatedNumberAppearance({ appearance, size }), className)}\n      ref={(node: HTMLParagraphElement) => {\n        internalRef.current = node;\n        if (externalRef) {\n          externalRef.current = node;\n        }\n      }}\n      {...rest}\n    >\n      {currentNumber}\n    </motion.p>\n  );\n};\n"]}

package/dist/ui/avatar/animated.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkTTTYW3TR_js = require('../../chunk-TTTYW3TR.js');
+var chunkB3LCKPBX_js = require('../../chunk-B3LCKPBX.js');
 require('../../chunk-ZS5756ZC.js');
 var framerMotion = require('framer-motion');
 var jsxRuntime = require('react/jsx-runtime');
@@ -22,7 +22,7 @@ function AvatarAnimated({
 }) {
   const motionProps = avatarAnimationPresets[animation];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkTTTYW3TR_js.AvatarBase,
+    chunkB3LCKPBX_js.AvatarBase,
     {
       as: framerMotion.motion.span,
       initial: animation === "none" ? false : void 0,
@@ -35,15 +35,15 @@ AvatarAnimated.displayName = "AvatarAnimated";
 
 Object.defineProperty(exports, "AvatarFallback", {
   enumerable: true,
-  get: function () { return chunkTTTYW3TR_js.AvatarFallback; }
+  get: function () { return chunkB3LCKPBX_js.AvatarFallback; }
 });
 Object.defineProperty(exports, "AvatarGroup", {
   enumerable: true,
-  get: function () { return chunkTTTYW3TR_js.AvatarGroup; }
+  get: function () { return chunkB3LCKPBX_js.AvatarGroup; }
 });
 Object.defineProperty(exports, "AvatarImage", {
   enumerable: true,
-  get: function () { return chunkTTTYW3TR_js.AvatarImage; }
+  get: function () { return chunkB3LCKPBX_js.AvatarImage; }
 });
 exports.AvatarAnimated = AvatarAnimated;
 exports.avatarAnimationPresets = avatarAnimationPresets;

package/dist/ui/avatar/animated.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { AvatarBase } from '../../chunk-CSFLMMAT.mjs';
-export { AvatarFallback, AvatarGroup, AvatarImage } from '../../chunk-CSFLMMAT.mjs';
+import { AvatarBase } from '../../chunk-REDZL4DY.mjs';
+export { AvatarFallback, AvatarGroup, AvatarImage } from '../../chunk-REDZL4DY.mjs';
 import '../../chunk-4D54YOL6.mjs';
 import { motion } from 'framer-motion';
 import { jsx } from 'react/jsx-runtime';

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

@@ -1,5 +1,5 @@
 export declare const avatarVariants: (props?: ({
-    appearance?: "default" | "muted" | "sky" | "emerald" | "violet" | "amber" | "rose" | "gray" | "indigo" | "orange" | "pink" | "purple" | "teal" | "yellow" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
+    appearance?: "ruby" | "default" | "muted" | "sky" | "emerald" | "violet" | "amber" | "rose" | "slate" | "gray" | "indigo" | "cyan" | "aqua" | "blue" | "crimson" | "green" | "lavender" | "lime" | "magenta" | "orange" | "pink" | "plum" | "purple" | "red" | "teal" | "yellow" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "mint" | "ocean" | "sapphire" | "zinc" | "stone" | "royal" | "electric" | "forest" | "sunset" | null | undefined;
     size?: "md" | "sm" | "lg" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const avatarImageVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

package/dist/ui/avatar.js

@@ -1,42 +1,42 @@
 "use client";
 'use strict';
 
-var chunkTTTYW3TR_js = require('../chunk-TTTYW3TR.js');
+var chunkB3LCKPBX_js = require('../chunk-B3LCKPBX.js');
 require('../chunk-ZS5756ZC.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function Avatar(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkTTTYW3TR_js.AvatarBase, { ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkB3LCKPBX_js.AvatarBase, { ...props });
 }
 Avatar.displayName = "Avatar";
 
 Object.defineProperty(exports, "AvatarFallback", {
   enumerable: true,
-  get: function () { return chunkTTTYW3TR_js.AvatarFallback; }
+  get: function () { return chunkB3LCKPBX_js.AvatarFallback; }
 });
 Object.defineProperty(exports, "AvatarGroup", {
   enumerable: true,
-  get: function () { return chunkTTTYW3TR_js.AvatarGroup; }
+  get: function () { return chunkB3LCKPBX_js.AvatarGroup; }
 });
 Object.defineProperty(exports, "AvatarImage", {
   enumerable: true,
-  get: function () { return chunkTTTYW3TR_js.AvatarImage; }
+  get: function () { return chunkB3LCKPBX_js.AvatarImage; }
 });
 Object.defineProperty(exports, "avatarFallbackVariants", {
   enumerable: true,
-  get: function () { return chunkTTTYW3TR_js.avatarFallbackVariants; }
+  get: function () { return chunkB3LCKPBX_js.avatarFallbackVariants; }
 });
 Object.defineProperty(exports, "avatarGroupVariants", {
   enumerable: true,
-  get: function () { return chunkTTTYW3TR_js.avatarGroupVariants; }
+  get: function () { return chunkB3LCKPBX_js.avatarGroupVariants; }
 });
 Object.defineProperty(exports, "avatarImageVariants", {
   enumerable: true,
-  get: function () { return chunkTTTYW3TR_js.avatarImageVariants; }
+  get: function () { return chunkB3LCKPBX_js.avatarImageVariants; }
 });
 Object.defineProperty(exports, "avatarVariants", {
   enumerable: true,
-  get: function () { return chunkTTTYW3TR_js.avatarVariants; }
+  get: function () { return chunkB3LCKPBX_js.avatarVariants; }
 });
 exports.Avatar = Avatar;
 //# sourceMappingURL=avatar.js.map

package/dist/ui/avatar.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { AvatarBase } from '../chunk-CSFLMMAT.mjs';
-export { AvatarFallback, AvatarGroup, AvatarImage, avatarFallbackVariants, avatarGroupVariants, avatarImageVariants, avatarVariants } from '../chunk-CSFLMMAT.mjs';
+import { AvatarBase } from '../chunk-REDZL4DY.mjs';
+export { AvatarFallback, AvatarGroup, AvatarImage, avatarFallbackVariants, avatarGroupVariants, avatarImageVariants, avatarVariants } from '../chunk-REDZL4DY.mjs';
 import '../chunk-4D54YOL6.mjs';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/ui/badge/animated.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkLNYCEPW5_js = require('../../chunk-LNYCEPW5.js');
+var chunk4GVMPQZS_js = require('../../chunk-4GVMPQZS.js');
 require('../../chunk-ZS5756ZC.js');
 var framerMotion = require('framer-motion');
 var jsxRuntime = require('react/jsx-runtime');
@@ -31,7 +31,7 @@ function BadgeAnimated({
 }) {
   const motionProps = badgeAnimationPresets[animation];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkLNYCEPW5_js.BadgeBase,
+    chunk4GVMPQZS_js.BadgeBase,
     {
       ...{
         as: framerMotion.motion.span,

package/dist/ui/badge/animated.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { BadgeBase } from '../../chunk-H7WDA6U6.mjs';
+import { BadgeBase } from '../../chunk-EKLWWV3G.mjs';
 import '../../chunk-4D54YOL6.mjs';
 import { motion } from 'framer-motion';
 import { jsx } from 'react/jsx-runtime';

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

@@ -6,6 +6,27 @@ export declare const buttonLikeSolidAppearances: {
     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)]";
@@ -27,7 +48,7 @@ export declare const buttonLikeSolidAppearances: {
 };
 export type ButtonLikeSolidAppearance = ZuiButtonLikeSolidAppearance;
 export declare const badgeVariants: (props?: ({
-    appearance?: "outline" | "default" | "glass" | "sky" | "emerald" | "rose" | "indigo" | "orange" | "pink" | "purple" | "teal" | "yellow" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "secondary" | "destructive" | "ghost" | null | undefined;
+    appearance?: "ruby" | "outline" | "default" | "glass" | "sky" | "emerald" | "rose" | "slate" | "indigo" | "cyan" | "aqua" | "blue" | "crimson" | "green" | "lavender" | "lime" | "magenta" | "orange" | "pink" | "plum" | "purple" | "red" | "teal" | "yellow" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "secondary" | "destructive" | "ghost" | "mint" | "ocean" | "sapphire" | "zinc" | "stone" | "royal" | "electric" | "forest" | "sunset" | null | undefined;
     size?: "md" | "sm" | "lg" | null | undefined;
     shape?: "dot" | "square" | "pill" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

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

@@ -1 +1 @@
-{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/badge/variants.ts"],"names":[],"mappings":"AAEA,OAAO,EAQL,KAAK,4BAA4B,EAClC,MAAM,2BAA2B,CAAC;AAEnC,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;CAAgC,CAAC;AACxE,MAAM,MAAM,yBAAyB,GAAG,4BAA4B,CAAC;AAErE,eAAO,MAAM,aAAa;;;;8EAWxB,CAAC;AAEH,eAAO,MAAM,wBAAwB;;8EAKnC,CAAC"}
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/badge/variants.ts"],"names":[],"mappings":"AAEA,OAAO,EAQL,KAAK,4BAA4B,EAClC,MAAM,2BAA2B,CAAC;AAEnC,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAgC,CAAC;AACxE,MAAM,MAAM,yBAAyB,GAAG,4BAA4B,CAAC;AAErE,eAAO,MAAM,aAAa;;;;8EAWxB,CAAC;AAEH,eAAO,MAAM,wBAAwB;;8EAKnC,CAAC"}

package/dist/ui/badge.js

@@ -1,22 +1,22 @@
 "use client";
 'use strict';
 
-var chunkLNYCEPW5_js = require('../chunk-LNYCEPW5.js');
+var chunk4GVMPQZS_js = require('../chunk-4GVMPQZS.js');
 require('../chunk-ZS5756ZC.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function Badge(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkLNYCEPW5_js.BadgeBase, { ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunk4GVMPQZS_js.BadgeBase, { ...props });
 }
 Badge.displayName = "Badge";
 
 Object.defineProperty(exports, "badgeCloseButtonVariants", {
   enumerable: true,
-  get: function () { return chunkLNYCEPW5_js.badgeCloseButtonVariants; }
+  get: function () { return chunk4GVMPQZS_js.badgeCloseButtonVariants; }
 });
 Object.defineProperty(exports, "badgeVariants", {
   enumerable: true,
-  get: function () { return chunkLNYCEPW5_js.badgeVariants; }
+  get: function () { return chunk4GVMPQZS_js.badgeVariants; }
 });
 exports.Badge = Badge;
 //# sourceMappingURL=badge.js.map

package/dist/ui/badge.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { BadgeBase } from '../chunk-H7WDA6U6.mjs';
-export { badgeCloseButtonVariants, badgeVariants } from '../chunk-H7WDA6U6.mjs';
+import { BadgeBase } from '../chunk-EKLWWV3G.mjs';
+export { badgeCloseButtonVariants, badgeVariants } from '../chunk-EKLWWV3G.mjs';
 import '../chunk-4D54YOL6.mjs';
 import { jsx } from 'react/jsx-runtime';
 

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

@@ -1,5 +1,5 @@
 export declare const breadcrumbNavVariants: (props?: ({
-    appearance?: "default" | "muted" | "sky" | "emerald" | "violet" | "amber" | "rose" | "gray" | "indigo" | "orange" | "pink" | "purple" | "teal" | "yellow" | null | undefined;
+    appearance?: "ruby" | "default" | "muted" | "sky" | "emerald" | "violet" | "amber" | "rose" | "slate" | "gray" | "indigo" | "cyan" | "aqua" | "blue" | "crimson" | "green" | "lavender" | "lime" | "magenta" | "orange" | "pink" | "plum" | "purple" | "red" | "teal" | "yellow" | "mint" | "ocean" | "sapphire" | "zinc" | "stone" | "royal" | "electric" | "forest" | "sunset" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const breadcrumbListVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export declare const breadcrumbItemVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

package/dist/ui/breadcrumb.js

@@ -10,6 +10,27 @@ var zuiBreadcrumbNavBase = "text-sm";
 var zuiBreadcrumbAppearances = {
   default: "text-[color:var(--zui-breadcrumb-default-fg,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-breadcrumb-default-fg-dark,oklch(86.9%_0.022_252.894))]",
   muted: "text-[color:var(--zui-breadcrumb-muted-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-breadcrumb-muted-fg-dark,oklch(70.4%_0.04_256.788))]",
+  blue: "text-[color:var(--zui-breadcrumb-blue-fg,#2563eb)] dark:text-[color:var(--zui-breadcrumb-blue-fg-dark,#3b82f6)]",
+  cyan: "text-[color:var(--zui-breadcrumb-cyan-fg,#0891b2)] dark:text-[color:var(--zui-breadcrumb-cyan-fg-dark,#22d3ee)]",
+  green: "text-[color:var(--zui-breadcrumb-green-fg,#16a34a)] dark:text-[color:var(--zui-breadcrumb-green-fg-dark,#22c55e)]",
+  lime: "text-[color:var(--zui-breadcrumb-lime-fg,#65a30d)] dark:text-[color:var(--zui-breadcrumb-lime-fg-dark,#a3e635)]",
+  mint: "text-[color:var(--zui-breadcrumb-mint-fg,#10b981)] dark:text-[color:var(--zui-breadcrumb-mint-fg-dark,#6ee7b7)]",
+  ocean: "text-[color:var(--zui-breadcrumb-ocean-fg,#0284c7)] dark:text-[color:var(--zui-breadcrumb-ocean-fg-dark,#38bdf8)]",
+  sapphire: "text-[color:var(--zui-breadcrumb-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-breadcrumb-sapphire-fg-dark,#60a5fa)]",
+  lavender: "text-[color:var(--zui-breadcrumb-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-breadcrumb-lavender-fg-dark,#a78bfa)]",
+  ruby: "text-[color:var(--zui-breadcrumb-ruby-fg,#be123c)] dark:text-[color:var(--zui-breadcrumb-ruby-fg-dark,#fb7185)]",
+  red: "text-[color:var(--zui-breadcrumb-red-fg,#dc2626)] dark:text-[color:var(--zui-breadcrumb-red-fg-dark,#ef4444)]",
+  slate: "text-[color:var(--zui-breadcrumb-slate-fg,#475569)] dark:text-[color:var(--zui-breadcrumb-slate-fg-dark,#64748b)]",
+  zinc: "text-[color:var(--zui-breadcrumb-zinc-fg,#52525b)] dark:text-[color:var(--zui-breadcrumb-zinc-fg-dark,#71717a)]",
+  stone: "text-[color:var(--zui-breadcrumb-stone-fg,#57534e)] dark:text-[color:var(--zui-breadcrumb-stone-fg-dark,#78716c)]",
+  royal: "text-[color:var(--zui-breadcrumb-royal-fg,#4338ca)] dark:text-[color:var(--zui-breadcrumb-royal-fg-dark,#818cf8)]",
+  electric: "text-[color:var(--zui-breadcrumb-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-breadcrumb-electric-fg-dark,#38bdf8)]",
+  forest: "text-[color:var(--zui-breadcrumb-forest-fg,#166534)] dark:text-[color:var(--zui-breadcrumb-forest-fg-dark,#4ade80)]",
+  sunset: "text-[color:var(--zui-breadcrumb-sunset-fg,#ea580c)] dark:text-[color:var(--zui-breadcrumb-sunset-fg-dark,#fb923c)]",
+  magenta: "text-[color:var(--zui-breadcrumb-magenta-fg,#c026d3)] dark:text-[color:var(--zui-breadcrumb-magenta-fg-dark,#e879f9)]",
+  crimson: "text-[color:var(--zui-breadcrumb-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-breadcrumb-crimson-fg-dark,#f87171)]",
+  aqua: "text-[color:var(--zui-breadcrumb-aqua-fg,#0f766e)] dark:text-[color:var(--zui-breadcrumb-aqua-fg-dark,#2dd4bf)]",
+  plum: "text-[color:var(--zui-breadcrumb-plum-fg,#7e22ce)] dark:text-[color:var(--zui-breadcrumb-plum-fg-dark,#c084fc)]",
   sky: "text-[color:var(--zui-breadcrumb-sky-fg,oklch(44.3%_0.11_240.79))] dark:text-[color:var(--zui-breadcrumb-sky-fg-dark,oklch(58.8%_0.158_241.966))]",
   rose: "text-[color:var(--zui-breadcrumb-rose-fg,oklch(45.5%_0.188_13.697))] dark:text-[color:var(--zui-breadcrumb-rose-fg-dark,oklch(58.6%_0.253_17.585))]",
   purple: "text-[color:var(--zui-breadcrumb-purple-fg,oklch(43.8%_0.218_303.724))] dark:text-[color:var(--zui-breadcrumb-purple-fg-dark,oklch(55.8%_0.288_302.321))]",