@zentauri-ui/zentauri-components 2.1.5 → 2.1.6

package/dist/ui/buttons/animated.js

@@ -1,33 +1,35 @@
 "use client";
 'use strict';
 
-var chunkD2GISTDL_js = require('../../chunk-D2GISTDL.js');
-require('../../chunk-NZSZE36T.js');
+var chunk3W2UUKWP_js = require('../../chunk-3W2UUKWP.js');
+require('../../chunk-VA6SB6NN.js');
 require('../../chunk-FBUY6K6S.js');
+require('../../chunk-NDF3HORF.js');
 require('../../chunk-USLNTKVQ.js');
 require('../../chunk-D7ATXPVI.js');
 require('../../chunk-IEHY6KNM.js');
 require('../../chunk-3MK7CWEX.js');
+require('../../chunk-UJXFD4SK.js');
 require('../../chunk-3EJCQXGV.js');
 require('../../chunk-6KVTKYTB.js');
 require('../../chunk-L7W4NRK6.js');
 require('../../chunk-KWBGLH7G.js');
 require('../../chunk-OH5VOGNW.js');
 require('../../chunk-Y7BU5RC4.js');
-require('../../chunk-NDF3HORF.js');
+require('../../chunk-SRSRY5K2.js');
 require('../../chunk-UG3GF2BD.js');
 require('../../chunk-BZTAA3MK.js');
 require('../../chunk-PZ25OHJE.js');
 require('../../chunk-HOOZYA4N.js');
 require('../../chunk-CJCOURVM.js');
 require('../../chunk-22FJROCI.js');
-require('../../chunk-UJXFD4SK.js');
+require('../../chunk-KJMW7S5X.js');
 require('../../chunk-3CYJQ6KF.js');
 require('../../chunk-3453DQNL.js');
 require('../../chunk-DYSXCJGL.js');
 require('../../chunk-A7MU6SFI.js');
 require('../../chunk-WGN2CBG6.js');
-require('../../chunk-SRSRY5K2.js');
+require('../../chunk-NYO3W5GY.js');
 require('../../chunk-HNRCPZCK.js');
 require('../../chunk-J2SUGU3X.js');
 require('../../chunk-J5NTJVKX.js');
@@ -35,14 +37,13 @@ require('../../chunk-UQQHB3OI.js');
 require('../../chunk-BBM4BKSN.js');
 require('../../chunk-Y5JAQEBF.js');
 require('../../chunk-7DVECOO7.js');
-require('../../chunk-KJMW7S5X.js');
 require('../../chunk-YPYPWALR.js');
 require('../../chunk-PP3L6M62.js');
 require('../../chunk-BJDT7P2I.js');
+require('../../chunk-PG7LQVU6.js');
 require('../../chunk-NFUOJMNI.js');
 require('../../chunk-UT6QG35L.js');
 require('../../chunk-IR5SJ7AQ.js');
-require('../../chunk-NYO3W5GY.js');
 var chunkZS5756ZC_js = require('../../chunk-ZS5756ZC.js');
 require('../../chunk-PZ5AY32C.js');
 var framerMotion = require('framer-motion');
@@ -102,7 +103,7 @@ var ButtonAnimated = (props) => {
         target,
         rel: target === "_blank" ? "noopener noreferrer" : void 0,
         "data-slot": "button",
-        className: chunkZS5756ZC_js.cn(chunkD2GISTDL_js.buttonVariants({ appearance: appearance2, size: size2 }), className2),
+        className: chunkZS5756ZC_js.cn(chunk3W2UUKWP_js.buttonVariants({ appearance: appearance2, size: size2 }), className2),
         initial: false,
         ...motionProps2,
         ...rest2,
@@ -127,7 +128,7 @@ var ButtonAnimated = (props) => {
       ref,
       type,
       "data-slot": "button",
-      className: chunkZS5756ZC_js.cn(chunkD2GISTDL_js.buttonVariants({ appearance, size }), className),
+      className: chunkZS5756ZC_js.cn(chunk3W2UUKWP_js.buttonVariants({ appearance, size }), className),
       initial: false,
       ...motionProps,
       ...rest,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ui/buttons/animated/animations.ts","../../../src/ui/buttons/animated/button-animated.tsx"],"names":["className","appearance","size","children","ref","animation","rest","motionProps","jsx","motion","cn","buttonVariants"],"mappings":"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","file":"animated.js","sourcesContent":["import type { AnimationPresets } from \"./types\";\n\nexport const buttonAnimationPresets: AnimationPresets = {\n  none: {},\n  lift: {\n    whileHover: { y: -2, scale: 1.02 },\n    whileTap: { y: 0, scale: 0.98 },\n    transition: { type: \"spring\", stiffness: 420, damping: 28 },\n  },\n  press: {\n    whileTap: { scale: 0.96 },\n    transition: { type: \"spring\", stiffness: 520, damping: 30 },\n  },\n  glow: {\n    whileHover: {\n      boxShadow:\n        \"0 0 0 1px rgba(255,255,255,0.25), 0 18px 42px rgba(15,23,42,0.35)\",\n      scale: 1.01,\n    },\n    whileTap: { scale: 0.98 },\n    transition: { duration: 0.2, ease: \"easeOut\" },\n  },\n  tilt: {\n    whileHover: { rotateX: 6, rotateY: -6, scale: 1.01 },\n    whileTap: { scale: 0.98, rotateX: 0, rotateY: 0 },\n    transition: { type: \"spring\", stiffness: 300, damping: 20 },\n    style: { transformStyle: \"preserve-3d\" },\n  },\n  bounce: {\n    whileHover: { y: -4, scale: 1.03 },\n    whileTap: { y: 0, scale: 0.97 },\n    transition: { type: \"spring\", bounce: 0.45, duration: 0.45 },\n  },\n};\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { buttonAnimationPresets } from \"./animations\";\nimport type { ButtonAnimatedProps } from \"./types\";\nimport { buttonVariants } from \"../variants\";\n\nexport const ButtonAnimated = (props: ButtonAnimatedProps) => {\n  if (props.as === \"link\") {\n    const {\n      className,\n      appearance,\n      size,\n      children,\n      ref,\n      href,\n      target,\n      animation = \"none\",\n      ...rest\n    } = props;\n    const motionProps = buttonAnimationPresets[animation];\n\n    return (\n      <motion.a\n        ref={ref}\n        href={href}\n        target={target}\n        rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n        data-slot=\"button\"\n        className={cn(buttonVariants({ appearance, size }), className)}\n        initial={false}\n        {...motionProps}\n        {...rest}\n      >\n        {children}\n      </motion.a>\n    );\n  }\n\n  const {\n    className,\n    appearance,\n    size,\n    type = \"button\",\n    children,\n    ref,\n    animation = \"none\",\n    ...rest\n  } = props;\n  const motionProps = buttonAnimationPresets[animation];\n\n  return (\n    <motion.button\n      ref={ref}\n      type={type}\n      data-slot=\"button\"\n      className={cn(buttonVariants({ appearance, size }), className)}\n      initial={false}\n      {...motionProps}\n      {...rest}\n    >\n      {children}\n    </motion.button>\n  );\n};\n\nButtonAnimated.displayName = \"ButtonAnimated\";\n"]}
