@zentauri-ui/zentauri-components 2.3.0 → 2.3.1

package/dist/ui/qr-code/animated.js

@@ -0,0 +1,156 @@
+"use client";
+'use strict';
+
+var chunkPWEZB53R_js = require('../../chunk-PWEZB53R.js');
+require('../../chunk-XUK5P37Y.js');
+var chunkZS5756ZC_js = require('../../chunk-ZS5756ZC.js');
+require('../../chunk-PZ5AY32C.js');
+var react = require('react');
+var framerMotion = require('framer-motion');
+var QRCode = require('qrcode');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var QRCode__default = /*#__PURE__*/_interopDefault(QRCode);
+
+// src/ui/qr-code/animated/animations.ts
+var qrCodeAnimationPresets = {
+  none: {
+    transition: { duration: 0 },
+    variants: {
+      initial: { opacity: 1 },
+      animate: { opacity: 1 }
+    }
+  },
+  "fade-in": {
+    transition: { duration: 0.3, ease: "easeOut" },
+    variants: {
+      initial: { opacity: 0 },
+      animate: { opacity: 1 }
+    }
+  },
+  "zoom-in": {
+    transition: { type: "spring", stiffness: 300, damping: 24 },
+    variants: {
+      initial: { opacity: 0, scale: 0.85 },
+      animate: { opacity: 1, scale: 1 }
+    }
+  },
+  "slide-up": {
+    transition: { type: "spring", stiffness: 280, damping: 22 },
+    variants: {
+      initial: { opacity: 0, y: 20 },
+      animate: { opacity: 1, y: 0 }
+    }
+  },
+  "rotate-in": {
+    transition: { type: "spring", stiffness: 200, damping: 18 },
+    variants: {
+      initial: { opacity: 0, rotate: -90, scale: 0.8 },
+      animate: { opacity: 1, rotate: 0, scale: 1 }
+    }
+  }
+};
+function QrCodeAnimated({
+  animation = "none",
+  value,
+  canvasSize = 200,
+  level = "M",
+  bgColor = "#ffffff",
+  fgColor = "#000000",
+  margin = 2,
+  caption,
+  className,
+  ...props
+}) {
+  const canvasRef = react.useRef(null);
+  react.useEffect(() => {
+    const canvas = canvasRef.current;
+    if (!canvas || animation === "none") return;
+    if (!value) {
+      const ctx = canvas.getContext("2d");
+      if (ctx) {
+        ctx.clearRect(0, 0, canvas.width, canvas.height);
+      }
+      return;
+    }
+    QRCode__default.default.toCanvas(
+      canvas,
+      value,
+      {
+        width: canvasSize,
+        margin,
+        color: {
+          dark: fgColor,
+          light: bgColor
+        },
+        errorCorrectionLevel: level
+      },
+      (error) => {
+        if (error) {
+          console.error("QR Code generation error:", error);
+        }
+      }
+    );
+  }, [value, canvasSize, level, bgColor, fgColor, margin, animation]);
+  if (animation === "none") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      chunkPWEZB53R_js.QrCodeBase,
+      {
+        value,
+        canvasSize,
+        level,
+        bgColor,
+        fgColor,
+        margin,
+        caption,
+        className,
+        ...props
+      }
+    );
+  }
+  const preset = qrCodeAnimationPresets[animation];
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    framerMotion.motion.div,
+    {
+      "data-slot": "qr-code",
+      className: chunkZS5756ZC_js.cn(
+        "inline-flex flex-col items-center gap-3 rounded-2xl border p-6 border-[color:var(--zui-qr-code-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-qr-code-border-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-qr-code-bg,var(--zui-surface,oklch(98.4%_0.003_247.858)))] dark:bg-[var(--zui-qr-code-bg-dark,var(--zui-surface-dark,oklch(12.9%_0.042_264.695)))]",
+        className
+      ),
+      variants: preset.variants,
+      initial: "initial",
+      animate: "animate",
+      transition: preset.transition,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-xl bg-[var(--zui-qr-code-canvas-bg,var(--zui-surface-muted,oklch(92.9%_0.013_255.508)))] dark:bg-[var(--zui-qr-code-canvas-bg-dark,var(--zui-surface-muted-dark,oklch(27.9%_0.041_260.031)))]", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "canvas",
+          {
+            ref: canvasRef,
+            width: canvasSize,
+            height: canvasSize,
+            "data-slot": "qr-code-canvas",
+            className: "block h-auto max-w-full",
+            "aria-label": `QR code for ${value}`
+          }
+        ) }),
+        caption ? /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "data-slot": "qr-code-caption",
+            className: "text-xs text-center text-[color:var(--zui-qr-code-caption-fg,var(--zui-fg-muted,oklch(55.2%_0.046_257.417)))] dark:text-[color:var(--zui-qr-code-caption-fg-dark,var(--zui-fg-muted-dark,oklch(70.8%_0.015_256.243)))] max-w-full truncate px-2",
+            children: caption
+          }
+        ) : null
+      ]
+    }
+  );
+}
+QrCodeAnimated.displayName = "QrCodeAnimated";
+
+exports.QrCodeAnimated = QrCodeAnimated;
+exports.qrCodeAnimationPresets = qrCodeAnimationPresets;
+//# sourceMappingURL=animated.js.map
+//# sourceMappingURL=animated.js.map

