@zentauri-ui/zentauri-components 2.2.2 → 2.3.1

package/dist/ui/pagination.mjs

@@ -1,33 +1,36 @@
 "use client";
-export { Pagination, paginationEllipsisVariants, paginationListVariants } from '../chunk-N2G7IWHS.mjs';
+export { Pagination, paginationEllipsisVariants, paginationListVariants } from '../chunk-VMVG2RVZ.mjs';
 export { usePagination } from '../chunk-YNBJAFI2.mjs';
-import '../chunk-NUV2I337.mjs';
-import '../chunk-GFE6ZX5Y.mjs';
+import '../chunk-STWXN5EM.mjs';
+import '../chunk-PJATBFEK.mjs';
 import '../chunk-2NQKFH26.mjs';
+import '../chunk-ZBAKTM2R.mjs';
+import '../chunk-4ZBMDWWY.mjs';
+import '../chunk-YH6MOKHR.mjs';
 import '../chunk-T4ZLTKV2.mjs';
 import '../chunk-EMZC6ICD.mjs';
 import '../chunk-PUSCPBT2.mjs';
+import '../chunk-CIZQQ32L.mjs';
+import '../chunk-LRYKMXKI.mjs';
+import '../chunk-XFJIX2YP.mjs';
 import '../chunk-4WG3VNVL.mjs';
 import '../chunk-YPTHTFVF.mjs';
 import '../chunk-XY3TKIIH.mjs';
 import '../chunk-FX5KR2GP.mjs';
-import '../chunk-ZBAKTM2R.mjs';
-import '../chunk-4ZBMDWWY.mjs';
-import '../chunk-YH6MOKHR.mjs';
+import '../chunk-3IE4IELX.mjs';
 import '../chunk-BUEI4RMR.mjs';
+import '../chunk-4U6PVVST.mjs';
+import '../chunk-PWYEC3KY.mjs';
 import '../chunk-5AOVTY2X.mjs';
 import '../chunk-523VQLCW.mjs';
 import '../chunk-3VW4HMJT.mjs';
-import '../chunk-DIAA5VH4.mjs';
-import '../chunk-LRYKMXKI.mjs';
-import '../chunk-XFJIX2YP.mjs';
+import '../chunk-RWF3NVZP.mjs';
 import '../chunk-34LHS26H.mjs';
 import '../chunk-JEDMUBYI.mjs';
 import '../chunk-EJ3UMMCS.mjs';
 import '../chunk-EE53BIXR.mjs';
 import '../chunk-YXU2MJMT.mjs';
 import '../chunk-LOEKM3FL.mjs';
-import '../chunk-3IE4IELX.mjs';
 import '../chunk-U64ISRUX.mjs';
 import '../chunk-SS3T3BUL.mjs';
 import '../chunk-SCWQSQBJ.mjs';

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

@@ -0,0 +1,8 @@
+import type { Transition, Variants } from "framer-motion";
+export type QrCodeAnimation = "none" | "fade-in" | "zoom-in" | "slide-up" | "rotate-in";
+export type QrCodeAnimationPresets = Record<QrCodeAnimation, {
+    transition: Transition;
+    variants: Variants;
+}>;
+export declare const qrCodeAnimationPresets: QrCodeAnimationPresets;
+//# sourceMappingURL=animations.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../../../src/ui/qr-code/animated/animations.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE1D,MAAM,MAAM,eAAe,GACvB,MAAM,GACN,SAAS,GACT,SAAS,GACT,UAAU,GACV,WAAW,CAAC;AAEhB,MAAM,MAAM,sBAAsB,GAAG,MAAM,CACzC,eAAe,EACf;IAAE,UAAU,EAAE,UAAU,CAAC;IAAC,QAAQ,EAAE,QAAQ,CAAA;CAAE,CAC/C,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,sBAoCpC,CAAC"}

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

@@ -0,0 +1,4 @@
+export { QrCodeAnimated } from "./qr-code-animated";
+export type { QrCodeAnimation, QrCodeAnimatedProps } from "./types";
+export { qrCodeAnimationPresets } from "./animations";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/qr-code/animated/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,YAAY,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC"}

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

@@ -0,0 +1,6 @@
+import type { QrCodeAnimatedProps } from "./types";
+export declare function QrCodeAnimated({ animation, value, canvasSize, level, bgColor, fgColor, margin, caption, className, ...props }: QrCodeAnimatedProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace QrCodeAnimated {
+    var displayName: string;
+}
+//# sourceMappingURL=qr-code-animated.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"qr-code-animated.d.ts","sourceRoot":"","sources":["../../../../src/ui/qr-code/animated/qr-code-animated.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAGnD,wBAAgB,cAAc,CAAC,EAC7B,SAAkB,EAClB,KAAK,EACL,UAAgB,EAChB,KAAW,EACX,OAAmB,EACnB,OAAmB,EACnB,MAAU,EACV,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAsFrB;yBAjGe,cAAc"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/qr-code/animated/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,YAAY,EAAE,eAAe,EAAE,CAAC;AAEhC,MAAM,MAAM,mBAAmB,GAAG,eAAe,GAAG;IAClD,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B,CAAC"}

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