@zentauri-ui/zentauri-components 2.3.0 → 2.3.2

package/dist/ui/secret-reveal/animated.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ui/secret-reveal/animated/animations.ts","../../../src/ui/secret-reveal/animated/secret-reveal-animated.tsx"],"names":[],"mappings":"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","file":"animated.mjs","sourcesContent":["import type { Transition, Variants } from \"framer-motion\";\n\nexport type SecretRevealAnimation =\n  | \"none\"\n  | \"fade\"\n  | \"slide-up\"\n  | \"scale\"\n  | \"flip\";\n\nexport type SecretRevealAnimationPresets = Record<\n  SecretRevealAnimation,\n  {\n    transition: Transition;\n    variants: Variants;\n  }\n>;\n\nexport const secretRevealAnimationPresets: SecretRevealAnimationPresets = {\n  none: {\n    transition: { duration: 0 },\n    variants: {\n      initial: { opacity: 1 },\n      animate: { opacity: 1 },\n      exit: { opacity: 1 },\n    },\n  },\n  fade: {\n    transition: { duration: 0.25, ease: \"easeInOut\" },\n    variants: {\n      initial: { opacity: 0 },\n      animate: { opacity: 1 },\n      exit: { opacity: 0 },\n    },\n  },\n  \"slide-up\": {\n    transition: {\n      type: \"spring\",\n      stiffness: 300,\n      damping: 25,\n      mass: 0.5,\n    },\n    variants: {\n      initial: { opacity: 0, y: 8 },\n      animate: { opacity: 1, y: 0 },\n      exit: { opacity: 0, y: -8 },\n    },\n  },\n  scale: {\n    transition: {\n      type: \"spring\",\n      stiffness: 400,\n      damping: 20,\n      mass: 0.4,\n    },\n    variants: {\n      initial: { opacity: 0, scale: 0.9 },\n      animate: { opacity: 1, scale: 1 },\n      exit: { opacity: 0, scale: 0.9 },\n    },\n  },\n  flip: {\n    transition: {\n      type: \"spring\",\n      stiffness: 200,\n      damping: 18,\n      mass: 0.6,\n    },\n    variants: {\n      initial: { opacity: 0, rotateX: 90 },\n      animate: { opacity: 1, rotateX: 0 },\n      exit: { opacity: 0, rotateX: -90 },\n    },\n  },\n};\n","\"use client\";\n\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { useCallback, useState } from \"react\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { secretRevealAnimationPresets } from \"./animations\";\nimport type { SecretRevealAnimatedProps } from \"./types\";\nimport {\n  secretRevealLabelVariants,\n  secretRevealToggleVariants,\n  secretRevealValueVariants,\n  secretRevealVariants,\n} from \"../variants\";\n\nexport function SecretRevealAnimated({\n  appearance,\n  size,\n  value,\n  children,\n  label,\n  labelPosition = \"top\",\n  initiallyRevealed = false,\n  onVisibilityChange,\n  animation = \"fade\",\n  muteChar = \"•\",\n  className,\n  ref,\n  ...rest\n}: SecretRevealAnimatedProps) {\n  const [revealed, setRevealed] = useState(initiallyRevealed);\n\n  const toggle = useCallback(() => {\n    const next = !revealed;\n    setRevealed(next);\n    onVisibilityChange?.(next);\n  }, [onVisibilityChange, revealed]);\n\n  const preset = secretRevealAnimationPresets[animation];\n  const displayText = value ?? (typeof children === \"string\" ? children : \"\");\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"secret-reveal\"\n      className={cn(secretRevealVariants({ appearance, size }), className)}\n      {...rest}\n    >\n      {label && labelPosition === \"top\" && (\n        <span\n          data-slot=\"secret-reveal-label\"\n          className={secretRevealLabelVariants({ size })}\n        >\n          {label}\n        </span>\n      )}\n      <span className=\"flex items-center gap-2 flex-1 min-w-0\">\n        {label && labelPosition === \"side\" && (\n          <span\n            data-slot=\"secret-reveal-label\"\n            className={secretRevealLabelVariants({ size })}\n          >\n            {label}\n          </span>\n        )}\n        <span\n          data-slot=\"secret-reveal-value\"\n          className={cn(secretRevealValueVariants({ size }), \"flex-1 truncate\")}\n        >\n          <AnimatePresence mode=\"wait\">\n            <motion.span\n              key={revealed ? \"revealed\" : \"hidden\"}\n              initial=\"initial\"\n              animate=\"animate\"\n              exit=\"exit\"\n              variants={preset.variants}\n              transition={preset.transition}\n              className=\"inline-block\"\n            >\n              {revealed\n                ? (value ?? children)\n                : muteChar.repeat(displayText.length || 8)}\n            </motion.span>\n          </AnimatePresence>\n        </span>\n        <button\n          type=\"button\"\n          data-slot=\"secret-reveal-toggle\"\n          className={secretRevealToggleVariants({ size, appearance })}\n          onClick={toggle}\n          aria-label={revealed ? \"Hide secret\" : \"Reveal secret\"}\n        >\n          {revealed ? (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            >\n              <path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94\" />\n              <path d=\"M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19\" />\n              <line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\" />\n            </svg>\n          ) : (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            >\n              <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" />\n              <circle cx=\"12\" cy=\"12\" r=\"3\" />\n            </svg>\n          )}\n        </button>\n      </span>\n    </div>\n  );\n}\n\nSecretRevealAnimated.displayName = \"SecretRevealAnimated\";\n"]}
+{"version":3,"sources":["../../../src/ui/secret-reveal/animated/animations.ts","../../../src/ui/secret-reveal/animated/secret-reveal-animated.tsx"],"names":[],"mappings":"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","file":"animated.mjs","sourcesContent":["import type { Transition, Variants } from \"framer-motion\";\n\nexport type SecretRevealAnimation =\n  | \"none\"\n  | \"fade\"\n  | \"slide-up\"\n  | \"scale\"\n  | \"flip\";\n\nexport type SecretRevealAnimationPresets = Record<\n  SecretRevealAnimation,\n  {\n    transition: Transition;\n    variants: Variants;\n  }\n>;\n\nexport const secretRevealAnimationPresets: SecretRevealAnimationPresets = {\n  none: {\n    transition: { duration: 0 },\n    variants: {\n      initial: { opacity: 1 },\n      animate: { opacity: 1 },\n      exit: { opacity: 1 },\n    },\n  },\n  fade: {\n    transition: { duration: 0.25, ease: \"easeInOut\" },\n    variants: {\n      initial: { opacity: 0 },\n      animate: { opacity: 1 },\n      exit: { opacity: 0 },\n    },\n  },\n  \"slide-up\": {\n    transition: {\n      type: \"spring\",\n      stiffness: 300,\n      damping: 25,\n      mass: 0.5,\n    },\n    variants: {\n      initial: { opacity: 0, y: 8 },\n      animate: { opacity: 1, y: 0 },\n      exit: { opacity: 0, y: -8 },\n    },\n  },\n  scale: {\n    transition: {\n      type: \"spring\",\n      stiffness: 400,\n      damping: 20,\n      mass: 0.4,\n    },\n    variants: {\n      initial: { opacity: 0, scale: 0.9 },\n      animate: { opacity: 1, scale: 1 },\n      exit: { opacity: 0, scale: 0.9 },\n    },\n  },\n  flip: {\n    transition: {\n      type: \"spring\",\n      stiffness: 200,\n      damping: 18,\n      mass: 0.6,\n    },\n    variants: {\n      initial: { opacity: 0, rotateX: 90 },\n      animate: { opacity: 1, rotateX: 0 },\n      exit: { opacity: 0, rotateX: -90 },\n    },\n  },\n};\n","\"use client\";\n\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { useCallback, useState } from \"react\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { secretRevealAnimationPresets } from \"./animations\";\nimport type { SecretRevealAnimatedProps } from \"./types\";\nimport {\n  secretRevealLabelVariants,\n  secretRevealToggleVariants,\n  secretRevealValueVariants,\n  secretRevealVariants,\n} from \"../variants\";\n\nexport function SecretRevealAnimated({\n  appearance,\n  size,\n  value,\n  children,\n  label,\n  labelPosition = \"top\",\n  initiallyRevealed = false,\n  onVisibilityChange,\n  animation = \"fade\",\n  muteChar = \"•\",\n  className,\n  ref,\n  ...rest\n}: SecretRevealAnimatedProps) {\n  const [revealed, setRevealed] = useState(initiallyRevealed);\n\n  const toggle = useCallback(() => {\n    const next = !revealed;\n    setRevealed(next);\n    onVisibilityChange?.(next);\n  }, [onVisibilityChange, revealed]);\n\n  const preset = secretRevealAnimationPresets[animation];\n  const displayText = value ?? (typeof children === \"string\" ? children : \"\");\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"secret-reveal\"\n      className={cn(secretRevealVariants({ appearance, size }), className)}\n      {...rest}\n    >\n      {label && labelPosition === \"top\" && (\n        <span\n          data-slot=\"secret-reveal-label\"\n          className={secretRevealLabelVariants({ size })}\n        >\n          {label}\n        </span>\n      )}\n      <span className=\"flex items-center gap-2 flex-1 min-w-0\">\n        {label && labelPosition === \"side\" && (\n          <span\n            data-slot=\"secret-reveal-label\"\n            className={secretRevealLabelVariants({ size })}\n          >\n            {label}\n          </span>\n        )}\n        <span\n          data-slot=\"secret-reveal-value\"\n          className={cn(\n            secretRevealValueVariants({ size }),\n            \"flex-1 min-w-0 truncate\",\n          )}\n        >\n          <AnimatePresence mode=\"wait\">\n            <motion.span\n              key={revealed ? \"revealed\" : \"hidden\"}\n              initial=\"initial\"\n              animate=\"animate\"\n              exit=\"exit\"\n              variants={preset.variants}\n              transition={preset.transition}\n              className=\"inline-block\"\n            >\n              {revealed\n                ? (value ?? children)\n                : muteChar.repeat(displayText.length || 8)}\n            </motion.span>\n          </AnimatePresence>\n        </span>\n        <button\n          type=\"button\"\n          data-slot=\"secret-reveal-toggle\"\n          className={secretRevealToggleVariants({ size, appearance })}\n          onClick={toggle}\n          aria-label={revealed ? \"Hide secret\" : \"Reveal secret\"}\n        >\n          {revealed ? (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            >\n              <path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94\" />\n              <path d=\"M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19\" />\n              <line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\" />\n            </svg>\n          ) : (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            >\n              <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" />\n              <circle cx=\"12\" cy=\"12\" r=\"3\" />\n            </svg>\n          )}\n        </button>\n      </span>\n    </div>\n  );\n}\n\nSecretRevealAnimated.displayName = \"SecretRevealAnimated\";\n"]}

