@zentauri-ui/zentauri-components 1.4.61 → 1.4.63

package/dist/ui/spinner/animated.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkUOZYPWDZ_js = require('../../chunk-UOZYPWDZ.js');
+var chunkZS5756ZC_js = require('../../chunk-ZS5756ZC.js');
 var framerMotion = require('framer-motion');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
@@ -63,30 +63,33 @@ function Spinner(props) {
     "aria-label": ariaLabel = "Loading",
     ...rest
   } = props;
-  const rootClass = chunkUOZYPWDZ_js.cn(
+  const rootClass = chunkZS5756ZC_js.cn(
     spinnerVariants({ appearance, size, variant }),
     className
   );
   if (variant === "ring") {
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsxs(
       framerMotion.motion.span,
       {
         ref,
         role: "status",
         "data-slot": "spinner",
         "aria-label": ariaLabel,
-        className: chunkUOZYPWDZ_js.cn(rootClass, "relative"),
+        className: chunkZS5756ZC_js.cn(rootClass, "relative"),
         initial: false,
         ...rest,
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          framerMotion.motion.span,
-          {
-            className: "block size-full rounded-full border-2 border-current border-t-transparent",
-            animate: { rotate: 360 },
-            transition: { repeat: Infinity, ease: "linear", duration: 0.85 },
-            "aria-hidden": true
-          }
-        )
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: ariaLabel }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            framerMotion.motion.span,
+            {
+              className: "block size-full rounded-full border-2 border-current border-t-transparent",
+              animate: { rotate: 360 },
+              transition: { repeat: Infinity, ease: "linear", duration: 0.85 },
+              "aria-hidden": true
+            }
+          )
+        ]
       }
     );
   }
@@ -99,54 +102,60 @@ function Spinner(props) {
       xl: "size-3"
     };
     const dotSize = dotSizes[size];
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsxs(
       framerMotion.motion.span,
       {
         ref,
         role: "status",
         "data-slot": "spinner",
         "aria-label": ariaLabel,
-        className: chunkUOZYPWDZ_js.cn(rootClass, "gap-1"),
+        className: chunkZS5756ZC_js.cn(rootClass, "gap-1"),
         initial: false,
         ...rest,
-        children: [0, 1, 2].map((index) => /* @__PURE__ */ jsxRuntime.jsx(
-          framerMotion.motion.span,
-          {
-            className: chunkUOZYPWDZ_js.cn("rounded-full bg-current", dotSize),
-            animate: { y: [0, -5, 0], opacity: [0.45, 1, 0.45] },
-            transition: {
-              repeat: Infinity,
-              duration: 0.55,
-              ease: "easeInOut",
-              delay: index * 0.12
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: ariaLabel }),
+          [0, 1, 2].map((index) => /* @__PURE__ */ jsxRuntime.jsx(
+            framerMotion.motion.span,
+            {
+              className: chunkZS5756ZC_js.cn("rounded-full bg-current", dotSize),
+              animate: { y: [0, -5, 0], opacity: [0.45, 1, 0.45] },
+              transition: {
+                repeat: Infinity,
+                duration: 0.55,
+                ease: "easeInOut",
+                delay: index * 0.12
+              },
+              "aria-hidden": true
             },
-            "aria-hidden": true
-          },
-          index
-        ))
+            index
+          ))
+        ]
       }
     );
   }
   if (variant === "pulse") {
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsxs(
       framerMotion.motion.span,
       {
         ref,
         role: "status",
         "data-slot": "spinner",
         "aria-label": ariaLabel,
-        className: chunkUOZYPWDZ_js.cn(rootClass),
+        className: chunkZS5756ZC_js.cn(rootClass),
         initial: false,
         ...rest,
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          framerMotion.motion.span,
-          {
-            className: "block size-full rounded-full bg-current",
-            animate: { scale: [0.75, 1, 0.75], opacity: [0.45, 1, 0.45] },
-            transition: { repeat: Infinity, duration: 0.9, ease: "easeInOut" },
-            "aria-hidden": true
-          }
-        )
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: ariaLabel }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            framerMotion.motion.span,
+            {
+              className: "block size-full rounded-full bg-current",
+              animate: { scale: [0.75, 1, 0.75], opacity: [0.45, 1, 0.45] },
+              transition: { repeat: Infinity, duration: 0.9, ease: "easeInOut" },
+              "aria-hidden": true
+            }
+          )
+        ]
       }
     );
   }
@@ -158,31 +167,34 @@ function Spinner(props) {
     xl: "w-2"
   };
   const barWidth = barWidths[size];
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     framerMotion.motion.span,
     {
       ref,
       role: "status",
       "data-slot": "spinner",
       "aria-label": ariaLabel,
-      className: chunkUOZYPWDZ_js.cn(rootClass, "gap-1"),
+      className: chunkZS5756ZC_js.cn(rootClass, "gap-1"),
       initial: false,
       ...rest,
-      children: [0, 1, 2, 3].map((index) => /* @__PURE__ */ jsxRuntime.jsx(
-        framerMotion.motion.span,
-        {
-          className: chunkUOZYPWDZ_js.cn("h-full max-h-[70%] rounded-full bg-current", barWidth),
-          animate: { scaleY: [0.35, 1, 0.35] },
-          transition: {
-            repeat: Infinity,
-            duration: 0.65,
-            ease: "easeInOut",
-            delay: index * 0.1
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: ariaLabel }),
+        [0, 1, 2, 3].map((index) => /* @__PURE__ */ jsxRuntime.jsx(
+          framerMotion.motion.span,
+          {
+            className: chunkZS5756ZC_js.cn("h-full max-h-[70%] rounded-full bg-current", barWidth),
+            animate: { scaleY: [0.35, 1, 0.35] },
+            transition: {
+              repeat: Infinity,
+              duration: 0.65,
+              ease: "easeInOut",
+              delay: index * 0.1
+            },
+            "aria-hidden": true
           },
-          "aria-hidden": true
-        },
-        index
-      ))
+          index
+        ))
+      ]
     }
   );
 }