+{"version":3,"sources":["../../../src/ui/buttons/animated/animations.ts","../../../src/ui/buttons/animated/button-animated.tsx"],"names":["className","appearance","size","children","ref","animation","rest","motionProps","jsx","motion","cn","buttonVariants"],"mappings":"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","file":"animated.js","sourcesContent":["import type { AnimationPresets } from \"./types\";\n\nexport const buttonAnimationPresets: AnimationPresets = {\n  none: {},\n  lift: {\n    whileHover: { y: -2, scale: 1.02 },\n    whileTap: { y: 0, scale: 0.98 },\n    transition: { type: \"spring\", stiffness: 420, damping: 28 },\n  },\n  press: {\n    whileTap: { scale: 0.96 },\n    transition: { type: \"spring\", stiffness: 520, damping: 30 },\n  },\n  glow: {\n    whileHover: {\n      boxShadow:\n        \"0 0 0 1px rgba(255,255,255,0.25), 0 18px 42px rgba(15,23,42,0.35)\",\n      scale: 1.01,\n    },\n    whileTap: { scale: 0.98 },\n    transition: { duration: 0.2, ease: \"easeOut\" },\n  },\n  tilt: {\n    whileHover: { rotateX: 6, rotateY: -6, scale: 1.01 },\n    whileTap: { scale: 0.98, rotateX: 0, rotateY: 0 },\n    transition: { type: \"spring\", stiffness: 300, damping: 20 },\n    style: { transformStyle: \"preserve-3d\" },\n  },\n  bounce: {\n    whileHover: { y: -4, scale: 1.03 },\n    whileTap: { y: 0, scale: 0.97 },\n    transition: { type: \"spring\", bounce: 0.45, duration: 0.45 },\n  },\n};\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { buttonAnimationPresets } from \"./animations\";\nimport type { ButtonAnimatedProps } from \"./types\";\nimport { buttonVariants } from \"../variants\";\n\nexport const ButtonAnimated = (props: ButtonAnimatedProps) => {\n  if (props.as === \"link\") {\n    const {\n      className,\n      appearance,\n      size,\n      children,\n      ref,\n      href,\n      target,\n      animation = \"none\",\n      ...rest\n    } = props;\n    const motionProps = buttonAnimationPresets[animation];\n\n    return (\n      <motion.a\n        ref={ref}\n        href={href}\n        target={target}\n        rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n        data-slot=\"button\"\n        className={cn(buttonVariants({ appearance, size }), className)}\n        initial={false}\n        {...motionProps}\n        {...rest}\n      >\n        {children}\n      </motion.a>\n    );\n  }\n\n  const {\n    className,\n    appearance,\n    size,\n    type = \"button\",\n    children,\n    ref,\n    animation = \"none\",\n    ...rest\n  } = props;\n  const motionProps = buttonAnimationPresets[animation];\n\n  return (\n    <motion.button\n      ref={ref}\n      type={type}\n      data-slot=\"button\"\n      className={cn(buttonVariants({ appearance, size }), className)}\n      initial={false}\n      {...motionProps}\n      {...rest}\n    >\n      {children}\n    </motion.button>\n  );\n};\n\nButtonAnimated.displayName = \"ButtonAnimated\";\n"]}

package/dist/ui/buttons/animated.mjs

@@ -1,31 +1,33 @@
 "use client";
-import { buttonVariants } from '../../chunk-PAG5CTLN.mjs';
-import '../../chunk-BL6UVCV7.mjs';
+import { buttonVariants } from '../../chunk-WWKAJHIV.mjs';
+import '../../chunk-A4IB3C23.mjs';
 import '../../chunk-2NQKFH26.mjs';
+import '../../chunk-ZBAKTM2R.mjs';
 import '../../chunk-4ZBMDWWY.mjs';
 import '../../chunk-YH6MOKHR.mjs';
 import '../../chunk-T4ZLTKV2.mjs';
 import '../../chunk-PUSCPBT2.mjs';
+import '../../chunk-3VW4HMJT.mjs';
 import '../../chunk-LRYKMXKI.mjs';
 import '../../chunk-XFJIX2YP.mjs';
 import '../../chunk-4WG3VNVL.mjs';
 import '../../chunk-YPTHTFVF.mjs';
 import '../../chunk-XY3TKIIH.mjs';
 import '../../chunk-FX5KR2GP.mjs';
-import '../../chunk-ZBAKTM2R.mjs';
+import '../../chunk-EJ3UMMCS.mjs';
 import '../../chunk-EE53BIXR.mjs';
 import '../../chunk-YXU2MJMT.mjs';
 import '../../chunk-3IE4IELX.mjs';
 import '../../chunk-BUEI4RMR.mjs';
 import '../../chunk-5AOVTY2X.mjs';
 import '../../chunk-523VQLCW.mjs';
-import '../../chunk-3VW4HMJT.mjs';
+import '../../chunk-SS3T3BUL.mjs';
 import '../../chunk-SCWQSQBJ.mjs';
 import '../../chunk-ZPGYR2UP.mjs';
 import '../../chunk-MBEQ4GQ7.mjs';
 import '../../chunk-34LHS26H.mjs';
 import '../../chunk-JEDMUBYI.mjs';
-import '../../chunk-EJ3UMMCS.mjs';
+import '../../chunk-YKTANA3H.mjs';
 import '../../chunk-ENYZGL4R.mjs';
 import '../../chunk-2VPXQ2LA.mjs';
 import '../../chunk-GUB3RSPR.mjs';
@@ -33,14 +35,13 @@ import '../../chunk-6ERBVFDA.mjs';
 import '../../chunk-DOA4ESKS.mjs';
 import '../../chunk-QX6PPTWL.mjs';
 import '../../chunk-U64ISRUX.mjs';
-import '../../chunk-SS3T3BUL.mjs';
 import '../../chunk-TKAOHMVA.mjs';
 import '../../chunk-HFQJRAG7.mjs';
 import '../../chunk-NIVJFG5Z.mjs';
+import '../../chunk-COCPCZMR.mjs';
 import '../../chunk-ZJWOSRAS.mjs';
 import '../../chunk-JOLSS7UY.mjs';
 import '../../chunk-NGZTAVQO.mjs';
-import '../../chunk-YKTANA3H.mjs';
 import { cn } from '../../chunk-4D54YOL6.mjs';
 import '../../chunk-J5LGTIGS.mjs';
 import { motion } from 'framer-motion';

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ui/buttons/animated/animations.ts","../../../src/ui/buttons/animated/button-animated.tsx"],"names":["className","appearance","size","children","ref","animation","rest","motionProps"],"mappings":"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","file":"animated.mjs","sourcesContent":["import type { AnimationPresets } from \"./types\";\n\nexport const buttonAnimationPresets: AnimationPresets = {\n  none: {},\n  lift: {\n    whileHover: { y: -2, scale: 1.02 },\n    whileTap: { y: 0, scale: 0.98 },\n    transition: { type: \"spring\", stiffness: 420, damping: 28 },\n  },\n  press: {\n    whileTap: { scale: 0.96 },\n    transition: { type: \"spring\", stiffness: 520, damping: 30 },\n  },\n  glow: {\n    whileHover: {\n      boxShadow:\n        \"0 0 0 1px rgba(255,255,255,0.25), 0 18px 42px rgba(15,23,42,0.35)\",\n      scale: 1.01,\n    },\n    whileTap: { scale: 0.98 },\n    transition: { duration: 0.2, ease: \"easeOut\" },\n  },\n  tilt: {\n    whileHover: { rotateX: 6, rotateY: -6, scale: 1.01 },\n    whileTap: { scale: 0.98, rotateX: 0, rotateY: 0 },\n    transition: { type: \"spring\", stiffness: 300, damping: 20 },\n    style: { transformStyle: \"preserve-3d\" },\n  },\n  bounce: {\n    whileHover: { y: -4, scale: 1.03 },\n    whileTap: { y: 0, scale: 0.97 },\n    transition: { type: \"spring\", bounce: 0.45, duration: 0.45 },\n  },\n};\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { buttonAnimationPresets } from \"./animations\";\nimport type { ButtonAnimatedProps } from \"./types\";\nimport { buttonVariants } from \"../variants\";\n\nexport const ButtonAnimated = (props: ButtonAnimatedProps) => {\n  if (props.as === \"link\") {\n    const {\n      className,\n      appearance,\n      size,\n      children,\n      ref,\n      href,\n      target,\n      animation = \"none\",\n      ...rest\n    } = props;\n    const motionProps = buttonAnimationPresets[animation];\n\n    return (\n      <motion.a\n        ref={ref}\n        href={href}\n        target={target}\n        rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n        data-slot=\"button\"\n        className={cn(buttonVariants({ appearance, size }), className)}\n        initial={false}\n        {...motionProps}\n        {...rest}\n      >\n        {children}\n      </motion.a>\n    );\n  }\n\n  const {\n    className,\n    appearance,\n    size,\n    type = \"button\",\n    children,\n    ref,\n    animation = \"none\",\n    ...rest\n  } = props;\n  const motionProps = buttonAnimationPresets[animation];\n\n  return (\n    <motion.button\n      ref={ref}\n      type={type}\n      data-slot=\"button\"\n      className={cn(buttonVariants({ appearance, size }), className)}\n      initial={false}\n      {...motionProps}\n      {...rest}\n    >\n      {children}\n    </motion.button>\n  );\n};\n\nButtonAnimated.displayName = \"ButtonAnimated\";\n"]}
+{"version":3,"sources":["../../../src/ui/buttons/animated/animations.ts","../../../src/ui/buttons/animated/button-animated.tsx"],"names":["className","appearance","size","children","ref","animation","rest","motionProps"],"mappings":"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","file":"animated.mjs","sourcesContent":["import type { AnimationPresets } from \"./types\";\n\nexport const buttonAnimationPresets: AnimationPresets = {\n  none: {},\n  lift: {\n    whileHover: { y: -2, scale: 1.02 },\n    whileTap: { y: 0, scale: 0.98 },\n    transition: { type: \"spring\", stiffness: 420, damping: 28 },\n  },\n  press: {\n    whileTap: { scale: 0.96 },\n    transition: { type: \"spring\", stiffness: 520, damping: 30 },\n  },\n  glow: {\n    whileHover: {\n      boxShadow:\n        \"0 0 0 1px rgba(255,255,255,0.25), 0 18px 42px rgba(15,23,42,0.35)\",\n      scale: 1.01,\n    },\n    whileTap: { scale: 0.98 },\n    transition: { duration: 0.2, ease: \"easeOut\" },\n  },\n  tilt: {\n    whileHover: { rotateX: 6, rotateY: -6, scale: 1.01 },\n    whileTap: { scale: 0.98, rotateX: 0, rotateY: 0 },\n    transition: { type: \"spring\", stiffness: 300, damping: 20 },\n    style: { transformStyle: \"preserve-3d\" },\n  },\n  bounce: {\n    whileHover: { y: -4, scale: 1.03 },\n    whileTap: { y: 0, scale: 0.97 },\n    transition: { type: \"spring\", bounce: 0.45, duration: 0.45 },\n  },\n};\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { buttonAnimationPresets } from \"./animations\";\nimport type { ButtonAnimatedProps } from \"./types\";\nimport { buttonVariants } from \"../variants\";\n\nexport const ButtonAnimated = (props: ButtonAnimatedProps) => {\n  if (props.as === \"link\") {\n    const {\n      className,\n      appearance,\n      size,\n      children,\n      ref,\n      href,\n      target,\n      animation = \"none\",\n      ...rest\n    } = props;\n    const motionProps = buttonAnimationPresets[animation];\n\n    return (\n      <motion.a\n        ref={ref}\n        href={href}\n        target={target}\n        rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n        data-slot=\"button\"\n        className={cn(buttonVariants({ appearance, size }), className)}\n        initial={false}\n        {...motionProps}\n        {...rest}\n      >\n        {children}\n      </motion.a>\n    );\n  }\n\n  const {\n    className,\n    appearance,\n    size,\n    type = \"button\",\n    children,\n    ref,\n    animation = \"none\",\n    ...rest\n  } = props;\n  const motionProps = buttonAnimationPresets[animation];\n\n  return (\n    <motion.button\n      ref={ref}\n      type={type}\n      data-slot=\"button\"\n      className={cn(buttonVariants({ appearance, size }), className)}\n      initial={false}\n      {...motionProps}\n      {...rest}\n    >\n      {children}\n    </motion.button>\n  );\n};\n\nButtonAnimated.displayName = \"ButtonAnimated\";\n"]}