package/dist/ui/secret-reveal/secret-reveal-base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"secret-reveal-base.d.ts","sourceRoot":"","sources":["../../../src/ui/secret-reveal/secret-reveal-base.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAQrD,wBAAgB,gBAAgB,CAAC,EAC/B,UAAU,EACV,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,aAAqB,EACrB,iBAAyB,EACzB,kBAAkB,EAClB,QAAc,EACd,SAAS,EACT,GAAG,EACH,GAAG,IAAI,EACR,EAAE,qBAAqB,2CAsFvB;yBAnGe,gBAAgB"}
+{"version":3,"file":"secret-reveal-base.d.ts","sourceRoot":"","sources":["../../../src/ui/secret-reveal/secret-reveal-base.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAQrD,wBAAgB,gBAAgB,CAAC,EAC/B,UAAU,EACV,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,aAAqB,EACrB,iBAAyB,EACzB,kBAAkB,EAClB,QAAc,EACd,SAAS,EACT,GAAG,EACH,GAAG,IAAI,EACR,EAAE,qBAAqB,2CAyFvB;yBAtGe,gBAAgB"}

package/dist/ui/secret-reveal.js

@@ -1,8 +1,8 @@
 "use client";
 'use strict';
 
-var chunkPQ2XTY3M_js = require('../chunk-PQ2XTY3M.js');
-require('../chunk-H3BJOK22.js');
+var chunkG36ZV446_js = require('../chunk-G36ZV446.js');
+require('../chunk-HNAUUCR5.js');
 var chunkZS5756ZC_js = require('../chunk-ZS5756ZC.js');
 require('../chunk-PZ5AY32C.js');
 var react = require('react');
@@ -34,14 +34,14 @@ function SecretRevealBase({
     {
       ref,
       "data-slot": "secret-reveal",
-      className: chunkZS5756ZC_js.cn(chunkPQ2XTY3M_js.secretRevealVariants({ appearance, size }), className),
+      className: chunkZS5756ZC_js.cn(chunkG36ZV446_js.secretRevealVariants({ appearance, size }), className),
       ...rest,
       children: [
         label && labelPosition === "top" && /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
             "data-slot": "secret-reveal-label",
-            className: chunkPQ2XTY3M_js.secretRevealLabelVariants({ size }),
+            className: chunkG36ZV446_js.secretRevealLabelVariants({ size }),
             children: label
           }
         ),
@@ -50,7 +50,7 @@ function SecretRevealBase({
             "span",
             {
               "data-slot": "secret-reveal-label",
-              className: chunkPQ2XTY3M_js.secretRevealLabelVariants({ size }),
+              className: chunkG36ZV446_js.secretRevealLabelVariants({ size }),
               children: label
             }
           ),
@@ -58,7 +58,10 @@ function SecretRevealBase({
             "span",
             {
               "data-slot": "secret-reveal-value",
-              className: chunkZS5756ZC_js.cn(chunkPQ2XTY3M_js.secretRevealValueVariants({ size }), "flex-1 truncate"),
+              className: chunkZS5756ZC_js.cn(
+                chunkG36ZV446_js.secretRevealValueVariants({ size }),
+                "flex-1 min-w-0 truncate"
+              ),
               children: revealed ? value ?? children : muteChar.repeat(displayText.length || 8)
             }
           ),
@@ -67,7 +70,7 @@ function SecretRevealBase({
             {
               type: "button",
               "data-slot": "secret-reveal-toggle",
-              className: chunkPQ2XTY3M_js.secretRevealToggleVariants({ size, appearance }),
+              className: chunkG36ZV446_js.secretRevealToggleVariants({ size, appearance }),
               onClick: toggle,
               "aria-label": revealed ? "Hide secret" : "Reveal secret",
               children: revealed ? /* @__PURE__ */ jsxRuntime.jsxs(
@@ -117,19 +120,19 @@ SecretRevealBase.displayName = "SecretReveal";
 
 Object.defineProperty(exports, "secretRevealLabelVariants", {
   enumerable: true,
-  get: function () { return chunkPQ2XTY3M_js.secretRevealLabelVariants; }
+  get: function () { return chunkG36ZV446_js.secretRevealLabelVariants; }
 });
 Object.defineProperty(exports, "secretRevealToggleVariants", {
   enumerable: true,
-  get: function () { return chunkPQ2XTY3M_js.secretRevealToggleVariants; }
+  get: function () { return chunkG36ZV446_js.secretRevealToggleVariants; }
 });
 Object.defineProperty(exports, "secretRevealValueVariants", {
   enumerable: true,
-  get: function () { return chunkPQ2XTY3M_js.secretRevealValueVariants; }
+  get: function () { return chunkG36ZV446_js.secretRevealValueVariants; }
 });
 Object.defineProperty(exports, "secretRevealVariants", {
   enumerable: true,
-  get: function () { return chunkPQ2XTY3M_js.secretRevealVariants; }
+  get: function () { return chunkG36ZV446_js.secretRevealVariants; }
 });
 exports.SecretReveal = SecretRevealBase;
 //# sourceMappingURL=secret-reveal.js.map

package/dist/ui/secret-reveal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/secret-reveal/secret-reveal-base.tsx"],"names":["useState","useCallback","jsxs","cn","secretRevealVariants","jsx","secretRevealLabelVariants","secretRevealValueVariants","secretRevealToggleVariants"],"mappings":"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","file":"secret-reveal.js","sourcesContent":["\"use client\";\n\nimport { useCallback, useState } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { SecretRevealBaseProps } from \"./types\";\nimport {\n  secretRevealLabelVariants,\n  secretRevealToggleVariants,\n  secretRevealValueVariants,\n  secretRevealVariants,\n} from \"./variants\";\n\nexport function SecretRevealBase({\n  appearance,\n  size,\n  value,\n  children,\n  label,\n  labelPosition = \"top\",\n  initiallyRevealed = false,\n  onVisibilityChange,\n  muteChar = \"•\",\n  className,\n  ref,\n  ...rest\n}: SecretRevealBaseProps) {\n  const [revealed, setRevealed] = useState(initiallyRevealed);\n\n  const toggle = useCallback(() => {\n    const next = !revealed;\n    setRevealed(next);\n    onVisibilityChange?.(next);\n  }, [onVisibilityChange, revealed]);\n\n  const displayText = value ?? (typeof children === \"string\" ? children : \"\");\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"secret-reveal\"\n      className={cn(secretRevealVariants({ appearance, size }), className)}\n      {...rest}\n    >\n      {label && labelPosition === \"top\" && (\n        <span\n          data-slot=\"secret-reveal-label\"\n          className={secretRevealLabelVariants({ size })}\n        >\n          {label}\n        </span>\n      )}\n      <span className=\"flex items-center gap-2 flex-1 min-w-0\">\n        {label && labelPosition === \"side\" && (\n          <span\n            data-slot=\"secret-reveal-label\"\n            className={secretRevealLabelVariants({ size })}\n          >\n            {label}\n          </span>\n        )}\n        <span\n          data-slot=\"secret-reveal-value\"\n          className={cn(secretRevealValueVariants({ size }), \"flex-1 truncate\")}\n        >\n          {revealed\n            ? (value ?? children)\n            : muteChar.repeat(displayText.length || 8)}\n        </span>\n        <button\n          type=\"button\"\n          data-slot=\"secret-reveal-toggle\"\n          className={secretRevealToggleVariants({ size, appearance })}\n          onClick={toggle}\n          aria-label={revealed ? \"Hide secret\" : \"Reveal secret\"}\n        >\n          {revealed ? (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            >\n              <path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94\" />\n              <path d=\"M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19\" />\n              <line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\" />\n            </svg>\n          ) : (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            >\n              <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" />\n              <circle cx=\"12\" cy=\"12\" r=\"3\" />\n            </svg>\n          )}\n        </button>\n      </span>\n    </div>\n  );\n}\n\nSecretRevealBase.displayName = \"SecretReveal\";\n"]}
+{"version":3,"sources":["../../src/ui/secret-reveal/secret-reveal-base.tsx"],"names":["useState","useCallback","jsxs","cn","secretRevealVariants","jsx","secretRevealLabelVariants","secretRevealValueVariants","secretRevealToggleVariants"],"mappings":"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","file":"secret-reveal.js","sourcesContent":["\"use client\";\n\nimport { useCallback, useState } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { SecretRevealBaseProps } from \"./types\";\nimport {\n  secretRevealLabelVariants,\n  secretRevealToggleVariants,\n  secretRevealValueVariants,\n  secretRevealVariants,\n} from \"./variants\";\n\nexport function SecretRevealBase({\n  appearance,\n  size,\n  value,\n  children,\n  label,\n  labelPosition = \"top\",\n  initiallyRevealed = false,\n  onVisibilityChange,\n  muteChar = \"•\",\n  className,\n  ref,\n  ...rest\n}: SecretRevealBaseProps) {\n  const [revealed, setRevealed] = useState(initiallyRevealed);\n\n  const toggle = useCallback(() => {\n    const next = !revealed;\n    setRevealed(next);\n    onVisibilityChange?.(next);\n  }, [onVisibilityChange, revealed]);\n\n  const displayText = value ?? (typeof children === \"string\" ? children : \"\");\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"secret-reveal\"\n      className={cn(secretRevealVariants({ appearance, size }), className)}\n      {...rest}\n    >\n      {label && labelPosition === \"top\" && (\n        <span\n          data-slot=\"secret-reveal-label\"\n          className={secretRevealLabelVariants({ size })}\n        >\n          {label}\n        </span>\n      )}\n      <span className=\"flex items-center gap-2 flex-1 min-w-0\">\n        {label && labelPosition === \"side\" && (\n          <span\n            data-slot=\"secret-reveal-label\"\n            className={secretRevealLabelVariants({ size })}\n          >\n            {label}\n          </span>\n        )}\n        <span\n          data-slot=\"secret-reveal-value\"\n          className={cn(\n            secretRevealValueVariants({ size }),\n            \"flex-1 min-w-0 truncate\",\n          )}\n        >\n          {revealed\n            ? (value ?? children)\n            : muteChar.repeat(displayText.length || 8)}\n        </span>\n        <button\n          type=\"button\"\n          data-slot=\"secret-reveal-toggle\"\n          className={secretRevealToggleVariants({ size, appearance })}\n          onClick={toggle}\n          aria-label={revealed ? \"Hide secret\" : \"Reveal secret\"}\n        >\n          {revealed ? (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            >\n              <path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94\" />\n              <path d=\"M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19\" />\n              <line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\" />\n            </svg>\n          ) : (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            >\n              <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" />\n              <circle cx=\"12\" cy=\"12\" r=\"3\" />\n            </svg>\n          )}\n        </button>\n      </span>\n    </div>\n  );\n}\n\nSecretRevealBase.displayName = \"SecretReveal\";\n"]}

package/dist/ui/secret-reveal.mjs

@@ -1,7 +1,7 @@
 "use client";
-import { secretRevealLabelVariants, secretRevealValueVariants, secretRevealToggleVariants, secretRevealVariants } from '../chunk-ATE5SCTR.mjs';
-export { secretRevealLabelVariants, secretRevealToggleVariants, secretRevealValueVariants, secretRevealVariants } from '../chunk-ATE5SCTR.mjs';
-import '../chunk-DIAA5VH4.mjs';
+import { secretRevealLabelVariants, secretRevealValueVariants, secretRevealToggleVariants, secretRevealVariants } from '../chunk-N6Q4ZLQR.mjs';
+export { secretRevealLabelVariants, secretRevealToggleVariants, secretRevealValueVariants, secretRevealVariants } from '../chunk-N6Q4ZLQR.mjs';
+import '../chunk-CIZQQ32L.mjs';
 import { cn } from '../chunk-4D54YOL6.mjs';
 import '../chunk-J5LGTIGS.mjs';
 import { useState, useCallback } from 'react';
@@ -57,7 +57,10 @@ function SecretRevealBase({
             "span",
             {
               "data-slot": "secret-reveal-value",
-              className: cn(secretRevealValueVariants({ size }), "flex-1 truncate"),
+              className: cn(
+                secretRevealValueVariants({ size }),
+                "flex-1 min-w-0 truncate"
+              ),
               children: revealed ? value ?? children : muteChar.repeat(displayText.length || 8)
             }
           ),

package/dist/ui/secret-reveal.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/secret-reveal/secret-reveal-base.tsx"],"names":[],"mappings":"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","file":"secret-reveal.mjs","sourcesContent":["\"use client\";\n\nimport { useCallback, useState } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { SecretRevealBaseProps } from \"./types\";\nimport {\n  secretRevealLabelVariants,\n  secretRevealToggleVariants,\n  secretRevealValueVariants,\n  secretRevealVariants,\n} from \"./variants\";\n\nexport function SecretRevealBase({\n  appearance,\n  size,\n  value,\n  children,\n  label,\n  labelPosition = \"top\",\n  initiallyRevealed = false,\n  onVisibilityChange,\n  muteChar = \"•\",\n  className,\n  ref,\n  ...rest\n}: SecretRevealBaseProps) {\n  const [revealed, setRevealed] = useState(initiallyRevealed);\n\n  const toggle = useCallback(() => {\n    const next = !revealed;\n    setRevealed(next);\n    onVisibilityChange?.(next);\n  }, [onVisibilityChange, revealed]);\n\n  const displayText = value ?? (typeof children === \"string\" ? children : \"\");\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"secret-reveal\"\n      className={cn(secretRevealVariants({ appearance, size }), className)}\n      {...rest}\n    >\n      {label && labelPosition === \"top\" && (\n        <span\n          data-slot=\"secret-reveal-label\"\n          className={secretRevealLabelVariants({ size })}\n        >\n          {label}\n        </span>\n      )}\n      <span className=\"flex items-center gap-2 flex-1 min-w-0\">\n        {label && labelPosition === \"side\" && (\n          <span\n            data-slot=\"secret-reveal-label\"\n            className={secretRevealLabelVariants({ size })}\n          >\n            {label}\n          </span>\n        )}\n        <span\n          data-slot=\"secret-reveal-value\"\n          className={cn(secretRevealValueVariants({ size }), \"flex-1 truncate\")}\n        >\n          {revealed\n            ? (value ?? children)\n            : muteChar.repeat(displayText.length || 8)}\n        </span>\n        <button\n          type=\"button\"\n          data-slot=\"secret-reveal-toggle\"\n          className={secretRevealToggleVariants({ size, appearance })}\n          onClick={toggle}\n          aria-label={revealed ? \"Hide secret\" : \"Reveal secret\"}\n        >\n          {revealed ? (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            >\n              <path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94\" />\n              <path d=\"M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19\" />\n              <line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\" />\n            </svg>\n          ) : (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            >\n              <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" />\n              <circle cx=\"12\" cy=\"12\" r=\"3\" />\n            </svg>\n          )}\n        </button>\n      </span>\n    </div>\n  );\n}\n\nSecretRevealBase.displayName = \"SecretReveal\";\n"]}
+{"version":3,"sources":["../../src/ui/secret-reveal/secret-reveal-base.tsx"],"names":[],"mappings":"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","file":"secret-reveal.mjs","sourcesContent":["\"use client\";\n\nimport { useCallback, useState } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { SecretRevealBaseProps } from \"./types\";\nimport {\n  secretRevealLabelVariants,\n  secretRevealToggleVariants,\n  secretRevealValueVariants,\n  secretRevealVariants,\n} from \"./variants\";\n\nexport function SecretRevealBase({\n  appearance,\n  size,\n  value,\n  children,\n  label,\n  labelPosition = \"top\",\n  initiallyRevealed = false,\n  onVisibilityChange,\n  muteChar = \"•\",\n  className,\n  ref,\n  ...rest\n}: SecretRevealBaseProps) {\n  const [revealed, setRevealed] = useState(initiallyRevealed);\n\n  const toggle = useCallback(() => {\n    const next = !revealed;\n    setRevealed(next);\n    onVisibilityChange?.(next);\n  }, [onVisibilityChange, revealed]);\n\n  const displayText = value ?? (typeof children === \"string\" ? children : \"\");\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"secret-reveal\"\n      className={cn(secretRevealVariants({ appearance, size }), className)}\n      {...rest}\n    >\n      {label && labelPosition === \"top\" && (\n        <span\n          data-slot=\"secret-reveal-label\"\n          className={secretRevealLabelVariants({ size })}\n        >\n          {label}\n        </span>\n      )}\n      <span className=\"flex items-center gap-2 flex-1 min-w-0\">\n        {label && labelPosition === \"side\" && (\n          <span\n            data-slot=\"secret-reveal-label\"\n            className={secretRevealLabelVariants({ size })}\n          >\n            {label}\n          </span>\n        )}\n        <span\n          data-slot=\"secret-reveal-value\"\n          className={cn(\n            secretRevealValueVariants({ size }),\n            \"flex-1 min-w-0 truncate\",\n          )}\n        >\n          {revealed\n            ? (value ?? children)\n            : muteChar.repeat(displayText.length || 8)}\n        </span>\n        <button\n          type=\"button\"\n          data-slot=\"secret-reveal-toggle\"\n          className={secretRevealToggleVariants({ size, appearance })}\n          onClick={toggle}\n          aria-label={revealed ? \"Hide secret\" : \"Reveal secret\"}\n        >\n          {revealed ? (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            >\n              <path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94\" />\n              <path d=\"M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19\" />\n              <line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\" />\n            </svg>\n          ) : (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            >\n              <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" />\n              <circle cx=\"12\" cy=\"12\" r=\"3\" />\n            </svg>\n          )}\n        </button>\n      </span>\n    </div>\n  );\n}\n\nSecretRevealBase.displayName = \"SecretReveal\";\n"]}

package/dist/ui/speech-recognition/animated/animations.d.ts

@@ -0,0 +1,8 @@
+import type { Transition, Variants } from "framer-motion";
+export type SpeechRecognitionAnimation = "none" | "pulse" | "wave" | "glow";
+export type SpeechRecognitionAnimationPresets = Record<SpeechRecognitionAnimation, {
+    transition: Transition;
+    variants: Variants;
+}>;
+export declare const speechRecognitionAnimationPresets: SpeechRecognitionAnimationPresets;
+//# sourceMappingURL=animations.d.ts.map

package/dist/ui/speech-recognition/animated/animations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../../../src/ui/speech-recognition/animated/animations.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE1D,MAAM,MAAM,0BAA0B,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAE5E,MAAM,MAAM,iCAAiC,GAAG,MAAM,CACpD,0BAA0B,EAC1B;IACE,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,EAAE,QAAQ,CAAC;CACpB,CACF,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,iCAiD7C,CAAC"}

package/dist/ui/speech-recognition/animated/index.d.ts

@@ -0,0 +1,4 @@
+export { SpeechRecognitionAnimated } from "./speech-recognition-animated";
+export type { SpeechRecognitionAnimation, SpeechRecognitionAnimatedProps, } from "./types";
+export { speechRecognitionAnimationPresets } from "./animations";
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/speech-recognition/animated/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/speech-recognition/animated/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAC1E,YAAY,EACV,0BAA0B,EAC1B,8BAA8B,GAC/B,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,iCAAiC,EAAE,MAAM,cAAc,CAAC"}

package/dist/ui/speech-recognition/animated/speech-recognition-animated.d.ts

@@ -0,0 +1,6 @@
+import type { SpeechRecognitionAnimatedProps } from "./types";
+export declare function SpeechRecognitionAnimated({ appearance, size, lang, continuous, interimResults, autoStart, onResult, onError, onStateChange, renderMic, animation, className, children, ...rest }: SpeechRecognitionAnimatedProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace SpeechRecognitionAnimated {
+    var displayName: string;
+}
+//# sourceMappingURL=speech-recognition-animated.d.ts.map

package/dist/ui/speech-recognition/animated/speech-recognition-animated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"speech-recognition-animated.d.ts","sourceRoot":"","sources":["../../../../src/ui/speech-recognition/animated/speech-recognition-animated.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,SAAS,CAAC;AAuC9D,wBAAgB,yBAAyB,CAAC,EACxC,UAAU,EACV,IAAI,EACJ,IAAI,EACJ,UAAkB,EAClB,cAAqB,EACrB,SAAiB,EACjB,QAAQ,EACR,OAAO,EACP,aAAa,EACb,SAAS,EACT,SAAmB,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,8BAA8B,2CAoMhC;yBAnNe,yBAAyB"}

package/dist/ui/speech-recognition/animated/types.d.ts

@@ -0,0 +1,9 @@
+import type { Ref } from "react";
+import type { SpeechRecognitionBaseProps } from "../types";
+import type { SpeechRecognitionAnimation } from "./animations";
+export type { SpeechRecognitionAnimation };
+export type SpeechRecognitionAnimatedProps = SpeechRecognitionBaseProps & {
+    animation?: SpeechRecognitionAnimation;
+    ref?: Ref<HTMLDivElement>;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/speech-recognition/animated/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/speech-recognition/animated/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAC;AAC3D,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAE/D,YAAY,EAAE,0BAA0B,EAAE,CAAC;AAE3C,MAAM,MAAM,8BAA8B,GAAG,0BAA0B,GAAG;IACxE,SAAS,CAAC,EAAE,0BAA0B,CAAC;IACvC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B,CAAC"}

package/dist/ui/speech-recognition/animated.js

@@ -0,0 +1,288 @@
+"use client";
+'use strict';
+
+var chunkSD7YXMNV_js = require('../../chunk-SD7YXMNV.js');
+require('../../chunk-OME7XOPN.js');
+var chunkZS5756ZC_js = require('../../chunk-ZS5756ZC.js');
+require('../../chunk-PZ5AY32C.js');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/ui/speech-recognition/animated/animations.ts
+var speechRecognitionAnimationPresets = {
+  none: {
+    transition: { duration: 0 },
+    variants: {
+      initial: { scale: 1 },
+      animate: { scale: 1 }
+    }
+  },
+  pulse: {
+    transition: {
+      duration: 1,
+      repeat: Infinity,
+      repeatType: "reverse",
+      ease: "easeInOut"
+    },
+    variants: {
+      initial: { scale: 1, opacity: 0.7 },
+      animate: { scale: 1.15, opacity: 1 }
+    }
+  },
+  wave: {
+    transition: {
+      duration: 0.8,
+      repeat: Infinity,
+      repeatType: "reverse",
+      ease: "easeInOut"
+    },
+    variants: {
+      initial: { scale: 1, rotate: 0 },
+      animate: { scale: 1.1, rotate: -5 }
+    }
+  },
+  glow: {
+    transition: {
+      duration: 1.5,
+      repeat: Infinity,
+      repeatType: "reverse",
+      ease: "easeInOut"
+    },
+    variants: {
+      initial: {
+        boxShadow: "0 0 0px rgba(59,130,246,0)"
+      },
+      animate: {
+        boxShadow: "0 0 20px rgba(59,130,246,0.5)"
+      }
+    }
+  }
+};
+function getSpeechRecognition() {
+  if (typeof window === "undefined") return void 0;
+  return window.SpeechRecognition ?? window.webkitSpeechRecognition;
+}
+function DefaultMic({
+  isListening,
+  state
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: `size-5 ${state === "error" ? "text-red-400" : ""}`,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
+        /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "19", x2: "12", y2: "22" }),
+        isListening && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "9", y1: "20", x2: "7", y2: "22" }),
+          /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "15", y1: "20", x2: "17", y2: "22" })
+        ] })
+      ]
+    }
+  );
+}
+function SpeechRecognitionAnimated({
+  appearance,
+  size,
+  lang,
+  continuous = false,
+  interimResults = true,
+  autoStart = false,
+  onResult,
+  onError,
+  onStateChange,
+  renderMic,
+  animation = "pulse",
+  className,
+  children,
+  ...rest
+}) {
+  const [state, setState] = react.useState("idle");
+  const [transcript, setTranscript] = react.useState("");
+  const [interimText, setInterimText] = react.useState("");
+  const recognitionRef = react.useRef(null);
+  const stateRef = react.useRef("idle");
+  const preset = speechRecognitionAnimationPresets[animation];
+  const setStateSafe = react.useCallback(
+    (newState) => {
+      stateRef.current = newState;
+      setState(newState);
+      onStateChange?.(newState);
+    },
+    [onStateChange]
+  );
+  const start = react.useCallback(() => {
+    const SR = getSpeechRecognition();
+    if (!SR) {
+      setStateSafe("error");
+      onError?.("SpeechRecognition is not supported in this browser");
+      return;
+    }
+    if (recognitionRef.current) {
+      try {
+        recognitionRef.current.abort();
+      } catch {
+      }
+    }
+    const recognition = new SR();
+    recognition.continuous = continuous;
+    recognition.interimResults = interimResults;
+    if (lang) recognition.lang = lang;
+    recognition.onstart = () => setStateSafe("listening");
+    recognition.onresult = (event) => {
+      let finalText = "";
+      let interimTextBuilder = "";
+      for (let i = event.resultIndex; i < event.results.length; i++) {
+        const result = event.results[i];
+        if (result.isFinal) {
+          finalText += result[0].transcript;
+        } else {
+          interimTextBuilder += result[0].transcript;
+        }
+      }
+      if (finalText) {
+        setTranscript((prev) => prev + finalText);
+        onResult?.({ transcript: finalText, isFinal: true });
+        setStateSafe("processing");
+      }
+      setInterimText(interimTextBuilder);
+      if (interimTextBuilder) {
+        onResult?.({ transcript: interimTextBuilder, isFinal: false });
+      }
+    };
+    recognition.onerror = (event) => {
+      setStateSafe("error");
+      onError?.(event.error);
+    };
+    recognition.onend = () => {
+      if (stateRef.current === "listening") {
+        setStateSafe("idle");
+      }
+    };
+    try {
+      recognition.start();
+    } catch (err) {
+      setStateSafe("error");
+      onError?.(String(err));
+    }
+    recognitionRef.current = recognition;
+  }, [continuous, interimResults, lang, onError, onResult, setStateSafe]);
+  const stop = react.useCallback(() => {
+    if (recognitionRef.current) {
+      try {
+        recognitionRef.current.stop();
+      } catch {
+      }
+    }
+    setStateSafe("idle");
+  }, [setStateSafe]);
+  const abort = react.useCallback(() => {
+    if (recognitionRef.current) {
+      try {
+        recognitionRef.current.abort();
+      } catch {
+      }
+    }
+    setTranscript("");
+    setInterimText("");
+    setStateSafe("idle");
+  }, [setStateSafe]);
+  const imperativeHandle = {
+    start,
+    stop,
+    abort,
+    get state() {
+      return stateRef.current;
+    }
+  };
+  react.useImperativeHandle(rest.ref, () => imperativeHandle, [
+    start,
+    stop,
+    abort
+  ]);
+  react.useEffect(() => {
+    if (autoStart) start();
+    return () => {
+      if (recognitionRef.current) {
+        try {
+          recognitionRef.current.abort();
+        } catch {
+        }
+      }
+    };
+  }, []);
+  const isListening = state === "listening";
+  const toggleListening = react.useCallback(() => {
+    isListening ? stop() : start();
+  }, [isListening, start, stop]);
+  const displayText = transcript + (interimText ? ` ${interimText}` : "");
+  const statusText = state === "idle" ? "Click to start listening" : state === "listening" ? "Listening..." : state === "processing" ? "Processing..." : "Error occurred";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    framerMotion.motion.div,
+    {
+      "data-slot": "speech-recognition",
+      className: chunkZS5756ZC_js.cn(chunkSD7YXMNV_js.speechRecognitionVariants({ size }), className),
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            framerMotion.motion.button,
+            {
+              type: "button",
+              "data-slot": "speech-recognition-btn",
+              className: chunkZS5756ZC_js.cn(
+                chunkSD7YXMNV_js.speechRecognitionBtnVariants({ appearance, size }),
+                isListening && chunkSD7YXMNV_js.speechRecognitionBtnActiveClasses
+              ),
+              onClick: toggleListening,
+              "aria-label": isListening ? "Stop listening" : "Start listening",
+              "aria-pressed": isListening,
+              animate: isListening ? {
+                scale: [1, 1.1, 1],
+                transition: { duration: 1, repeat: Infinity }
+              } : { scale: 1 },
+              children: renderMic ? renderMic({ isListening, state }) : /* @__PURE__ */ jsxRuntime.jsx(DefaultMic, { isListening, state })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            framerMotion.motion.span,
+            {
+              "data-slot": "speech-recognition-status",
+              className: chunkSD7YXMNV_js.speechRecognitionStatusClasses,
+              initial: "initial",
+              animate: isListening ? "animate" : "initial",
+              variants: preset.variants,
+              transition: preset.transition,
+              children: statusText
+            }
+          )
+        ] }),
+        displayText && /* @__PURE__ */ jsxRuntime.jsx(
+          framerMotion.motion.p,
+          {
+            "data-slot": "speech-recognition-transcript",
+            className: chunkSD7YXMNV_js.speechRecognitionTranscriptClasses,
+            initial: { opacity: 0, y: 5 },
+            animate: { opacity: 1, y: 0 },
+            children: displayText
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+SpeechRecognitionAnimated.displayName = "SpeechRecognitionAnimated";
+
+exports.SpeechRecognitionAnimated = SpeechRecognitionAnimated;
+exports.speechRecognitionAnimationPresets = speechRecognitionAnimationPresets;
+//# sourceMappingURL=animated.js.map
+//# sourceMappingURL=animated.js.map

package/dist/ui/speech-recognition/animated.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/speech-recognition/animated/animations.ts","../../../src/ui/speech-recognition/animated/speech-recognition-animated.tsx"],"names":["jsxs","jsx","Fragment","useState","useRef","useCallback","useImperativeHandle","useEffect","motion","cn","speechRecognitionVariants","speechRecognitionBtnVariants","speechRecognitionBtnActiveClasses","speechRecognitionStatusClasses","speechRecognitionTranscriptClasses"],"mappings":"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","file":"animated.js","sourcesContent":["import type { Transition, Variants } from \"framer-motion\";\n\nexport type SpeechRecognitionAnimation = \"none\" | \"pulse\" | \"wave\" | \"glow\";\n\nexport type SpeechRecognitionAnimationPresets = Record<\n  SpeechRecognitionAnimation,\n  {\n    transition: Transition;\n    variants: Variants;\n  }\n>;\n\nexport const speechRecognitionAnimationPresets: SpeechRecognitionAnimationPresets =\n  {\n    none: {\n      transition: { duration: 0 },\n      variants: {\n        initial: { scale: 1 },\n        animate: { scale: 1 },\n      },\n    },\n    pulse: {\n      transition: {\n        duration: 1,\n        repeat: Infinity,\n        repeatType: \"reverse\",\n        ease: \"easeInOut\",\n      },\n      variants: {\n        initial: { scale: 1, opacity: 0.7 },\n        animate: { scale: 1.15, opacity: 1 },\n      },\n    },\n    wave: {\n      transition: {\n        duration: 0.8,\n        repeat: Infinity,\n        repeatType: \"reverse\",\n        ease: \"easeInOut\",\n      },\n      variants: {\n        initial: { scale: 1, rotate: 0 },\n        animate: { scale: 1.1, rotate: -5 },\n      },\n    },\n    glow: {\n      transition: {\n        duration: 1.5,\n        repeat: Infinity,\n        repeatType: \"reverse\",\n        ease: \"easeInOut\",\n      },\n      variants: {\n        initial: {\n          boxShadow: \"0 0 0px rgba(59,130,246,0)\",\n        },\n        animate: {\n          boxShadow: \"0 0 20px rgba(59,130,246,0.5)\",\n        },\n      },\n    },\n  };\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\nimport {\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport type { SpeechRecognitionRef, SpeechRecognitionState } from \"../types\";\nimport {\n  speechRecognitionBtnActiveClasses,\n  speechRecognitionBtnVariants,\n  speechRecognitionStatusClasses,\n  speechRecognitionTranscriptClasses,\n  speechRecognitionVariants,\n} from \"../variants\";\n\nimport { speechRecognitionAnimationPresets } from \"./animations\";\nimport type { SpeechRecognitionAnimatedProps } from \"./types\";\n\nfunction getSpeechRecognition(): any {\n  if (typeof window === \"undefined\") return undefined;\n  return (\n    (window as any).SpeechRecognition ?? (window as any).webkitSpeechRecognition\n  );\n}\n\nfunction DefaultMic({\n  isListening,\n  state,\n}: {\n  isListening: boolean;\n  state: SpeechRecognitionState;\n}) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={`size-5 ${state === \"error\" ? \"text-red-400\" : \"\"}`}\n    >\n      <path d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z\" />\n      <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\" />\n      <line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"22\" />\n      {isListening && (\n        <>\n          <line x1=\"9\" y1=\"20\" x2=\"7\" y2=\"22\" />\n          <line x1=\"15\" y1=\"20\" x2=\"17\" y2=\"22\" />\n        </>\n      )}\n    </svg>\n  );\n}\n\nexport function SpeechRecognitionAnimated({\n  appearance,\n  size,\n  lang,\n  continuous = false,\n  interimResults = true,\n  autoStart = false,\n  onResult,\n  onError,\n  onStateChange,\n  renderMic,\n  animation = \"pulse\",\n  className,\n  children,\n  ...rest\n}: SpeechRecognitionAnimatedProps) {\n  const [state, setState] = useState<SpeechRecognitionState>(\"idle\");\n  const [transcript, setTranscript] = useState(\"\");\n  const [interimText, setInterimText] = useState(\"\");\n  const recognitionRef = useRef<any>(null);\n  const stateRef = useRef<SpeechRecognitionState>(\"idle\");\n  const preset = speechRecognitionAnimationPresets[animation];\n\n  const setStateSafe = useCallback(\n    (newState: SpeechRecognitionState) => {\n      stateRef.current = newState;\n      setState(newState);\n      onStateChange?.(newState);\n    },\n    [onStateChange],\n  );\n\n  const start = useCallback(() => {\n    const SR = getSpeechRecognition();\n    if (!SR) {\n      setStateSafe(\"error\");\n      onError?.(\"SpeechRecognition is not supported in this browser\");\n      return;\n    }\n\n    if (recognitionRef.current) {\n      try {\n        recognitionRef.current.abort();\n      } catch {}\n    }\n\n    const recognition = new SR();\n    recognition.continuous = continuous;\n    recognition.interimResults = interimResults;\n    if (lang) recognition.lang = lang;\n\n    recognition.onstart = () => setStateSafe(\"listening\");\n    recognition.onresult = (event: any) => {\n      let finalText = \"\";\n      let interimTextBuilder = \"\";\n\n      for (let i = event.resultIndex; i < event.results.length; i++) {\n        const result = event.results[i];\n        if (result.isFinal) {\n          finalText += result[0].transcript;\n        } else {\n          interimTextBuilder += result[0].transcript;\n        }\n      }\n\n      if (finalText) {\n        setTranscript((prev) => prev + finalText);\n        onResult?.({ transcript: finalText, isFinal: true });\n        setStateSafe(\"processing\");\n      }\n      setInterimText(interimTextBuilder);\n      if (interimTextBuilder) {\n        onResult?.({ transcript: interimTextBuilder, isFinal: false });\n      }\n    };\n    recognition.onerror = (event: { error: string }) => {\n      setStateSafe(\"error\");\n      onError?.(event.error);\n    };\n    recognition.onend = () => {\n      if (stateRef.current === \"listening\") {\n        setStateSafe(\"idle\");\n      }\n    };\n\n    try {\n      recognition.start();\n    } catch (err) {\n      setStateSafe(\"error\");\n      onError?.(String(err));\n    }\n    recognitionRef.current = recognition;\n  }, [continuous, interimResults, lang, onError, onResult, setStateSafe]);\n\n  const stop = useCallback(() => {\n    if (recognitionRef.current) {\n      try {\n        recognitionRef.current.stop();\n      } catch {}\n    }\n    setStateSafe(\"idle\");\n  }, [setStateSafe]);\n\n  const abort = useCallback(() => {\n    if (recognitionRef.current) {\n      try {\n        recognitionRef.current.abort();\n      } catch {}\n    }\n    setTranscript(\"\");\n    setInterimText(\"\");\n    setStateSafe(\"idle\");\n  }, [setStateSafe]);\n\n  const imperativeHandle: SpeechRecognitionRef = {\n    start,\n    stop,\n    abort,\n    get state() {\n      return stateRef.current;\n    },\n  };\n\n  useImperativeHandle((rest as any).ref, () => imperativeHandle, [\n    start,\n    stop,\n    abort,\n  ]);\n\n  useEffect(() => {\n    if (autoStart) start();\n    return () => {\n      if (recognitionRef.current) {\n        try {\n          recognitionRef.current.abort();\n        } catch {}\n      }\n    };\n  }, []);\n\n  const isListening = state === \"listening\";\n  const toggleListening = useCallback(() => {\n    isListening ? stop() : start();\n  }, [isListening, start, stop]);\n\n  const displayText = transcript + (interimText ? ` ${interimText}` : \"\");\n  const statusText =\n    state === \"idle\"\n      ? \"Click to start listening\"\n      : state === \"listening\"\n        ? \"Listening...\"\n        : state === \"processing\"\n          ? \"Processing...\"\n          : \"Error occurred\";\n\n  return (\n    <motion.div\n      data-slot=\"speech-recognition\"\n      className={cn(speechRecognitionVariants({ size }), className)}\n      {...(rest as any)}\n    >\n      <div className=\"flex items-center gap-3\">\n        <motion.button\n          type=\"button\"\n          data-slot=\"speech-recognition-btn\"\n          className={cn(\n            speechRecognitionBtnVariants({ appearance, size }),\n            isListening && speechRecognitionBtnActiveClasses,\n          )}\n          onClick={toggleListening}\n          aria-label={isListening ? \"Stop listening\" : \"Start listening\"}\n          aria-pressed={isListening}\n          animate={\n            isListening\n              ? {\n                  scale: [1, 1.1, 1],\n                  transition: { duration: 1, repeat: Infinity },\n                }\n              : { scale: 1 }\n          }\n        >\n          {renderMic ? (\n            renderMic({ isListening, state })\n          ) : (\n            <DefaultMic isListening={isListening} state={state} />\n          )}\n        </motion.button>\n        <motion.span\n          data-slot=\"speech-recognition-status\"\n          className={speechRecognitionStatusClasses}\n          initial=\"initial\"\n          animate={isListening ? \"animate\" : \"initial\"}\n          variants={preset.variants}\n          transition={preset.transition}\n        >\n          {statusText}\n        </motion.span>\n      </div>\n      {displayText && (\n        <motion.p\n          data-slot=\"speech-recognition-transcript\"\n          className={speechRecognitionTranscriptClasses}\n          initial={{ opacity: 0, y: 5 }}\n          animate={{ opacity: 1, y: 0 }}\n        >\n          {displayText}\n        </motion.p>\n      )}\n      {children}\n    </motion.div>\n  );\n}\n\nSpeechRecognitionAnimated.displayName = \"SpeechRecognitionAnimated\";\n"]}