package/dist/ui/qr-code/animated.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/qr-code/animated/animations.ts","../../../src/ui/qr-code/animated/qr-code-animated.tsx"],"names":["useRef","useEffect","QRCode","jsx","QrCodeBase","jsxs","motion","cn"],"mappings":"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","file":"animated.js","sourcesContent":["import type { Transition, Variants } from \"framer-motion\";\n\nexport type QrCodeAnimation =\n  | \"none\"\n  | \"fade-in\"\n  | \"zoom-in\"\n  | \"slide-up\"\n  | \"rotate-in\";\n\nexport type QrCodeAnimationPresets = Record<\n  QrCodeAnimation,\n  { transition: Transition; variants: Variants }\n>;\n\nexport const qrCodeAnimationPresets: QrCodeAnimationPresets = {\n  none: {\n    transition: { duration: 0 },\n    variants: {\n      initial: { opacity: 1 },\n      animate: { opacity: 1 },\n    },\n  },\n  \"fade-in\": {\n    transition: { duration: 0.3, ease: \"easeOut\" },\n    variants: {\n      initial: { opacity: 0 },\n      animate: { opacity: 1 },\n    },\n  },\n  \"zoom-in\": {\n    transition: { type: \"spring\", stiffness: 300, damping: 24 },\n    variants: {\n      initial: { opacity: 0, scale: 0.85 },\n      animate: { opacity: 1, scale: 1 },\n    },\n  },\n  \"slide-up\": {\n    transition: { type: \"spring\", stiffness: 280, damping: 22 },\n    variants: {\n      initial: { opacity: 0, y: 20 },\n      animate: { opacity: 1, y: 0 },\n    },\n  },\n  \"rotate-in\": {\n    transition: { type: \"spring\", stiffness: 200, damping: 18 },\n    variants: {\n      initial: { opacity: 0, rotate: -90, scale: 0.8 },\n      animate: { opacity: 1, rotate: 0, scale: 1 },\n    },\n  },\n};\n","\"use client\";\n\nimport { useEffect, useRef } from \"react\";\nimport { motion } from \"framer-motion\";\nimport QRCode from \"qrcode\";\n\nimport { cn } from \"../../../lib/utils\";\nimport { qrCodeAnimationPresets } from \"./animations\";\nimport type { QrCodeAnimatedProps } from \"./types\";\nimport { QrCodeBase } from \"../qr-code-base\";\n\nexport function QrCodeAnimated({\n  animation = \"none\",\n  value,\n  canvasSize = 200,\n  level = \"M\",\n  bgColor = \"#ffffff\",\n  fgColor = \"#000000\",\n  margin = 2,\n  caption,\n  className,\n  ...props\n}: QrCodeAnimatedProps) {\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n\n  useEffect(() => {\n    const canvas = canvasRef.current;\n    if (!canvas || animation === \"none\") return;\n\n    if (!value) {\n      const ctx = canvas.getContext(\"2d\");\n      if (ctx) {\n        ctx.clearRect(0, 0, canvas.width, canvas.height);\n      }\n      return;\n    }\n\n    QRCode.toCanvas(\n      canvas,\n      value,\n      {\n        width: canvasSize,\n        margin,\n        color: {\n          dark: fgColor,\n          light: bgColor,\n        },\n        errorCorrectionLevel: level,\n      },\n      (error) => {\n        if (error) {\n          console.error(\"QR Code generation error:\", error);\n        }\n      },\n    );\n  }, [value, canvasSize, level, bgColor, fgColor, margin, animation]);\n\n  if (animation === \"none\") {\n    return (\n      <QrCodeBase\n        value={value}\n        canvasSize={canvasSize}\n        level={level}\n        bgColor={bgColor}\n        fgColor={fgColor}\n        margin={margin}\n        caption={caption}\n        className={className}\n        {...props}\n      />\n    );\n  }\n\n  const preset = qrCodeAnimationPresets[animation];\n\n  return (\n    <motion.div\n      data-slot=\"qr-code\"\n      className={cn(\n        \"inline-flex flex-col items-center gap-3 rounded-2xl border p-6 border-[color:var(--zui-qr-code-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-qr-code-border-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-qr-code-bg,var(--zui-surface,oklch(98.4%_0.003_247.858)))] dark:bg-[var(--zui-qr-code-bg-dark,var(--zui-surface-dark,oklch(12.9%_0.042_264.695)))]\",\n        className,\n      )}\n      variants={preset.variants}\n      initial=\"initial\"\n      animate=\"animate\"\n      transition={preset.transition}\n      {...(props as Record<string, unknown>)}\n    >\n      <div className=\"overflow-hidden rounded-xl bg-[var(--zui-qr-code-canvas-bg,var(--zui-surface-muted,oklch(92.9%_0.013_255.508)))] dark:bg-[var(--zui-qr-code-canvas-bg-dark,var(--zui-surface-muted-dark,oklch(27.9%_0.041_260.031)))]\">\n        <canvas\n          ref={canvasRef}\n          width={canvasSize}\n          height={canvasSize}\n          data-slot=\"qr-code-canvas\"\n          className=\"block h-auto max-w-full\"\n          aria-label={`QR code for ${value}`}\n        />\n      </div>\n      {caption ? (\n        <span\n          data-slot=\"qr-code-caption\"\n          className=\"text-xs text-center text-[color:var(--zui-qr-code-caption-fg,var(--zui-fg-muted,oklch(55.2%_0.046_257.417)))] dark:text-[color:var(--zui-qr-code-caption-fg-dark,var(--zui-fg-muted-dark,oklch(70.8%_0.015_256.243)))] max-w-full truncate px-2\"\n        >\n          {caption}\n        </span>\n      ) : null}\n    </motion.div>\n  );\n}\n\nQrCodeAnimated.displayName = \"QrCodeAnimated\";\n"]}

