@zentauri-ui/zentauri-components 2.2.1 → 2.2.2

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

@@ -0,0 +1,194 @@
+"use client";
+'use strict';
+
+var chunkPQ2XTY3M_js = require('../../chunk-PQ2XTY3M.js');
+require('../../chunk-H3BJOK22.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/secret-reveal/animated/animations.ts
+var secretRevealAnimationPresets = {
+  none: {
+    transition: { duration: 0 },
+    variants: {
+      initial: { opacity: 1 },
+      animate: { opacity: 1 },
+      exit: { opacity: 1 }
+    }
+  },
+  fade: {
+    transition: { duration: 0.25, ease: "easeInOut" },
+    variants: {
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      exit: { opacity: 0 }
+    }
+  },
+  "slide-up": {
+    transition: {
+      type: "spring",
+      stiffness: 300,
+      damping: 25,
+      mass: 0.5
+    },
+    variants: {
+      initial: { opacity: 0, y: 8 },
+      animate: { opacity: 1, y: 0 },
+      exit: { opacity: 0, y: -8 }
+    }
+  },
+  scale: {
+    transition: {
+      type: "spring",
+      stiffness: 400,
+      damping: 20,
+      mass: 0.4
+    },
+    variants: {
+      initial: { opacity: 0, scale: 0.9 },
+      animate: { opacity: 1, scale: 1 },
+      exit: { opacity: 0, scale: 0.9 }
+    }
+  },
+  flip: {
+    transition: {
+      type: "spring",
+      stiffness: 200,
+      damping: 18,
+      mass: 0.6
+    },
+    variants: {
+      initial: { opacity: 0, rotateX: 90 },
+      animate: { opacity: 1, rotateX: 0 },
+      exit: { opacity: 0, rotateX: -90 }
+    }
+  }
+};
+function SecretRevealAnimated({
+  appearance,
+  size,
+  value,
+  children,
+  label,
+  labelPosition = "top",
+  initiallyRevealed = false,
+  onVisibilityChange,
+  animation = "fade",
+  muteChar = "\u2022",
+  className,
+  ref,
+  ...rest
+}) {
+  const [revealed, setRevealed] = react.useState(initiallyRevealed);
+  const toggle = react.useCallback(() => {
+    const next = !revealed;
+    setRevealed(next);
+    onVisibilityChange?.(next);
+  }, [onVisibilityChange, revealed]);
+  const preset = secretRevealAnimationPresets[animation];
+  const displayText = value ?? (typeof children === "string" ? children : "");
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      "data-slot": "secret-reveal",
+      className: chunkZS5756ZC_js.cn(chunkPQ2XTY3M_js.secretRevealVariants({ appearance, size }), className),
+      ...rest,
+      children: [
+        label && labelPosition === "top" && /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "data-slot": "secret-reveal-label",
+            className: chunkPQ2XTY3M_js.secretRevealLabelVariants({ size }),
+            children: label
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
+          label && labelPosition === "side" && /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              "data-slot": "secret-reveal-label",
+              className: chunkPQ2XTY3M_js.secretRevealLabelVariants({ size }),
+              children: label
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              "data-slot": "secret-reveal-value",
+              className: chunkZS5756ZC_js.cn(chunkPQ2XTY3M_js.secretRevealValueVariants({ size }), "flex-1 truncate"),
+              children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxRuntime.jsx(
+                framerMotion.motion.span,
+                {
+                  initial: "initial",
+                  animate: "animate",
+                  exit: "exit",
+                  variants: preset.variants,
+                  transition: preset.transition,
+                  className: "inline-block",
+                  children: revealed ? value ?? children : muteChar.repeat(displayText.length || 8)
+                },
+                revealed ? "revealed" : "hidden"
+              ) })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              "data-slot": "secret-reveal-toggle",
+              className: chunkPQ2XTY3M_js.secretRevealToggleVariants({ size, appearance }),
+              onClick: toggle,
+              "aria-label": revealed ? "Hide secret" : "Reveal secret",
+              children: revealed ? /* @__PURE__ */ jsxRuntime.jsxs(
+                "svg",
+                {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("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" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("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" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
+                  ]
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsxs(
+                "svg",
+                {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "3" })
+                  ]
+                }
+              )
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+SecretRevealAnimated.displayName = "SecretRevealAnimated";
+
+exports.SecretRevealAnimated = SecretRevealAnimated;
+exports.secretRevealAnimationPresets = secretRevealAnimationPresets;
+//# sourceMappingURL=animated.js.map
+//# sourceMappingURL=animated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/secret-reveal/animated/animations.ts","../../../src/ui/secret-reveal/animated/secret-reveal-animated.tsx"],"names":["useState","useCallback","jsxs","cn","secretRevealVariants","jsx","secretRevealLabelVariants","secretRevealValueVariants","AnimatePresence","motion","secretRevealToggleVariants"],"mappings":"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","file":"animated.js","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"]}

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

@@ -0,0 +1,191 @@
+"use client";
+import { secretRevealLabelVariants, secretRevealValueVariants, secretRevealToggleVariants, secretRevealVariants } from '../../chunk-ATE5SCTR.mjs';
+import '../../chunk-DIAA5VH4.mjs';
+import { cn } from '../../chunk-4D54YOL6.mjs';
+import '../../chunk-J5LGTIGS.mjs';
+import { AnimatePresence, motion } from 'framer-motion';
+import { useState, useCallback } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/ui/secret-reveal/animated/animations.ts
+var secretRevealAnimationPresets = {
+  none: {
+    transition: { duration: 0 },
+    variants: {
+      initial: { opacity: 1 },
+      animate: { opacity: 1 },
+      exit: { opacity: 1 }
+    }
+  },
+  fade: {
+    transition: { duration: 0.25, ease: "easeInOut" },
+    variants: {
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      exit: { opacity: 0 }
+    }
+  },
+  "slide-up": {
+    transition: {
+      type: "spring",
+      stiffness: 300,
+      damping: 25,
+      mass: 0.5
+    },
+    variants: {
+      initial: { opacity: 0, y: 8 },
+      animate: { opacity: 1, y: 0 },
+      exit: { opacity: 0, y: -8 }
+    }
+  },
+  scale: {
+    transition: {
+      type: "spring",
+      stiffness: 400,
+      damping: 20,
+      mass: 0.4
+    },
+    variants: {
+      initial: { opacity: 0, scale: 0.9 },
+      animate: { opacity: 1, scale: 1 },
+      exit: { opacity: 0, scale: 0.9 }
+    }
+  },
+  flip: {
+    transition: {
+      type: "spring",
+      stiffness: 200,
+      damping: 18,
+      mass: 0.6
+    },
+    variants: {
+      initial: { opacity: 0, rotateX: 90 },
+      animate: { opacity: 1, rotateX: 0 },
+      exit: { opacity: 0, rotateX: -90 }
+    }
+  }
+};
+function SecretRevealAnimated({
+  appearance,
+  size,
+  value,
+  children,
+  label,
+  labelPosition = "top",
+  initiallyRevealed = false,
+  onVisibilityChange,
+  animation = "fade",
+  muteChar = "\u2022",
+  className,
+  ref,
+  ...rest
+}) {
+  const [revealed, setRevealed] = useState(initiallyRevealed);
+  const toggle = useCallback(() => {
+    const next = !revealed;
+    setRevealed(next);
+    onVisibilityChange?.(next);
+  }, [onVisibilityChange, revealed]);
+  const preset = secretRevealAnimationPresets[animation];
+  const displayText = value ?? (typeof children === "string" ? children : "");
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      "data-slot": "secret-reveal",
+      className: cn(secretRevealVariants({ appearance, size }), className),
+      ...rest,
+      children: [
+        label && labelPosition === "top" && /* @__PURE__ */ jsx(
+          "span",
+          {
+            "data-slot": "secret-reveal-label",
+            className: secretRevealLabelVariants({ size }),
+            children: label
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
+          label && labelPosition === "side" && /* @__PURE__ */ jsx(
+            "span",
+            {
+              "data-slot": "secret-reveal-label",
+              className: secretRevealLabelVariants({ size }),
+              children: label
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              "data-slot": "secret-reveal-value",
+              className: cn(secretRevealValueVariants({ size }), "flex-1 truncate"),
+              children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(
+                motion.span,
+                {
+                  initial: "initial",
+                  animate: "animate",
+                  exit: "exit",
+                  variants: preset.variants,
+                  transition: preset.transition,
+                  className: "inline-block",
+                  children: revealed ? value ?? children : muteChar.repeat(displayText.length || 8)
+                },
+                revealed ? "revealed" : "hidden"
+              ) })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "data-slot": "secret-reveal-toggle",
+              className: secretRevealToggleVariants({ size, appearance }),
+              onClick: toggle,
+              "aria-label": revealed ? "Hide secret" : "Reveal secret",
+              children: revealed ? /* @__PURE__ */ jsxs(
+                "svg",
+                {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  children: [
+                    /* @__PURE__ */ jsx("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" }),
+                    /* @__PURE__ */ jsx("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" }),
+                    /* @__PURE__ */ jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
+                  ]
+                }
+              ) : /* @__PURE__ */ jsxs(
+                "svg",
+                {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  children: [
+                    /* @__PURE__ */ jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+                    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3" })
+                  ]
+                }
+              )
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+SecretRevealAnimated.displayName = "SecretRevealAnimated";
+
+export { SecretRevealAnimated, secretRevealAnimationPresets };
+//# sourceMappingURL=animated.mjs.map
+//# sourceMappingURL=animated.mjs.map

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

@@ -0,0 +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"]}

package/dist/ui/secret-reveal/index.d.ts

@@ -0,0 +1,4 @@
+export { SecretReveal } from "./secret-reveal";
+export type { SecretRevealBaseProps, SecretRevealProps, SecretRevealVariantProps, } from "./types";
+export { secretRevealLabelVariants, secretRevealToggleVariants, secretRevealValueVariants, secretRevealVariants, } from "./variants";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/secret-reveal/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,YAAY,EACV,qBAAqB,EACrB,iBAAiB,EACjB,wBAAwB,GACzB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,yBAAyB,EACzB,0BAA0B,EAC1B,yBAAyB,EACzB,oBAAoB,GACrB,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1,6 @@
+import type { SecretRevealBaseProps } from "./types";
+export declare function SecretRevealBase({ appearance, size, value, children, label, labelPosition, initiallyRevealed, onVisibilityChange, muteChar, className, ref, ...rest }: SecretRevealBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace SecretRevealBase {
+    var displayName: string;
+}
+//# sourceMappingURL=secret-reveal-base.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,2 @@
+export { SecretRevealBase as SecretReveal } from "./secret-reveal-base";
+//# sourceMappingURL=secret-reveal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"secret-reveal.d.ts","sourceRoot":"","sources":["../../../src/ui/secret-reveal/secret-reveal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,IAAI,YAAY,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/ui/secret-reveal/types.d.ts

@@ -0,0 +1,15 @@
+import type { VariantProps } from "class-variance-authority";
+import type { ComponentPropsWithRef, ReactNode } from "react";
+import type { secretRevealVariants } from "./variants";
+export type SecretRevealVariantProps = VariantProps<typeof secretRevealVariants>;
+export type SecretRevealBaseProps = SecretRevealVariantProps & ComponentPropsWithRef<"div"> & {
+    value?: string;
+    children?: ReactNode;
+    label?: ReactNode;
+    labelPosition?: "top" | "side";
+    initiallyRevealed?: boolean;
+    onVisibilityChange?: (revealed: boolean) => void;
+    muteChar?: string;
+};
+export type SecretRevealProps = SecretRevealBaseProps;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/secret-reveal/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAEvD,MAAM,MAAM,wBAAwB,GAAG,YAAY,CACjD,OAAO,oBAAoB,CAC5B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,wBAAwB,GAC1D,qBAAqB,CAAC,KAAK,CAAC,GAAG;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEJ,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,CAAC"}

package/dist/ui/secret-reveal/variants.d.ts

@@ -0,0 +1,15 @@
+export declare const secretRevealVariants: (props?: ({
+    appearance?: "default" | "muted" | "sky" | "emerald" | "rose" | "slate" | "gray" | "indigo" | "cyan" | "blue" | "green" | "lime" | "orange" | "pink" | "purple" | "red" | "teal" | "yellow" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "zinc" | "subtle" | "primary" | null | undefined;
+    size?: "md" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const secretRevealLabelVariants: (props?: ({
+    size?: "md" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const secretRevealValueVariants: (props?: ({
+    size?: "md" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const secretRevealToggleVariants: (props?: ({
+    size?: "md" | "sm" | "lg" | null | undefined;
+    appearance?: "default" | "muted" | "sky" | "emerald" | "rose" | "slate" | "gray" | "indigo" | "cyan" | "blue" | "green" | "lime" | "orange" | "pink" | "purple" | "red" | "teal" | "yellow" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "zinc" | "subtle" | "primary" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=variants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/secret-reveal/variants.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,oBAAoB;;;8EAS/B,CAAC;AAEH,eAAO,MAAM,yBAAyB;;8EAKpC,CAAC;AAEH,eAAO,MAAM,yBAAyB;;8EAKpC,CAAC;AAEH,eAAO,MAAM,0BAA0B;;;8EASrC,CAAC"}

package/dist/ui/secret-reveal.js

@@ -0,0 +1,136 @@
+"use client";
+'use strict';
+
+var chunkPQ2XTY3M_js = require('../chunk-PQ2XTY3M.js');
+require('../chunk-H3BJOK22.js');
+var chunkZS5756ZC_js = require('../chunk-ZS5756ZC.js');
+require('../chunk-PZ5AY32C.js');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function SecretRevealBase({
+  appearance,
+  size,
+  value,
+  children,
+  label,
+  labelPosition = "top",
+  initiallyRevealed = false,
+  onVisibilityChange,
+  muteChar = "\u2022",
+  className,
+  ref,
+  ...rest
+}) {
+  const [revealed, setRevealed] = react.useState(initiallyRevealed);
+  const toggle = react.useCallback(() => {
+    const next = !revealed;
+    setRevealed(next);
+    onVisibilityChange?.(next);
+  }, [onVisibilityChange, revealed]);
+  const displayText = value ?? (typeof children === "string" ? children : "");
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      "data-slot": "secret-reveal",
+      className: chunkZS5756ZC_js.cn(chunkPQ2XTY3M_js.secretRevealVariants({ appearance, size }), className),
+      ...rest,
+      children: [
+        label && labelPosition === "top" && /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "data-slot": "secret-reveal-label",
+            className: chunkPQ2XTY3M_js.secretRevealLabelVariants({ size }),
+            children: label
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
+          label && labelPosition === "side" && /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              "data-slot": "secret-reveal-label",
+              className: chunkPQ2XTY3M_js.secretRevealLabelVariants({ size }),
+              children: label
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              "data-slot": "secret-reveal-value",
+              className: chunkZS5756ZC_js.cn(chunkPQ2XTY3M_js.secretRevealValueVariants({ size }), "flex-1 truncate"),
+              children: revealed ? value ?? children : muteChar.repeat(displayText.length || 8)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              "data-slot": "secret-reveal-toggle",
+              className: chunkPQ2XTY3M_js.secretRevealToggleVariants({ size, appearance }),
+              onClick: toggle,
+              "aria-label": revealed ? "Hide secret" : "Reveal secret",
+              children: revealed ? /* @__PURE__ */ jsxRuntime.jsxs(
+                "svg",
+                {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("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" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("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" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
+                  ]
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsxs(
+                "svg",
+                {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "3" })
+                  ]
+                }
+              )
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+SecretRevealBase.displayName = "SecretReveal";
+
+Object.defineProperty(exports, "secretRevealLabelVariants", {
+  enumerable: true,
+  get: function () { return chunkPQ2XTY3M_js.secretRevealLabelVariants; }
+});
+Object.defineProperty(exports, "secretRevealToggleVariants", {
+  enumerable: true,
+  get: function () { return chunkPQ2XTY3M_js.secretRevealToggleVariants; }
+});
+Object.defineProperty(exports, "secretRevealValueVariants", {
+  enumerable: true,
+  get: function () { return chunkPQ2XTY3M_js.secretRevealValueVariants; }
+});
+Object.defineProperty(exports, "secretRevealVariants", {
+  enumerable: true,
+  get: function () { return chunkPQ2XTY3M_js.secretRevealVariants; }
+});
+exports.SecretReveal = SecretRevealBase;
+//# sourceMappingURL=secret-reveal.js.map
+//# sourceMappingURL=secret-reveal.js.map