package/dist/ui/spinner/animated.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ui/spinner/animated/variants.ts","../../../src/ui/spinner/animated/spinner.tsx"],"names":["cva","cn","jsx","motion"],"mappings":"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","file":"animated.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nconst spinnerAppearances = {\n  default: \"text-slate-50\",\n  secondary: \"text-slate-300\",\n  destructive: \"text-rose-400\",\n  ghost: \"text-slate-300\",\n  emerald: \"text-emerald-400\",\n  indigo: \"text-indigo-400\",\n  purple: \"text-purple-400\",\n  pink: \"text-pink-400\",\n  rose: \"text-rose-400\",\n  sky: \"text-sky-400\",\n  teal: \"text-teal-400\",\n  yellow: \"text-yellow-400\",\n  orange: \"text-orange-400\",\n  \"gradient-blue\": \"text-blue-400\",\n  \"gradient-green\": \"text-green-400\",\n  \"gradient-red\": \"text-red-400\",\n  \"gradient-yellow\": \"text-yellow-400\",\n  \"gradient-purple\": \"text-purple-400\",\n  \"gradient-teal\": \"text-teal-400\",\n  \"gradient-indigo\": \"text-indigo-400\",\n  \"gradient-pink\": \"text-pink-400\",\n  \"gradient-orange\": \"text-orange-400\",\n} as const;\n\nexport const spinnerVariants = cva(\"inline-flex items-center justify-center\", {\n  variants: {\n    appearance: spinnerAppearances,\n    size: {\n      xs: \"size-3\",\n      sm: \"size-4\",\n      md: \"size-6\",\n      lg: \"size-8\",\n      xl: \"size-10\",\n    },\n    variant: {\n      ring: \"\",\n      dots: \"\",\n      pulse: \"\",\n      bars: \"\",\n    },\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    variant: \"ring\",\n  },\n});\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport type { SpinnerProps } from \"./types\";\nimport { spinnerVariants } from \"./variants\";\n\nexport function Spinner(props: SpinnerProps) {\n  const {\n    className,\n    appearance,\n    size,\n    variant = \"ring\",\n    ref,\n    \"aria-label\": ariaLabel = \"Loading\",\n    ...rest\n  } = props;\n  const rootClass = cn(\n    spinnerVariants({ appearance, size, variant }),\n    className,\n  );\n\n  if (variant === \"ring\") {\n    return (\n      <motion.span\n        ref={ref}\n        role=\"status\"\n        data-slot=\"spinner\"\n        aria-label={ariaLabel}\n        className={cn(rootClass, \"relative\")}\n        initial={false}\n        {...rest}\n      >\n        <motion.span\n          className=\"block size-full rounded-full border-2 border-current border-t-transparent\"\n          animate={{ rotate: 360 }}\n          transition={{ repeat: Infinity, ease: \"linear\", duration: 0.85 }}\n          aria-hidden\n        />\n      </motion.span>\n    );\n  }\n\n  if (variant === \"dots\") {\n    const dotSizes = {\n      xs: \"size-1\",\n      sm: \"size-1.5\",\n      md: \"size-2\",\n      lg: \"size-2.5\",\n      xl: \"size-3\",\n    };\n    const dotSize = dotSizes[size as keyof typeof dotSizes];\n    return (\n      <motion.span\n        ref={ref}\n        role=\"status\"\n        data-slot=\"spinner\"\n        aria-label={ariaLabel}\n        className={cn(rootClass, \"gap-1\")}\n        initial={false}\n        {...rest}\n      >\n        {[0, 1, 2].map((index) => (\n          <motion.span\n            key={index}\n            className={cn(\"rounded-full bg-current\", dotSize)}\n            animate={{ y: [0, -5, 0], opacity: [0.45, 1, 0.45] }}\n            transition={{\n              repeat: Infinity,\n              duration: 0.55,\n              ease: \"easeInOut\",\n              delay: index * 0.12,\n            }}\n            aria-hidden\n          />\n        ))}\n      </motion.span>\n    );\n  }\n\n  if (variant === \"pulse\") {\n    return (\n      <motion.span\n        ref={ref}\n        role=\"status\"\n        data-slot=\"spinner\"\n        aria-label={ariaLabel}\n        className={cn(rootClass)}\n        initial={false}\n        {...rest}\n      >\n        <motion.span\n          className=\"block size-full rounded-full bg-current\"\n          animate={{ scale: [0.75, 1, 0.75], opacity: [0.45, 1, 0.45] }}\n          transition={{ repeat: Infinity, duration: 0.9, ease: \"easeInOut\" }}\n          aria-hidden\n        />\n      </motion.span>\n    );\n  }\n\n  const barWidths = {\n    xs: \"w-0.5\",\n    sm: \"w-0.5\",\n    md: \"w-1\",\n    lg: \"w-1.5\",\n    xl: \"w-2\",\n  };\n\n  const barWidth =\n    barWidths[size as keyof typeof barWidths];\n    \n  return (\n    <motion.span\n      ref={ref}\n      role=\"status\"\n      data-slot=\"spinner\"\n      aria-label={ariaLabel}\n      className={cn(rootClass, \"gap-1\")}\n      initial={false}\n      {...rest}\n    >\n      {[0, 1, 2, 3].map((index) => (\n        <motion.span\n          key={index}\n          className={cn(\"h-full max-h-[70%] rounded-full bg-current\", barWidth)}\n          animate={{ scaleY: [0.35, 1, 0.35] }}\n          transition={{\n            repeat: Infinity,\n            duration: 0.65,\n            ease: \"easeInOut\",\n            delay: index * 0.1,\n          }}\n          aria-hidden\n        />\n      ))}\n    </motion.span>\n  );\n}\n\nSpinner.displayName = \"Spinner\";\n"]}
+{"version":3,"sources":["../../../src/ui/spinner/animated/variants.ts","../../../src/ui/spinner/animated/spinner.tsx"],"names":["cva","cn","jsxs","motion","jsx"],"mappings":"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","file":"animated.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nconst spinnerAppearances = {\n  default: \"text-slate-50\",\n  secondary: \"text-slate-300\",\n  destructive: \"text-rose-400\",\n  ghost: \"text-slate-300\",\n  emerald: \"text-emerald-400\",\n  indigo: \"text-indigo-400\",\n  purple: \"text-purple-400\",\n  pink: \"text-pink-400\",\n  rose: \"text-rose-400\",\n  sky: \"text-sky-400\",\n  teal: \"text-teal-400\",\n  yellow: \"text-yellow-400\",\n  orange: \"text-orange-400\",\n  \"gradient-blue\": \"text-blue-400\",\n  \"gradient-green\": \"text-green-400\",\n  \"gradient-red\": \"text-red-400\",\n  \"gradient-yellow\": \"text-yellow-400\",\n  \"gradient-purple\": \"text-purple-400\",\n  \"gradient-teal\": \"text-teal-400\",\n  \"gradient-indigo\": \"text-indigo-400\",\n  \"gradient-pink\": \"text-pink-400\",\n  \"gradient-orange\": \"text-orange-400\",\n} as const;\n\nexport const spinnerVariants = cva(\"inline-flex items-center justify-center\", {\n  variants: {\n    appearance: spinnerAppearances,\n    size: {\n      xs: \"size-3\",\n      sm: \"size-4\",\n      md: \"size-6\",\n      lg: \"size-8\",\n      xl: \"size-10\",\n    },\n    variant: {\n      ring: \"\",\n      dots: \"\",\n      pulse: \"\",\n      bars: \"\",\n    },\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    variant: \"ring\",\n  },\n});\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport type { SpinnerProps } from \"./types\";\nimport { spinnerVariants } from \"./variants\";\n\nexport function Spinner(props: SpinnerProps) {\n  const {\n    className,\n    appearance,\n    size,\n    variant = \"ring\",\n    ref,\n    \"aria-label\": ariaLabel = \"Loading\",\n    ...rest\n  } = props;\n  const rootClass = cn(\n    spinnerVariants({ appearance, size, variant }),\n    className,\n  );\n\n  if (variant === \"ring\") {\n    return (\n      <motion.span\n        ref={ref}\n        role=\"status\"\n        data-slot=\"spinner\"\n        aria-label={ariaLabel}\n        className={cn(rootClass, \"relative\")}\n        initial={false}\n        {...rest}\n      >\n        <span className=\"sr-only\">{ariaLabel}</span>\n        <motion.span\n          className=\"block size-full rounded-full border-2 border-current border-t-transparent\"\n          animate={{ rotate: 360 }}\n          transition={{ repeat: Infinity, ease: \"linear\", duration: 0.85 }}\n          aria-hidden\n        />\n      </motion.span>\n    );\n  }\n\n  if (variant === \"dots\") {\n    const dotSizes = {\n      xs: \"size-1\",\n      sm: \"size-1.5\",\n      md: \"size-2\",\n      lg: \"size-2.5\",\n      xl: \"size-3\",\n    };\n    const dotSize = dotSizes[size as keyof typeof dotSizes];\n    return (\n      <motion.span\n        ref={ref}\n        role=\"status\"\n        data-slot=\"spinner\"\n        aria-label={ariaLabel}\n        className={cn(rootClass, \"gap-1\")}\n        initial={false}\n        {...rest}\n      >\n        <span className=\"sr-only\">{ariaLabel}</span>\n        {[0, 1, 2].map((index) => (\n          <motion.span\n            key={index}\n            className={cn(\"rounded-full bg-current\", dotSize)}\n            animate={{ y: [0, -5, 0], opacity: [0.45, 1, 0.45] }}\n            transition={{\n              repeat: Infinity,\n              duration: 0.55,\n              ease: \"easeInOut\",\n              delay: index * 0.12,\n            }}\n            aria-hidden\n          />\n        ))}\n      </motion.span>\n    );\n  }\n\n  if (variant === \"pulse\") {\n    return (\n      <motion.span\n        ref={ref}\n        role=\"status\"\n        data-slot=\"spinner\"\n        aria-label={ariaLabel}\n        className={cn(rootClass)}\n        initial={false}\n        {...rest}\n      >\n        <span className=\"sr-only\">{ariaLabel}</span>\n        <motion.span\n          className=\"block size-full rounded-full bg-current\"\n          animate={{ scale: [0.75, 1, 0.75], opacity: [0.45, 1, 0.45] }}\n          transition={{ repeat: Infinity, duration: 0.9, ease: \"easeInOut\" }}\n          aria-hidden\n        />\n      </motion.span>\n    );\n  }\n\n  const barWidths = {\n    xs: \"w-0.5\",\n    sm: \"w-0.5\",\n    md: \"w-1\",\n    lg: \"w-1.5\",\n    xl: \"w-2\",\n  };\n\n  const barWidth = barWidths[size as keyof typeof barWidths];\n\n  return (\n    <motion.span\n      ref={ref}\n      role=\"status\"\n      data-slot=\"spinner\"\n      aria-label={ariaLabel}\n      className={cn(rootClass, \"gap-1\")}\n      initial={false}\n      {...rest}\n    >\n      <span className=\"sr-only\">{ariaLabel}</span>\n      {[0, 1, 2, 3].map((index) => (\n        <motion.span\n          key={index}\n          className={cn(\"h-full max-h-[70%] rounded-full bg-current\", barWidth)}\n          animate={{ scaleY: [0.35, 1, 0.35] }}\n          transition={{\n            repeat: Infinity,\n            duration: 0.65,\n            ease: \"easeInOut\",\n            delay: index * 0.1,\n          }}\n          aria-hidden\n        />\n      ))}\n    </motion.span>\n  );\n}\n\nSpinner.displayName = \"Spinner\";\n"]}