package/dist/ui/qr-code/animated.mjs

@@ -0,0 +1,149 @@
+"use client";
+import { QrCodeBase } from '../../chunk-UBQY572I.mjs';
+import '../../chunk-4U6PVVST.mjs';
+import { cn } from '../../chunk-4D54YOL6.mjs';
+import '../../chunk-J5LGTIGS.mjs';
+import { useRef, useEffect } from 'react';
+import { motion } from 'framer-motion';
+import QRCode from 'qrcode';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/ui/qr-code/animated/animations.ts
+var qrCodeAnimationPresets = {
+  none: {
+    transition: { duration: 0 },
+    variants: {
+      initial: { opacity: 1 },
+      animate: { opacity: 1 }
+    }
+  },
+  "fade-in": {
+    transition: { duration: 0.3, ease: "easeOut" },
+    variants: {
+      initial: { opacity: 0 },
+      animate: { opacity: 1 }
+    }
+  },
+  "zoom-in": {
+    transition: { type: "spring", stiffness: 300, damping: 24 },
+    variants: {
+      initial: { opacity: 0, scale: 0.85 },
+      animate: { opacity: 1, scale: 1 }
+    }
+  },
+  "slide-up": {
+    transition: { type: "spring", stiffness: 280, damping: 22 },
+    variants: {
+      initial: { opacity: 0, y: 20 },
+      animate: { opacity: 1, y: 0 }
+    }
+  },
+  "rotate-in": {
+    transition: { type: "spring", stiffness: 200, damping: 18 },
+    variants: {
+      initial: { opacity: 0, rotate: -90, scale: 0.8 },
+      animate: { opacity: 1, rotate: 0, scale: 1 }
+    }
+  }
+};
+function QrCodeAnimated({
+  animation = "none",
+  value,
+  canvasSize = 200,
+  level = "M",
+  bgColor = "#ffffff",
+  fgColor = "#000000",
+  margin = 2,
+  caption,
+  className,
+  ...props
+}) {
+  const canvasRef = useRef(null);
+  useEffect(() => {
+    const canvas = canvasRef.current;
+    if (!canvas || animation === "none") return;
+    if (!value) {
+      const ctx = canvas.getContext("2d");
+      if (ctx) {
+        ctx.clearRect(0, 0, canvas.width, canvas.height);
+      }
+      return;
+    }
+    QRCode.toCanvas(
+      canvas,
+      value,
+      {
+        width: canvasSize,
+        margin,
+        color: {
+          dark: fgColor,
+          light: bgColor
+        },
+        errorCorrectionLevel: level
+      },
+      (error) => {
+        if (error) {
+          console.error("QR Code generation error:", error);
+        }
+      }
+    );
+  }, [value, canvasSize, level, bgColor, fgColor, margin, animation]);
+  if (animation === "none") {
+    return /* @__PURE__ */ jsx(
+      QrCodeBase,
+      {
+        value,
+        canvasSize,
+        level,
+        bgColor,
+        fgColor,
+        margin,
+        caption,
+        className,
+        ...props
+      }
+    );
+  }
+  const preset = qrCodeAnimationPresets[animation];
+  return /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      "data-slot": "qr-code",
+      className: cn(
+        "inline-flex flex-col items-center gap-3 rounded-2xl border p-6 border-[color:var(--zui-qr-code-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-qr-code-border-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-qr-code-bg,var(--zui-surface,oklch(98.4%_0.003_247.858)))] dark:bg-[var(--zui-qr-code-bg-dark,var(--zui-surface-dark,oklch(12.9%_0.042_264.695)))]",
+        className
+      ),
+      variants: preset.variants,
+      initial: "initial",
+      animate: "animate",
+      transition: preset.transition,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-xl bg-[var(--zui-qr-code-canvas-bg,var(--zui-surface-muted,oklch(92.9%_0.013_255.508)))] dark:bg-[var(--zui-qr-code-canvas-bg-dark,var(--zui-surface-muted-dark,oklch(27.9%_0.041_260.031)))]", children: /* @__PURE__ */ jsx(
+          "canvas",
+          {
+            ref: canvasRef,
+            width: canvasSize,
+            height: canvasSize,
+            "data-slot": "qr-code-canvas",
+            className: "block h-auto max-w-full",
+            "aria-label": `QR code for ${value}`
+          }
+        ) }),
+        caption ? /* @__PURE__ */ jsx(
+          "span",
+          {
+            "data-slot": "qr-code-caption",
+            className: "text-xs text-center text-[color:var(--zui-qr-code-caption-fg,var(--zui-fg-muted,oklch(55.2%_0.046_257.417)))] dark:text-[color:var(--zui-qr-code-caption-fg-dark,var(--zui-fg-muted-dark,oklch(70.8%_0.015_256.243)))] max-w-full truncate px-2",
+            children: caption
+          }
+        ) : null
+      ]
+    }
+  );
+}
+QrCodeAnimated.displayName = "QrCodeAnimated";
+
+export { QrCodeAnimated, qrCodeAnimationPresets };
+//# sourceMappingURL=animated.mjs.map
+//# sourceMappingURL=animated.mjs.map

