@zentauri-ui/zentauri-components 2.2.2 → 2.3.1

package/dist/ui/qr-scanner.mjs

@@ -0,0 +1,308 @@
+"use client";
+import { zuiQrScannerBase, zuiQrScannerAppearances, zuiQrScannerVideo, zuiQrScannerOverlay, zuiQrScannerViewfinder, zuiQrScannerStatusBase, zuiQrScannerFallbackBase } from '../chunk-PWYEC3KY.mjs';
+import { cn } from '../chunk-4D54YOL6.mjs';
+import '../chunk-J5LGTIGS.mjs';
+import { useRef, useState, useEffect, useCallback, useImperativeHandle } from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var qrScannerVariants = cva(zuiQrScannerBase, {
+  variants: {
+    appearance: zuiQrScannerAppearances
+  },
+  defaultVariants: {
+    appearance: "default"
+  }
+});
+var qrScannerVideoVariants = cva(zuiQrScannerVideo);
+var qrScannerOverlayVariants = cva(zuiQrScannerOverlay);
+var qrScannerViewfinderVariants = cva(zuiQrScannerViewfinder);
+var qrScannerStatusVariants = cva(zuiQrScannerStatusBase);
+var qrScannerFallbackVariants = cva(zuiQrScannerFallbackBase);
+var cachedJsQR = null;
+async function getJsqr() {
+  if (!cachedJsQR) {
+    const { default: m } = await import('jsqr');
+    cachedJsQR = m;
+  }
+  return cachedJsQR;
+}
+function QrScannerBase({
+  onResult,
+  onError,
+  onStart,
+  onStop,
+  facingMode = "environment",
+  constraints,
+  scanDelay = 500,
+  continuous = false,
+  fallbackText = "Camera not available",
+  loadingText = "Starting camera...",
+  noCameraText = "No camera detected",
+  appearance,
+  autoStart = true,
+  className,
+  ref,
+  ...rest
+}) {
+  const videoRef = useRef(null);
+  const canvasRef = useRef(null);
+  const streamRef = useRef(null);
+  const scanningRef = useRef(false);
+  const lastScanRef = useRef(0);
+  const rafRef = useRef(0);
+  const mountedRef = useRef(true);
+  const playPromiseRef = useRef(null);
+  const onResultRef = useRef(onResult);
+  const onErrorRef = useRef(onError);
+  const onStartRef = useRef(onStart);
+  const onStopRef = useRef(onStop);
+  onResultRef.current = onResult;
+  onErrorRef.current = onError;
+  onStartRef.current = onStart;
+  onStopRef.current = onStop;
+  const [scanning, setScanning] = useState(false);
+  const [status, setStatus] = useState("idle");
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    mountedRef.current = true;
+    return () => {
+      mountedRef.current = false;
+    };
+  }, []);
+  const stopCamera = useCallback(() => {
+    scanningRef.current = false;
+    setScanning(false);
+    setStatus("idle");
+    cancelAnimationFrame(rafRef.current);
+    const streamToStop = streamRef.current;
+    const doStop = () => {
+      if (videoRef.current && videoRef.current.srcObject === streamToStop) {
+        videoRef.current.pause();
+        videoRef.current.srcObject = null;
+      }
+      if (streamToStop) {
+        streamToStop.getTracks().forEach((track) => track.stop());
+      }
+      if (streamRef.current === streamToStop) {
+        streamRef.current = null;
+      }
+      onStopRef.current?.();
+    };
+    if (playPromiseRef.current) {
+      playPromiseRef.current.then(doStop, doStop);
+      playPromiseRef.current = null;
+    } else {
+      doStop();
+    }
+  }, []);
+  const scanFrame = useCallback(async () => {
+    if (!scanningRef.current || !mountedRef.current) return;
+    const video = videoRef.current;
+    const canvas = canvasRef.current;
+    if (!video || !canvas || video.readyState < video.HAVE_ENOUGH_DATA) {
+      rafRef.current = requestAnimationFrame(scanFrame);
+      return;
+    }
+    const now = Date.now();
+    if (now - lastScanRef.current < scanDelay) {
+      rafRef.current = requestAnimationFrame(scanFrame);
+      return;
+    }
+    lastScanRef.current = now;
+    const ctx = canvas.getContext("2d");
+    if (!ctx) {
+      rafRef.current = requestAnimationFrame(scanFrame);
+      return;
+    }
+    canvas.width = video.videoWidth;
+    canvas.height = video.videoHeight;
+    ctx.drawImage(video, 0, 0);
+    try {
+      const jsqr = await getJsqr();
+      const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
+      const code = jsqr(imageData.data, imageData.width, imageData.height);
+      if (code) {
+        onResultRef.current(code.data);
+        if (!continuous) {
+          scanningRef.current = false;
+          setScanning(false);
+          stopCamera();
+          return;
+        }
+      }
+    } catch {
+    }
+    if (mountedRef.current) {
+      rafRef.current = requestAnimationFrame(scanFrame);
+    }
+  }, [scanDelay, continuous, stopCamera]);
+  const startCamera = useCallback(async () => {
+    if (!mountedRef.current) return;
+    if (!navigator.mediaDevices?.getUserMedia) {
+      setStatus("no-camera");
+      setError("Camera API not available in this context");
+      onErrorRef.current?.(new Error("getUserMedia is not available"));
+      return;
+    }
+    setStatus("starting");
+    setError(null);
+    try {
+      const stream = await navigator.mediaDevices.getUserMedia({
+        video: {
+          facingMode,
+          ...constraints
+        }
+      });
+      if (!mountedRef.current) {
+        stream.getTracks().forEach((track) => track.stop());
+        return;
+      }
+      streamRef.current = stream;
+      if (videoRef.current) {
+        videoRef.current.srcObject = stream;
+        playPromiseRef.current = videoRef.current.play();
+        await playPromiseRef.current;
+        playPromiseRef.current = null;
+      }
+      if (!mountedRef.current) {
+        stopCamera();
+        return;
+      }
+      scanningRef.current = true;
+      setScanning(true);
+      setStatus("scanning");
+      onStartRef.current?.();
+      rafRef.current = requestAnimationFrame(scanFrame);
+    } catch (err) {
+      if (!mountedRef.current) return;
+      if (err instanceof DOMException && err.name === "AbortError") return;
+      const isNoCamera = err instanceof DOMException && (err.name === "NotFoundError" || err.name === "NotAllowedError" || err.name === "NotReadableError");
+      setStatus(isNoCamera ? "no-camera" : "error");
+      setError(err instanceof Error ? err.message : String(err));
+      onErrorRef.current?.(err);
+    }
+  }, [facingMode, constraints, scanFrame, stopCamera]);
+  useEffect(() => {
+    const video = videoRef.current;
+    if (autoStart) {
+      startCamera();
+    }
+    return () => {
+      scanningRef.current = false;
+      cancelAnimationFrame(rafRef.current);
+      const streamToStop = streamRef.current;
+      const doCleanup = () => {
+        if (video && video.srcObject === streamToStop) {
+          video.pause();
+          video.srcObject = null;
+        }
+        if (streamToStop) {
+          streamToStop.getTracks().forEach((track) => track.stop());
+        }
+      };
+      if (playPromiseRef.current) {
+        playPromiseRef.current.then(doCleanup, doCleanup);
+        playPromiseRef.current = null;
+      } else {
+        doCleanup();
+      }
+    };
+  }, [autoStart, startCamera]);
+  useImperativeHandle(
+    ref,
+    () => ({
+      start: startCamera,
+      stop: stopCamera,
+      scanImage: async (file) => {
+        let bitmap = null;
+        try {
+          bitmap = await createImageBitmap(file);
+          const tempCanvas = document.createElement("canvas");
+          tempCanvas.width = bitmap.width;
+          tempCanvas.height = bitmap.height;
+          const ctx = tempCanvas.getContext("2d");
+          if (!ctx) return null;
+          ctx.drawImage(bitmap, 0, 0);
+          const imageData = ctx.getImageData(
+            0,
+            0,
+            tempCanvas.width,
+            tempCanvas.height
+          );
+          const jsqr = await getJsqr();
+          const code = jsqr(imageData.data, imageData.width, imageData.height);
+          return code?.data ?? null;
+        } catch {
+          return null;
+        } finally {
+          bitmap?.close();
+        }
+      },
+      isScanning: scanning
+    }),
+    [startCamera, stopCamera, scanning]
+  );
+  const renderStatus = () => {
+    if (status === "starting") {
+      return /* @__PURE__ */ jsx("span", { className: qrScannerStatusVariants(), children: loadingText });
+    }
+    if (status === "error" && error) {
+      return /* @__PURE__ */ jsx("span", { className: qrScannerStatusVariants(), children: error });
+    }
+    if (status === "no-camera") {
+      return /* @__PURE__ */ jsx("span", { className: qrScannerStatusVariants(), children: noCameraText });
+    }
+    return null;
+  };
+  if (status === "no-camera" || status === "error") {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-slot": "qr-scanner",
+        className: cn(qrScannerVariants({ appearance }), className),
+        ...rest,
+        children: /* @__PURE__ */ jsxs("div", { className: qrScannerFallbackVariants(), children: [
+          fallbackText,
+          renderStatus()
+        ] })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "qr-scanner",
+      className: cn(qrScannerVariants({ appearance }), className),
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx(
+          "video",
+          {
+            ref: videoRef,
+            "data-slot": "qr-scanner-video",
+            className: qrScannerVideoVariants(),
+            playsInline: true,
+            muted: true,
+            autoPlay: true
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "canvas",
+          {
+            ref: canvasRef,
+            className: "hidden",
+            "data-slot": "qr-scanner-canvas"
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: qrScannerOverlayVariants(), children: /* @__PURE__ */ jsx("div", { className: qrScannerViewfinderVariants() }) }),
+        renderStatus()
+      ]
+    }
+  );
+}
+QrScannerBase.displayName = "QrScanner";
+
+export { QrScannerBase as QrScanner, qrScannerFallbackVariants, qrScannerOverlayVariants, qrScannerStatusVariants, qrScannerVariants, qrScannerVideoVariants, qrScannerViewfinderVariants };
+//# sourceMappingURL=qr-scanner.mjs.map
+//# sourceMappingURL=qr-scanner.mjs.map