package/dist/ui/spinner/animated.mjs

@@ -1,8 +1,8 @@
 "use client";
-import { cn } from '../../chunk-DFEZH7TC.mjs';
+import { cn } from '../../chunk-4D54YOL6.mjs';
 import { motion } from 'framer-motion';
 import { cva } from 'class-variance-authority';
-import { jsx } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 var spinnerAppearances = {
   default: "text-slate-50",
@@ -66,7 +66,7 @@ function Spinner(props) {
     className
   );
   if (variant === "ring") {
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsxs(
       motion.span,
       {
         ref,
@@ -76,15 +76,18 @@ function Spinner(props) {
         className: cn(rootClass, "relative"),
         initial: false,
         ...rest,
-        children: /* @__PURE__ */ jsx(
-          motion.span,
-          {
-            className: "block size-full rounded-full border-2 border-current border-t-transparent",
-            animate: { rotate: 360 },
-            transition: { repeat: Infinity, ease: "linear", duration: 0.85 },
-            "aria-hidden": true
-          }
-        )
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: ariaLabel }),
+          /* @__PURE__ */ jsx(
+            motion.span,
+            {
+              className: "block size-full rounded-full border-2 border-current border-t-transparent",
+              animate: { rotate: 360 },
+              transition: { repeat: Infinity, ease: "linear", duration: 0.85 },
+              "aria-hidden": true
+            }
+          )
+        ]
       }
     );
   }
