@alfadocs/ui-kit 0.36.0 → 0.38.0

package/dist/_chunks/document-scanner-CdHQ6lTN.js

@@ -0,0 +1,702 @@
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { forwardRef as Fe, useId as Te, useRef as m, useState as Y, useEffect as k, useCallback as h, useMemo as We, useImperativeHandle as Ye } from "react";
+import { c as z } from "./index-D2ZczOXr.js";
+import { useTranslation as $e } from "react-i18next";
+import { B as H } from "./button-DD_0Xdmr.js";
+import { A as ae } from "./alert-ywPR59NE.js";
+import { L as he, F as Xe } from "./file-upload-CnzRcErt.js";
+import { u as Ze } from "./use-controllable-state-BiY4xTzM.js";
+import { u as Ge } from "./registry-nPAVE19X.js";
+import { R as Je } from "./rotate-ccw-BWANpitO.js";
+import { C as Qe } from "./check-DPdL_Sm7.js";
+import { c as ze } from "./createLucideIcon-CrFbzy84.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const er = [
+  [
+    "path",
+    {
+      d: "M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z",
+      key: "18u6gg"
+    }
+  ],
+  ["circle", { cx: "12", cy: "13", r: "3", key: "1vg3eu" }]
+], ye = ze("camera", er);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const rr = [
+  [
+    "path",
+    {
+      d: "M10.3 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10l-3.1-3.1a2 2 0 0 0-2.814.014L6 21",
+      key: "9csbqa"
+    }
+  ],
+  ["path", { d: "m14 19.5 3-3 3 3", key: "9vmjn0" }],
+  ["path", { d: "M17 22v-5.5", key: "1aa6fl" }],
+  ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }]
+], nr = ze("image-up", rr), tr = {
+  id: "document-scanner",
+  capabilities: ["submit"],
+  state: {
+    hasCapture: {
+      type: "boolean",
+      descriptionKey: "documentScanner.agent.state.hasCapture",
+      description: "True when a captured or uploaded image is available.",
+      read: (a) => a.hasCapture()
+    },
+    phase: {
+      type: "string",
+      descriptionKey: "documentScanner.agent.state.phase",
+      description: "Lifecycle phase: 'idle' | 'requesting' | 'streaming' | 'captured' | 'error'.",
+      read: (a) => a.getPhase()
+    }
+  },
+  actions: {
+    start_camera: {
+      safety: "write",
+      descriptionKey: "documentScanner.agent.actions.startCamera",
+      description: "Request camera permission and begin the live viewfinder.",
+      invoke: (a) => a.startCamera()
+    },
+    capture: {
+      safety: "write",
+      descriptionKey: "documentScanner.agent.actions.capture",
+      description: "Freeze the current viewfinder frame as a captured image.",
+      invoke: (a) => a.capture()
+    },
+    submit: {
+      safety: "write",
+      descriptionKey: "documentScanner.agent.actions.confirm",
+      description: "Confirm the current capture, emitting it via onConfirm.",
+      invoke: (a) => {
+        a.confirm();
+      }
+    },
+    retake: {
+      safety: "destructive",
+      descriptionKey: "documentScanner.agent.actions.retake",
+      description: "Discard the current capture and return to the capture path.",
+      invoke: (a) => {
+        a.retake();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "document-scanner",
+      description: "Marks the DocumentScanner wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, ar = z(
+  [
+    "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+    "ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)]",
+    "ds:bg-[var(--background)] ds:text-[var(--foreground)]",
+    "ds:p-[var(--spacing-md)]",
+    "ds:aria-disabled:opacity-[var(--opacity-50)] ds:aria-disabled:cursor-not-allowed"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:max-inline-size-[20rem]",
+        md: "ds:max-inline-size-[28rem]",
+        lg: "ds:max-inline-size-[36rem]"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), be = z(
+  [
+    "ds:relative ds:block ds:inline-size-full ds:overflow-hidden",
+    "ds:rounded-[var(--radius-sm)]",
+    "ds:bg-[var(--muted)]"
+  ].join(" "),
+  {
+    variants: {
+      // ID-1 cards (Tessera Sanitaria / CIE / id-card) are ~1.586:1; the
+      // generic frame is a slightly squarer neutral card.
+      frame: {
+        "tessera-sanitaria": "ds:aspect-[1.586/1]",
+        cie: "ds:aspect-[1.586/1]",
+        "id-card": "ds:aspect-[1.586/1]",
+        generic: "ds:aspect-[1.4/1]"
+      }
+    },
+    defaultVariants: { frame: "tessera-sanitaria" }
+  }
+), we = z(
+  [
+    "ds:absolute ds:inset-0 ds:block",
+    "ds:inline-size-full ds:block-size-full",
+    "ds:object-cover"
+  ].join(" ")
+), sr = z(
+  [
+    "ds:pointer-events-none ds:absolute",
+    "ds:inset-[12%]",
+    "ds:rounded-[var(--radius-sm)]",
+    "ds:border-2 ds:border-[color:var(--background)]",
+    "ds:shadow-[0_0_0_100vmax_color-mix(in_srgb,var(--foreground)_45%,transparent)]"
+  ].join(" ")
+), $ = z(
+  [
+    "ds:pointer-events-none ds:absolute ds:size-6",
+    "ds:border-[color:var(--background)]"
+  ].join(" ")
+), Se = z(
+  ["ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]"].join(" ")
+), ir = z(
+  ["type-body-sm ds:text-center", "ds:text-[var(--muted-foreground)]"].join(
+    " "
+  )
+);
+function or(a) {
+  let o = "";
+  for (let f = 0; f < a.length; f += 1)
+    o += a[f].toString(16).padStart(2, "0");
+  return o;
+}
+async function xe(a) {
+  var f;
+  const o = globalThis;
+  if ((f = o.crypto) != null && f.subtle) {
+    const N = new Uint8Array(a.byteLength);
+    N.set(new Uint8Array(a));
+    const U = await o.crypto.subtle.digest("SHA-256", N.buffer);
+    return or(new Uint8Array(U));
+  }
+  return "";
+}
+function cr(a) {
+  const o = a instanceof Error ? a.name : "";
+  return o === "NotAllowedError" || o === "SecurityError" ? "permission-denied" : o === "NotFoundError" || o === "OverconstrainedError" ? "no-camera" : o === "NotReadableError" || o === "AbortError" ? "not-readable" : "capture-failed";
+}
+function dr() {
+  return typeof navigator < "u" && typeof navigator.mediaDevices < "u" && typeof navigator.mediaDevices.getUserMedia == "function";
+}
+const lr = {
+  "tessera-sanitaria": "documentScanner.hint.tesseraSanitaria",
+  cie: "documentScanner.hint.cie",
+  "id-card": "documentScanner.hint.idCard",
+  generic: "documentScanner.hint.generic"
+}, ke = {
+  "permission-denied": "documentScanner.error.permissionDenied",
+  "no-camera": "documentScanner.error.noCamera",
+  "not-readable": "documentScanner.error.notReadable",
+  "insecure-context": "documentScanner.error.insecureContext",
+  "capture-failed": "documentScanner.error.captureFailed",
+  "file-invalid-type": "documentScanner.error.fileInvalidType",
+  "file-too-large": "documentScanner.error.fileTooLarge"
+}, ur = Fe(
+  ({
+    id: a,
+    value: o,
+    defaultValue: f = null,
+    onConfirm: N,
+    onRetake: U,
+    onError: X,
+    documentType: Z = "tessera-sanitaria",
+    captureMode: V = "auto",
+    accept: Ne = {
+      "image/jpeg": [".jpg", ".jpeg"],
+      "image/png": [".png"],
+      "image/webp": [".webp"]
+    },
+    maxSize: se = 10 * 1024 * 1024,
+    facingMode: ie = "environment",
+    outputType: y = "image/jpeg",
+    outputQuality: G = 0.92,
+    cropToFrame: oe = !0,
+    disabled: g = !1,
+    size: Ce = "md",
+    ariaLabel: je,
+    className: Re
+  }, Ee) => {
+    const { t: s } = $e(), ce = `ds-${Te().replace(/[^a-zA-Z0-9-_]/g, "")}-hint`, [b, C] = Ze({
+      value: o,
+      defaultValue: f
+    }), j = m(f != null || o != null), [n, v] = Y(
+      f != null || o != null ? "captured" : "idle"
+    ), [S, q] = Y(
+      null
+    ), [Ie, de] = Y(!1), [le, J] = Y(!1), A = m(null), Ue = m(null), R = m(null), ue = m(!1), me = m(null), Ae = m(null), pe = m(null), fe = m(null), K = m(X), M = m(N), x = m(U);
+    k(() => {
+      K.current = X, M.current = N, x.current = U;
+    }, [X, N, U]);
+    const P = o !== void 0, E = V === "upload-only", w = h(() => {
+      const e = R.current;
+      e && e.getTracks().forEach((i) => i.stop()), R.current = null;
+      const r = A.current;
+      r && (r.srcObject = null), de(!1);
+    }, []), u = h((e) => {
+      var r;
+      q(e), v("error"), (r = K.current) == null || r.call(K, { kind: e });
+    }, []), O = h(async () => {
+      var e;
+      if (!(g || E)) {
+        if (!dr()) {
+          u("insecure-context");
+          return;
+        }
+        q(null), v("requesting");
+        try {
+          const r = await navigator.mediaDevices.getUserMedia({
+            video: { facingMode: ie },
+            audio: !1
+          });
+          if (ue.current) {
+            r.getTracks().forEach((d) => d.stop());
+            return;
+          }
+          R.current = r;
+          const i = A.current;
+          if (i) {
+            try {
+              i.srcObject = r;
+            } catch {
+            }
+            const d = (e = i.play) == null ? void 0 : e.call(i);
+            d && typeof d.catch == "function" && d.catch(() => {
+            });
+          }
+          v("streaming");
+        } catch (r) {
+          w(), u(cr(r));
+        }
+      }
+    }, [g, E, ie, w, u]), L = h(() => {
+      const e = A.current;
+      e && e.readyState >= 2 && de(!0);
+    }, []);
+    k(() => {
+      if (n !== "streaming") return;
+      L();
+      const e = window.setInterval(L, 100), r = window.setTimeout(
+        () => window.clearInterval(e),
+        4e3
+      );
+      return () => {
+        window.clearInterval(e), window.clearTimeout(r);
+      };
+    }, [n, L]);
+    const Q = h(async () => {
+      const e = A.current;
+      if (!e || e.readyState < 2) {
+        u("capture-failed");
+        return;
+      }
+      const r = e.videoWidth || e.clientWidth, i = e.videoHeight || e.clientHeight;
+      if (r === 0 || i === 0) {
+        u("capture-failed");
+        return;
+      }
+      let d = 0, T = 0, D = r, _ = i;
+      if (oe) {
+        const B = r * 0.12, W = i * 0.12;
+        d = B, T = W, D = r - B * 2, _ = i - W * 2;
+      }
+      const l = document.createElement("canvas");
+      l.width = Math.max(1, Math.round(D)), l.height = Math.max(1, Math.round(_));
+      const I = l.getContext("2d");
+      if (!I) {
+        u("capture-failed");
+        return;
+      }
+      try {
+        I.drawImage(e, d, T, D, _, 0, 0, l.width, l.height);
+      } catch {
+        u("capture-failed");
+        return;
+      }
+      w();
+      const c = await new Promise((B) => {
+        typeof l.toBlob == "function" ? l.toBlob(
+          (W) => B(W),
+          y,
+          y === "image/png" ? void 0 : G
+        ) : B(null);
+      });
+      if (!c) {
+        u("capture-failed");
+        return;
+      }
+      const Ke = l.toDataURL(
+        y,
+        y === "image/png" ? void 0 : G
+      ), Me = await c.arrayBuffer(), Pe = await xe(Me);
+      j.current = !1;
+      const Oe = {
+        dataUrl: Ke,
+        blob: c,
+        source: "camera",
+        width: l.width,
+        height: l.height,
+        mimeType: y,
+        byteSize: c.size,
+        capturedAt: (/* @__PURE__ */ new Date()).toISOString(),
+        sha256: Pe
+      };
+      C(Oe), v("captured");
+    }, [
+      oe,
+      y,
+      G,
+      w,
+      u,
+      C
+    ]), Le = h(
+      async (e) => {
+        const r = e[0];
+        if (r) {
+          J(!0);
+          try {
+            const i = URL.createObjectURL(r), d = await new Promise(
+              (l, I) => {
+                const c = new Image();
+                c.onload = () => l({ w: c.naturalWidth, h: c.naturalHeight }), c.onerror = () => I(new Error("decode-failed")), c.src = i;
+              }
+            ).finally(() => {
+              URL.revokeObjectURL(i);
+            }), T = await new Promise((l, I) => {
+              const c = new FileReader();
+              c.onload = () => l(String(c.result)), c.onerror = () => I(new Error("read-failed")), c.readAsDataURL(r);
+            }), D = await r.arrayBuffer(), _ = await xe(D);
+            j.current = !1, q(null), C({
+              dataUrl: T,
+              blob: r,
+              source: "upload",
+              width: d.w,
+              height: d.h,
+              mimeType: r.type || y,
+              byteSize: r.size,
+              capturedAt: (/* @__PURE__ */ new Date()).toISOString(),
+              sha256: _
+            }), v("captured");
+          } catch {
+            u("capture-failed");
+          } finally {
+            J(!1);
+          }
+        }
+      },
+      [y, u, C]
+    ), De = h(
+      (e) => {
+        var d;
+        const i = ((d = e[0]) == null ? void 0 : d.reason) === "file-too-large" ? "file-too-large" : "file-invalid-type";
+        u(i);
+      },
+      [u]
+    ), ee = h(() => {
+      var e;
+      b && ((e = M.current) == null || e.call(M, b));
+    }, [b]), re = m(!1), ne = h(() => {
+      var e, r;
+      if (P) {
+        (e = x.current) == null || e.call(x);
+        return;
+      }
+      j.current = !1, re.current = !0, C(null), q(null), J(!1), v("idle"), (r = x.current) == null || r.call(x);
+    }, [P, C]);
+    k(() => {
+      var e, r, i;
+      n === "captured" && !j.current ? (e = me.current) == null || e.focus() : n === "error" ? (r = fe.current) == null || r.focus() : n === "idle" && re.current && (re.current = !1, (i = pe.current) == null || i.focus());
+    }, [n]), k(() => {
+      if (n !== "streaming") return;
+      const e = (r) => {
+        r.key === "Escape" && (w(), v("idle"));
+      };
+      return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+    }, [n, w]), k(() => {
+      const e = () => {
+        document.visibilityState === "hidden" && R.current && (w(), v("idle"));
+      };
+      return document.addEventListener("visibilitychange", e), () => document.removeEventListener("visibilitychange", e);
+    }, [w]), k(() => () => {
+      ue.current = !0;
+      const e = R.current;
+      e && e.getTracks().forEach((r) => r.stop()), R.current = null;
+    }, []), k(() => {
+      P && (o != null ? v("captured") : n === "captured" && v("idle"));
+    }, [o, P]);
+    const te = We(
+      () => ({
+        hasCapture: () => b != null,
+        getPhase: () => n,
+        startCamera: () => O(),
+        capture: () => Q(),
+        confirm: () => ee(),
+        retake: () => ne()
+      }),
+      [b, n, O, Q, ee, ne]
+    );
+    Ye(Ee, () => te, [te]), Ge(tr, te, a);
+    const _e = je ?? s("documentScanner.regionLabel"), Be = s(lr[Z]), ge = Math.round(se / (1024 * 1024)), He = (() => {
+      if (le) return s("documentScanner.state.uploading");
+      switch (n) {
+        case "idle":
+          return s("documentScanner.state.idle");
+        case "requesting":
+          return s("documentScanner.state.requesting");
+        case "streaming":
+          return s("documentScanner.state.streaming");
+        case "captured":
+          return s("documentScanner.state.captured");
+        case "error":
+          return S ? s(ke[S], { maxSizeMb: ge }) : s("documentScanner.error.captureFailed");
+      }
+    })(), Ve = !E && S !== "file-invalid-type" && S !== "file-too-large" && S !== "insecure-context", ve = !g && (V === "auto" || V === "upload-only" || n === "error"), F = /* @__PURE__ */ t(
+      Xe,
+      {
+        variant: "button",
+        accept: Ne,
+        maxSize: se,
+        multiple: !1,
+        maxFiles: 1,
+        disabled: g,
+        showPreview: !1,
+        onDrop: (e) => {
+          Le(e);
+        },
+        onReject: De
+      }
+    ), qe = n === "idle" || n === "requesting" || n === "streaming" || n === "error";
+    return /* @__PURE__ */ p(
+      "div",
+      {
+        role: "group",
+        "aria-label": _e,
+        "aria-disabled": g || void 0,
+        className: [ar({ size: Ce }), Re].filter(Boolean).join(" "),
+        "data-component": "document-scanner",
+        "data-component-id": a,
+        "data-phase": n,
+        children: [
+          /* @__PURE__ */ t(
+            "span",
+            {
+              role: "status",
+              "aria-live": "polite",
+              "aria-atomic": "true",
+              className: "ds:sr-only",
+              "data-testid": "document-scanner-live",
+              children: He
+            }
+          ),
+          n === "captured" && b ? (
+            /* ---- Captured preview ---- */
+            /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+              /* @__PURE__ */ p("div", { className: be({ frame: Z }), children: [
+                /* @__PURE__ */ t(
+                  "img",
+                  {
+                    src: b.dataUrl,
+                    alt: s("documentScanner.previewAlt"),
+                    className: we(),
+                    "data-testid": "document-scanner-preview"
+                  }
+                ),
+                j.current ? /* @__PURE__ */ t("span", { className: "ds:absolute ds:top-[var(--spacing-sm)] ds:start-[var(--spacing-sm)] ds:rounded-[var(--radius-full)] ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-2xs)] type-meta", children: s("documentScanner.onFileBadge") }) : null
+              ] }),
+              /* @__PURE__ */ p("div", { className: Se(), children: [
+                /* @__PURE__ */ t(
+                  H,
+                  {
+                    intent: "secondary",
+                    size: "md",
+                    className: "ds:min-block-size-[var(--min-target-size)] ds:min-inline-size-[var(--min-target-size)]",
+                    startIcon: /* @__PURE__ */ t(Je, { "aria-hidden": "true" }),
+                    onClick: ne,
+                    disabled: g,
+                    children: s("documentScanner.retake")
+                  }
+                ),
+                j.current ? null : /* @__PURE__ */ t(
+                  H,
+                  {
+                    ref: me,
+                    intent: "primary",
+                    size: "md",
+                    className: "ds:min-block-size-[var(--min-target-size)] ds:min-inline-size-[var(--min-target-size)]",
+                    startIcon: /* @__PURE__ */ t(Qe, { "aria-hidden": "true" }),
+                    onClick: ee,
+                    disabled: g || b == null,
+                    children: s("documentScanner.confirm")
+                  }
+                )
+              ] })
+            ] })
+          ) : null,
+          qe ? /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+            !E && n !== "error" ? /* @__PURE__ */ p(
+              "div",
+              {
+                ref: Ue,
+                className: be({ frame: Z }),
+                "aria-busy": n === "requesting" || void 0,
+                children: [
+                  /* @__PURE__ */ t(
+                    "video",
+                    {
+                      ref: A,
+                      autoPlay: !0,
+                      playsInline: !0,
+                      muted: !0,
+                      "aria-label": s("documentScanner.videoLabel"),
+                      className: we(),
+                      onLoadedMetadata: L,
+                      onCanPlay: L,
+                      "data-testid": "document-scanner-video"
+                    }
+                  ),
+                  n === "requesting" ? /* @__PURE__ */ t("div", { className: "ds:absolute ds:inset-0 ds:flex ds:items-center ds:justify-center ds:bg-[color-mix(in_srgb,var(--foreground)_20%,transparent)]", children: /* @__PURE__ */ t(
+                    he,
+                    {
+                      "aria-hidden": "true",
+                      className: "ds:size-8 ds:animate-spin ds:text-[var(--background)] ds:motion-reduce:animate-none"
+                    }
+                  ) }) : null,
+                  /* @__PURE__ */ p(
+                    "div",
+                    {
+                      "aria-hidden": "true",
+                      className: sr(),
+                      "data-testid": "document-scanner-frame",
+                      children: [
+                        /* @__PURE__ */ t(
+                          "span",
+                          {
+                            className: [
+                              $(),
+                              "ds:top-0 ds:start-0 ds:border-t-2 ds:border-s-2 ds:rounded-ss-[var(--radius-sm)]"
+                            ].join(" ")
+                          }
+                        ),
+                        /* @__PURE__ */ t(
+                          "span",
+                          {
+                            className: [
+                              $(),
+                              "ds:top-0 ds:end-0 ds:border-t-2 ds:border-e-2 ds:rounded-se-[var(--radius-sm)]"
+                            ].join(" ")
+                          }
+                        ),
+                        /* @__PURE__ */ t(
+                          "span",
+                          {
+                            className: [
+                              $(),
+                              "ds:bottom-0 ds:start-0 ds:border-b-2 ds:border-s-2 ds:rounded-es-[var(--radius-sm)]"
+                            ].join(" ")
+                          }
+                        ),
+                        /* @__PURE__ */ t(
+                          "span",
+                          {
+                            className: [
+                              $(),
+                              "ds:bottom-0 ds:end-0 ds:border-b-2 ds:border-e-2 ds:rounded-ee-[var(--radius-sm)]"
+                            ].join(" ")
+                          }
+                        )
+                      ]
+                    }
+                  )
+                ]
+              }
+            ) : null,
+            n === "streaming" ? /* @__PURE__ */ t("p", { id: ce, className: ir(), children: Be }) : null,
+            n === "error" && S ? /* @__PURE__ */ p(ae, { variant: "error", live: "assertive", children: [
+              /* @__PURE__ */ t(ae.Description, { children: s(ke[S], { maxSizeMb: ge }) }),
+              /* @__PURE__ */ p(ae.Action, { children: [
+                Ve ? /* @__PURE__ */ t(
+                  H,
+                  {
+                    ref: fe,
+                    intent: "secondary",
+                    size: "sm",
+                    onClick: () => {
+                      O();
+                    },
+                    disabled: g,
+                    children: s("documentScanner.retry")
+                  }
+                ) : null,
+                ve ? F : null
+              ] })
+            ] }) : null,
+            n !== "error" ? /* @__PURE__ */ p("div", { className: Se(), children: [
+              n === "streaming" ? /* @__PURE__ */ t(
+                H,
+                {
+                  ref: Ae,
+                  intent: "primary",
+                  size: "lg",
+                  startIcon: /* @__PURE__ */ t(ye, { "aria-hidden": "true" }),
+                  onClick: () => {
+                    Q();
+                  },
+                  disabled: g || !Ie,
+                  "aria-describedby": ce,
+                  "aria-label": s("documentScanner.capture"),
+                  children: s("documentScanner.capture")
+                }
+              ) : null,
+              (n === "idle" || n === "requesting") && !E ? /* @__PURE__ */ t(
+                H,
+                {
+                  ref: pe,
+                  intent: "primary",
+                  size: "md",
+                  className: "ds:min-block-size-[var(--min-target-size)] ds:min-inline-size-[var(--min-target-size)]",
+                  loading: n === "requesting",
+                  startIcon: /* @__PURE__ */ t(ye, { "aria-hidden": "true" }),
+                  onClick: () => {
+                    O();
+                  },
+                  disabled: g,
+                  children: s("documentScanner.useCamera")
+                }
+              ) : null,
+              le ? /* @__PURE__ */ p("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-[var(--muted-foreground)]", children: [
+                /* @__PURE__ */ t(
+                  he,
+                  {
+                    "aria-hidden": "true",
+                    className: "ds:size-4 ds:animate-spin ds:motion-reduce:animate-none"
+                  }
+                ),
+                s("documentScanner.state.uploading")
+              ] }) : ve && n !== "streaming" ? E ? F : /* @__PURE__ */ p("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-[var(--muted-foreground)]", children: [
+                /* @__PURE__ */ t(nr, { "aria-hidden": "true", className: "ds:size-4" }),
+                F
+              ] }) : null,
+              n === "streaming" && V !== "camera-only" ? F : null
+            ] }) : null
+          ] }) : null
+        ]
+      }
+    );
+  }
+);
+ur.displayName = "DocumentScanner";
+export {
+  ur as D,
+  tr as d
+};
+//# sourceMappingURL=document-scanner-CdHQ6lTN.js.map