package/dist/ui/qr-scanner.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/qr-scanner/variants.ts","../../src/ui/qr-scanner/qr-scanner-base.tsx"],"names":[],"mappings":"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","file":"qr-scanner.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiQrScannerAppearances,\n  zuiQrScannerBase,\n  zuiQrScannerFallbackBase,\n  zuiQrScannerOverlay,\n  zuiQrScannerStatusBase,\n  zuiQrScannerViewfinder,\n  zuiQrScannerVideo,\n} from \"../../design-system/qr-scanner\";\n\nexport const qrScannerVariants = cva(zuiQrScannerBase, {\n  variants: {\n    appearance: zuiQrScannerAppearances,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n  },\n});\n\nexport const qrScannerVideoVariants = cva(zuiQrScannerVideo);\nexport const qrScannerOverlayVariants = cva(zuiQrScannerOverlay);\nexport const qrScannerViewfinderVariants = cva(zuiQrScannerViewfinder);\nexport const qrScannerStatusVariants = cva(zuiQrScannerStatusBase);\nexport const qrScannerFallbackVariants = cva(zuiQrScannerFallbackBase);\n","\"use client\";\n\nimport {\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { QrScannerBaseProps } from \"./types\";\nimport {\n  qrScannerFallbackVariants,\n  qrScannerOverlayVariants,\n  qrScannerStatusVariants,\n  qrScannerVariants,\n  qrScannerVideoVariants,\n  qrScannerViewfinderVariants,\n} from \"./variants\";\n\n/**\n * Module-level cache for the `jsQR` decoder library.\n *\n * `jsqr` is dynamically imported on first use (both from `scanFrame` and\n * `scanImage`) and stored here so subsequent frame scans don't re-fetch the\n * module from the network. The import returns an ESM default export, which\n * we extract and cache as a plain function.\n *\n * The `any` type is used because `jsqr`'s published types have a complex\n * overloaded signature (Uint8ClampedArray vs Uint8Array) that doesn't map\n * cleanly to the runtime ImageData we pass. The runtime behaviour is correct\n * regardless.\n */\nlet cachedJsQR: any = null;\n\n/** Lazy-loader that returns the cached jsQR decoder, importing it once. */\nasync function getJsqr() {\n  if (!cachedJsQR) {\n    const { default: m } = await import(\"jsqr\");\n    cachedJsQR = m;\n  }\n  return cachedJsQR;\n}\n\n/**\n * QrScannerBase uses the device camera (via `getUserMedia`) to decode QR\n * codes in real time. It provides an imperative handle (`ref`) so parents\n * can control the camera lifecycle and scan images without camera access.\n *\n * --- Architecture overview ---\n *\n * The component has three main async loops:\n *\n *  1. **Camera startup** (`startCamera`) — calls `getUserMedia`, attaches\n *     the stream to a `<video>` element, calls `video.play()`, then\n *     kicks off the scan loop via `requestAnimationFrame`.\n *\n *  2. **Scan loop** (`scanFrame`) — scheduled with `requestAnimationFrame`.\n *     Each frame draws the current video frame to an off-screen `<canvas>`,\n *     calls `jsQR` on the pixel data, and fires `onResult` when a QR code\n *     is detected. Respects `scanDelay` to avoid thrashing.\n *\n *  3. **Image scanning** (`scanImage` on the imperative handle) — decodes a\n *     QR code from a static `File` (e.g. an uploaded screenshot) without\n *     involving the camera at all.\n *\n * --- Race-condition guards ---\n *\n * Camera start/stop is inherently racy because `video.play()` returns a\n * Promise that resolves asynchronously. If `stopCamera()` (or the\n * `useEffect` cleanup) runs while `play()` is still pending, we must not\n * operate on the new stream that may have been set up in the meantime.\n *\n * Both `stopCamera` and the effect cleanup capture `streamRef.current` into\n * a local `streamToStop` variable at the time they are called. The actual\n * stop/cleanup logic (which may run later via `playPromise.then(...)`)\n * checks `video.srcObject === streamToStop` before pausing, ensuring it\n * only affects the stream that was active at the time of the request.\n *\n * --- Callback ref pattern ---\n *\n * `onResult`, `onError`, `onStart`, `onStop` are stored in refs and kept\n * current in the render body. The `useCallback` hooks for `scanFrame`,\n * `startCamera`, and `stopCamera` read from these refs instead of listing\n * the callbacks in their dependency arrays. This prevents the camera from\n * restarting every time the parent passes a new inline function reference.\n *\n * --- Error classification ---\n *\n * `getUserMedia` throws `DOMException` with specific names:\n *   - `NotFoundError`     → no camera hardware detected\n *   - `NotAllowedError`   → user denied permission\n *   - `NotReadableError`  → camera is busy (another app)\n *   - `AbortError`        → `play()` was interrupted by unmount\n *\n * The first three set `status` to `\"no-camera\"` and render a fallback UI.\n * `AbortError` is silently swallowed because it's a normal consequence of\n * unmounting during startup. All other errors set `status` to `\"error\"` and\n * display the error message.\n */\nexport function QrScannerBase({\n  onResult,\n  onError,\n  onStart,\n  onStop,\n  facingMode = \"environment\",\n  constraints,\n  scanDelay = 500,\n  continuous = false,\n  fallbackText = \"Camera not available\",\n  loadingText = \"Starting camera...\",\n  noCameraText = \"No camera detected\",\n  appearance,\n  autoStart = true,\n  className,\n  ref,\n  ...rest\n}: QrScannerBaseProps) {\n  // ---- Refs ----\n\n  /** The `<video>` element that plays the camera stream. */\n  const videoRef = useRef<HTMLVideoElement>(null);\n\n  /** The hidden `<canvas>` used to grab frames for jsQR decoding. */\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n\n  /** The active `MediaStream`, or `null` when the camera is stopped. */\n  const streamRef = useRef<MediaStream | null>(null);\n\n  /**\n   * Boolean ref that tracks whether the scan loop should keep running.\n   * Checked at the top of `scanFrame`. Set to `false` by `stopCamera`.\n   */\n  const scanningRef = useRef(false);\n\n  /**\n   * Timestamp (ms) of the last attempted frame scan. Used to implement\n   * `scanDelay` — frame processing is skipped if frames arrive before the\n   * delay elapses, regardless of whether jsQR finds a code.\n   */\n  const lastScanRef = useRef(0);\n\n  /** The current `requestAnimationFrame` ID, used for cancellation. */\n  const rafRef = useRef(0);\n\n  /** Set to `true` on mount, `false` on unmount. Guards async callbacks. */\n  const mountedRef = useRef(true);\n\n  /**\n   * Stores the pending `play()` promise so that `stopCamera` and the effect\n   * cleanup can chain `.then()` on it. Without this, stopping the camera\n   * while `play()` is in flight causes the browser warning:\n   *   \"The play() request was interrupted because the media was removed\"\n   */\n  const playPromiseRef = useRef<Promise<void> | null>(null);\n\n  // ---- Callback refs (keep current without causing re-renders) ----\n\n  const onResultRef = useRef(onResult);\n  const onErrorRef = useRef(onError);\n  const onStartRef = useRef(onStart);\n  const onStopRef = useRef(onStop);\n  onResultRef.current = onResult;\n  onErrorRef.current = onError;\n  onStartRef.current = onStart;\n  onStopRef.current = onStop;\n\n  // ---- State ----\n\n  /** Whether the camera is actively scanning (used by `isScanning` on the imperative handle). */\n  const [scanning, setScanning] = useState(false);\n\n  /**\n   * High-level lifecycle status, used to decide which UI to render:\n   *   - `\"idle\"`        — Camera not yet requested.\n   *   - `\"starting\"`    -- `getUserMedia` or `play()` in progress.\n   *   - `\"scanning\"`    -- Camera is live and frames are being analysed.\n   *   - `\"error\"`       -- `getUserMedia` threw a non-camera error.\n   *   - `\"no-camera\"`   -- Camera not found, permission denied, or busy.\n   */\n  const [status, setStatus] = useState<\n    \"idle\" | \"starting\" | \"scanning\" | \"error\" | \"no-camera\"\n  >(\"idle\");\n\n  /** The error message to display when `status === \"error\"`. */\n  const [error, setError] = useState<string | null>(null);\n\n  /**\n   * Tracks the mount lifecycle. The cleanup sets `mountedRef.current = false`,\n   * which is checked by `startCamera` after each `await` point so it can bail\n   * early if the component unmounted mid-startup.\n   */\n  useEffect(() => {\n    mountedRef.current = true;\n    return () => {\n      mountedRef.current = false;\n    };\n  }, []);\n\n  // ---- Camera control ----\n\n  /**\n   * Stops the camera: cancels the animation frame, pauses the video, stops\n   * all tracks on the captured stream, and nulls out refs.\n   *\n   * **Race-condition handling:**\n   * Captures `streamRef.current` into `streamToStop` at call time. If `play()`\n   * is pending, the actual stop logic is deferred to a `.then()` callback.\n   * That callback checks `video.srcObject === streamToStop` so it only shuts\n   * down the stream that was active when `stopCamera` was called, not a\n   * newer stream that may have been started in the meantime.\n   */\n  const stopCamera = useCallback(() => {\n    scanningRef.current = false;\n    setScanning(false);\n    setStatus(\"idle\");\n    cancelAnimationFrame(rafRef.current);\n\n    const streamToStop = streamRef.current;\n\n    const doStop = () => {\n      if (videoRef.current && videoRef.current.srcObject === streamToStop) {\n        videoRef.current.pause();\n        videoRef.current.srcObject = null;\n      }\n      if (streamToStop) {\n        streamToStop.getTracks().forEach((track) => track.stop());\n      }\n      if (streamRef.current === streamToStop) {\n        streamRef.current = null;\n      }\n      onStopRef.current?.();\n    };\n\n    if (playPromiseRef.current) {\n      playPromiseRef.current.then(doStop, doStop);\n      playPromiseRef.current = null;\n    } else {\n      doStop();\n    }\n  }, []);\n\n  /**\n   * The per-frame scan logic, scheduled via `requestAnimationFrame`.\n   *\n   * 1. Guards: exits early if scanning was cancelled, the component unmounted,\n   *    or the video doesn't have enough data yet.\n   * 2. Throttle: skips frames that arrive before `scanDelay` ms have elapsed\n   *    since the last decode.\n   * 3. Captures the current video frame onto the off-screen canvas.\n   * 4. Runs jsQR on the canvas pixel data.\n   * 5. On a match: fires `onResultRef.current`. If `continuous` is `false`,\n   *    stops the camera immediately (single-scan mode).\n   * 6. Re-schedules itself unless scanning was stopped.\n   *\n   * Frame processing errors (e.g. a corrupted frame) are silently caught and\n   * the loop continues.\n   */\n  const scanFrame = useCallback(async () => {\n    if (!scanningRef.current || !mountedRef.current) return;\n    const video = videoRef.current;\n    const canvas = canvasRef.current;\n    if (!video || !canvas || video.readyState < video.HAVE_ENOUGH_DATA) {\n      rafRef.current = requestAnimationFrame(scanFrame);\n      return;\n    }\n\n    const now = Date.now();\n    if (now - lastScanRef.current < scanDelay) {\n      rafRef.current = requestAnimationFrame(scanFrame);\n      return;\n    }\n    lastScanRef.current = now;\n\n    const ctx = canvas.getContext(\"2d\");\n    if (!ctx) {\n      rafRef.current = requestAnimationFrame(scanFrame);\n      return;\n    }\n\n    canvas.width = video.videoWidth;\n    canvas.height = video.videoHeight;\n    ctx.drawImage(video, 0, 0);\n\n    try {\n      const jsqr = await getJsqr();\n      const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);\n      const code = jsqr(imageData.data, imageData.width, imageData.height);\n\n      if (code) {\n        onResultRef.current(code.data);\n        if (!continuous) {\n          scanningRef.current = false;\n          setScanning(false);\n          stopCamera();\n          return;\n        }\n      }\n    } catch {\n      // Frame processing error, continue scanning\n    }\n\n    if (mountedRef.current) {\n      rafRef.current = requestAnimationFrame(scanFrame);\n    }\n  }, [scanDelay, continuous, stopCamera]);\n\n  /**\n   * Starts the camera: requests a `MediaStream`, attaches it to the video\n   * element, waits for playback to settle, then begins the scan loop.\n   *\n   * Steps:\n   *   1. Guard: skip if unmounted or `getUserMedia` is unavailable.\n   *   2. Call `getUserMedia` with the configured `facingMode` and\n   *      `constraints`.\n   *   3. Guard: if unmounted during the await, stop the freshly-acquired\n   *      stream and bail.\n   *   4. Assign the stream to `streamRef.current` and the video element.\n   *   5. Save the `play()` promise to `playPromiseRef` so it can be awaited\n   *      by `stopCamera` / cleanup.\n   *   6. Guard: if unmounted after play settles, call `stopCamera()` and\n   *      bail.\n   *   7. Mark scanning as active and schedule the first `scanFrame`.\n   *\n   * The `onStart` callback (via ref) is fired once scanning begins.\n   *\n   * `getUserMedia` availability is checked upfront because it only exists\n   * in secure contexts (HTTPS or localhost). Without the check the call\n   * would throw a confusing `TypeError` instead of a user-friendly message.\n   */\n  const startCamera = useCallback(async () => {\n    if (!mountedRef.current) return;\n\n    if (!navigator.mediaDevices?.getUserMedia) {\n      setStatus(\"no-camera\");\n      setError(\"Camera API not available in this context\");\n      onErrorRef.current?.(new Error(\"getUserMedia is not available\"));\n      return;\n    }\n\n    setStatus(\"starting\");\n    setError(null);\n\n    try {\n      const stream = await navigator.mediaDevices.getUserMedia({\n        video: {\n          facingMode,\n          ...constraints,\n        },\n      });\n\n      if (!mountedRef.current) {\n        stream.getTracks().forEach((track) => track.stop());\n        return;\n      }\n\n      streamRef.current = stream;\n      if (videoRef.current) {\n        videoRef.current.srcObject = stream;\n        playPromiseRef.current = videoRef.current.play();\n        await playPromiseRef.current;\n        playPromiseRef.current = null;\n      }\n\n      if (!mountedRef.current) {\n        stopCamera();\n        return;\n      }\n\n      scanningRef.current = true;\n      setScanning(true);\n      setStatus(\"scanning\");\n      onStartRef.current?.();\n      rafRef.current = requestAnimationFrame(scanFrame);\n    } catch (err) {\n      if (!mountedRef.current) return;\n      if (err instanceof DOMException && err.name === \"AbortError\") return;\n\n      const isNoCamera =\n        err instanceof DOMException &&\n        (err.name === \"NotFoundError\" ||\n          err.name === \"NotAllowedError\" ||\n          err.name === \"NotReadableError\");\n\n      setStatus(isNoCamera ? \"no-camera\" : \"error\");\n      setError(err instanceof Error ? err.message : String(err));\n      onErrorRef.current?.(err);\n    }\n  }, [facingMode, constraints, scanFrame, stopCamera]);\n\n  /**\n   * Main lifecycle effect: starts the camera on mount (if `autoStart` is\n   * true), and stops it on unmount.\n   *\n   * Captures `videoRef.current` at effect time to satisfy React's ref-stability\n   * lint rule. The cleanup follows the same race-condition-safe pattern as\n   * `stopCamera`: captures `streamRef.current` into `streamToStop` and guards\n   * the `doCleanup` callback with `video.srcObject === streamToStop`.\n   */\n  useEffect(() => {\n    const video = videoRef.current;\n    if (autoStart) {\n      startCamera();\n    }\n    return () => {\n      scanningRef.current = false;\n      cancelAnimationFrame(rafRef.current);\n\n      const streamToStop = streamRef.current;\n\n      const doCleanup = () => {\n        if (video && video.srcObject === streamToStop) {\n          video.pause();\n          video.srcObject = null;\n        }\n        if (streamToStop) {\n          streamToStop.getTracks().forEach((track) => track.stop());\n        }\n      };\n\n      if (playPromiseRef.current) {\n        playPromiseRef.current.then(doCleanup, doCleanup);\n        playPromiseRef.current = null;\n      } else {\n        doCleanup();\n      }\n    };\n  }, [autoStart, startCamera]);\n\n  // ---- Imperative handle ----\n\n  /**\n   * Exposes `start`, `stop`, `scanImage`, and `isScanning` to the parent\n   * via the `ref` prop.\n   *\n   * `scanImage` decodes a QR code from a static image file without involving\n   * the camera. It renders the file to an off-screen canvas via\n   * `createImageBitmap` + `ctx.drawImage`, then runs jsQR on the pixel data.\n   *\n   * The `ImageBitmap` is always closed in the `finally` block to prevent\n   * memory leaks (an `ImageBitmap` holds a reference to the underlying\n   * `ArrayBuffer` until explicitly closed).\n   */\n  useImperativeHandle(\n    ref,\n    () => ({\n      start: startCamera,\n      stop: stopCamera,\n      scanImage: async (file: File): Promise<string | null> => {\n        let bitmap: ImageBitmap | null = null;\n        try {\n          bitmap = await createImageBitmap(file);\n          const tempCanvas = document.createElement(\"canvas\");\n          tempCanvas.width = bitmap.width;\n          tempCanvas.height = bitmap.height;\n          const ctx = tempCanvas.getContext(\"2d\");\n          if (!ctx) return null;\n          ctx.drawImage(bitmap, 0, 0);\n          const imageData = ctx.getImageData(\n            0,\n            0,\n            tempCanvas.width,\n            tempCanvas.height,\n          );\n          const jsqr = await getJsqr();\n          const code = jsqr(imageData.data, imageData.width, imageData.height);\n          return code?.data ?? null;\n        } catch {\n          return null;\n        } finally {\n          bitmap?.close();\n        }\n      },\n      isScanning: scanning,\n    }),\n    [startCamera, stopCamera, scanning],\n  );\n\n  // ---- Status renderer ----\n\n  /**\n   * Returns a status `<span>` based on the current `status` value, or `null`\n   * when no status overlay is needed (i.e. the camera is working and the\n   * video feed is visible).\n   *\n   * The status text is customisable via the `loadingText`, `noCameraText`,\n   * and `fallbackText` props. Error messages come from the `error` state,\n   * which is set to `err.message` from the caught exception.\n   */\n  const renderStatus = () => {\n    if (status === \"starting\") {\n      return <span className={qrScannerStatusVariants()}>{loadingText}</span>;\n    }\n    if (status === \"error\" && error) {\n      return <span className={qrScannerStatusVariants()}>{error}</span>;\n    }\n    if (status === \"no-camera\") {\n      return <span className={qrScannerStatusVariants()}>{noCameraText}</span>;\n    }\n    return null;\n  };\n\n  // ---- Render branches ----\n\n  /**\n   * Fallback UI shown when the camera is unavailable or an error occurred.\n   *\n   * The outer `<div>` still carries the same `data-slot` and variant classes\n   * as the normal UI so that layout consistency is maintained.\n   */\n  if (status === \"no-camera\" || status === \"error\") {\n    return (\n      <div\n        data-slot=\"qr-scanner\"\n        className={cn(qrScannerVariants({ appearance }), className)}\n        {...rest}\n      >\n        <div className={qrScannerFallbackVariants()}>\n          {fallbackText}\n          {renderStatus()}\n        </div>\n      </div>\n    );\n  }\n\n  /**\n   * Normal UI: video feed with a viewfinder overlay and optional status text.\n   *\n   * Nested structure:\n   *   <div data-slot=\"qr-scanner\">     ← root (className, appearance, ...rest)\n   *     <video />                       ← camera feed (playsInline, muted, autoPlay)\n   *     <canvas className=\"hidden\" />   ← off-screen canvas for frame capture\n   *     <div>                           ← overlay container\n   *       <div />                       ← viewfinder corners\n   *     </div>\n   *     {renderStatus()}                ← \"Starting camera...\" overlay text\n   *   </div>\n   */\n  return (\n    <div\n      data-slot=\"qr-scanner\"\n      className={cn(qrScannerVariants({ appearance }), className)}\n      {...rest}\n    >\n      <video\n        ref={videoRef}\n        data-slot=\"qr-scanner-video\"\n        className={qrScannerVideoVariants()}\n        playsInline\n        muted\n        autoPlay\n      />\n      <canvas\n        ref={canvasRef}\n        className=\"hidden\"\n        data-slot=\"qr-scanner-canvas\"\n      />\n      <div className={qrScannerOverlayVariants()}>\n        <div className={qrScannerViewfinderVariants()} />\n      </div>\n      {renderStatus()}\n    </div>\n  );\n}\n\nQrScannerBase.displayName = \"QrScanner\";\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"secret-reveal-animated.d.ts","sourceRoot":"","sources":["../../../../src/ui/secret-reveal/animated/secret-reveal-animated.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAQzD,wBAAgB,oBAAoB,CAAC,EACnC,UAAU,EACV,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,aAAqB,EACrB,iBAAyB,EACzB,kBAAkB,EAClB,SAAkB,EAClB,QAAc,EACd,SAAS,EACT,GAAG,EACH,GAAG,IAAI,EACR,EAAE,yBAAyB,2CAmG3B;yBAjHe,oBAAoB"}
+{"version":3,"file":"secret-reveal-animated.d.ts","sourceRoot":"","sources":["../../../../src/ui/secret-reveal/animated/secret-reveal-animated.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAQzD,wBAAgB,oBAAoB,CAAC,EACnC,UAAU,EACV,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,aAAqB,EACrB,iBAAyB,EACzB,kBAAkB,EAClB,SAAkB,EAClB,QAAc,EACd,SAAS,EACT,GAAG,EACH,GAAG,IAAI,EACR,EAAE,yBAAyB,2CAsG3B;yBApHe,oBAAoB"}

package/dist/ui/secret-reveal/animated.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 framerMotion = require('framer-motion');
@@ -95,14 +95,14 @@ function SecretRevealAnimated({
     {
       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
           }
         ),
@@ -111,7 +111,7 @@ function SecretRevealAnimated({
             "span",
             {
               "data-slot": "secret-reveal-label",
-              className: chunkPQ2XTY3M_js.secretRevealLabelVariants({ size }),
+              className: chunkG36ZV446_js.secretRevealLabelVariants({ size }),
               children: label
             }
           ),
@@ -119,7 +119,10 @@ function SecretRevealAnimated({
             "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: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxRuntime.jsx(
                 framerMotion.motion.span,
                 {
@@ -140,7 +143,7 @@ function SecretRevealAnimated({
             {
               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(

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

@@ -1 +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"]}
+{"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(\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/animated.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { secretRevealLabelVariants, secretRevealValueVariants, secretRevealToggleVariants, secretRevealVariants } from '../../chunk-ATE5SCTR.mjs';
-import '../../chunk-DIAA5VH4.mjs';
+import { secretRevealLabelVariants, secretRevealValueVariants, secretRevealToggleVariants, secretRevealVariants } from '../../chunk-N6Q4ZLQR.mjs';
+import '../../chunk-CIZQQ32L.mjs';
 import { cn } from '../../chunk-4D54YOL6.mjs';
 import '../../chunk-J5LGTIGS.mjs';
 import { AnimatePresence, motion } from 'framer-motion';
@@ -117,7 +117,10 @@ function SecretRevealAnimated({
             "span",
             {
               "data-slot": "secret-reveal-value",
-              className: cn(secretRevealValueVariants({ size }), "flex-1 truncate"),
+              className: cn(
+                secretRevealValueVariants({ size }),
+                "flex-1 min-w-0 truncate"
+              ),
               children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(
                 motion.span,
                 {

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"}