@@ -97,7 +100,7 @@ function Spinner(props) {
       xl: "size-3"
     };
     const dotSize = dotSizes[size];
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsxs(
       motion.span,
       {
         ref,
@@ -107,26 +110,29 @@ function Spinner(props) {
         className: cn(rootClass, "gap-1"),
         initial: false,
         ...rest,
-        children: [0, 1, 2].map((index) => /* @__PURE__ */ jsx(
-          motion.span,
-          {
-            className: cn("rounded-full bg-current", dotSize),
-            animate: { y: [0, -5, 0], opacity: [0.45, 1, 0.45] },
-            transition: {
-              repeat: Infinity,
-              duration: 0.55,
-              ease: "easeInOut",
-              delay: index * 0.12
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: ariaLabel }),
+          [0, 1, 2].map((index) => /* @__PURE__ */ jsx(
+            motion.span,
+            {
+              className: cn("rounded-full bg-current", dotSize),
+              animate: { y: [0, -5, 0], opacity: [0.45, 1, 0.45] },
+              transition: {
+                repeat: Infinity,
+                duration: 0.55,
+                ease: "easeInOut",
+                delay: index * 0.12
+              },
+              "aria-hidden": true
             },
-            "aria-hidden": true
-          },
-          index
-        ))
+            index
+          ))
+        ]
       }
     );
   }
   if (variant === "pulse") {
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsxs(
       motion.span,
       {
         ref,
@@ -136,15 +142,18 @@ function Spinner(props) {
         className: cn(rootClass),
         initial: false,
         ...rest,
-        children: /* @__PURE__ */ jsx(
-          motion.span,
-          {
-            className: "block size-full rounded-full bg-current",
-            animate: { scale: [0.75, 1, 0.75], opacity: [0.45, 1, 0.45] },
-            transition: { repeat: Infinity, duration: 0.9, ease: "easeInOut" },
-            "aria-hidden": true
-          }
-        )
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: ariaLabel }),
+          /* @__PURE__ */ jsx(
+            motion.span,
+            {
+              className: "block size-full rounded-full bg-current",
+              animate: { scale: [0.75, 1, 0.75], opacity: [0.45, 1, 0.45] },
+              transition: { repeat: Infinity, duration: 0.9, ease: "easeInOut" },
+              "aria-hidden": true
+            }
+          )
+        ]
       }
     );
   }