package/dist/ui/buttons.js

@@ -1,34 +1,36 @@
 "use client";
 'use strict';
 
-var chunkRENXBUZY_js = require('../chunk-RENXBUZY.js');
-var chunkD2GISTDL_js = require('../chunk-D2GISTDL.js');
-require('../chunk-NZSZE36T.js');
+var chunkQE7OJW4J_js = require('../chunk-QE7OJW4J.js');
+var chunk3W2UUKWP_js = require('../chunk-3W2UUKWP.js');
+require('../chunk-VA6SB6NN.js');
 require('../chunk-FBUY6K6S.js');
+require('../chunk-NDF3HORF.js');
 require('../chunk-USLNTKVQ.js');
 require('../chunk-D7ATXPVI.js');
 require('../chunk-IEHY6KNM.js');
 require('../chunk-3MK7CWEX.js');
+require('../chunk-UJXFD4SK.js');
 require('../chunk-3EJCQXGV.js');
 require('../chunk-6KVTKYTB.js');
 require('../chunk-L7W4NRK6.js');
 require('../chunk-KWBGLH7G.js');
 require('../chunk-OH5VOGNW.js');
 require('../chunk-Y7BU5RC4.js');
-require('../chunk-NDF3HORF.js');
+require('../chunk-SRSRY5K2.js');
 require('../chunk-UG3GF2BD.js');
 require('../chunk-BZTAA3MK.js');
 require('../chunk-PZ25OHJE.js');
 require('../chunk-HOOZYA4N.js');
 require('../chunk-CJCOURVM.js');
 require('../chunk-22FJROCI.js');
-require('../chunk-UJXFD4SK.js');
+require('../chunk-KJMW7S5X.js');
 require('../chunk-3CYJQ6KF.js');
 require('../chunk-3453DQNL.js');
 require('../chunk-DYSXCJGL.js');
 require('../chunk-A7MU6SFI.js');
 require('../chunk-WGN2CBG6.js');
-require('../chunk-SRSRY5K2.js');
+require('../chunk-NYO3W5GY.js');
 require('../chunk-HNRCPZCK.js');
 require('../chunk-J2SUGU3X.js');
 require('../chunk-J5NTJVKX.js');
@@ -36,14 +38,13 @@ require('../chunk-UQQHB3OI.js');
 require('../chunk-BBM4BKSN.js');
 require('../chunk-Y5JAQEBF.js');
 require('../chunk-7DVECOO7.js');
-require('../chunk-KJMW7S5X.js');
 require('../chunk-YPYPWALR.js');
 require('../chunk-PP3L6M62.js');
 require('../chunk-BJDT7P2I.js');
+require('../chunk-PG7LQVU6.js');
 require('../chunk-NFUOJMNI.js');
 require('../chunk-UT6QG35L.js');
 require('../chunk-IR5SJ7AQ.js');
-require('../chunk-NYO3W5GY.js');
 require('../chunk-ZS5756ZC.js');
 require('../chunk-PZ5AY32C.js');
 
@@ -51,11 +52,11 @@ require('../chunk-PZ5AY32C.js');
 
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function () { return chunkRENXBUZY_js.Button; }
+  get: function () { return chunkQE7OJW4J_js.Button; }
 });
 Object.defineProperty(exports, "buttonVariants", {
   enumerable: true,
-  get: function () { return chunkD2GISTDL_js.buttonVariants; }
+  get: function () { return chunk3W2UUKWP_js.buttonVariants; }
 });
 //# sourceMappingURL=buttons.js.map
 //# sourceMappingURL=buttons.js.map

package/dist/ui/buttons.mjs

@@ -1,32 +1,34 @@
 "use client";
-export { Button } from '../chunk-WBZKMSXW.mjs';
-export { buttonVariants } from '../chunk-PAG5CTLN.mjs';
-import '../chunk-BL6UVCV7.mjs';
+export { Button } from '../chunk-CHI6MBTI.mjs';
+export { buttonVariants } from '../chunk-WWKAJHIV.mjs';
+import '../chunk-A4IB3C23.mjs';
 import '../chunk-2NQKFH26.mjs';
+import '../chunk-ZBAKTM2R.mjs';
 import '../chunk-4ZBMDWWY.mjs';
 import '../chunk-YH6MOKHR.mjs';
 import '../chunk-T4ZLTKV2.mjs';
 import '../chunk-PUSCPBT2.mjs';
+import '../chunk-3VW4HMJT.mjs';
 import '../chunk-LRYKMXKI.mjs';
 import '../chunk-XFJIX2YP.mjs';
 import '../chunk-4WG3VNVL.mjs';
 import '../chunk-YPTHTFVF.mjs';
 import '../chunk-XY3TKIIH.mjs';
 import '../chunk-FX5KR2GP.mjs';
-import '../chunk-ZBAKTM2R.mjs';
+import '../chunk-EJ3UMMCS.mjs';
 import '../chunk-EE53BIXR.mjs';
 import '../chunk-YXU2MJMT.mjs';
 import '../chunk-3IE4IELX.mjs';
 import '../chunk-BUEI4RMR.mjs';
 import '../chunk-5AOVTY2X.mjs';
 import '../chunk-523VQLCW.mjs';