package/dist/ui/qr-code/animated.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/qr-code/animated/animations.ts","../../../src/ui/qr-code/animated/qr-code-animated.tsx"],"names":[],"mappings":"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","file":"animated.mjs","sourcesContent":["import type { Transition, Variants } from \"framer-motion\";\n\nexport type QrCodeAnimation =\n  | \"none\"\n  | \"fade-in\"\n  | \"zoom-in\"\n  | \"slide-up\"\n  | \"rotate-in\";\n\nexport type QrCodeAnimationPresets = Record<\n  QrCodeAnimation,\n  { transition: Transition; variants: Variants }\n>;\n\nexport const qrCodeAnimationPresets: QrCodeAnimationPresets = {\n  none: {\n    transition: { duration: 0 },\n    variants: {\n      initial: { opacity: 1 },\n      animate: { opacity: 1 },\n    },\n  },\n  \"fade-in\": {\n    transition: { duration: 0.3, ease: \"easeOut\" },\n    variants: {\n      initial: { opacity: 0 },\n      animate: { opacity: 1 },\n    },\n  },\n  \"zoom-in\": {\n    transition: { type: \"spring\", stiffness: 300, damping: 24 },\n    variants: {\n      initial: { opacity: 0, scale: 0.85 },\n      animate: { opacity: 1, scale: 1 },\n    },\n  },\n  \"slide-up\": {\n    transition: { type: \"spring\", stiffness: 280, damping: 22 },\n    variants: {\n      initial: { opacity: 0, y: 20 },\n      animate: { opacity: 1, y: 0 },\n    },\n  },\n  \"rotate-in\": {\n    transition: { type: \"spring\", stiffness: 200, damping: 18 },\n    variants: {\n      initial: { opacity: 0, rotate: -90, scale: 0.8 },\n      animate: { opacity: 1, rotate: 0, scale: 1 },\n    },\n  },\n};\n","\"use client\";\n\nimport { useEffect, useRef } from \"react\";\nimport { motion } from \"framer-motion\";\nimport QRCode from \"qrcode\";\n\nimport { cn } from \"../../../lib/utils\";\nimport { qrCodeAnimationPresets } from \"./animations\";\nimport type { QrCodeAnimatedProps } from \"./types\";\nimport { QrCodeBase } from \"../qr-code-base\";\n\nexport function QrCodeAnimated({\n  animation = \"none\",\n  value,\n  canvasSize = 200,\n  level = \"M\",\n  bgColor = \"#ffffff\",\n  fgColor = \"#000000\",\n  margin = 2,\n  caption,\n  className,\n  ...props\n}: QrCodeAnimatedProps) {\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n\n  useEffect(() => {\n    const canvas = canvasRef.current;\n    if (!canvas || animation === \"none\") return;\n\n    if (!value) {\n      const ctx = canvas.getContext(\"2d\");\n      if (ctx) {\n        ctx.clearRect(0, 0, canvas.width, canvas.height);\n      }\n      return;\n    }\n\n    QRCode.toCanvas(\n      canvas,\n      value,\n      {\n        width: canvasSize,\n        margin,\n        color: {\n          dark: fgColor,\n          light: bgColor,\n        },\n        errorCorrectionLevel: level,\n      },\n      (error) => {\n        if (error) {\n          console.error(\"QR Code generation error:\", error);\n        }\n      },\n    );\n  }, [value, canvasSize, level, bgColor, fgColor, margin, animation]);\n\n  if (animation === \"none\") {\n    return (\n      <QrCodeBase\n        value={value}\n        canvasSize={canvasSize}\n        level={level}\n        bgColor={bgColor}\n        fgColor={fgColor}\n        margin={margin}\n        caption={caption}\n        className={className}\n        {...props}\n      />\n    );\n  }\n\n  const preset = qrCodeAnimationPresets[animation];\n\n  return (\n    <motion.div\n      data-slot=\"qr-code\"\n      className={cn(\n        \"inline-flex flex-col items-center gap-3 rounded-2xl border p-6 border-[color:var(--zui-qr-code-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-qr-code-border-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-qr-code-bg,var(--zui-surface,oklch(98.4%_0.003_247.858)))] dark:bg-[var(--zui-qr-code-bg-dark,var(--zui-surface-dark,oklch(12.9%_0.042_264.695)))]\",\n        className,\n      )}\n      variants={preset.variants}\n      initial=\"initial\"\n      animate=\"animate\"\n      transition={preset.transition}\n      {...(props as Record<string, unknown>)}\n    >\n      <div className=\"overflow-hidden rounded-xl bg-[var(--zui-qr-code-canvas-bg,var(--zui-surface-muted,oklch(92.9%_0.013_255.508)))] dark:bg-[var(--zui-qr-code-canvas-bg-dark,var(--zui-surface-muted-dark,oklch(27.9%_0.041_260.031)))]\">\n        <canvas\n          ref={canvasRef}\n          width={canvasSize}\n          height={canvasSize}\n          data-slot=\"qr-code-canvas\"\n          className=\"block h-auto max-w-full\"\n          aria-label={`QR code for ${value}`}\n        />\n      </div>\n      {caption ? (\n        <span\n          data-slot=\"qr-code-caption\"\n          className=\"text-xs text-center text-[color:var(--zui-qr-code-caption-fg,var(--zui-fg-muted,oklch(55.2%_0.046_257.417)))] dark:text-[color:var(--zui-qr-code-caption-fg-dark,var(--zui-fg-muted-dark,oklch(70.8%_0.015_256.243)))] max-w-full truncate px-2\"\n        >\n          {caption}\n        </span>\n      ) : null}\n    </motion.div>\n  );\n}\n\nQrCodeAnimated.displayName = \"QrCodeAnimated\";\n"]}