@@ -156,7 +165,7 @@ function Spinner(props) {
     xl: "w-2"
   };
   const barWidth = barWidths[size];
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(
     motion.span,
     {
       ref,
@@ -166,21 +175,24 @@ function Spinner(props) {
       className: cn(rootClass, "gap-1"),
       initial: false,
       ...rest,
-      children: [0, 1, 2, 3].map((index) => /* @__PURE__ */ jsx(
-        motion.span,
-        {
-          className: cn("h-full max-h-[70%] rounded-full bg-current", barWidth),
-          animate: { scaleY: [0.35, 1, 0.35] },
-          transition: {
-            repeat: Infinity,
-            duration: 0.65,
-            ease: "easeInOut",
-            delay: index * 0.1
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: ariaLabel }),
+        [0, 1, 2, 3].map((index) => /* @__PURE__ */ jsx(
+          motion.span,
+          {
+            className: cn("h-full max-h-[70%] rounded-full bg-current", barWidth),
+            animate: { scaleY: [0.35, 1, 0.35] },
+            transition: {
+              repeat: Infinity,
+              duration: 0.65,
+              ease: "easeInOut",
+              delay: index * 0.1
+            },
+            "aria-hidden": true
           },
-          "aria-hidden": true
-        },
-        index
-      ))
+          index
+        ))
+      ]
     }
   );
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ui/spinner/animated/variants.ts","../../../src/ui/spinner/animated/spinner.tsx"],"names":[],"mappings":"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","file":"animated.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nconst spinnerAppearances = {\n  default: \"text-slate-50\",\n  secondary: \"text-slate-300\",\n  destructive: \"text-rose-400\",\n  ghost: \"text-slate-300\",\n  emerald: \"text-emerald-400\",\n  indigo: \"text-indigo-400\",\n  purple: \"text-purple-400\",\n  pink: \"text-pink-400\",\n  rose: \"text-rose-400\",\n  sky: \"text-sky-400\",\n  teal: \"text-teal-400\",\n  yellow: \"text-yellow-400\",\n  orange: \"text-orange-400\",\n  \"gradient-blue\": \"text-blue-400\",\n  \"gradient-green\": \"text-green-400\",\n  \"gradient-red\": \"text-red-400\",\n  \"gradient-yellow\": \"text-yellow-400\",\n  \"gradient-purple\": \"text-purple-400\",\n  \"gradient-teal\": \"text-teal-400\",\n  \"gradient-indigo\": \"text-indigo-400\",\n  \"gradient-pink\": \"text-pink-400\",\n  \"gradient-orange\": \"text-orange-400\",\n} as const;\n\nexport const spinnerVariants = cva(\"inline-flex items-center justify-center\", {\n  variants: {\n    appearance: spinnerAppearances,\n    size: {\n      xs: \"size-3\",\n      sm: \"size-4\",\n      md: \"size-6\",\n      lg: \"size-8\",\n      xl: \"size-10\",\n    },\n    variant: {\n      ring: \"\",\n      dots: \"\",\n      pulse: \"\",\n      bars: \"\",\n    },\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    variant: \"ring\",\n  },\n});\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport type { SpinnerProps } from \"./types\";\nimport { spinnerVariants } from \"./variants\";\n\nexport function Spinner(props: SpinnerProps) {\n  const {\n    className,\n    appearance,\n    size,\n    variant = \"ring\",\n    ref,\n    \"aria-label\": ariaLabel = \"Loading\",\n    ...rest\n  } = props;\n  const rootClass = cn(\n    spinnerVariants({ appearance, size, variant }),\n    className,\n  );\n\n  if (variant === \"ring\") {\n    return (\n      <motion.span\n        ref={ref}\n        role=\"status\"\n        data-slot=\"spinner\"\n        aria-label={ariaLabel}\n        className={cn(rootClass, \"relative\")}\n        initial={false}\n        {...rest}\n      >\n        <motion.span\n          className=\"block size-full rounded-full border-2 border-current border-t-transparent\"\n          animate={{ rotate: 360 }}\n          transition={{ repeat: Infinity, ease: \"linear\", duration: 0.85 }}\n          aria-hidden\n        />\n      </motion.span>\n    );\n  }\n\n  if (variant === \"dots\") {\n    const dotSizes = {\n      xs: \"size-1\",\n      sm: \"size-1.5\",\n      md: \"size-2\",\n      lg: \"size-2.5\",\n      xl: \"size-3\",\n    };\n    const dotSize = dotSizes[size as keyof typeof dotSizes];\n    return (\n      <motion.span\n        ref={ref}\n        role=\"status\"\n        data-slot=\"spinner\"\n        aria-label={ariaLabel}\n        className={cn(rootClass, \"gap-1\")}\n        initial={false}\n        {...rest}\n      >\n        {[0, 1, 2].map((index) => (\n          <motion.span\n            key={index}\n            className={cn(\"rounded-full bg-current\", dotSize)}\n            animate={{ y: [0, -5, 0], opacity: [0.45, 1, 0.45] }}\n            transition={{\n              repeat: Infinity,\n              duration: 0.55,\n              ease: \"easeInOut\",\n              delay: index * 0.12,\n            }}\n            aria-hidden\n          />\n        ))}\n      </motion.span>\n    );\n  }\n\n  if (variant === \"pulse\") {\n    return (\n      <motion.span\n        ref={ref}\n        role=\"status\"\n        data-slot=\"spinner\"\n        aria-label={ariaLabel}\n        className={cn(rootClass)}\n        initial={false}\n        {...rest}\n      >\n        <motion.span\n          className=\"block size-full rounded-full bg-current\"\n          animate={{ scale: [0.75, 1, 0.75], opacity: [0.45, 1, 0.45] }}\n          transition={{ repeat: Infinity, duration: 0.9, ease: \"easeInOut\" }}\n          aria-hidden\n        />\n      </motion.span>\n    );\n  }\n\n  const barWidths = {\n    xs: \"w-0.5\",\n    sm: \"w-0.5\",\n    md: \"w-1\",\n    lg: \"w-1.5\",\n    xl: \"w-2\",\n  };\n\n  const barWidth =\n    barWidths[size as keyof typeof barWidths];\n    \n  return (\n    <motion.span\n      ref={ref}\n      role=\"status\"\n      data-slot=\"spinner\"\n      aria-label={ariaLabel}\n      className={cn(rootClass, \"gap-1\")}\n      initial={false}\n      {...rest}\n    >\n      {[0, 1, 2, 3].map((index) => (\n        <motion.span\n          key={index}\n          className={cn(\"h-full max-h-[70%] rounded-full bg-current\", barWidth)}\n          animate={{ scaleY: [0.35, 1, 0.35] }}\n          transition={{\n            repeat: Infinity,\n            duration: 0.65,\n            ease: \"easeInOut\",\n            delay: index * 0.1,\n          }}\n          aria-hidden\n        />\n      ))}\n    </motion.span>\n  );\n}\n\nSpinner.displayName = \"Spinner\";\n"]}
+{"version":3,"sources":["../../../src/ui/spinner/animated/variants.ts","../../../src/ui/spinner/animated/spinner.tsx"],"names":[],"mappings":"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","file":"animated.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nconst spinnerAppearances = {\n  default: \"text-slate-50\",\n  secondary: \"text-slate-300\",\n  destructive: \"text-rose-400\",\n  ghost: \"text-slate-300\",\n  emerald: \"text-emerald-400\",\n  indigo: \"text-indigo-400\",\n  purple: \"text-purple-400\",\n  pink: \"text-pink-400\",\n  rose: \"text-rose-400\",\n  sky: \"text-sky-400\",\n  teal: \"text-teal-400\",\n  yellow: \"text-yellow-400\",\n  orange: \"text-orange-400\",\n  \"gradient-blue\": \"text-blue-400\",\n  \"gradient-green\": \"text-green-400\",\n  \"gradient-red\": \"text-red-400\",\n  \"gradient-yellow\": \"text-yellow-400\",\n  \"gradient-purple\": \"text-purple-400\",\n  \"gradient-teal\": \"text-teal-400\",\n  \"gradient-indigo\": \"text-indigo-400\",\n  \"gradient-pink\": \"text-pink-400\",\n  \"gradient-orange\": \"text-orange-400\",\n} as const;\n\nexport const spinnerVariants = cva(\"inline-flex items-center justify-center\", {\n  variants: {\n    appearance: spinnerAppearances,\n    size: {\n      xs: \"size-3\",\n      sm: \"size-4\",\n      md: \"size-6\",\n      lg: \"size-8\",\n      xl: \"size-10\",\n    },\n    variant: {\n      ring: \"\",\n      dots: \"\",\n      pulse: \"\",\n      bars: \"\",\n    },\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    variant: \"ring\",\n  },\n});\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport type { SpinnerProps } from \"./types\";\nimport { spinnerVariants } from \"./variants\";\n\nexport function Spinner(props: SpinnerProps) {\n  const {\n    className,\n    appearance,\n    size,\n    variant = \"ring\",\n    ref,\n    \"aria-label\": ariaLabel = \"Loading\",\n    ...rest\n  } = props;\n  const rootClass = cn(\n    spinnerVariants({ appearance, size, variant }),\n    className,\n  );\n\n  if (variant === \"ring\") {\n    return (\n      <motion.span\n        ref={ref}\n        role=\"status\"\n        data-slot=\"spinner\"\n        aria-label={ariaLabel}\n        className={cn(rootClass, \"relative\")}\n        initial={false}\n        {...rest}\n      >\n        <span className=\"sr-only\">{ariaLabel}</span>\n        <motion.span\n          className=\"block size-full rounded-full border-2 border-current border-t-transparent\"\n          animate={{ rotate: 360 }}\n          transition={{ repeat: Infinity, ease: \"linear\", duration: 0.85 }}\n          aria-hidden\n        />\n      </motion.span>\n    );\n  }\n\n  if (variant === \"dots\") {\n    const dotSizes = {\n      xs: \"size-1\",\n      sm: \"size-1.5\",\n      md: \"size-2\",\n      lg: \"size-2.5\",\n      xl: \"size-3\",\n    };\n    const dotSize = dotSizes[size as keyof typeof dotSizes];\n    return (\n      <motion.span\n        ref={ref}\n        role=\"status\"\n        data-slot=\"spinner\"\n        aria-label={ariaLabel}\n        className={cn(rootClass, \"gap-1\")}\n        initial={false}\n        {...rest}\n      >\n        <span className=\"sr-only\">{ariaLabel}</span>\n        {[0, 1, 2].map((index) => (\n          <motion.span\n            key={index}\n            className={cn(\"rounded-full bg-current\", dotSize)}\n            animate={{ y: [0, -5, 0], opacity: [0.45, 1, 0.45] }}\n            transition={{\n              repeat: Infinity,\n              duration: 0.55,\n              ease: \"easeInOut\",\n              delay: index * 0.12,\n            }}\n            aria-hidden\n          />\n        ))}\n      </motion.span>\n    );\n  }\n\n  if (variant === \"pulse\") {\n    return (\n      <motion.span\n        ref={ref}\n        role=\"status\"\n        data-slot=\"spinner\"\n        aria-label={ariaLabel}\n        className={cn(rootClass)}\n        initial={false}\n        {...rest}\n      >\n        <span className=\"sr-only\">{ariaLabel}</span>\n        <motion.span\n          className=\"block size-full rounded-full bg-current\"\n          animate={{ scale: [0.75, 1, 0.75], opacity: [0.45, 1, 0.45] }}\n          transition={{ repeat: Infinity, duration: 0.9, ease: \"easeInOut\" }}\n          aria-hidden\n        />\n      </motion.span>\n    );\n  }\n\n  const barWidths = {\n    xs: \"w-0.5\",\n    sm: \"w-0.5\",\n    md: \"w-1\",\n    lg: \"w-1.5\",\n    xl: \"w-2\",\n  };\n\n  const barWidth = barWidths[size as keyof typeof barWidths];\n\n  return (\n    <motion.span\n      ref={ref}\n      role=\"status\"\n      data-slot=\"spinner\"\n      aria-label={ariaLabel}\n      className={cn(rootClass, \"gap-1\")}\n      initial={false}\n      {...rest}\n    >\n      <span className=\"sr-only\">{ariaLabel}</span>\n      {[0, 1, 2, 3].map((index) => (\n        <motion.span\n          key={index}\n          className={cn(\"h-full max-h-[70%] rounded-full bg-current\", barWidth)}\n          animate={{ scaleY: [0.35, 1, 0.35] }}\n          transition={{\n            repeat: Infinity,\n            duration: 0.65,\n            ease: \"easeInOut\",\n            delay: index * 0.1,\n          }}\n          aria-hidden\n        />\n      ))}\n    </motion.span>\n  );\n}\n\nSpinner.displayName = \"Spinner\";\n"]}