-import '../chunk-3VW4HMJT.mjs';
+import '../chunk-SS3T3BUL.mjs';
 import '../chunk-SCWQSQBJ.mjs';
 import '../chunk-ZPGYR2UP.mjs';
 import '../chunk-MBEQ4GQ7.mjs';
 import '../chunk-34LHS26H.mjs';
 import '../chunk-JEDMUBYI.mjs';
-import '../chunk-EJ3UMMCS.mjs';
+import '../chunk-YKTANA3H.mjs';
 import '../chunk-ENYZGL4R.mjs';
 import '../chunk-2VPXQ2LA.mjs';
 import '../chunk-GUB3RSPR.mjs';
@@ -34,14 +36,13 @@ import '../chunk-6ERBVFDA.mjs';
 import '../chunk-DOA4ESKS.mjs';
 import '../chunk-QX6PPTWL.mjs';
 import '../chunk-U64ISRUX.mjs';
-import '../chunk-SS3T3BUL.mjs';
 import '../chunk-TKAOHMVA.mjs';
 import '../chunk-HFQJRAG7.mjs';
 import '../chunk-NIVJFG5Z.mjs';
+import '../chunk-COCPCZMR.mjs';
 import '../chunk-ZJWOSRAS.mjs';
 import '../chunk-JOLSS7UY.mjs';
 import '../chunk-NGZTAVQO.mjs';
-import '../chunk-YKTANA3H.mjs';
 import '../chunk-4D54YOL6.mjs';
 import '../chunk-J5LGTIGS.mjs';
 //# sourceMappingURL=buttons.mjs.map

package/dist/ui/dynamic-stepper.js

@@ -3,34 +3,36 @@
 
 var chunkVMCOX3Z2_js = require('../chunk-VMCOX3Z2.js');
 require('../chunk-HPN7H5ZM.js');
-var chunkRENXBUZY_js = require('../chunk-RENXBUZY.js');
-require('../chunk-D2GISTDL.js');
-var chunkNZSZE36T_js = require('../chunk-NZSZE36T.js');
+var chunkQE7OJW4J_js = require('../chunk-QE7OJW4J.js');
+require('../chunk-3W2UUKWP.js');
+var chunkVA6SB6NN_js = require('../chunk-VA6SB6NN.js');
 require('../chunk-FBUY6K6S.js');
+require('../chunk-NDF3HORF.js');
 require('../chunk-USLNTKVQ.js');
 require('../chunk-D7ATXPVI.js');
 require('../chunk-IEHY6KNM.js');
 require('../chunk-3MK7CWEX.js');
+require('../chunk-UJXFD4SK.js');
 require('../chunk-3EJCQXGV.js');
 require('../chunk-6KVTKYTB.js');
 require('../chunk-L7W4NRK6.js');
 require('../chunk-KWBGLH7G.js');
 require('../chunk-OH5VOGNW.js');
 require('../chunk-Y7BU5RC4.js');
-require('../chunk-NDF3HORF.js');
+require('../chunk-SRSRY5K2.js');
 require('../chunk-UG3GF2BD.js');
 require('../chunk-BZTAA3MK.js');
 require('../chunk-PZ25OHJE.js');
 require('../chunk-HOOZYA4N.js');
 require('../chunk-CJCOURVM.js');
 require('../chunk-22FJROCI.js');
-require('../chunk-UJXFD4SK.js');
+require('../chunk-KJMW7S5X.js');
 require('../chunk-3CYJQ6KF.js');
 require('../chunk-3453DQNL.js');
 require('../chunk-DYSXCJGL.js');
 require('../chunk-A7MU6SFI.js');
 require('../chunk-WGN2CBG6.js');
-require('../chunk-SRSRY5K2.js');
+require('../chunk-NYO3W5GY.js');
 require('../chunk-HNRCPZCK.js');
 require('../chunk-J2SUGU3X.js');
 require('../chunk-J5NTJVKX.js');
@@ -38,14 +40,13 @@ require('../chunk-UQQHB3OI.js');
 require('../chunk-BBM4BKSN.js');
 require('../chunk-Y5JAQEBF.js');
 require('../chunk-7DVECOO7.js');
-require('../chunk-KJMW7S5X.js');
 require('../chunk-YPYPWALR.js');
 require('../chunk-PP3L6M62.js');
 require('../chunk-BJDT7P2I.js');
+require('../chunk-PG7LQVU6.js');
 require('../chunk-NFUOJMNI.js');
 require('../chunk-UT6QG35L.js');
 require('../chunk-IR5SJ7AQ.js');
-require('../chunk-NYO3W5GY.js');
 var chunkZS5756ZC_js = require('../chunk-ZS5756ZC.js');
 require('../chunk-PZ5AY32C.js');
 var react = require('react');
@@ -53,37 +54,37 @@ var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 
 function dynamicStepperIndicatorToneClass(state, tone) {
-  return chunkNZSZE36T_js.zuiDynamicStepperIndicatorToneClasses[tone][state];
+  return chunkVA6SB6NN_js.zuiDynamicStepperIndicatorToneClasses[tone][state];
 }