package/dist/ui/qr-code/index.d.ts

@@ -0,0 +1,5 @@
+export { QrCode } from "./qr-code";
+export type { QrCodeBaseProps, QrCodeLevel, QrCodeProps } from "./types";
+export { QR_CODE_LEVEL_LABELS } from "./types";
+export { qrCodeCanvasWrapperVariants, qrCodeCaptionVariants, qrCodeVariants, } from "./variants";
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/qr-code/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/qr-code/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EACL,2BAA2B,EAC3B,qBAAqB,EACrB,cAAc,GACf,MAAM,YAAY,CAAC"}

package/dist/ui/qr-code/qr-code-base.d.ts

@@ -0,0 +1,47 @@
+import type { QrCodeBaseProps } from "./types";
+/**
+ * QrCodeBase renders a QR code onto a `<canvas>` element using the `qrcode`
+ * npm package. It is the static (non-animated) implementation of the public
+ * `QrCode` component.
+ *
+ * --- Props ---
+ *
+ * - `value` — The string to encode. When empty/falsy the canvas is cleared.
+ * - `canvasSize` — Pixel dimensions of the canvas (default: 200). Both width
+ *   and height are set to this value, producing a square QR code.
+ * - `level` — Error correction level (`"L"` | `"M"` | `"Q"` | `"H"`). Higher
+ *   levels survive more visual damage but hold less data.
+ * - `bgColor` / `fgColor` — Background and foreground colours passed to the
+ *   underlying `QRCode.toCanvas` options.
+ * - `margin` — Quiet-zone width in QR modules (default: 2). Passed directly
+ *   to the `qrcode` library.
+ * - `caption` — Optional label rendered below the QR code.
+ * - `ref` — React 19 ref forwarded to the root `<div>` element.
+ * - `className` / `...rest` — Spread onto the root `<div>` for layout or
+ *   style overrides.
+ *
+ * --- Rendering lifecycle ---
+ *
+ * A `useEffect` watches `[value, canvasSize, level, bgColor, fgColor, margin]`.
+ * On every change it:
+ *   1. Grabs the canvas element from the ref.
+ *   2. If `value` is empty, clears the canvas with `ctx.clearRect` so a stale
+ *      QR code doesn't persist.
+ *   3. Otherwise calls `QRCode.toCanvas()` which draws the QR pattern
+ *       asynchronously (via callback) onto the canvas element.
+ *
+ * The outer `<div>` uses design-system variants (`qrCodeVariants`) for
+ * consistent theming and carries `data-slot="qr-code"` for scoped styling and
+ * testing.
+ *
+ * --- Accessibility ---
+ *
+ * The `<canvas>` has an `aria-label` describing it as a "QR code for {value}".
+ * Screen readers will announce the purpose, though the raw value is exposed
+ * (consider truncating for secrets).
+ */
+export declare function QrCodeBase({ value, canvasSize, level, bgColor, fgColor, margin, caption, className, ref, ...rest }: QrCodeBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace QrCodeBase {
+    var displayName: string;
+}
+//# sourceMappingURL=qr-code-base.d.ts.map

package/dist/ui/qr-code/qr-code-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"qr-code-base.d.ts","sourceRoot":"","sources":["../../../src/ui/qr-code/qr-code-base.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAO/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,UAAgB,EAChB,KAAW,EACX,OAAmB,EACnB,OAAmB,EACnB,MAAU,EACV,OAAO,EACP,SAAS,EACT,GAAG,EACH,GAAG,IAAI,EACR,EAAE,eAAe,2CAgFjB;yBA3Fe,UAAU"}

package/dist/ui/qr-code/qr-code.d.ts

@@ -0,0 +1,2 @@
+export { QrCodeBase as QrCode } from "./qr-code-base";
+//# sourceMappingURL=qr-code.d.ts.map

package/dist/ui/qr-code/qr-code.d.ts.map

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

package/dist/ui/qr-code/types.d.ts

@@ -0,0 +1,14 @@
+import type { ComponentPropsWithRef, ReactNode } from "react";
+export type QrCodeLevel = "L" | "M" | "Q" | "H";
+export interface QrCodeBaseProps extends ComponentPropsWithRef<"div"> {
+    value: string;
+    canvasSize?: number;
+    level?: QrCodeLevel;
+    bgColor?: string;
+    fgColor?: string;
+    margin?: number;
+    caption?: ReactNode;
+}
+export type QrCodeProps = QrCodeBaseProps;
+export declare const QR_CODE_LEVEL_LABELS: Record<QrCodeLevel, string>;
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/qr-code/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/qr-code/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,MAAM,WAAW,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEhD,MAAM,WAAW,eAAgB,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,MAAM,WAAW,GAAG,eAAe,CAAC;AAE1C,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAKnD,CAAC"}

package/dist/ui/qr-code/variants.d.ts

@@ -0,0 +1,4 @@
+export declare const qrCodeVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const qrCodeCanvasWrapperVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const qrCodeCaptionVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//# sourceMappingURL=variants.d.ts.map

package/dist/ui/qr-code/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/qr-code/variants.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,cAAc,oFAAqB,CAAC;AACjD,eAAO,MAAM,2BAA2B,oFAA8B,CAAC;AACvE,eAAO,MAAM,qBAAqB,oFAA4B,CAAC"}

package/dist/ui/qr-code.js

@@ -0,0 +1,35 @@
+"use client";
+'use strict';
+
+var chunkPWEZB53R_js = require('../chunk-PWEZB53R.js');
+require('../chunk-XUK5P37Y.js');
+require('../chunk-ZS5756ZC.js');
+require('../chunk-PZ5AY32C.js');
+
+// src/ui/qr-code/types.ts
+var QR_CODE_LEVEL_LABELS = {
+  L: "Low (7%)",
+  M: "Medium (15%)",
+  Q: "Quartile (25%)",
+  H: "High (30%)"
+};
+
+Object.defineProperty(exports, "QrCode", {
+  enumerable: true,
+  get: function () { return chunkPWEZB53R_js.QrCodeBase; }
+});
+Object.defineProperty(exports, "qrCodeCanvasWrapperVariants", {
+  enumerable: true,
+  get: function () { return chunkPWEZB53R_js.qrCodeCanvasWrapperVariants; }
+});
+Object.defineProperty(exports, "qrCodeCaptionVariants", {
+  enumerable: true,
+  get: function () { return chunkPWEZB53R_js.qrCodeCaptionVariants; }
+});
+Object.defineProperty(exports, "qrCodeVariants", {
+  enumerable: true,
+  get: function () { return chunkPWEZB53R_js.qrCodeVariants; }
+});
+exports.QR_CODE_LEVEL_LABELS = QR_CODE_LEVEL_LABELS;
+//# sourceMappingURL=qr-code.js.map
+//# sourceMappingURL=qr-code.js.map

package/dist/ui/qr-code.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/qr-code/types.ts"],"names":[],"mappings":";;;;;;;;AAgBO,IAAM,oBAAA,GAAoD;AAAA,EAC/D,CAAA,EAAG,UAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,gBAAA;AAAA,EACH,CAAA,EAAG;AACL","file":"qr-code.js","sourcesContent":["import type { ComponentPropsWithRef, ReactNode } from \"react\";\n\nexport type QrCodeLevel = \"L\" | \"M\" | \"Q\" | \"H\";\n\nexport interface QrCodeBaseProps extends ComponentPropsWithRef<\"div\"> {\n  value: string;\n  canvasSize?: number;\n  level?: QrCodeLevel;\n  bgColor?: string;\n  fgColor?: string;\n  margin?: number;\n  caption?: ReactNode;\n}\n\nexport type QrCodeProps = QrCodeBaseProps;\n\nexport const QR_CODE_LEVEL_LABELS: Record<QrCodeLevel, string> = {\n  L: \"Low (7%)\",\n  M: \"Medium (15%)\",\n  Q: \"Quartile (25%)\",\n  H: \"High (30%)\",\n} as const;\n"]}