package/dist/ui/stepper/stepper.d.ts

@@ -1,14 +1,9 @@
-import { type Ref } from "react";
 import type { StepperDescriptionProps, StepperIndicatorProps, StepperItemProps, StepperProps, StepperTitleProps } from "./types";
-export declare function Stepper({ className, orientation, size, children, ref, ...rest }: StepperProps & {
-    ref?: Ref<HTMLDivElement>;
-}): import("react/jsx-runtime").JSX.Element;
+export declare function Stepper({ className, orientation, size, children, ref, ...rest }: StepperProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Stepper {
     var displayName: string;
 }
-export declare function StepperItem({ className, ref, children, ...rest }: StepperItemProps & {
-    ref?: React.Ref<HTMLDivElement>;
-}): import("react/jsx-runtime").JSX.Element;
+export declare function StepperItem({ className, ref, children, ...rest }: StepperItemProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace StepperItem {
     var displayName: string;
 }

package/dist/ui/stepper/stepper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../src/ui/stepper/stepper.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,GAAG,EACT,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAEV,uBAAuB,EACvB,qBAAqB,EACrB,gBAAgB,EAChB,YAAY,EACZ,iBAAiB,EAClB,MAAM,SAAS,CAAC;AA6BjB,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,WAA0B,EAC1B,IAAW,EACX,QAAQ,EACR,GAAG,EACH,GAAG,IAAI,EACR,EAAE,YAAY,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,2CA+B9C;yBAtCe,OAAO;;;AA0CvB,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,GAAG,EACH,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,gBAAgB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,2CAaxD;yBAlBe,WAAW;;;AAsB3B,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,GAAG,EACH,QAAQ,EACR,UAAU,EACV,GAAG,IAAI,EACR,EAAE,qBAAqB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,2CAa7D;yBAnBe,gBAAgB;;;AAuBhC,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,GAAG,EACH,GAAG,IAAI,EACR,EAAE,iBAAiB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,2CAYzD;yBAhBe,YAAY;;;AAoB5B,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,GAAG,EACH,GAAG,IAAI,EACR,EAAE,uBAAuB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAA;CAAE,2CASrE;yBAbe,kBAAkB"}
+{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../src/ui/stepper/stepper.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAEV,uBAAuB,EACvB,qBAAqB,EACrB,gBAAgB,EAChB,YAAY,EACZ,iBAAiB,EAClB,MAAM,SAAS,CAAC;AA2BjB,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,WAA0B,EAC1B,IAAW,EACX,QAAQ,EACR,GAAG,EACH,GAAG,IAAI,EACR,EAAE,YAAY,2CAkCd;yBAzCe,OAAO;;;AA6CvB,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,GAAG,EACH,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,gBAAgB,2CAYlB;yBAjBe,WAAW;;;AAqB3B,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,GAAG,EACH,QAAQ,EACR,UAAU,EACV,GAAG,IAAI,EACR,EAAE,qBAAqB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,2CAa7D;yBAnBe,gBAAgB;;;AAuBhC,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,GAAG,EACH,GAAG,IAAI,EACR,EAAE,iBAAiB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,2CASzD;yBAbe,YAAY;;;AAiB5B,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,GAAG,EACH,GAAG,IAAI,EACR,EAAE,uBAAuB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAA;CAAE,2CASrE;yBAbe,kBAAkB"}

package/dist/ui/stepper/types.d.ts

@@ -1,12 +1,12 @@
 import type { VariantProps } from "class-variance-authority";
-import type { ComponentPropsWithoutRef, ReactNode } from "react";
+import type { ComponentPropsWithoutRef, ComponentPropsWithRef, ReactNode } from "react";
 import type { stepperIndicatorVariants, stepperVariants } from "./variants";
 type StepperVariantProps = VariantProps<typeof stepperVariants>;
 export type StepperProps = StepperVariantProps & {
     size?: VariantProps<typeof stepperIndicatorVariants>["size"];
     children?: ReactNode;
-} & Omit<ComponentPropsWithoutRef<"div">, "children">;
-export type StepperItemProps = ComponentPropsWithoutRef<"div"> & {
+} & Omit<ComponentPropsWithRef<"ol">, "children">;
+export type StepperItemProps = ComponentPropsWithRef<"li"> & {
     children?: ReactNode;
 };
 export type StepperIndicatorProps = ComponentPropsWithoutRef<"div"> & {

package/dist/ui/stepper/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/stepper/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjE,OAAO,KAAK,EAAE,wBAAwB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE5E,KAAK,mBAAmB,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC;AAEhE,MAAM,MAAM,YAAY,GAAG,mBAAmB,GAAG;IAC/C,IAAI,CAAC,EAAE,YAAY,CAAC,OAAO,wBAAwB,CAAC,CAAC,MAAM,CAAC,CAAC;IAC7D,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAEtD,MAAM,MAAM,gBAAgB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAC/D,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACpE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,iBAAiB,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAEhE,MAAM,MAAM,uBAAuB,GAAG,wBAAwB,CAAC,GAAG,CAAC,CAAC;AAEpE,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,wBAAwB,CAAC,CAAC,YAAY,CAAC,CAAC;AAE5F,MAAM,MAAM,UAAU,GAAG;IACvB,WAAW,EAAE,WAAW,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC;IACtD,IAAI,EAAE,WAAW,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC;IACxC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/stepper/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,qBAAqB,EACrB,SAAS,EACV,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,wBAAwB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE5E,KAAK,mBAAmB,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC;AAEhE,MAAM,MAAM,YAAY,GAAG,mBAAmB,GAAG;IAC/C,IAAI,CAAC,EAAE,YAAY,CAAC,OAAO,wBAAwB,CAAC,CAAC,MAAM,CAAC,CAAC;IAC7D,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,CAAC;AAElD,MAAM,MAAM,gBAAgB,GAAG,qBAAqB,CAAC,IAAI,CAAC,GAAG;IAC3D,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACpE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,iBAAiB,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAEhE,MAAM,MAAM,uBAAuB,GAAG,wBAAwB,CAAC,GAAG,CAAC,CAAC;AAEpE,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAC1C,OAAO,wBAAwB,CAChC,CAAC,YAAY,CAAC,CAAC;AAEhB,MAAM,MAAM,UAAU,GAAG;IACvB,WAAW,EAAE,WAAW,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC;IACtD,IAAI,EAAE,WAAW,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC;IACxC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC"}

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

@@ -5,7 +5,7 @@ export declare const stepperItemVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const stepperIndicatorVariants: (props?: ({
-    appearance?: "emerald" | "indigo" | "purple" | "pink" | "rose" | "sky" | "teal" | "yellow" | "orange" | "gray" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "current" | "complete" | "upcoming" | null | undefined;
+    appearance?: "current" | "emerald" | "indigo" | "purple" | "pink" | "rose" | "sky" | "teal" | "yellow" | "orange" | "gray" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "complete" | "upcoming" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //# sourceMappingURL=variants.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/stepper/variants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;8EAU1B,CAAC;AAEH,eAAO,MAAM,mBAAmB;;8EAU9B,CAAC;AAEH,eAAO,MAAM,wBAAwB;;;8EA0CpC,CAAC"}
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/stepper/variants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;8EAU1B,CAAC;AAEH,eAAO,MAAM,mBAAmB;;8EAU9B,CAAC;AAEH,eAAO,MAAM,wBAAwB;;;8EAyDpC,CAAC"}

package/dist/ui/stepper.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkUOZYPWDZ_js = require('../chunk-UOZYPWDZ.js');
+var chunkZS5756ZC_js = require('../chunk-ZS5756ZC.js');
 var react = require('react');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
@@ -106,12 +106,15 @@ function Stepper({
     [items.length, orientation, size]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(StepperContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
+    "ol",
     {
       ref,
       "data-slot": "stepper",
-      role: "list",
-      className: chunkUOZYPWDZ_js.cn(stepperVariants({ orientation }), className),
+      className: chunkZS5756ZC_js.cn(
+        stepperVariants({ orientation }),
+        "m-0 list-none p-0",
+        className
+      ),
       ...rest,
       children: items.map((child, index) => /* @__PURE__ */ jsxRuntime.jsx(StepperIndexContext.Provider, { value: index, children: child }, index))
     }
@@ -126,12 +129,11 @@ function StepperItem({
 }) {
   const { orientation } = useStepper("StepperItem");
   return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
+    "li",
     {
       ref,
       "data-slot": "stepper-item",
-      role: "listitem",
-      className: chunkUOZYPWDZ_js.cn(stepperItemVariants({ orientation }), className),
+      className: chunkZS5756ZC_js.cn(stepperItemVariants({ orientation }), className),
       ...rest,
       children
     }
@@ -152,7 +154,7 @@ function StepperIndicator({
     {
       ref,
       "data-slot": "stepper-indicator",
-      className: chunkUOZYPWDZ_js.cn(stepperIndicatorVariants({ appearance, size }), className),
+      className: chunkZS5756ZC_js.cn(stepperIndicatorVariants({ appearance, size }), className),
       ...rest,
       children: children ?? index + 1
     }
@@ -169,10 +171,7 @@ function StepperTitle({
     {
       ref,
       "data-slot": "stepper-title",
-      className: chunkUOZYPWDZ_js.cn(
-        "mt-3 text-sm font-semibold",
-        className
-      ),
+      className: chunkZS5756ZC_js.cn("mt-3 text-sm font-semibold", className),
       ...rest
     }
   );
@@ -188,7 +187,7 @@ function StepperDescription({
     {
       ref,
       "data-slot": "stepper-description",
-      className: chunkUOZYPWDZ_js.cn("mt-1 text-xs text-slate-400", className),
+      className: chunkZS5756ZC_js.cn("mt-1 text-xs text-slate-400", className),
       ...rest
     }
   );