@zentauri-ui/zentauri-components 2.3.0 → 2.3.2

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

package/dist/ui/qr-scanner.js

@@ -0,0 +1,316 @@
+"use client";
+'use strict';
+
+var chunkPVVYOIU2_js = require('../chunk-PVVYOIU2.js');
+var chunkZS5756ZC_js = require('../chunk-ZS5756ZC.js');
+require('../chunk-PZ5AY32C.js');
+var react = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+var qrScannerVariants = classVarianceAuthority.cva(chunkPVVYOIU2_js.zuiQrScannerBase, {
+  variants: {
+    appearance: chunkPVVYOIU2_js.zuiQrScannerAppearances
+  },
+  defaultVariants: {
+    appearance: "default"
+  }
+});
+var qrScannerVideoVariants = classVarianceAuthority.cva(chunkPVVYOIU2_js.zuiQrScannerVideo);
+var qrScannerOverlayVariants = classVarianceAuthority.cva(chunkPVVYOIU2_js.zuiQrScannerOverlay);
+var qrScannerViewfinderVariants = classVarianceAuthority.cva(chunkPVVYOIU2_js.zuiQrScannerViewfinder);
+var qrScannerStatusVariants = classVarianceAuthority.cva(chunkPVVYOIU2_js.zuiQrScannerStatusBase);
+var qrScannerFallbackVariants = classVarianceAuthority.cva(chunkPVVYOIU2_js.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 = react.useRef(null);
+  const canvasRef = react.useRef(null);
+  const streamRef = react.useRef(null);
+  const scanningRef = react.useRef(false);
+  const lastScanRef = react.useRef(0);
+  const rafRef = react.useRef(0);
+  const mountedRef = react.useRef(true);
+  const playPromiseRef = react.useRef(null);
+  const onResultRef = react.useRef(onResult);
+  const onErrorRef = react.useRef(onError);
+  const onStartRef = react.useRef(onStart);
+  const onStopRef = react.useRef(onStop);
+  onResultRef.current = onResult;
+  onErrorRef.current = onError;
+  onStartRef.current = onStart;
+  onStopRef.current = onStop;
+  const [scanning, setScanning] = react.useState(false);
+  const [status, setStatus] = react.useState("idle");
+  const [error, setError] = react.useState(null);
+  react.useEffect(() => {
+    mountedRef.current = true;
+    return () => {
+      mountedRef.current = false;
+    };
+  }, []);
+  const stopCamera = react.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 = react.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 = react.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]);
+  react.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]);
+  react.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__ */ jsxRuntime.jsx("span", { className: qrScannerStatusVariants(), children: loadingText });
+    }
+    if (status === "error" && error) {
+      return /* @__PURE__ */ jsxRuntime.jsx("span", { className: qrScannerStatusVariants(), children: error });
+    }
+    if (status === "no-camera") {
+      return /* @__PURE__ */ jsxRuntime.jsx("span", { className: qrScannerStatusVariants(), children: noCameraText });
+    }
+    return null;
+  };
+  if (status === "no-camera" || status === "error") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "data-slot": "qr-scanner",
+        className: chunkZS5756ZC_js.cn(qrScannerVariants({ appearance }), className),
+        ...rest,
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: qrScannerFallbackVariants(), children: [
+          fallbackText,
+          renderStatus()
+        ] })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "qr-scanner",
+      className: chunkZS5756ZC_js.cn(qrScannerVariants({ appearance }), className),
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "video",
+          {
+            ref: videoRef,
+            "data-slot": "qr-scanner-video",
+            className: qrScannerVideoVariants(),
+            playsInline: true,
+            muted: true,
+            autoPlay: true
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "canvas",
+          {
+            ref: canvasRef,
+            className: "hidden",
+            "data-slot": "qr-scanner-canvas"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: qrScannerOverlayVariants(), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: qrScannerViewfinderVariants() }) }),
+        renderStatus()
+      ]
+    }
+  );
+}
+QrScannerBase.displayName = "QrScanner";
+
+exports.QrScanner = QrScannerBase;
+exports.qrScannerFallbackVariants = qrScannerFallbackVariants;
+exports.qrScannerOverlayVariants = qrScannerOverlayVariants;
+exports.qrScannerStatusVariants = qrScannerStatusVariants;
+exports.qrScannerVariants = qrScannerVariants;
+exports.qrScannerVideoVariants = qrScannerVideoVariants;
+exports.qrScannerViewfinderVariants = qrScannerViewfinderVariants;
+//# sourceMappingURL=qr-scanner.js.map
+//# sourceMappingURL=qr-scanner.js.map