package/dist/ui/qr-code.mjs

@@ -0,0 +1,17 @@
+"use client";
+export { QrCodeBase as QrCode, qrCodeCanvasWrapperVariants, qrCodeCaptionVariants, qrCodeVariants } from '../chunk-UBQY572I.mjs';
+import '../chunk-4U6PVVST.mjs';
+import '../chunk-4D54YOL6.mjs';
+import '../chunk-J5LGTIGS.mjs';
+
+// src/ui/qr-code/types.ts
+var QR_CODE_LEVEL_LABELS = {
+  L: "Low (7%)",
+  M: "Medium (15%)",
+  Q: "Quartile (25%)",
+  H: "High (30%)"
+};
+
+export { QR_CODE_LEVEL_LABELS };
+//# sourceMappingURL=qr-code.mjs.map
+//# sourceMappingURL=qr-code.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/qr-code/types.ts"],"names":[],"mappings":";;;;;;AAgBO,IAAM,oBAAA,GAAoD;AAAA,EAC/D,CAAA,EAAG,UAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,gBAAA;AAAA,EACH,CAAA,EAAG;AACL","file":"qr-code.mjs","sourcesContent":["import type { ComponentPropsWithRef, ReactNode } from \"react\";\n\nexport type QrCodeLevel = \"L\" | \"M\" | \"Q\" | \"H\";\n\nexport interface QrCodeBaseProps extends ComponentPropsWithRef<\"div\"> {\n  value: string;\n  canvasSize?: number;\n  level?: QrCodeLevel;\n  bgColor?: string;\n  fgColor?: string;\n  margin?: number;\n  caption?: ReactNode;\n}\n\nexport type QrCodeProps = QrCodeBaseProps;\n\nexport const QR_CODE_LEVEL_LABELS: Record<QrCodeLevel, string> = {\n  L: \"Low (7%)\",\n  M: \"Medium (15%)\",\n  Q: \"Quartile (25%)\",\n  H: \"High (30%)\",\n} as const;\n"]}