-var dynamicStepperRootVariants = classVarianceAuthority.cva(chunkNZSZE36T_js.zuiDynamicStepperRootBase, {
+var dynamicStepperRootVariants = classVarianceAuthority.cva(chunkVA6SB6NN_js.zuiDynamicStepperRootBase, {
   variants: {
-    orientation: chunkNZSZE36T_js.zuiDynamicStepperRootOrientations
+    orientation: chunkVA6SB6NN_js.zuiDynamicStepperRootOrientations
   },
   defaultVariants: {
     orientation: "horizontal"
   }
 });
-var dynamicStepperMapperVariants = classVarianceAuthority.cva(chunkNZSZE36T_js.zuiDynamicStepperMapperBase, {
+var dynamicStepperMapperVariants = classVarianceAuthority.cva(chunkVA6SB6NN_js.zuiDynamicStepperMapperBase, {
   variants: {
-    orientation: chunkNZSZE36T_js.zuiDynamicStepperMapperOrientations
+    orientation: chunkVA6SB6NN_js.zuiDynamicStepperMapperOrientations
   },
   defaultVariants: {
     orientation: "horizontal"
   }
 });
-var dynamicStepperItemVariants = classVarianceAuthority.cva(chunkNZSZE36T_js.zuiDynamicStepperItemBase, {
+var dynamicStepperItemVariants = classVarianceAuthority.cva(chunkVA6SB6NN_js.zuiDynamicStepperItemBase, {
   variants: {
-    orientation: chunkNZSZE36T_js.zuiDynamicStepperItemOrientations
+    orientation: chunkVA6SB6NN_js.zuiDynamicStepperItemOrientations
   },
   defaultVariants: {
     orientation: "horizontal"
   }
 });
 var dynamicStepperIndicatorVariants = classVarianceAuthority.cva(
-  chunkNZSZE36T_js.zuiDynamicStepperIndicatorBase,
+  chunkVA6SB6NN_js.zuiDynamicStepperIndicatorBase,
   {
     variants: {
-      size: chunkNZSZE36T_js.zuiDynamicStepperIndicatorSizes
+      size: chunkVA6SB6NN_js.zuiDynamicStepperIndicatorSizes
     },
     defaultVariants: {
       size: "md"
@@ -136,7 +137,7 @@ var DynamicStepper = ({
       ...rest,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkRENXBUZY_js.Button,
+          chunkQE7OJW4J_js.Button,
           {
             id: previousId,
             "data-slot": "dynamic-stepper-previous",
@@ -215,7 +216,7 @@ var DynamicStepper = ({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkRENXBUZY_js.Button,
+          chunkQE7OJW4J_js.Button,
           {
             id: nextId,
             "data-slot": "dynamic-stepper-next",

package/dist/ui/dynamic-stepper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/dynamic-stepper/variants.ts","../../src/ui/dynamic-stepper/dynamic-stepper.tsx"],"names":["zuiDynamicStepperIndicatorToneClasses","cva","zuiDynamicStepperRootBase","zuiDynamicStepperRootOrientations","zuiDynamicStepperMapperBase","zuiDynamicStepperMapperOrientations","zuiDynamicStepperItemBase","zuiDynamicStepperItemOrientations","zuiDynamicStepperIndicatorBase","zuiDynamicStepperIndicatorSizes","useId","useDynamicStepper","jsxs","cn","jsx","Button"],"mappings":"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","file":"dynamic-stepper.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiDynamicStepperIndicatorBase,\n  zuiDynamicStepperIndicatorSizes,\n  zuiDynamicStepperIndicatorToneClasses,\n  zuiDynamicStepperItemBase,\n  zuiDynamicStepperItemOrientations,\n  zuiDynamicStepperMapperBase,\n  zuiDynamicStepperMapperOrientations,\n  zuiDynamicStepperRootBase,\n  zuiDynamicStepperRootOrientations,\n  type ZuiDynamicStepperIndicatorSemanticState,\n  type ZuiDynamicStepperIndicatorToneAppearance,\n} from \"../../design-system/dynamic-stepper\";\n\nexport type DynamicStepperIndicatorToneAppearance =\n  ZuiDynamicStepperIndicatorToneAppearance;\n\nexport type DynamicStepperIndicatorSemanticState =\n  ZuiDynamicStepperIndicatorSemanticState;\n\nexport function dynamicStepperIndicatorToneClass(\n  state: DynamicStepperIndicatorSemanticState,\n  tone: DynamicStepperIndicatorToneAppearance,\n) {\n  return zuiDynamicStepperIndicatorToneClasses[tone][state];\n}\n\nexport const dynamicStepperRootVariants = cva(zuiDynamicStepperRootBase, {\n  variants: {\n    orientation: zuiDynamicStepperRootOrientations,\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\nexport const dynamicStepperMapperVariants = cva(zuiDynamicStepperMapperBase, {\n  variants: {\n    orientation: zuiDynamicStepperMapperOrientations,\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\nexport const dynamicStepperItemVariants = cva(zuiDynamicStepperItemBase, {\n  variants: {\n    orientation: zuiDynamicStepperItemOrientations,\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\nexport const dynamicStepperIndicatorVariants = cva(\n  zuiDynamicStepperIndicatorBase,\n  {\n    variants: {\n      size: zuiDynamicStepperIndicatorSizes,\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n","\"use client\";\n\nimport { useId } from \"react\";\n\nimport { useDynamicStepper } from \"../../hooks/useDynamicStepper/useDynamicStepper\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../buttons/button\";\n\nimport type { DynamicStepperProps } from \"./types\";\nimport {\n  dynamicStepperIndicatorToneClass,\n  dynamicStepperIndicatorVariants,\n  dynamicStepperItemVariants,\n  dynamicStepperMapperVariants,\n  dynamicStepperRootVariants,\n} from \"./variants\";\n\nexport const DynamicStepper = ({\n  steps,\n  orientation = \"horizontal\",\n  buttonAppearance = \"outline\",\n  buttonSize = \"md\",\n  indicatorSize = \"md\",\n  indicatorCompleteAppearance = \"emerald\",\n  indicatorCurrentAppearance = \"violet\",\n  indicatorUpcomingAppearance = \"outline\",\n  activeStep: activeStepProp,\n  defaultActiveStep,\n  onActiveStepChange,\n  onPrevious,\n  onNext,\n  prevLabel = \"Previous\",\n  nextLabel = \"Next\",\n  className,\n  ref,\n  ...rest\n}: DynamicStepperProps) => {\n  const baseId = useId();\n  const previousId = `${baseId}-previous`;\n  const nextId = `${baseId}-next`;\n  const mapperId = `${baseId}-mapper`;\n\n  const { activeStep, goPrevious, goNext, canGoPrevious, canGoNext } =\n    useDynamicStepper({\n      stepCount: steps.length,\n      activeStep: activeStepProp,\n      defaultActiveStep,\n      onActiveStepChange,\n      onPrevious,\n      onNext,\n    });\n\n  if (steps.length === 0) {\n    return null;\n  }\n\n  const itemOrientation =\n    orientation === \"vertical\" ? \"vertical\" : \"horizontal\";\n\n  return (\n    <div\n      ref={ref}\n      role=\"navigation\"\n      data-slot=\"dynamic-stepper\"\n      className={cn(dynamicStepperRootVariants({ orientation }), className)}\n      {...rest}\n    >\n      <Button\n        id={previousId}\n        data-slot=\"dynamic-stepper-previous\"\n        type=\"button\"\n        appearance={buttonAppearance}\n        size={buttonSize}\n        disabled={!canGoPrevious}\n        onClick={goPrevious}\n        className={\n          orientation === \"vertical\" ? \"shrink-0 self-start\" : \"shrink-0\"\n        }\n      >\n        {prevLabel}\n      </Button>\n\n      <ol\n        id={mapperId}\n        aria-label=\"Steps\"\n        data-slot=\"dynamic-stepper-mapper\"\n        className={dynamicStepperMapperVariants({ orientation })}\n      >\n        {steps.map((step, index) => {\n          const key = step.id ?? `dynamic-stepper-step-${index}`;\n          const isCurrent = index === activeStep;\n          const semanticState =\n            index < activeStep\n              ? \"complete\"\n              : isCurrent\n                ? \"current\"\n                : \"upcoming\";\n          const indicatorTone =\n            semanticState === \"complete\"\n              ? indicatorCompleteAppearance\n              : semanticState === \"current\"\n                ? indicatorCurrentAppearance\n                : indicatorUpcomingAppearance;\n\n          const isVertical = orientation === \"vertical\";\n\n          return (\n            <li\n              key={key}\n              data-slot=\"dynamic-stepper-item\"\n              aria-current={isCurrent ? \"step\" : undefined}\n              className={dynamicStepperItemVariants({\n                orientation: itemOrientation,\n              })}\n            >\n              <div\n                data-slot=\"dynamic-stepper-indicator\"\n                className={cn(\n                  dynamicStepperIndicatorVariants({ size: indicatorSize }),\n                  dynamicStepperIndicatorToneClass(\n                    semanticState,\n                    indicatorTone,\n                  ),\n                )}\n              >\n                {step.indicator ?? index + 1}\n              </div>\n              <div\n                className={cn(\n                  \"min-w-0\",\n                  !isVertical && \"flex flex-col items-center\",\n                )}\n              >\n                {step.title != null && (\n                  <div\n                    className={cn(\n                      \"text-sm font-semibold dark:text-white text-slate-900\",\n                      !isVertical && \"mt-3\",\n                    )}\n                  >\n                    {step.title}\n                  </div>\n                )}\n                {step.description != null && (\n                  <p className=\"mt-1 text-xs text-slate-900 dark:text-slate-400\">\n                    {step.description}\n                  </p>\n                )}\n              </div>\n            </li>\n          );\n        })}\n      </ol>\n\n      <Button\n        id={nextId}\n        data-slot=\"dynamic-stepper-next\"\n        type=\"button\"\n        appearance={buttonAppearance}\n        size={buttonSize}\n        disabled={!canGoNext}\n        onClick={goNext}\n        className={\n          orientation === \"vertical\" ? \"shrink-0 self-start\" : \"shrink-0\"\n        }\n      >\n        {nextLabel}\n      </Button>\n    </div>\n  );\n};\n\nDynamicStepper.displayName = \"DynamicStepper\";\n"]}
+{"version":3,"sources":["../../src/ui/dynamic-stepper/variants.ts","../../src/ui/dynamic-stepper/dynamic-stepper.tsx"],"names":["zuiDynamicStepperIndicatorToneClasses","cva","zuiDynamicStepperRootBase","zuiDynamicStepperRootOrientations","zuiDynamicStepperMapperBase","zuiDynamicStepperMapperOrientations","zuiDynamicStepperItemBase","zuiDynamicStepperItemOrientations","zuiDynamicStepperIndicatorBase","zuiDynamicStepperIndicatorSizes","useId","useDynamicStepper","jsxs","cn","jsx","Button"],"mappings":"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","file":"dynamic-stepper.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiDynamicStepperIndicatorBase,\n  zuiDynamicStepperIndicatorSizes,\n  zuiDynamicStepperIndicatorToneClasses,\n  zuiDynamicStepperItemBase,\n  zuiDynamicStepperItemOrientations,\n  zuiDynamicStepperMapperBase,\n  zuiDynamicStepperMapperOrientations,\n  zuiDynamicStepperRootBase,\n  zuiDynamicStepperRootOrientations,\n  type ZuiDynamicStepperIndicatorSemanticState,\n  type ZuiDynamicStepperIndicatorToneAppearance,\n} from \"../../design-system/dynamic-stepper\";\n\nexport type DynamicStepperIndicatorToneAppearance =\n  ZuiDynamicStepperIndicatorToneAppearance;\n\nexport type DynamicStepperIndicatorSemanticState =\n  ZuiDynamicStepperIndicatorSemanticState;\n\nexport function dynamicStepperIndicatorToneClass(\n  state: DynamicStepperIndicatorSemanticState,\n  tone: DynamicStepperIndicatorToneAppearance,\n) {\n  return zuiDynamicStepperIndicatorToneClasses[tone][state];\n}\n\nexport const dynamicStepperRootVariants = cva(zuiDynamicStepperRootBase, {\n  variants: {\n    orientation: zuiDynamicStepperRootOrientations,\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\nexport const dynamicStepperMapperVariants = cva(zuiDynamicStepperMapperBase, {\n  variants: {\n    orientation: zuiDynamicStepperMapperOrientations,\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\nexport const dynamicStepperItemVariants = cva(zuiDynamicStepperItemBase, {\n  variants: {\n    orientation: zuiDynamicStepperItemOrientations,\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\nexport const dynamicStepperIndicatorVariants = cva(\n  zuiDynamicStepperIndicatorBase,\n  {\n    variants: {\n      size: zuiDynamicStepperIndicatorSizes,\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n","\"use client\";\n\nimport { useId } from \"react\";\n\nimport { useDynamicStepper } from \"../../hooks/useDynamicStepper/useDynamicStepper\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../buttons/button\";\n\nimport type { DynamicStepperProps } from \"./types\";\nimport {\n  dynamicStepperIndicatorToneClass,\n  dynamicStepperIndicatorVariants,\n  dynamicStepperItemVariants,\n  dynamicStepperMapperVariants,\n  dynamicStepperRootVariants,\n} from \"./variants\";\n\nexport const DynamicStepper = ({\n  steps,\n  orientation = \"horizontal\",\n  buttonAppearance = \"outline\",\n  buttonSize = \"md\",\n  indicatorSize = \"md\",\n  indicatorCompleteAppearance = \"emerald\",\n  indicatorCurrentAppearance = \"violet\",\n  indicatorUpcomingAppearance = \"outline\",\n  activeStep: activeStepProp,\n  defaultActiveStep,\n  onActiveStepChange,\n  onPrevious,\n  onNext,\n  prevLabel = \"Previous\",\n  nextLabel = \"Next\",\n  className,\n  ref,\n  ...rest\n}: DynamicStepperProps) => {\n  const baseId = useId();\n  const previousId = `${baseId}-previous`;\n  const nextId = `${baseId}-next`;\n  const mapperId = `${baseId}-mapper`;\n\n  const { activeStep, goPrevious, goNext, canGoPrevious, canGoNext } =\n    useDynamicStepper({\n      stepCount: steps.length,\n      activeStep: activeStepProp,\n      defaultActiveStep,\n      onActiveStepChange,\n      onPrevious,\n      onNext,\n    });\n\n  if (steps.length === 0) {\n    return null;\n  }\n\n  const itemOrientation =\n    orientation === \"vertical\" ? \"vertical\" : \"horizontal\";\n\n  return (\n    <div\n      ref={ref}\n      role=\"navigation\"\n      data-slot=\"dynamic-stepper\"\n      className={cn(dynamicStepperRootVariants({ orientation }), className)}\n      {...rest}\n    >\n      <Button\n        id={previousId}\n        data-slot=\"dynamic-stepper-previous\"\n        type=\"button\"\n        appearance={buttonAppearance}\n        size={buttonSize}\n        disabled={!canGoPrevious}\n        onClick={goPrevious}\n        className={\n          orientation === \"vertical\" ? \"shrink-0 self-start\" : \"shrink-0\"\n        }\n      >\n        {prevLabel}\n      </Button>\n\n      <ol\n        id={mapperId}\n        aria-label=\"Steps\"\n        data-slot=\"dynamic-stepper-mapper\"\n        className={dynamicStepperMapperVariants({ orientation })}\n      >\n        {steps.map((step, index) => {\n          const key = step.id ?? `dynamic-stepper-step-${index}`;\n          const isCurrent = index === activeStep;\n          const semanticState =\n            index < activeStep\n              ? \"complete\"\n              : isCurrent\n                ? \"current\"\n                : \"upcoming\";\n          const indicatorTone =\n            semanticState === \"complete\"\n              ? indicatorCompleteAppearance\n              : semanticState === \"current\"\n                ? indicatorCurrentAppearance\n                : indicatorUpcomingAppearance;\n\n          const isVertical = orientation === \"vertical\";\n\n          return (\n            <li\n              key={key}\n              data-slot=\"dynamic-stepper-item\"\n              aria-current={isCurrent ? \"step\" : undefined}\n              className={dynamicStepperItemVariants({\n                orientation: itemOrientation,\n              })}\n            >\n              <div\n                data-slot=\"dynamic-stepper-indicator\"\n                className={cn(\n                  dynamicStepperIndicatorVariants({ size: indicatorSize }),\n                  dynamicStepperIndicatorToneClass(\n                    semanticState,\n                    indicatorTone,\n                  ),\n                )}\n              >\n                {step.indicator ?? index + 1}\n              </div>\n              <div\n                className={cn(\n                  \"min-w-0\",\n                  !isVertical && \"flex flex-col items-center\",\n                )}\n              >\n                {step.title != null && (\n                  <div\n                    className={cn(\n                      \"text-sm font-semibold dark:text-white text-slate-900\",\n                      !isVertical && \"mt-3\",\n                    )}\n                  >\n                    {step.title}\n                  </div>\n                )}\n                {step.description != null && (\n                  <p className=\"mt-1 text-xs text-slate-900 dark:text-slate-400\">\n                    {step.description}\n                  </p>\n                )}\n              </div>\n            </li>\n          );\n        })}\n      </ol>\n\n      <Button\n        id={nextId}\n        data-slot=\"dynamic-stepper-next\"\n        type=\"button\"\n        appearance={buttonAppearance}\n        size={buttonSize}\n        disabled={!canGoNext}\n        onClick={goNext}\n        className={\n          orientation === \"vertical\" ? \"shrink-0 self-start\" : \"shrink-0\"\n        }\n      >\n        {nextLabel}\n      </Button>\n    </div>\n  );\n};\n\nDynamicStepper.displayName = \"DynamicStepper\";\n"]}

package/dist/ui/dynamic-stepper.mjs

@@ -1,34 +1,36 @@
 "use client";
 import { useDynamicStepper } from '../chunk-4MPNRGUA.mjs';
 import '../chunk-NWOE2TZN.mjs';
-import { Button } from '../chunk-WBZKMSXW.mjs';
-import '../chunk-PAG5CTLN.mjs';
-import { zuiDynamicStepperRootBase, zuiDynamicStepperRootOrientations, zuiDynamicStepperMapperBase, zuiDynamicStepperMapperOrientations, zuiDynamicStepperItemBase, zuiDynamicStepperItemOrientations, zuiDynamicStepperIndicatorBase, zuiDynamicStepperIndicatorSizes, zuiDynamicStepperIndicatorToneClasses } from '../chunk-BL6UVCV7.mjs';
+import { Button } from '../chunk-CHI6MBTI.mjs';
+import '../chunk-WWKAJHIV.mjs';
+import { zuiDynamicStepperRootBase, zuiDynamicStepperRootOrientations, zuiDynamicStepperMapperBase, zuiDynamicStepperMapperOrientations, zuiDynamicStepperItemBase, zuiDynamicStepperItemOrientations, zuiDynamicStepperIndicatorBase, zuiDynamicStepperIndicatorSizes, zuiDynamicStepperIndicatorToneClasses } from '../chunk-A4IB3C23.mjs';
 import '../chunk-2NQKFH26.mjs';
+import '../chunk-ZBAKTM2R.mjs';
 import '../chunk-4ZBMDWWY.mjs';
 import '../chunk-YH6MOKHR.mjs';
 import '../chunk-T4ZLTKV2.mjs';
 import '../chunk-PUSCPBT2.mjs';
+import '../chunk-3VW4HMJT.mjs';
 import '../chunk-LRYKMXKI.mjs';
 import '../chunk-XFJIX2YP.mjs';
 import '../chunk-4WG3VNVL.mjs';
 import '../chunk-YPTHTFVF.mjs';
 import '../chunk-XY3TKIIH.mjs';
 import '../chunk-FX5KR2GP.mjs';
-import '../chunk-ZBAKTM2R.mjs';
+import '../chunk-EJ3UMMCS.mjs';
 import '../chunk-EE53BIXR.mjs';
 import '../chunk-YXU2MJMT.mjs';
 import '../chunk-3IE4IELX.mjs';
 import '../chunk-BUEI4RMR.mjs';
 import '../chunk-5AOVTY2X.mjs';
 import '../chunk-523VQLCW.mjs';
-import '../chunk-3VW4HMJT.mjs';
+import '../chunk-SS3T3BUL.mjs';
 import '../chunk-SCWQSQBJ.mjs';
 import '../chunk-ZPGYR2UP.mjs';
 import '../chunk-MBEQ4GQ7.mjs';
 import '../chunk-34LHS26H.mjs';
 import '../chunk-JEDMUBYI.mjs';
-import '../chunk-EJ3UMMCS.mjs';
+import '../chunk-YKTANA3H.mjs';
 import '../chunk-ENYZGL4R.mjs';
 import '../chunk-2VPXQ2LA.mjs';
 import '../chunk-GUB3RSPR.mjs';
@@ -36,14 +38,13 @@ import '../chunk-6ERBVFDA.mjs';
 import '../chunk-DOA4ESKS.mjs';
 import '../chunk-QX6PPTWL.mjs';
 import '../chunk-U64ISRUX.mjs';
-import '../chunk-SS3T3BUL.mjs';
 import '../chunk-TKAOHMVA.mjs';
 import '../chunk-HFQJRAG7.mjs';
 import '../chunk-NIVJFG5Z.mjs';
+import '../chunk-COCPCZMR.mjs';
 import '../chunk-ZJWOSRAS.mjs';
 import '../chunk-JOLSS7UY.mjs';
 import '../chunk-NGZTAVQO.mjs';
-import '../chunk-YKTANA3H.mjs';
 import { cn } from '../chunk-4D54YOL6.mjs';
 import '../chunk-J5LGTIGS.mjs';
 import { useId } from 'react';

package/dist/ui/dynamic-stepper.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/dynamic-stepper/variants.ts","../../src/ui/dynamic-stepper/dynamic-stepper.tsx"],"names":[],"mappings":"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","file":"dynamic-stepper.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiDynamicStepperIndicatorBase,\n  zuiDynamicStepperIndicatorSizes,\n  zuiDynamicStepperIndicatorToneClasses,\n  zuiDynamicStepperItemBase,\n  zuiDynamicStepperItemOrientations,\n  zuiDynamicStepperMapperBase,\n  zuiDynamicStepperMapperOrientations,\n  zuiDynamicStepperRootBase,\n  zuiDynamicStepperRootOrientations,\n  type ZuiDynamicStepperIndicatorSemanticState,\n  type ZuiDynamicStepperIndicatorToneAppearance,\n} from \"../../design-system/dynamic-stepper\";\n\nexport type DynamicStepperIndicatorToneAppearance =\n  ZuiDynamicStepperIndicatorToneAppearance;\n\nexport type DynamicStepperIndicatorSemanticState =\n  ZuiDynamicStepperIndicatorSemanticState;\n\nexport function dynamicStepperIndicatorToneClass(\n  state: DynamicStepperIndicatorSemanticState,\n  tone: DynamicStepperIndicatorToneAppearance,\n) {\n  return zuiDynamicStepperIndicatorToneClasses[tone][state];\n}\n\nexport const dynamicStepperRootVariants = cva(zuiDynamicStepperRootBase, {\n  variants: {\n    orientation: zuiDynamicStepperRootOrientations,\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\nexport const dynamicStepperMapperVariants = cva(zuiDynamicStepperMapperBase, {\n  variants: {\n    orientation: zuiDynamicStepperMapperOrientations,\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\nexport const dynamicStepperItemVariants = cva(zuiDynamicStepperItemBase, {\n  variants: {\n    orientation: zuiDynamicStepperItemOrientations,\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\nexport const dynamicStepperIndicatorVariants = cva(\n  zuiDynamicStepperIndicatorBase,\n  {\n    variants: {\n      size: zuiDynamicStepperIndicatorSizes,\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n","\"use client\";\n\nimport { useId } from \"react\";\n\nimport { useDynamicStepper } from \"../../hooks/useDynamicStepper/useDynamicStepper\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../buttons/button\";\n\nimport type { DynamicStepperProps } from \"./types\";\nimport {\n  dynamicStepperIndicatorToneClass,\n  dynamicStepperIndicatorVariants,\n  dynamicStepperItemVariants,\n  dynamicStepperMapperVariants,\n  dynamicStepperRootVariants,\n} from \"./variants\";\n\nexport const DynamicStepper = ({\n  steps,\n  orientation = \"horizontal\",\n  buttonAppearance = \"outline\",\n  buttonSize = \"md\",\n  indicatorSize = \"md\",\n  indicatorCompleteAppearance = \"emerald\",\n  indicatorCurrentAppearance = \"violet\",\n  indicatorUpcomingAppearance = \"outline\",\n  activeStep: activeStepProp,\n  defaultActiveStep,\n  onActiveStepChange,\n  onPrevious,\n  onNext,\n  prevLabel = \"Previous\",\n  nextLabel = \"Next\",\n  className,\n  ref,\n  ...rest\n}: DynamicStepperProps) => {\n  const baseId = useId();\n  const previousId = `${baseId}-previous`;\n  const nextId = `${baseId}-next`;\n  const mapperId = `${baseId}-mapper`;\n\n  const { activeStep, goPrevious, goNext, canGoPrevious, canGoNext } =\n    useDynamicStepper({\n      stepCount: steps.length,\n      activeStep: activeStepProp,\n      defaultActiveStep,\n      onActiveStepChange,\n      onPrevious,\n      onNext,\n    });\n\n  if (steps.length === 0) {\n    return null;\n  }\n\n  const itemOrientation =\n    orientation === \"vertical\" ? \"vertical\" : \"horizontal\";\n\n  return (\n    <div\n      ref={ref}\n      role=\"navigation\"\n      data-slot=\"dynamic-stepper\"\n      className={cn(dynamicStepperRootVariants({ orientation }), className)}\n      {...rest}\n    >\n      <Button\n        id={previousId}\n        data-slot=\"dynamic-stepper-previous\"\n        type=\"button\"\n        appearance={buttonAppearance}\n        size={buttonSize}\n        disabled={!canGoPrevious}\n        onClick={goPrevious}\n        className={\n          orientation === \"vertical\" ? \"shrink-0 self-start\" : \"shrink-0\"\n        }\n      >\n        {prevLabel}\n      </Button>\n\n      <ol\n        id={mapperId}\n        aria-label=\"Steps\"\n        data-slot=\"dynamic-stepper-mapper\"\n        className={dynamicStepperMapperVariants({ orientation })}\n      >\n        {steps.map((step, index) => {\n          const key = step.id ?? `dynamic-stepper-step-${index}`;\n          const isCurrent = index === activeStep;\n          const semanticState =\n            index < activeStep\n              ? \"complete\"\n              : isCurrent\n                ? \"current\"\n                : \"upcoming\";\n          const indicatorTone =\n            semanticState === \"complete\"\n              ? indicatorCompleteAppearance\n              : semanticState === \"current\"\n                ? indicatorCurrentAppearance\n                : indicatorUpcomingAppearance;\n\n          const isVertical = orientation === \"vertical\";\n\n          return (\n            <li\n              key={key}\n              data-slot=\"dynamic-stepper-item\"\n              aria-current={isCurrent ? \"step\" : undefined}\n              className={dynamicStepperItemVariants({\n                orientation: itemOrientation,\n              })}\n            >\n              <div\n                data-slot=\"dynamic-stepper-indicator\"\n                className={cn(\n                  dynamicStepperIndicatorVariants({ size: indicatorSize }),\n                  dynamicStepperIndicatorToneClass(\n                    semanticState,\n                    indicatorTone,\n                  ),\n                )}\n              >\n                {step.indicator ?? index + 1}\n              </div>\n              <div\n                className={cn(\n                  \"min-w-0\",\n                  !isVertical && \"flex flex-col items-center\",\n                )}\n              >\n                {step.title != null && (\n                  <div\n                    className={cn(\n                      \"text-sm font-semibold dark:text-white text-slate-900\",\n                      !isVertical && \"mt-3\",\n                    )}\n                  >\n                    {step.title}\n                  </div>\n                )}\n                {step.description != null && (\n                  <p className=\"mt-1 text-xs text-slate-900 dark:text-slate-400\">\n                    {step.description}\n                  </p>\n                )}\n              </div>\n            </li>\n          );\n        })}\n      </ol>\n\n      <Button\n        id={nextId}\n        data-slot=\"dynamic-stepper-next\"\n        type=\"button\"\n        appearance={buttonAppearance}\n        size={buttonSize}\n        disabled={!canGoNext}\n        onClick={goNext}\n        className={\n          orientation === \"vertical\" ? \"shrink-0 self-start\" : \"shrink-0\"\n        }\n      >\n        {nextLabel}\n      </Button>\n    </div>\n  );\n};\n\nDynamicStepper.displayName = \"DynamicStepper\";\n"]}
+{"version":3,"sources":["../../src/ui/dynamic-stepper/variants.ts","../../src/ui/dynamic-stepper/dynamic-stepper.tsx"],"names":[],"mappings":"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","file":"dynamic-stepper.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiDynamicStepperIndicatorBase,\n  zuiDynamicStepperIndicatorSizes,\n  zuiDynamicStepperIndicatorToneClasses,\n  zuiDynamicStepperItemBase,\n  zuiDynamicStepperItemOrientations,\n  zuiDynamicStepperMapperBase,\n  zuiDynamicStepperMapperOrientations,\n  zuiDynamicStepperRootBase,\n  zuiDynamicStepperRootOrientations,\n  type ZuiDynamicStepperIndicatorSemanticState,\n  type ZuiDynamicStepperIndicatorToneAppearance,\n} from \"../../design-system/dynamic-stepper\";\n\nexport type DynamicStepperIndicatorToneAppearance =\n  ZuiDynamicStepperIndicatorToneAppearance;\n\nexport type DynamicStepperIndicatorSemanticState =\n  ZuiDynamicStepperIndicatorSemanticState;\n\nexport function dynamicStepperIndicatorToneClass(\n  state: DynamicStepperIndicatorSemanticState,\n  tone: DynamicStepperIndicatorToneAppearance,\n) {\n  return zuiDynamicStepperIndicatorToneClasses[tone][state];\n}\n\nexport const dynamicStepperRootVariants = cva(zuiDynamicStepperRootBase, {\n  variants: {\n    orientation: zuiDynamicStepperRootOrientations,\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\nexport const dynamicStepperMapperVariants = cva(zuiDynamicStepperMapperBase, {\n  variants: {\n    orientation: zuiDynamicStepperMapperOrientations,\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\nexport const dynamicStepperItemVariants = cva(zuiDynamicStepperItemBase, {\n  variants: {\n    orientation: zuiDynamicStepperItemOrientations,\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\nexport const dynamicStepperIndicatorVariants = cva(\n  zuiDynamicStepperIndicatorBase,\n  {\n    variants: {\n      size: zuiDynamicStepperIndicatorSizes,\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n","\"use client\";\n\nimport { useId } from \"react\";\n\nimport { useDynamicStepper } from \"../../hooks/useDynamicStepper/useDynamicStepper\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../buttons/button\";\n\nimport type { DynamicStepperProps } from \"./types\";\nimport {\n  dynamicStepperIndicatorToneClass,\n  dynamicStepperIndicatorVariants,\n  dynamicStepperItemVariants,\n  dynamicStepperMapperVariants,\n  dynamicStepperRootVariants,\n} from \"./variants\";\n\nexport const DynamicStepper = ({\n  steps,\n  orientation = \"horizontal\",\n  buttonAppearance = \"outline\",\n  buttonSize = \"md\",\n  indicatorSize = \"md\",\n  indicatorCompleteAppearance = \"emerald\",\n  indicatorCurrentAppearance = \"violet\",\n  indicatorUpcomingAppearance = \"outline\",\n  activeStep: activeStepProp,\n  defaultActiveStep,\n  onActiveStepChange,\n  onPrevious,\n  onNext,\n  prevLabel = \"Previous\",\n  nextLabel = \"Next\",\n  className,\n  ref,\n  ...rest\n}: DynamicStepperProps) => {\n  const baseId = useId();\n  const previousId = `${baseId}-previous`;\n  const nextId = `${baseId}-next`;\n  const mapperId = `${baseId}-mapper`;\n\n  const { activeStep, goPrevious, goNext, canGoPrevious, canGoNext } =\n    useDynamicStepper({\n      stepCount: steps.length,\n      activeStep: activeStepProp,\n      defaultActiveStep,\n      onActiveStepChange,\n      onPrevious,\n      onNext,\n    });\n\n  if (steps.length === 0) {\n    return null;\n  }\n\n  const itemOrientation =\n    orientation === \"vertical\" ? \"vertical\" : \"horizontal\";\n\n  return (\n    <div\n      ref={ref}\n      role=\"navigation\"\n      data-slot=\"dynamic-stepper\"\n      className={cn(dynamicStepperRootVariants({ orientation }), className)}\n      {...rest}\n    >\n      <Button\n        id={previousId}\n        data-slot=\"dynamic-stepper-previous\"\n        type=\"button\"\n        appearance={buttonAppearance}\n        size={buttonSize}\n        disabled={!canGoPrevious}\n        onClick={goPrevious}\n        className={\n          orientation === \"vertical\" ? \"shrink-0 self-start\" : \"shrink-0\"\n        }\n      >\n        {prevLabel}\n      </Button>\n\n      <ol\n        id={mapperId}\n        aria-label=\"Steps\"\n        data-slot=\"dynamic-stepper-mapper\"\n        className={dynamicStepperMapperVariants({ orientation })}\n      >\n        {steps.map((step, index) => {\n          const key = step.id ?? `dynamic-stepper-step-${index}`;\n          const isCurrent = index === activeStep;\n          const semanticState =\n            index < activeStep\n              ? \"complete\"\n              : isCurrent\n                ? \"current\"\n                : \"upcoming\";\n          const indicatorTone =\n            semanticState === \"complete\"\n              ? indicatorCompleteAppearance\n              : semanticState === \"current\"\n                ? indicatorCurrentAppearance\n                : indicatorUpcomingAppearance;\n\n          const isVertical = orientation === \"vertical\";\n\n          return (\n            <li\n              key={key}\n              data-slot=\"dynamic-stepper-item\"\n              aria-current={isCurrent ? \"step\" : undefined}\n              className={dynamicStepperItemVariants({\n                orientation: itemOrientation,\n              })}\n            >\n              <div\n                data-slot=\"dynamic-stepper-indicator\"\n                className={cn(\n                  dynamicStepperIndicatorVariants({ size: indicatorSize }),\n                  dynamicStepperIndicatorToneClass(\n                    semanticState,\n                    indicatorTone,\n                  ),\n                )}\n              >\n                {step.indicator ?? index + 1}\n              </div>\n              <div\n                className={cn(\n                  \"min-w-0\",\n                  !isVertical && \"flex flex-col items-center\",\n                )}\n              >\n                {step.title != null && (\n                  <div\n                    className={cn(\n                      \"text-sm font-semibold dark:text-white text-slate-900\",\n                      !isVertical && \"mt-3\",\n                    )}\n                  >\n                    {step.title}\n                  </div>\n                )}\n                {step.description != null && (\n                  <p className=\"mt-1 text-xs text-slate-900 dark:text-slate-400\">\n                    {step.description}\n                  </p>\n                )}\n              </div>\n            </li>\n          );\n        })}\n      </ol>\n\n      <Button\n        id={nextId}\n        data-slot=\"dynamic-stepper-next\"\n        type=\"button\"\n        appearance={buttonAppearance}\n        size={buttonSize}\n        disabled={!canGoNext}\n        onClick={goNext}\n        className={\n          orientation === \"vertical\" ? \"shrink-0 self-start\" : \"shrink-0\"\n        }\n      >\n        {nextLabel}\n      </Button>\n    </div>\n  );\n};\n\nDynamicStepper.displayName = \"DynamicStepper\";\n"]}