package/dist/ui/qr-scanner/index.d.ts

@@ -0,0 +1,4 @@
+export { QrScanner } from "./qr-scanner";
+export type { QrScannerBaseProps, QrScannerProps, QrScannerRef, QrScannerVariantProps, } from "./types";
+export { qrScannerFallbackVariants, qrScannerOverlayVariants, qrScannerStatusVariants, qrScannerVariants, qrScannerVideoVariants, qrScannerViewfinderVariants, } from "./variants";
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/qr-scanner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/qr-scanner/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,YAAY,EACV,kBAAkB,EAClB,cAAc,EACd,YAAY,EACZ,qBAAqB,GACtB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,yBAAyB,EACzB,wBAAwB,EACxB,uBAAuB,EACvB,iBAAiB,EACjB,sBAAsB,EACtB,2BAA2B,GAC5B,MAAM,YAAY,CAAC"}

package/dist/ui/qr-scanner/qr-scanner-base.d.ts

@@ -0,0 +1,62 @@
+import type { QrScannerBaseProps } from "./types";
+/**
+ * QrScannerBase uses the device camera (via `getUserMedia`) to decode QR
+ * codes in real time. It provides an imperative handle (`ref`) so parents
+ * can control the camera lifecycle and scan images without camera access.
+ *
+ * --- Architecture overview ---
+ *
+ * The component has three main async loops:
+ *
+ *  1. **Camera startup** (`startCamera`) — calls `getUserMedia`, attaches
+ *     the stream to a `<video>` element, calls `video.play()`, then
+ *     kicks off the scan loop via `requestAnimationFrame`.
+ *
+ *  2. **Scan loop** (`scanFrame`) — scheduled with `requestAnimationFrame`.
+ *     Each frame draws the current video frame to an off-screen `<canvas>`,
+ *     calls `jsQR` on the pixel data, and fires `onResult` when a QR code
+ *     is detected. Respects `scanDelay` to avoid thrashing.
+ *
+ *  3. **Image scanning** (`scanImage` on the imperative handle) — decodes a
+ *     QR code from a static `File` (e.g. an uploaded screenshot) without
+ *     involving the camera at all.
+ *
+ * --- Race-condition guards ---
+ *
+ * Camera start/stop is inherently racy because `video.play()` returns a
+ * Promise that resolves asynchronously. If `stopCamera()` (or the
+ * `useEffect` cleanup) runs while `play()` is still pending, we must not
+ * operate on the new stream that may have been set up in the meantime.
+ *
+ * Both `stopCamera` and the effect cleanup capture `streamRef.current` into
+ * a local `streamToStop` variable at the time they are called. The actual
+ * stop/cleanup logic (which may run later via `playPromise.then(...)`)
+ * checks `video.srcObject === streamToStop` before pausing, ensuring it
+ * only affects the stream that was active at the time of the request.
+ *
+ * --- Callback ref pattern ---
+ *
+ * `onResult`, `onError`, `onStart`, `onStop` are stored in refs and kept
+ * current in the render body. The `useCallback` hooks for `scanFrame`,
+ * `startCamera`, and `stopCamera` read from these refs instead of listing
+ * the callbacks in their dependency arrays. This prevents the camera from
+ * restarting every time the parent passes a new inline function reference.
+ *
+ * --- Error classification ---
+ *
+ * `getUserMedia` throws `DOMException` with specific names:
+ *   - `NotFoundError`     → no camera hardware detected
+ *   - `NotAllowedError`   → user denied permission
+ *   - `NotReadableError`  → camera is busy (another app)
+ *   - `AbortError`        → `play()` was interrupted by unmount
+ *
+ * The first three set `status` to `"no-camera"` and render a fallback UI.
+ * `AbortError` is silently swallowed because it's a normal consequence of
+ * unmounting during startup. All other errors set `status` to `"error"` and
+ * display the error message.
+ */
+export declare function QrScannerBase({ onResult, onError, onStart, onStop, facingMode, constraints, scanDelay, continuous, fallbackText, loadingText, noCameraText, appearance, autoStart, className, ref, ...rest }: QrScannerBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace QrScannerBase {
+    var displayName: string;
+}
+//# sourceMappingURL=qr-scanner-base.d.ts.map

package/dist/ui/qr-scanner/qr-scanner-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"qr-scanner-base.d.ts","sourceRoot":"","sources":["../../../src/ui/qr-scanner/qr-scanner-base.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAkClD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuDG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,OAAO,EACP,OAAO,EACP,MAAM,EACN,UAA0B,EAC1B,WAAW,EACX,SAAe,EACf,UAAkB,EAClB,YAAqC,EACrC,WAAkC,EAClC,YAAmC,EACnC,UAAU,EACV,SAAgB,EAChB,SAAS,EACT,GAAG,EACH,GAAG,IAAI,EACR,EAAE,kBAAkB,2CA8bpB;yBA/ce,aAAa"}

package/dist/ui/qr-scanner/qr-scanner.d.ts

@@ -0,0 +1,2 @@
+export { QrScannerBase as QrScanner } from "./qr-scanner-base";
+//# sourceMappingURL=qr-scanner.d.ts.map

package/dist/ui/qr-scanner/qr-scanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"qr-scanner.d.ts","sourceRoot":"","sources":["../../../src/ui/qr-scanner/qr-scanner.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/ui/qr-scanner/types.d.ts

@@ -0,0 +1,28 @@
+import type { VariantProps } from "class-variance-authority";
+import type { ComponentPropsWithoutRef, ReactNode, Ref } from "react";
+import type { qrScannerVariants } from "./variants";
+export type QrScannerVariantProps = VariantProps<typeof qrScannerVariants>;
+export interface QrScannerBaseProps extends ComponentPropsWithoutRef<"div"> {
+    ref?: Ref<QrScannerRef>;
+    onResult: (data: string) => void;
+    onError?: (error: unknown) => void;
+    onStart?: () => void;
+    onStop?: () => void;
+    facingMode?: "user" | "environment";
+    constraints?: MediaTrackConstraints;
+    scanDelay?: number;
+    continuous?: boolean;
+    fallbackText?: ReactNode;
+    loadingText?: ReactNode;
+    noCameraText?: ReactNode;
+    appearance?: QrScannerVariantProps["appearance"];
+    autoStart?: boolean;
+}
+export type QrScannerProps = QrScannerBaseProps;
+export interface QrScannerRef {
+    start: () => Promise<void>;
+    stop: () => void;
+    scanImage: (file: File) => Promise<string | null>;
+    isScanning: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/qr-scanner/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/qr-scanner/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAEpD,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE3E,MAAM,WAAW,kBAAmB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACzE,GAAG,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC,CAAC;IACxB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;IACpC,WAAW,CAAC,EAAE,qBAAqB,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,UAAU,CAAC,EAAE,qBAAqB,CAAC,YAAY,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,MAAM,cAAc,GAAG,kBAAkB,CAAC;AAEhD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAClD,UAAU,EAAE,OAAO,CAAC;CACrB"}

package/dist/ui/qr-scanner/variants.d.ts

@@ -0,0 +1,9 @@
+export declare const qrScannerVariants: (props?: ({
+    appearance?: "default" | "muted" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const qrScannerVideoVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const qrScannerOverlayVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const qrScannerViewfinderVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const qrScannerStatusVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const qrScannerFallbackVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//# sourceMappingURL=variants.d.ts.map

package/dist/ui/qr-scanner/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/qr-scanner/variants.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,iBAAiB;;8EAO5B,CAAC;AAEH,eAAO,MAAM,sBAAsB,oFAAyB,CAAC;AAC7D,eAAO,MAAM,wBAAwB,oFAA2B,CAAC;AACjE,eAAO,MAAM,2BAA2B,oFAA8B,CAAC;AACvE,eAAO,MAAM,uBAAuB,oFAA8B,CAAC;AACnE,eAAO,MAAM,yBAAyB,oFAAgC,CAAC"}