@microblink/blinkid-ux-manager 7.0.0-next.4

package/dist/blinkid-ux-manager.js

@@ -0,0 +1,1963 @@
+(function(){"use strict";(r=>{window.__blinkidUxManagerCssCode=r})("*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.backface-hidden{backface-visibility:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.left--6{left:-1.5rem}.left-0{left:calc(var(--mb-size)*0rem)}.top-0{top:calc(var(--mb-size)*0rem)}.grid{display:grid}.mb-4{margin-bottom:calc(var(--mb-size)*1rem)}.mb-6{margin-bottom:calc(var(--mb-size)*1.5rem)}.mt-2{margin-top:calc(var(--mb-size)*.5rem)}.size-12{width:calc(var(--mb-size)*3rem);height:calc(var(--mb-size)*3rem)}.size-24{width:calc(var(--mb-size)*6rem);height:calc(var(--mb-size)*6rem)}.size-full{width:100%;height:100%}.h-full{height:100%}.h-vh{height:100vh}.max-h-\\[calc\\(100dvh-4rem\\)\\]{max-height:calc(100dvh - 4rem)}.max-w-45{max-width:calc(var(--mb-size)*11.25rem)}.max-w-md{max-width:28rem}.w-35{width:calc(var(--mb-size)*8.75rem)}.w-full{width:100%}.flex{display:flex}.flex-col{flex-direction:column}.perspective-300px{-webkit-perspective:300px;perspective:300px}.rotate-y-180{--un-rotate:0;--un-rotate-y:180deg;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.preserve-3d{transform-style:preserve-3d}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.select-none{-webkit-user-select:none;user-select:none}.appearance-none{-webkit-appearance:none;appearance:none}.place-items-center{place-items:center}.place-self-center{place-self:center}.justify-center{justify-content:center}.gap-1{gap:calc(var(--mb-size)*.25rem)}.gap-4{gap:calc(var(--mb-size)*1rem)}.overflow-y-auto{overflow-y:auto}.rounded-10{border-radius:calc(var(--mb-size)*2.5rem)}.rounded-2{border-radius:calc(var(--mb-size)*.5rem)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border-none{border-style:none}.bg-accent-500{--un-bg-opacity:1;background-color:rgb(30 155 255 / var(--un-bg-opacity))}.bg-black{--un-bg-opacity:1;background-color:rgb(0 0 0 / var(--un-bg-opacity))}.bg-dark-100{--un-bg-opacity:1;background-color:rgb(60 60 60 / var(--un-bg-opacity))}.bg-error-500{--un-bg-opacity:1;background-color:rgb(244 63 94 / var(--un-bg-opacity))}.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity))}.hover\\:bg-accent-600:hover{--un-bg-opacity:1;background-color:rgb(6 124 255 / var(--un-bg-opacity))}.hover\\:bg-gray-100:hover{--un-bg-opacity:1;background-color:rgb(243 244 246 / var(--un-bg-opacity))}.bg-opacity-30{--un-bg-opacity:.3}.bg-opacity-50{--un-bg-opacity:.5}.\\[\\&\\>path\\]\\:fill-\\[initial\\]>path{fill:initial}.p-6{padding:calc(var(--mb-size)*1.5rem)}.p-8{padding:calc(var(--mb-size)*2rem)}.px-2{padding-left:calc(var(--mb-size)*.5rem);padding-right:calc(var(--mb-size)*.5rem)}.px-4{padding-left:calc(var(--mb-size)*1rem);padding-right:calc(var(--mb-size)*1rem)}.py-2{padding-top:calc(var(--mb-size)*.5rem);padding-bottom:calc(var(--mb-size)*.5rem)}.py-3{padding-top:calc(var(--mb-size)*.75rem);padding-bottom:calc(var(--mb-size)*.75rem)}.text-center{text-align:center}.text-balance{text-wrap:balance}.text-base{font-size:calc(var(--mb-size)*1rem);line-height:calc(var(--mb-size)*1.5rem)}.text-sm{font-size:calc(var(--mb-size)*.875rem);line-height:calc(var(--mb-size)*1.25rem)}.text-size-5{font-size:calc(var(--mb-size)*1.25rem)}.text-gray-800{--un-text-opacity:1;color:rgb(31 41 55 / var(--un-text-opacity))}.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.color-dark-9{--un-text-opacity:1;color:rgb(15 15 15 / var(--un-text-opacity))}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-shadow-\\[0_1px_4px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]{text-shadow:0 1px 4px rgba(0,0,0,.1)}.shadow-lg{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.ring-1{--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.ring-gray-900{--un-ring-opacity:1;--un-ring-color:rgb(17 24 39 / var(--un-ring-opacity)) }.backdrop-blur-xl{--un-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.drop-shadow-\\[0_0_15px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]{--un-drop-shadow:drop-shadow(0 0 15px rgba(0,0,0,.1));filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-duration-100{transition-duration:.1s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.will-change-transform{will-change:transform}@supports (height:100dvh){.supports-\\[\\(height\\:100dvh\\)\\]\\:h-dvh{height:100dvh}}")})();
+import { ProcessingStatus as ce } from "@microblink/blinkid-core";
+import { createComponent as c, isServer as Fe, mergeProps as $e, Dynamic as Rt, spread as Z, template as b, insert as N, use as ye, Portal as Nt, delegateEvents as dt, render as Ut } from "solid-js/web";
+import { cameraManagerStore as It } from "@microblink/camera-manager";
+import { createContext as Pe, onMount as ft, useContext as Ae, createMemo as Oe, on as Lt, untrack as ve, createSignal as ie, useTransition as Ft, createComputed as $t, batch as de, splitProps as Pt, createEffect as fe, onCleanup as De, Switch as Bt, Match as te, Show as Y, createRoot as Gt } from "solid-js";
+import { createWithSignal as zt } from "solid-zustand";
+import { createStore as ht } from "solid-js/store";
+import { Dialog as V } from "@ark-ui/solid/dialog";
+import { EnvironmentProvider as Kt } from "@ark-ui/solid/environment";
+const U = Symbol.for("@ts-pattern/matcher"), Wt = Symbol.for("@ts-pattern/isVariadic"), he = "@ts-pattern/anonymous-select-key", Me = (e) => !!(e && typeof e == "object"), le = (e) => e && !!e[U], k = (e, t, n) => {
+  if (le(e)) {
+    const r = e[U](), { matched: i, selections: a } = r.match(t);
+    return i && a && Object.keys(a).forEach((s) => n(s, a[s])), i;
+  }
+  if (Me(e)) {
+    if (!Me(t)) return !1;
+    if (Array.isArray(e)) {
+      if (!Array.isArray(t)) return !1;
+      let r = [], i = [], a = [];
+      for (const s of e.keys()) {
+        const o = e[s];
+        le(o) && o[Wt] ? a.push(o) : a.length ? i.push(o) : r.push(o);
+      }
+      if (a.length) {
+        if (a.length > 1) throw new Error("Pattern error: Using `...P.array(...)` several times in a single pattern is not allowed.");
+        if (t.length < r.length + i.length) return !1;
+        const s = t.slice(0, r.length), o = i.length === 0 ? [] : t.slice(-i.length), u = t.slice(r.length, i.length === 0 ? 1 / 0 : -i.length);
+        return r.every((l, f) => k(l, s[f], n)) && i.every((l, f) => k(l, o[f], n)) && (a.length === 0 || k(a[0], u, n));
+      }
+      return e.length === t.length && e.every((s, o) => k(s, t[o], n));
+    }
+    return Reflect.ownKeys(e).every((r) => {
+      const i = e[r];
+      return (r in t || le(a = i) && a[U]().matcherType === "optional") && k(i, t[r], n);
+      var a;
+    });
+  }
+  return Object.is(t, e);
+}, G = (e) => {
+  var t, n, r;
+  return Me(e) ? le(e) ? (t = (n = (r = e[U]()).getSelectionKeys) == null ? void 0 : n.call(r)) != null ? t : [] : Array.isArray(e) ? ae(e, G) : ae(Object.values(e), G) : [];
+}, ae = (e, t) => e.reduce((n, r) => n.concat(t(r)), []);
+function O(e) {
+  return Object.assign(e, { optional: () => jt(e), and: (t) => _(e, t), or: (t) => Vt(e, t), select: (t) => t === void 0 ? We(e) : We(t, e) });
+}
+function jt(e) {
+  return O({ [U]: () => ({ match: (t) => {
+    let n = {};
+    const r = (i, a) => {
+      n[i] = a;
+    };
+    return t === void 0 ? (G(e).forEach((i) => r(i, void 0)), { matched: !0, selections: n }) : { matched: k(e, t, r), selections: n };
+  }, getSelectionKeys: () => G(e), matcherType: "optional" }) });
+}
+function _(...e) {
+  return O({ [U]: () => ({ match: (t) => {
+    let n = {};
+    const r = (i, a) => {
+      n[i] = a;
+    };
+    return { matched: e.every((i) => k(i, t, r)), selections: n };
+  }, getSelectionKeys: () => ae(e, G), matcherType: "and" }) });
+}
+function Vt(...e) {
+  return O({ [U]: () => ({ match: (t) => {
+    let n = {};
+    const r = (i, a) => {
+      n[i] = a;
+    };
+    return ae(e, G).forEach((i) => r(i, void 0)), { matched: e.some((i) => k(i, t, r)), selections: n };
+  }, getSelectionKeys: () => ae(e, G), matcherType: "or" }) });
+}
+function m(e) {
+  return { [U]: () => ({ match: (t) => ({ matched: !!e(t) }) }) };
+}
+function We(...e) {
+  const t = typeof e[0] == "string" ? e[0] : void 0, n = e.length === 2 ? e[1] : typeof e[0] == "string" ? void 0 : e[0];
+  return O({ [U]: () => ({ match: (r) => {
+    let i = { [t ?? he]: r };
+    return { matched: n === void 0 || k(n, r, (a, s) => {
+      i[a] = s;
+    }), selections: i };
+  }, getSelectionKeys: () => [t ?? he].concat(n === void 0 ? [] : G(n)) }) });
+}
+function M(e) {
+  return typeof e == "number";
+}
+function I(e) {
+  return typeof e == "string";
+}
+function L(e) {
+  return typeof e == "bigint";
+}
+O(m(function(e) {
+  return !0;
+}));
+const F = (e) => Object.assign(O(e), { startsWith: (t) => {
+  return F(_(e, (n = t, m((r) => I(r) && r.startsWith(n)))));
+  var n;
+}, endsWith: (t) => {
+  return F(_(e, (n = t, m((r) => I(r) && r.endsWith(n)))));
+  var n;
+}, minLength: (t) => F(_(e, ((n) => m((r) => I(r) && r.length >= n))(t))), length: (t) => F(_(e, ((n) => m((r) => I(r) && r.length === n))(t))), maxLength: (t) => F(_(e, ((n) => m((r) => I(r) && r.length <= n))(t))), includes: (t) => {
+  return F(_(e, (n = t, m((r) => I(r) && r.includes(n)))));
+  var n;
+}, regex: (t) => {
+  return F(_(e, (n = t, m((r) => I(r) && !!r.match(n)))));
+  var n;
+} });
+F(m(I));
+const x = (e) => Object.assign(O(e), { between: (t, n) => x(_(e, ((r, i) => m((a) => M(a) && r <= a && i >= a))(t, n))), lt: (t) => x(_(e, ((n) => m((r) => M(r) && r < n))(t))), gt: (t) => x(_(e, ((n) => m((r) => M(r) && r > n))(t))), lte: (t) => x(_(e, ((n) => m((r) => M(r) && r <= n))(t))), gte: (t) => x(_(e, ((n) => m((r) => M(r) && r >= n))(t))), int: () => x(_(e, m((t) => M(t) && Number.isInteger(t)))), finite: () => x(_(e, m((t) => M(t) && Number.isFinite(t)))), positive: () => x(_(e, m((t) => M(t) && t > 0))), negative: () => x(_(e, m((t) => M(t) && t < 0))) });
+x(m(M));
+const $ = (e) => Object.assign(O(e), { between: (t, n) => $(_(e, ((r, i) => m((a) => L(a) && r <= a && i >= a))(t, n))), lt: (t) => $(_(e, ((n) => m((r) => L(r) && r < n))(t))), gt: (t) => $(_(e, ((n) => m((r) => L(r) && r > n))(t))), lte: (t) => $(_(e, ((n) => m((r) => L(r) && r <= n))(t))), gte: (t) => $(_(e, ((n) => m((r) => L(r) && r >= n))(t))), positive: () => $(_(e, m((t) => L(t) && t > 0))), negative: () => $(_(e, m((t) => L(t) && t < 0))) });
+$(m(L));
+O(m(function(e) {
+  return typeof e == "boolean";
+}));
+O(m(function(e) {
+  return typeof e == "symbol";
+}));
+O(m(function(e) {
+  return e == null;
+}));
+O(m(function(e) {
+  return e != null;
+}));
+class Qt extends Error {
+  constructor(t) {
+    let n;
+    try {
+      n = JSON.stringify(t);
+    } catch {
+      n = t;
+    }
+    super(`Pattern matching error: no pattern matches value ${n}`), this.input = void 0, this.input = t;
+  }
+}
+const xe = { matched: !1, value: void 0 };
+function Yt(e) {
+  return new ge(e, xe);
+}
+class ge {
+  constructor(t, n) {
+    this.input = void 0, this.state = void 0, this.input = t, this.state = n;
+  }
+  with(...t) {
+    if (this.state.matched) return this;
+    const n = t[t.length - 1], r = [t[0]];
+    let i;
+    t.length === 3 && typeof t[1] == "function" ? i = t[1] : t.length > 2 && r.push(...t.slice(1, t.length - 1));
+    let a = !1, s = {};
+    const o = (l, f) => {
+      a = !0, s[l] = f;
+    }, u = !r.some((l) => k(l, this.input, o)) || i && !i(this.input) ? xe : { matched: !0, value: n(a ? he in s ? s[he] : s : this.input, this.input) };
+    return new ge(this.input, u);
+  }
+  when(t, n) {
+    if (this.state.matched) return this;
+    const r = !!t(this.input);
+    return new ge(this.input, r ? { matched: !0, value: n(this.input, this.input) } : xe);
+  }
+  otherwise(t) {
+    return this.state.matched ? this.state.value : t(this.input);
+  }
+  exhaustive() {
+    if (this.state.matched) return this.state.value;
+    throw new Qt(this.input);
+  }
+  run() {
+    return this.exhaustive();
+  }
+  returnType() {
+    return this;
+  }
+}
+const me = {
+  PROCESSING: {
+    key: "PROCESSING",
+    reticleType: "processing",
+    minDuration: 1e3
+  },
+  SCAN_BARCODE: {
+    key: "SCAN_BARCODE",
+    reticleType: "processing",
+    minDuration: 1e3
+  },
+  SIDE_CAPTURED: {
+    key: "SIDE_CAPTURED",
+    reticleType: "flip",
+    minDuration: 2e3,
+    singleEmit: !0
+  },
+  DOCUMENT_CAPTURED: {
+    key: "DOCUMENT_CAPTURED",
+    reticleType: "done",
+    minDuration: 1e3,
+    singleEmit: !0
+  },
+  LOW_QUALITY_FRONT: {
+    key: "LOW_QUALITY_FRONT",
+    reticleType: "searching",
+    minDuration: 1e3
+  },
+  LOW_QUALITY_BACK: {
+    key: "LOW_QUALITY_BACK",
+    reticleType: "searching",
+    minDuration: 1e3
+  },
+  SENSING_FRONT: {
+    key: "SENSING_FRONT",
+    reticleType: "searching",
+    minDuration: 1e3
+  },
+  SENSING_BACK: {
+    key: "SENSING_BACK",
+    reticleType: "searching",
+    minDuration: 1e3
+  },
+  DOCUMENT_FRAMING_CAMERA_TOO_FAR: {
+    key: "DOCUMENT_FRAMING_CAMERA_TOO_FAR",
+    reticleType: "error",
+    minDuration: 1500
+  },
+  DOCUMENT_FRAMING_CAMERA_TOO_CLOSE: {
+    key: "DOCUMENT_FRAMING_CAMERA_TOO_CLOSE",
+    reticleType: "error",
+    minDuration: 1500
+  },
+  DOCUMENT_FRAMING_CAMERA_ANGLE_TOO_STEEP: {
+    key: "DOCUMENT_FRAMING_CAMERA_ANGLE_TOO_STEEP",
+    reticleType: "error",
+    minDuration: 1500
+  },
+  DOCUMENT_TOO_CLOSE_TO_FRAME_EDGE: {
+    key: "DOCUMENT_TOO_CLOSE_TO_FRAME_EDGE",
+    reticleType: "error",
+    minDuration: 1500
+  },
+  BLUR_DETECTED: {
+    key: "BLUR_DETECTED",
+    reticleType: "error",
+    minDuration: 1500
+  },
+  GLARE_DETECTED: {
+    key: "GLARE_DETECTED",
+    reticleType: "error",
+    minDuration: 1500
+  },
+  OCCLUDED: {
+    key: "OCCLUDED",
+    reticleType: "error",
+    minDuration: 1500
+  },
+  WRONG_SIDE: {
+    key: "WRONG_SIDE",
+    reticleType: "error",
+    minDuration: 1500
+  }
+};
+function Ht(e) {
+  return Yt(
+    e
+  ).with(
+    {
+      captureState: "document-captured"
+    },
+    () => "DOCUMENT_CAPTURED"
+  ).with(
+    {
+      captureState: "side-captured"
+    },
+    () => "SIDE_CAPTURED"
+  ).with(
+    {
+      captureState: "first-side-capture-in-progress",
+      frameAnalysisStatus: {
+        framingStatus: "no-document",
+        lowQualityInput: !0,
+        blurDetected: !1,
+        glareDetected: !1
+      }
+    },
+    () => "LOW_QUALITY_FRONT"
+  ).with(
+    {
+      captureState: "second-side-capture-in-progress",
+      frameAnalysisStatus: {
+        framingStatus: "no-document",
+        lowQualityInput: !0,
+        blurDetected: !1,
+        glareDetected: !1
+      }
+    },
+    () => "LOW_QUALITY_BACK"
+  ).with(
+    {
+      captureState: "first-side-capture-in-progress",
+      frameAnalysisStatus: {
+        framingStatus: "no-document",
+        blurDetected: !1,
+        glareDetected: !1
+      }
+    },
+    () => "SENSING_FRONT"
+  ).with(
+    {
+      captureState: "second-side-capture-in-progress",
+      frameAnalysisStatus: {
+        framingStatus: "no-document",
+        blurDetected: !1,
+        glareDetected: !1
+      }
+    },
+    () => "SENSING_BACK"
+  ).with(
+    {
+      frameAnalysisStatus: {
+        scanningWrongSide: !0
+      }
+    },
+    () => "WRONG_SIDE"
+  ).with(
+    {
+      captureState: "barcode-scanning-in-progress"
+    },
+    () => "SCAN_BARCODE"
+  ).with(
+    {
+      frameAnalysisStatus: {
+        framingStatus: "camera-angle-too-steep"
+      }
+    },
+    () => "DOCUMENT_FRAMING_CAMERA_ANGLE_TOO_STEEP"
+  ).with(
+    {
+      frameAnalysisStatus: {
+        framingStatus: "camera-too-close"
+      }
+    },
+    () => "DOCUMENT_FRAMING_CAMERA_TOO_CLOSE"
+  ).with(
+    {
+      frameAnalysisStatus: {
+        framingStatus: "camera-too-far"
+      }
+    },
+    () => "DOCUMENT_FRAMING_CAMERA_TOO_FAR"
+  ).with(
+    {
+      frameAnalysisStatus: {
+        framingStatus: "document-too-close-to-frame-edge"
+      }
+    },
+    () => "DOCUMENT_TOO_CLOSE_TO_FRAME_EDGE"
+  ).with(
+    {
+      frameAnalysisStatus: {
+        blurDetected: !0
+      }
+    },
+    () => "BLUR_DETECTED"
+  ).with(
+    {
+      frameAnalysisStatus: {
+        glareDetected: !0
+      }
+    },
+    () => "GLARE_DETECTED"
+  ).with(
+    {
+      frameAnalysisStatus: {
+        framingStatus: "document-not-fully-visible"
+      }
+    },
+    () => "OCCLUDED"
+  ).with(
+    {
+      captureState: "first-side-capture-in-progress",
+      frameAnalysisStatus: {
+        framingStatus: "ok"
+      }
+    },
+    () => "PROCESSING"
+  ).with(
+    {
+      captureState: "second-side-capture-in-progress",
+      frameAnalysisStatus: {
+        framingStatus: "ok"
+      }
+    },
+    () => "PROCESSING"
+  ).otherwise(() => "SENSING_FRONT");
+}
+function qt(e) {
+  const t = Object.keys(e);
+  if (t.length === 0)
+    throw new Error("No members in object!");
+  let n = t[0], r = -1 / 0;
+  for (const [i, a] of Object.entries(e))
+    a > r && (r = a, n = i);
+  return n;
+}
+class Xt {
+  initialKey;
+  uiStateMap;
+  timeWindow = 3e3;
+  decayRate = 0.95;
+  eventQueue = [];
+  /** this is a special queue as min duration of the event can be longer than the `timeWindow` */
+  singleEventQueue = [];
+  // used for tracking current state
+  currentKey;
+  currentStateStartTime = performance.now();
+  summedScores = {};
+  scoreBoard = {};
+  get currentState() {
+    return this.uiStateMap[this.currentKey];
+  }
+  getEventQueue() {
+    return structuredClone(this.eventQueue);
+  }
+  getScores() {
+    return structuredClone(this.summedScores);
+  }
+  getScoreBoard() {
+    return structuredClone(this.scoreBoard);
+  }
+  setTimeWindow(t) {
+    this.timeWindow = t;
+  }
+  constructor(t, n, r, i) {
+    this.uiStateMap = t, this.initialKey = n, this.currentKey = n, this.getNewUiState(n), r && (this.timeWindow = r), i && (this.decayRate = i);
+  }
+  reset() {
+    this.currentKey = this.initialKey, this.eventQueue = [], this.singleEventQueue = [], this.summedScores = {};
+  }
+  canShowNewUiState = () => performance.now() - this.currentStateStartTime >= this.currentState.minDuration;
+  /**
+   * Returns a weighted UI state based on the history
+   */
+  getNewUiState(t) {
+    const n = performance.now(), r = this.uiStateMap[t].initialWeight, i = {
+      key: t,
+      timeStamp: n,
+      currentWeight: r ?? 1,
+      singleEmit: this.uiStateMap[t].singleEmit
+    };
+    if (i.singleEmit && this.singleEventQueue.push(i), this.canShowNewUiState() && this.singleEventQueue.length > 0) {
+      const o = this.singleEventQueue.shift();
+      return this.eventQueue = [], this.currentKey = o.key, this.currentStateStartTime = n, this.uiStateMap[o.key];
+    }
+    if (this.eventQueue.push(i), this.scoreBoard = {}, this.eventQueue.forEach((o) => {
+      if (n - o.timeStamp > this.timeWindow) {
+        this.eventQueue.shift();
+        return;
+      }
+      const u = o.timeStamp / n;
+      o.currentWeight *= this.decayRate * u, this.scoreBoard[o.key] || (this.scoreBoard[o.key] = []), this.scoreBoard[o.key].push(o.currentWeight);
+    }), !this.canShowNewUiState())
+      return this.uiStateMap[this.currentKey];
+    this.summedScores = {};
+    for (const o in this.scoreBoard) {
+      const u = this.scoreBoard[o];
+      if (!u)
+        throw new Error("no track - SHOULD NOT HAPPEN");
+      if (!this.scoreBoard[o])
+        throw new Error("no score board for key");
+      const l = u.length / this.eventQueue.length, f = this.scoreBoard[o].reduce((y, g) => y + g, 0);
+      this.summedScores[o] = f * l;
+    }
+    if (Object.keys(this.summedScores).length === 0)
+      return this.uiStateMap[this.currentKey];
+    const a = qt(this.summedScores), s = this.uiStateMap[a];
+    return s.key !== this.currentKey && (this.currentKey = a, this.currentStateStartTime = n), s;
+  }
+}
+async function je(e) {
+  return new Promise((t) => setTimeout(t, e));
+}
+class Hr {
+  #t = !1;
+  #n;
+  /** Timeout duration in ms */
+  #s = 1e4;
+  // 10s
+  clearScanTimeout = () => {
+    console.debug("⏳🔴 clearing timeout"), window.clearTimeout(this.#n);
+  };
+  #r = /* @__PURE__ */ new Set();
+  #i = /* @__PURE__ */ new Set();
+  #a = /* @__PURE__ */ new Set();
+  #e = /* @__PURE__ */ new Set();
+  #o = /* @__PURE__ */ new Set();
+  /**
+   * Adds a callback function to be executed when the UI state changes.
+   * @param callback - Function to be called when UI state changes. Receives the new UI state as parameter.
+   * @returns A cleanup function that removes the callback when called.
+   * @example
+   * const cleanup = manager.addOnUiStateChangedCallback((newState) => {
+   *   console.log('UI state changed to:', newState);
+   * });
+   *
+   * cleanup();
+   */
+  addOnUiStateChangedCallback(t) {
+    return this.#r.add(t), () => {
+      this.#r.delete(t);
+    };
+  }
+  /**
+   * Registers a callback function to be called when a scan result is available.
+   * @param callback - A function that will be called with the scan result.
+   * @returns A cleanup function that, when called, will remove the registered callback.
+   *
+   * @example
+   *
+   * const cleanup = manager.addOnResultCallback((result) => {
+   *   console.log('Scan result:', result);
+   * });
+   *
+   * // Later, to remove the callback:
+   * cleanup();
+   */
+  addOnResultCallback(t) {
+    return this.#i.add(t), () => {
+      this.#i.delete(t);
+    };
+  }
+  /**
+   * Registers a callback function to be called when a frame is processed.
+   * @param callback - A function that will be called with the frame analysis result.
+   * @returns A cleanup function that, when called, will remove the registered callback.
+   *
+   * @example
+   * const cleanup = manager.addOnFrameProcessCallback((frameResult) => {
+   *   console.log('Frame processed:', frameResult);
+   * });
+   *
+   * // Later, to remove the callback:
+   * cleanup();
+   */
+  addOnFrameProcessCallback(t) {
+    return this.#a.add(t), () => {
+      this.#a.delete(t);
+    };
+  }
+  /**
+   * Registers a callback function to be called when an error occurs during processing.
+   * @param callback - A function that will be called with the error state.
+   * @returns A cleanup function that, when called, will remove the registered callback.
+   *
+   * @example
+   * const cleanup = manager.addOnErrorCallback((error) => {
+   *   console.error('Processing error:', error);
+   * });
+   *
+   * // Later, to remove the callback:
+   * cleanup();
+   */
+  addOnErrorCallback(t) {
+    return this.#e.add(t), () => {
+      this.#e.delete(t);
+    };
+  }
+  /**
+   * Registers a callback function to be called when the user cancels the scanning process.
+   * @param callback - A function that will be called with the cancellation reason.
+   * @returns A cleanup function that, when called, will remove the registered callback.
+   *
+   * @example
+   * const cleanup = manager.addOnUserCancelCallback((reason) => {
+   *   console.log('User cancelled scan:', reason);
+   * });
+   *
+   * // Later, to remove the callback:
+   * cleanup();
+   */
+  addOnUserCancelCallback(t) {
+    return this.#o.add(t), () => {
+      this.#o.delete(t);
+    };
+  }
+  constructor(t, n) {
+    this.cameraManager = t, this.blinkIdCore = n, this.feedbackStabilizer = new Xt(
+      me,
+      "SENSING_FRONT"
+    ), this.uiState = this.feedbackStabilizer.currentState;
+    const r = this.cameraManager.subscribe(
+      (a) => a.playbackState,
+      (a) => {
+        console.debug(`⏯️ ${a}`), a !== "capturing" ? this.clearScanTimeout() : (console.debug("🔁 continuing timeout"), this.#c(this.uiState));
+      }
+    ), i = t.subscribe(
+      (a) => a.videoElement,
+      (a) => {
+        a || (console.debug("Removing timeout subscriptions"), i(), r());
+      }
+    );
+    t.addFrameCaptureCallback(async (a) => {
+      if (this.#t)
+        return;
+      this.#t = !0;
+      const s = await n.processImage(a);
+      this.#t = !1;
+      for (const y of this.#a)
+        y(s);
+      if (s.processingStatus === ce.StabilityTestFailed)
+        return;
+      const o = s.processingStatus;
+      if (o === ce.UnsupportedByLicense || o === ce.UnsupportedClass || o === ce.ClassFiltered) {
+        this.cameraManager.stopFrameCapture(), this.feedbackStabilizer.reset(), this.uiState = this.feedbackStabilizer.currentState;
+        for (const y of this.#e)
+          y("unsupported-document");
+        return;
+      }
+      const l = Ht(s);
+      this.rawUiStateKey = l;
+      const f = this.feedbackStabilizer.getNewUiState(l);
+      if (f.key !== this.uiState.key) {
+        this.uiState = f;
+        for (const y of this.#r)
+          y(f);
+        this.handleUiStateChange(f);
+      }
+    });
+  }
+  /**
+   * Set the duration of the timeout in milliseconds.
+   */
+  setTimeoutDuration(t) {
+    this.#s = t;
+  }
+  #c = (t) => {
+    console.debug(`⏳🟢 starting timeout for ${t.key}`), this.#n = window.setTimeout(() => {
+      this.cameraManager.stopFrameCapture();
+      for (const n of this.#e)
+        n("timeout");
+      this.feedbackStabilizer.reset(), this.uiState = this.feedbackStabilizer.currentState;
+    }, this.#s);
+  };
+  // Side-effects are handled here
+  async handleUiStateChange(t) {
+    if (console.debug("state changed", t.key), // low quality
+    t.key === "LOW_QUALITY_FRONT" || t.key === "LOW_QUALITY_BACK" || // regular
+    t.key === "SENSING_FRONT" || t.key === "SENSING_BACK") {
+      this.#n || this.#c(t);
+      return;
+    }
+    if (this.clearScanTimeout(), t.key === "SIDE_CAPTURED") {
+      this.cameraManager.stopFrameCapture(), await je(t.minDuration), await this.cameraManager.startFrameCapture();
+      return;
+    }
+    if (t.key === "DOCUMENT_CAPTURED") {
+      this.cameraManager.stopFrameCapture(), await je(t.minDuration);
+      const n = await this.blinkIdCore.getResult();
+      for (const r of this.#i)
+        r(n);
+    }
+  }
+}
+const Zt = {
+  scan_the_front_side: "Scan the front side of the document",
+  flip_document: "Flip the document",
+  scan_the_back_side: "Scan the back side of the document",
+  scan_the_barcode: "Scan the barcode",
+  scanning_wrong_side: "Scanning wrong side",
+  move_closer: "Move closer",
+  move_farther: "Move farther",
+  camera_angle_too_steep: "Keep document parallel to phone",
+  document_too_close_to_edge: "Move farther",
+  blur_detected: "Keep document and phone still",
+  glare_detected: "Tilt or move document to remove reflection",
+  occluded: "Keep the document fully visible"
+  // new one
+  // low_quality: "Clean your camera lens or try a different camera",
+  // `as const` is required for autocomplete to work
+}, gt = Pe(), Jt = (e) => {
+  const [t, n] = ht(
+    // we structure clone to avoid proxying to the original object
+    structuredClone({
+      ...Zt,
+      // we don't care on init
+      // eslint-disable-next-line solid/reactivity
+      ...e.userStrings
+    })
+  );
+  ft(() => {
+    e.setLocalizationRef(n);
+  });
+  const r = {
+    t,
+    updateLocalization: n
+  };
+  return c(gt.Provider, {
+    value: r,
+    get children() {
+      return e.children;
+    }
+  });
+};
+function en() {
+  const e = Ae(gt);
+  if (!e)
+    throw new Error("LocalizationContext.Provider not in scope.");
+  return e;
+}
+function tn(e) {
+  const t = typeof e.on == "function" || Array.isArray(e.on) ? e.on : () => e.on;
+  return Oe(Lt(t, (n, r) => {
+    const i = e.children;
+    return typeof i == "function" && i.length > 0 ? i(n, r) : i;
+  }));
+}
+var nn = /((?:--)?(?:\w+-?)+)\s*:\s*([^;]*)/g;
+function Ve(e) {
+  const t = {};
+  let n;
+  for (; n = nn.exec(e); )
+    t[n[1]] = n[2];
+  return t;
+}
+function rn(e, t) {
+  if (typeof e == "string") {
+    if (typeof t == "string")
+      return `${e};${t}`;
+    e = Ve(e);
+  } else typeof t == "string" && (t = Ve(t));
+  return { ...e, ...t };
+}
+function mt(e, t) {
+  e.indexOf(t) === -1 && e.push(t);
+}
+function an(e, t) {
+  const n = e.indexOf(t);
+  n > -1 && e.splice(n, 1);
+}
+const pt = (e, t, n) => Math.min(Math.max(n, e), t), D = {
+  duration: 0.3,
+  delay: 0,
+  endDelay: 0,
+  repeat: 0,
+  easing: "ease"
+}, se = (e) => typeof e == "number", H = (e) => Array.isArray(e) && !se(e[0]), sn = (e, t, n) => {
+  const r = t - e;
+  return ((n - e) % r + r) % r + e;
+};
+function on(e, t) {
+  return H(e) ? e[sn(0, e.length, t)] : e;
+}
+const yt = (e, t, n) => -n * e + n * t + e, St = () => {
+}, P = (e) => e, Be = (e, t, n) => t - e === 0 ? 1 : (n - e) / (t - e);
+function _t(e, t) {
+  const n = e[e.length - 1];
+  for (let r = 1; r <= t; r++) {
+    const i = Be(0, t, r);
+    e.push(yt(n, 1, i));
+  }
+}
+function cn(e) {
+  const t = [0];
+  return _t(t, e - 1), t;
+}
+function ln(e, t = cn(e.length), n = P) {
+  const r = e.length, i = r - t.length;
+  return i > 0 && _t(t, i), (a) => {
+    let s = 0;
+    for (; s < r - 2 && !(a < t[s + 1]); s++)
+      ;
+    let o = pt(0, 1, Be(t[s], t[s + 1], a));
+    return o = on(n, s)(o), yt(e[s], e[s + 1], o);
+  };
+}
+const vt = (e) => Array.isArray(e) && se(e[0]), ke = (e) => typeof e == "object" && !!e.createAnimation, oe = (e) => typeof e == "function", un = (e) => typeof e == "string", Ee = {
+  ms: (e) => e * 1e3,
+  s: (e) => e / 1e3
+}, Et = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, dn = 1e-7, fn = 12;
+function hn(e, t, n, r, i) {
+  let a, s, o = 0;
+  do
+    s = t + (n - t) / 2, a = Et(s, r, i) - e, a > 0 ? n = s : t = s;
+  while (Math.abs(a) > dn && ++o < fn);
+  return s;
+}
+function ne(e, t, n, r) {
+  if (e === t && n === r)
+    return P;
+  const i = (a) => hn(a, 0, 1, e, n);
+  return (a) => a === 0 || a === 1 ? a : Et(i(a), t, r);
+}
+const gn = (e, t = "end") => (n) => {
+  n = t === "end" ? Math.min(n, 0.999) : Math.max(n, 1e-3);
+  const r = n * e, i = t === "end" ? Math.floor(r) : Math.ceil(r);
+  return pt(0, 1, i / e);
+}, mn = {
+  ease: ne(0.25, 0.1, 0.25, 1),
+  "ease-in": ne(0.42, 0, 1, 1),
+  "ease-in-out": ne(0.42, 0, 0.58, 1),
+  "ease-out": ne(0, 0, 0.58, 1)
+}, pn = /\((.*?)\)/;
+function Qe(e) {
+  if (oe(e))
+    return e;
+  if (vt(e))
+    return ne(...e);
+  const t = mn[e];
+  if (t)
+    return t;
+  if (e.startsWith("steps")) {
+    const n = pn.exec(e);
+    if (n) {
+      const r = n[1].split(",");
+      return gn(parseFloat(r[0]), r[1].trim());
+    }
+  }
+  return P;
+}
+class yn {
+  constructor(t, n = [0, 1], { easing: r, duration: i = D.duration, delay: a = D.delay, endDelay: s = D.endDelay, repeat: o = D.repeat, offset: u, direction: l = "normal", autoplay: f = !0 } = {}) {
+    if (this.startTime = null, this.rate = 1, this.t = 0, this.cancelTimestamp = null, this.easing = P, this.duration = 0, this.totalDuration = 0, this.repeat = 0, this.playState = "idle", this.finished = new Promise((g, A) => {
+      this.resolve = g, this.reject = A;
+    }), r = r || D.easing, ke(r)) {
+      const g = r.createAnimation(n);
+      r = g.easing, n = g.keyframes || n, i = g.duration || i;
+    }
+    this.repeat = o, this.easing = H(r) ? P : Qe(r), this.updateDuration(i);
+    const y = ln(n, u, H(r) ? r.map(Qe) : P);
+    this.tick = (g) => {
+      var A;
+      a = a;
+      let h = 0;
+      this.pauseTime !== void 0 ? h = this.pauseTime : h = (g - this.startTime) * this.rate, this.t = h, h /= 1e3, h = Math.max(h - a, 0), this.playState === "finished" && this.pauseTime === void 0 && (h = this.totalDuration);
+      const d = h / this.duration;
+      let v = Math.floor(d), T = d % 1;
+      !T && d >= 1 && (T = 1), T === 1 && v--;
+      const z = v % 2;
+      (l === "reverse" || l === "alternate" && z || l === "alternate-reverse" && !z) && (T = 1 - T);
+      const K = h >= this.totalDuration ? 1 : Math.min(T, 1), R = y(this.easing(K));
+      t(R), this.pauseTime === void 0 && (this.playState === "finished" || h >= this.totalDuration + s) ? (this.playState = "finished", (A = this.resolve) === null || A === void 0 || A.call(this, R)) : this.playState !== "idle" && (this.frameRequestId = requestAnimationFrame(this.tick));
+    }, f && this.play();
+  }
+  play() {
+    const t = performance.now();
+    this.playState = "running", this.pauseTime !== void 0 ? this.startTime = t - this.pauseTime : this.startTime || (this.startTime = t), this.cancelTimestamp = this.startTime, this.pauseTime = void 0, this.frameRequestId = requestAnimationFrame(this.tick);
+  }
+  pause() {
+    this.playState = "paused", this.pauseTime = this.t;
+  }
+  finish() {
+    this.playState = "finished", this.tick(0);
+  }
+  stop() {
+    var t;
+    this.playState = "idle", this.frameRequestId !== void 0 && cancelAnimationFrame(this.frameRequestId), (t = this.reject) === null || t === void 0 || t.call(this, !1);
+  }
+  cancel() {
+    this.stop(), this.tick(this.cancelTimestamp);
+  }
+  reverse() {
+    this.rate *= -1;
+  }
+  commitStyles() {
+  }
+  updateDuration(t) {
+    this.duration = t, this.totalDuration = t * (this.repeat + 1);
+  }
+  get currentTime() {
+    return this.t;
+  }
+  set currentTime(t) {
+    this.pauseTime !== void 0 || this.rate === 0 ? this.pauseTime = t : this.startTime = performance.now() - t / this.rate;
+  }
+  get playbackRate() {
+    return this.rate;
+  }
+  set playbackRate(t) {
+    this.rate = t;
+  }
+}
+var bt = function() {
+};
+process.env.NODE_ENV !== "production" && (bt = function(e, t) {
+  if (!e)
+    throw new Error(t);
+});
+class Sn {
+  setAnimation(t) {
+    this.animation = t, t?.finished.then(() => this.clearAnimation()).catch(() => {
+    });
+  }
+  clearAnimation() {
+    this.animation = this.generator = void 0;
+  }
+}
+const be = /* @__PURE__ */ new WeakMap();
+function Tt(e) {
+  return be.has(e) || be.set(e, {
+    transforms: [],
+    values: /* @__PURE__ */ new Map()
+  }), be.get(e);
+}
+function _n(e, t) {
+  return e.has(t) || e.set(t, new Sn()), e.get(t);
+}
+const vn = ["", "X", "Y", "Z"], En = ["translate", "scale", "rotate", "skew"], q = {
+  x: "translateX",
+  y: "translateY",
+  z: "translateZ"
+}, Ye = {
+  syntax: "<angle>",
+  initialValue: "0deg",
+  toDefaultUnit: (e) => e + "deg"
+}, bn = {
+  translate: {
+    syntax: "<length-percentage>",
+    initialValue: "0px",
+    toDefaultUnit: (e) => e + "px"
+  },
+  rotate: Ye,
+  scale: {
+    syntax: "<number>",
+    initialValue: 1,
+    toDefaultUnit: P
+  },
+  skew: Ye
+}, X = /* @__PURE__ */ new Map(), Se = (e) => `--motion-${e}`, pe = ["x", "y", "z"];
+En.forEach((e) => {
+  vn.forEach((t) => {
+    pe.push(e + t), X.set(Se(e + t), bn[e]);
+  });
+});
+const Tn = (e, t) => pe.indexOf(e) - pe.indexOf(t), wn = new Set(pe), Ge = (e) => wn.has(e), Cn = (e, t) => {
+  q[t] && (t = q[t]);
+  const { transforms: n } = Tt(e);
+  mt(n, t), e.style.transform = wt(n);
+}, wt = (e) => e.sort(Tn).reduce(An, "").trim(), An = (e, t) => `${e} ${t}(var(${Se(t)}))`, Re = (e) => e.startsWith("--"), He = /* @__PURE__ */ new Set();
+function On(e) {
+  if (!He.has(e)) {
+    He.add(e);
+    try {
+      const { syntax: t, initialValue: n } = X.has(e) ? X.get(e) : {};
+      CSS.registerProperty({
+        name: e,
+        inherits: !1,
+        syntax: t,
+        initialValue: n
+      });
+    } catch {
+    }
+  }
+}
+const Te = (e, t) => document.createElement("div").animate(e, t), qe = {
+  cssRegisterProperty: () => typeof CSS < "u" && Object.hasOwnProperty.call(CSS, "registerProperty"),
+  waapi: () => Object.hasOwnProperty.call(Element.prototype, "animate"),
+  partialKeyframes: () => {
+    try {
+      Te({ opacity: [1] });
+    } catch {
+      return !1;
+    }
+    return !0;
+  },
+  finished: () => !!Te({ opacity: [0, 1] }, { duration: 1e-3 }).finished,
+  linearEasing: () => {
+    try {
+      Te({ opacity: 0 }, { easing: "linear(0, 1)" });
+    } catch {
+      return !1;
+    }
+    return !0;
+  }
+}, we = {}, Q = {};
+for (const e in qe)
+  Q[e] = () => (we[e] === void 0 && (we[e] = qe[e]()), we[e]);
+const Dn = 0.015, Mn = (e, t) => {
+  let n = "";
+  const r = Math.round(t / Dn);
+  for (let i = 0; i < r; i++)
+    n += e(Be(0, r - 1, i)) + ", ";
+  return n.substring(0, n.length - 2);
+}, Xe = (e, t) => oe(e) ? Q.linearEasing() ? `linear(${Mn(e, t)})` : D.easing : vt(e) ? xn(e) : e, xn = ([e, t, n, r]) => `cubic-bezier(${e}, ${t}, ${n}, ${r})`;
+function kn(e, t) {
+  for (let n = 0; n < e.length; n++)
+    e[n] === null && (e[n] = n ? e[n - 1] : t());
+  return e;
+}
+const Rn = (e) => Array.isArray(e) ? e : [e];
+function Ne(e) {
+  return q[e] && (e = q[e]), Ge(e) ? Se(e) : e;
+}
+const re = {
+  get: (e, t) => {
+    t = Ne(t);
+    let n = Re(t) ? e.style.getPropertyValue(t) : getComputedStyle(e)[t];
+    if (!n && n !== 0) {
+      const r = X.get(t);
+      r && (n = r.initialValue);
+    }
+    return n;
+  },
+  set: (e, t, n) => {
+    t = Ne(t), Re(t) ? e.style.setProperty(t, n) : e.style[t] = n;
+  }
+};
+function Nn(e, t = !0) {
+  if (!(!e || e.playState === "finished"))
+    try {
+      e.stop ? e.stop() : (t && e.commitStyles(), e.cancel());
+    } catch {
+    }
+}
+function Un(e, t) {
+  var n;
+  let r = t?.toDefaultUnit || P;
+  const i = e[e.length - 1];
+  if (un(i)) {
+    const a = ((n = i.match(/(-?[\d.]+)([a-z%]*)/)) === null || n === void 0 ? void 0 : n[2]) || "";
+    a && (r = (s) => s + a);
+  }
+  return r;
+}
+function In() {
+  return window.__MOTION_DEV_TOOLS_RECORD;
+}
+function Ln(e, t, n, r = {}, i) {
+  const a = In(), s = r.record !== !1 && a;
+  let o, { duration: u = D.duration, delay: l = D.delay, endDelay: f = D.endDelay, repeat: y = D.repeat, easing: g = D.easing, persist: A = !1, direction: h, offset: d, allowWebkitAcceleration: v = !1, autoplay: T = !0 } = r;
+  const z = Tt(e), K = Ge(t);
+  let R = Q.waapi();
+  K && Cn(e, t);
+  const w = Ne(t), W = _n(z.values, w), p = X.get(w);
+  return Nn(W.animation, !(ke(g) && W.generator) && r.record !== !1), () => {
+    const C = () => {
+      var E, ee;
+      return (ee = (E = re.get(e, w)) !== null && E !== void 0 ? E : p?.initialValue) !== null && ee !== void 0 ? ee : 0;
+    };
+    let S = kn(Rn(n), C);
+    const Ke = Un(S, p);
+    if (ke(g)) {
+      const E = g.createAnimation(S, t !== "opacity", C, w, W);
+      g = E.easing, S = E.keyframes || S, u = E.duration || u;
+    }
+    if (Re(w) && (Q.cssRegisterProperty() ? On(w) : R = !1), K && !Q.linearEasing() && (oe(g) || H(g) && g.some(oe)) && (R = !1), R) {
+      p && (S = S.map((j) => se(j) ? p.toDefaultUnit(j) : j)), S.length === 1 && (!Q.partialKeyframes() || s) && S.unshift(C());
+      const E = {
+        delay: Ee.ms(l),
+        duration: Ee.ms(u),
+        endDelay: Ee.ms(f),
+        easing: H(g) ? void 0 : Xe(g, u),
+        direction: h,
+        iterations: y + 1,
+        fill: "both"
+      };
+      o = e.animate({
+        [w]: S,
+        offset: d,
+        easing: H(g) ? g.map((j) => Xe(j, u)) : void 0
+      }, E), o.finished || (o.finished = new Promise((j, kt) => {
+        o.onfinish = j, o.oncancel = kt;
+      }));
+      const ee = S[S.length - 1];
+      o.finished.then(() => {
+        A || (re.set(e, w, ee), o.cancel());
+      }).catch(St), v || (o.playbackRate = 1.000001);
+    } else if (K)
+      S = S.map((E) => typeof E == "string" ? parseFloat(E) : E), S.length === 1 && S.unshift(parseFloat(C())), o = new i((E) => {
+        re.set(e, w, Ke ? Ke(E) : E);
+      }, S, Object.assign(Object.assign({}, r), {
+        duration: u,
+        easing: g
+      }));
+    else {
+      const E = S[S.length - 1];
+      re.set(e, w, p && se(E) ? p.toDefaultUnit(E) : E);
+    }
+    return s && a(e, t, S, {
+      duration: u,
+      delay: l,
+      easing: g,
+      repeat: y,
+      offset: d
+    }, "motion-one"), W.setAnimation(o), o && !T && o.pause(), o;
+  };
+}
+const Fn = (e, t) => (
+  /**
+   * TODO: Make test for this
+   * Always return a new object otherwise delay is overwritten by results of stagger
+   * and this results in no stagger
+   */
+  e[t] ? Object.assign(Object.assign({}, e), e[t]) : Object.assign({}, e)
+);
+function $n(e, t) {
+  return typeof e == "string" ? e = document.querySelectorAll(e) : e instanceof Element && (e = [e]), Array.from(e || []);
+}
+function Ct(e, t) {
+  var n = {};
+  for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var i = 0, r = Object.getOwnPropertySymbols(e); i < r.length; i++)
+      t.indexOf(r[i]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[i]) && (n[r[i]] = e[r[i]]);
+  return n;
+}
+const Pn = {
+  any: 0,
+  all: 1
+};
+function Bn(e, t, { root: n, margin: r, amount: i = "any" } = {}) {
+  if (typeof IntersectionObserver > "u")
+    return () => {
+    };
+  const a = $n(e), s = /* @__PURE__ */ new WeakMap(), o = (l) => {
+    l.forEach((f) => {
+      const y = s.get(f.target);
+      if (f.isIntersecting !== !!y)
+        if (f.isIntersecting) {
+          const g = t(f);
+          oe(g) ? s.set(f.target, g) : u.unobserve(f.target);
+        } else y && (y(f), s.delete(f.target));
+    });
+  }, u = new IntersectionObserver(o, {
+    root: n,
+    rootMargin: r,
+    threshold: typeof i == "number" ? i : Pn[i]
+  });
+  return a.forEach((l) => u.observe(l)), () => u.disconnect();
+}
+function Gn(e, t) {
+  return typeof e != typeof t ? !0 : Array.isArray(e) && Array.isArray(t) ? !zn(e, t) : e !== t;
+}
+function zn(e, t) {
+  const n = t.length;
+  if (n !== e.length)
+    return !1;
+  for (let r = 0; r < n; r++)
+    if (t[r] !== e[r])
+      return !1;
+  return !0;
+}
+function Kn(e) {
+  return typeof e == "object";
+}
+function Ze(e, t) {
+  if (Kn(e))
+    return e;
+  if (e && t)
+    return t[e];
+}
+let B;
+function Wn() {
+  if (!B)
+    return;
+  const e = B.sort(Vn).map(Qn);
+  e.forEach(Je), e.forEach(Je), B = void 0;
+}
+function Ce(e) {
+  B ? mt(B, e) : (B = [e], requestAnimationFrame(Wn));
+}
+function jn(e) {
+  B && an(B, e);
+}
+const Vn = (e, t) => e.getDepth() - t.getDepth(), Qn = (e) => e.animateUpdates(), Je = (e) => e.next(), et = (e, t) => new CustomEvent(e, { detail: { target: t } });
+function Ue(e, t, n) {
+  e.dispatchEvent(new CustomEvent(t, { detail: { originalEvent: n } }));
+}
+function tt(e, t, n) {
+  e.dispatchEvent(new CustomEvent(t, { detail: { originalEntry: n } }));
+}
+const Yn = {
+  isActive: (e) => !!e.inView,
+  subscribe: (e, { enable: t, disable: n }, { inViewOptions: r = {} }) => {
+    const { once: i } = r, a = Ct(r, ["once"]);
+    return Bn(e, (s) => {
+      if (t(), tt(e, "viewenter", s), !i)
+        return (o) => {
+          n(), tt(e, "viewleave", o);
+        };
+    }, a);
+  }
+}, nt = (e, t, n) => (r) => {
+  r.pointerType && r.pointerType !== "mouse" || (n(), Ue(e, t, r));
+}, Hn = {
+  isActive: (e) => !!e.hover,
+  subscribe: (e, { enable: t, disable: n }) => {
+    const r = nt(e, "hoverstart", t), i = nt(e, "hoverend", n);
+    return e.addEventListener("pointerenter", r), e.addEventListener("pointerleave", i), () => {
+      e.removeEventListener("pointerenter", r), e.removeEventListener("pointerleave", i);
+    };
+  }
+}, qn = {
+  isActive: (e) => !!e.press,
+  subscribe: (e, { enable: t, disable: n }) => {
+    const r = (a) => {
+      n(), Ue(e, "pressend", a), window.removeEventListener("pointerup", r);
+    }, i = (a) => {
+      t(), Ue(e, "pressstart", a), window.addEventListener("pointerup", r);
+    };
+    return e.addEventListener("pointerdown", i), () => {
+      e.removeEventListener("pointerdown", i), window.removeEventListener("pointerup", r);
+    };
+  }
+}, ue = { inView: Yn, hover: Hn, press: qn }, rt = ["initial", "animate", ...Object.keys(ue), "exit"], Ie = /* @__PURE__ */ new WeakMap();
+function Xn(e = {}, t) {
+  let n, r = t ? t.getDepth() + 1 : 0;
+  const i = { initial: !0, animate: !0 }, a = {}, s = {};
+  for (const d of rt)
+    s[d] = typeof e[d] == "string" ? e[d] : t?.getContext()[d];
+  const o = e.initial === !1 ? "animate" : "initial";
+  let u = Ze(e[o] || s[o], e.variants) || {}, l = Ct(u, ["transition"]);
+  const f = Object.assign({}, l);
+  function* y() {
+    var d, v;
+    const T = l;
+    l = {};
+    const z = {};
+    for (const p of rt) {
+      if (!i[p])
+        continue;
+      const C = Ze(e[p]);
+      if (C)
+        for (const S in C)
+          S !== "transition" && (l[S] = C[S], z[S] = Fn((v = (d = C.transition) !== null && d !== void 0 ? d : e.transition) !== null && v !== void 0 ? v : {}, S));
+    }
+    const K = /* @__PURE__ */ new Set([
+      ...Object.keys(l),
+      ...Object.keys(T)
+    ]), R = [];
+    K.forEach((p) => {
+      var C;
+      l[p] === void 0 && (l[p] = f[p]), Gn(T[p], l[p]) && ((C = f[p]) !== null && C !== void 0 || (f[p] = re.get(n, p)), R.push(Ln(n, p, l[p], z[p], yn)));
+    }), yield;
+    const w = R.map((p) => p()).filter(Boolean);
+    if (!w.length)
+      return;
+    const W = l;
+    n.dispatchEvent(et("motionstart", W)), Promise.all(w.map((p) => p.finished)).then(() => {
+      n.dispatchEvent(et("motioncomplete", W));
+    }).catch(St);
+  }
+  const g = (d, v) => () => {
+    i[d] = v, Ce(h);
+  }, A = () => {
+    for (const d in ue) {
+      const v = ue[d].isActive(e), T = a[d];
+      v && !T ? a[d] = ue[d].subscribe(n, {
+        enable: g(d, !0),
+        disable: g(d, !1)
+      }, e) : !v && T && (T(), delete a[d]);
+    }
+  }, h = {
+    update: (d) => {
+      n && (e = d, A(), Ce(h));
+    },
+    setActive: (d, v) => {
+      n && (i[d] = v, Ce(h));
+    },
+    animateUpdates: y,
+    getDepth: () => r,
+    getTarget: () => l,
+    getOptions: () => e,
+    getContext: () => s,
+    mount: (d) => (bt(!!d, "Animation state must be mounted with valid Element"), n = d, Ie.set(n, h), A(), () => {
+      Ie.delete(n), jn(h);
+      for (const v in a)
+        a[v]();
+    }),
+    isMounted: () => !!n
+  };
+  return h;
+}
+function Zn(e) {
+  const t = {}, n = [];
+  for (let r in e) {
+    const i = e[r];
+    Ge(r) && (q[r] && (r = q[r]), n.push(r), r = Se(r));
+    let a = Array.isArray(i) ? i[0] : i;
+    const s = X.get(r);
+    s && (a = se(i) ? s.toDefaultUnit(i) : i), t[r] = a;
+  }
+  return n.length && (t.transform = wt(n)), t;
+}
+var it = Fe ? (e) => e != null && typeof e == "object" && "t" in e : (e) => e instanceof Element;
+function Le(e, t) {
+  if (t(e))
+    return e;
+  if (typeof e == "function" && !e.length)
+    return Le(e(), t);
+  if (Array.isArray(e))
+    for (const n of e) {
+      const r = Le(n, t);
+      if (r)
+        return r;
+    }
+  return null;
+}
+function Jn(e, t = it, n = it) {
+  const r = Oe(e);
+  return Oe(() => Le(r(), Fe ? n : t));
+}
+var er = () => {
+}, at = (e, t) => t();
+function tr(e, t) {
+  const n = ve(e), r = n ? [n] : [];
+  if (Fe)
+    return () => r;
+  const { onEnter: i = at, onExit: a = at } = t, [s, o] = ie(
+    t.appear ? [] : r
+  ), [u] = Ft();
+  let l, f = !1;
+  function y(h, d) {
+    if (!h)
+      return d && d();
+    f = !0, a(h, () => {
+      de(() => {
+        f = !1, o((v) => v.filter((T) => T !== h)), d && d();
+      });
+    });
+  }
+  function g(h) {
+    const d = l;
+    if (!d)
+      return h && h();
+    l = void 0, o((v) => [d, ...v]), i(d, h ?? er);
+  }
+  const A = t.mode === "out-in" ? (
+    // exit -> enter
+    (h) => f || y(h, g)
+  ) : t.mode === "in-out" ? (
+    // enter -> exit
+    (h) => g(() => y(h))
+  ) : (
+    // exit & enter
+    (h) => {
+      y(h), g();
+    }
+  );
+  return $t(
+    (h) => {
+      const d = e();
+      return ve(u) ? (u(), h) : (d !== h && (l = d, de(() => ve(() => A(h)))), d);
+    },
+    t.appear ? void 0 : n
+  ), s;
+}
+var At = Pe(), nr = (e) => {
+  const [t, n] = ie(!0), r = {
+    initial: e.initial ?? !0,
+    mount: t
+  }, i = c(At.Provider, {
+    value: r,
+    get children() {
+      return tr(Jn(() => e.children), {
+        appear: r.initial,
+        mode: e.exitBeforeEnter ? "out-in" : "parallel",
+        onExit(a, s) {
+          de(() => {
+            n(!1), Ie.get(a)?.getOptions()?.exit ? a.addEventListener("motioncomplete", s) : s();
+          });
+        },
+        onEnter(a, s) {
+          de(() => {
+            n(!0), s();
+          });
+        }
+      });
+    }
+  });
+  return r.initial = !0, i;
+};
+function rr(e, t, n, r) {
+  const i = Xn(n?.initial === !1 ? {
+    ...t(),
+    initial: !1
+  } : t(), r);
+  return fe(() => {
+    if (n && !n.mount()) return;
+    const a = e(), s = i.mount(a);
+    fe(() => i.update(t())), De(() => {
+      n && t().exit ? (i.setActive("exit", !0), a.addEventListener("motioncomplete", s)) : s();
+    });
+  }), [i, Zn(i.getTarget())];
+}
+var ir = ["initial", "animate", "inView", "inViewOptions", "hover", "press", "variants", "transition", "exit"], ar = ["tag"], st = Pe(), ot = (e) => {
+  const [t, , n] = Pt(e, ir, ar), [r, i] = rr(() => a, () => ({
+    ...t
+  }), Ae(At), Ae(st));
+  let a;
+  return c(st.Provider, {
+    value: r,
+    get children() {
+      return c(Rt, $e(n, {
+        ref: (s) => {
+          a = s, e.ref?.(s);
+        },
+        get component() {
+          return e.tag || "div";
+        },
+        get style() {
+          return rn(e.style, i);
+        }
+      }));
+    }
+  });
+}, J = new Proxy(ot, {
+  get: (e, t) => (n) => c(ot, $e(n, {
+    tag: t
+  }))
+});
+function Ot(e) {
+  var t, n, r = "";
+  if (typeof e == "string" || typeof e == "number") r += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var i = e.length;
+    for (t = 0; t < i; t++) e[t] && (n = Ot(e[t])) && (r && (r += " "), r += n);
+  } else for (n in e) e[n] && (r && (r += " "), r += n);
+  return r;
+}
+function Dt() {
+  for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = Ot(e)) && (r && (r += " "), r += t);
+  return r;
+}
+const ct = {
+  SENSING_FRONT: "scan_the_front_side",
+  SENSING_BACK: "scan_the_back_side",
+  SIDE_CAPTURED: "flip_document",
+  WRONG_SIDE: "scanning_wrong_side",
+  SCAN_BARCODE: "scan_the_barcode",
+  // occlusion
+  BLUR_DETECTED: "blur_detected",
+  GLARE_DETECTED: "glare_detected",
+  OCCLUDED: "occluded",
+  // framing
+  DOCUMENT_FRAMING_CAMERA_TOO_CLOSE: "move_farther",
+  DOCUMENT_FRAMING_CAMERA_TOO_FAR: "move_closer",
+  DOCUMENT_TOO_CLOSE_TO_FRAME_EDGE: "document_too_close_to_edge",
+  DOCUMENT_FRAMING_CAMERA_ANGLE_TOO_STEEP: "camera_angle_too_steep",
+  //other
+  LOW_QUALITY_FRONT: "scan_the_front_side",
+  LOW_QUALITY_BACK: "scan_the_back_side"
+};
+var sr = /* @__PURE__ */ b('<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 96 60"><path fill=#fff fill-rule=evenodd d="M0 6a6 6 0 0 1 6-6h84a6 6 0 0 1 6 6v48a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6zm10.2 7.8c0-1.325 1.11-2.4 2.48-2.4h69.44c1.37 0 2.48 1.075 2.48 2.4s-1.11 2.4-2.48 2.4H12.68c-1.37 0-2.48-1.074-2.48-2.4m70.5 35.4a3.9 3.9 0 1 0 0-7.8 3.9 3.9 0 0 0 0 7.8m-70.5-3c0-1.326 1.098-2.4 2.451-2.4H34.15c1.353 0 2.451 1.075 2.451 2.4s-1.098 2.4-2.451 2.4h-21.5c-1.354 0-2.451-1.075-2.451-2.4Zm2.474-13.8c-1.366 0-2.474 1.075-2.474 2.4 0 1.326 1.108 2.4 2.474 2.4h30.452c1.366 0 2.474-1.075 2.474-2.4s-1.108-2.4-2.474-2.4z"clip-rule=evenodd>');
+const or = (e = {}) => (() => {
+  var t = sr();
+  return Z(t, e, !0, !0), t;
+})();
+var cr = /* @__PURE__ */ b('<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 96 60"><path fill=#fff fill-rule=evenodd d="M6 0a6 6 0 0 0-6 6v48a6 6 0 0 0 6 6h84a6 6 0 0 0 6-6V6a6 6 0 0 0-6-6zm42.671 10.8c-1.365 0-2.471 1.074-2.471 2.4s1.106 2.4 2.471 2.4H82.13c1.365 0 2.471-1.075 2.471-2.4s-1.106-2.4-2.471-2.4zM72 49.2c0-1.326 1.058-2.4 2.364-2.4h7.272c1.306 0 2.364 1.075 2.364 2.4s-1.058 2.4-2.364 2.4h-7.272C73.058 51.6 72 50.525 72 49.2M48.702 33.6c-1.382 0-2.502 1.075-2.502 2.4s1.12 2.4 2.502 2.4h15.396c1.382 0 2.502-1.075 2.502-2.4s-1.12-2.4-2.502-2.4zm-2.502-9c0-1.326 1.106-2.4 2.471-2.4H82.13c1.365 0 2.471 1.075 2.471 2.4S83.494 27 82.129 27H48.67c-1.365 0-2.471-1.075-2.471-2.4M13.265 10.8c-1.693 0-3.065 1.407-3.065 3.144v24.024c0 1.117.569 2.097 1.42 2.653.266.174.59.224.894.138a1.12 1.12 0 0 0 .698-.587c1.385-2.82 3.678-5.021 6.438-6.162.373-.154.637-.504.688-.915.05-.41-.119-.816-.443-1.062a7.23 7.23 0 0 1-2.84-5.78c0-3.962 3.115-7.164 6.945-7.164s6.944 3.203 6.944 7.165a7.23 7.23 0 0 1-2.839 5.78 1.16 1.16 0 0 0-.442 1.061c.05.41.314.76.688.915 2.76 1.14 5.052 3.343 6.437 6.162.142.288.395.501.698.587.304.086.628.036.893-.138a3.16 3.16 0 0 0 1.421-2.653V13.944c0-1.737-1.372-3.144-3.065-3.144z"clip-rule=evenodd>');
+const lr = (e = {}) => (() => {
+  var t = cr();
+  return Z(t, e, !0, !0), t;
+})();
+var ur = /* @__PURE__ */ b('<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 96 96"><rect width=96 height=96 fill=#fff rx=48></rect><path fill=#000 d="M44.972 57.46a2 2 0 0 1-1.414-.584l-8.484-8.486a2 2 0 1 1 2.826-2.83l7.07 7.07L57.7 39.904a2 2 0 1 1 2.83 2.828L46.386 56.876a2 2 0 0 1-1.414.584">');
+const dr = (e = {}) => (() => {
+  var t = ur();
+  return Z(t, e, !0, !0), t;
+})();
+var fr = /* @__PURE__ */ b('<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 100 100"><path fill=#fff fill-rule=evenodd d="M50 7.692C26.634 7.692 7.692 26.634 7.692 50S26.634 92.308 50 92.308 92.308 73.366 92.308 50 73.366 7.692 50 7.692M0 50C0 22.386 22.386 0 50 0s50 22.386 50 50-22.386 50-50 50S0 77.614 0 50"clip-rule=evenodd opacity=.75></path><circle cx=50 cy=50 r=4 fill=#fff>');
+const hr = (e = {}) => (() => {
+  var t = fr();
+  return Z(t, e, !0, !0), t;
+})();
+var gr = /* @__PURE__ */ b('<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 100 100"><path fill=#fff fill-rule=evenodd d="M67.122 11.998a42.16 42.16 0 0 0-34.244 0l-3.397-7.644a50.52 50.52 0 0 1 41.038 0zm-55.124 20.88a42.16 42.16 0 0 0 0 34.244l-7.644 3.397a50.52 50.52 0 0 1 0-41.038zm76.004 34.244a42.16 42.16 0 0 0 0-34.244l7.644-3.397a50.52 50.52 0 0 1 0 41.038zm-55.124 20.88a42.16 42.16 0 0 0 34.244 0l3.397 7.644a50.52 50.52 0 0 1-41.038 0z"clip-rule=evenodd opacity=.75></path><circle cx=50 cy=50 r=4 fill=#fff>');
+const mr = (e = {}) => (() => {
+  var t = gr();
+  return Z(t, e, !0, !0), t;
+})();
+var pr = /* @__PURE__ */ b('<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 101 100"><path fill=#fff fill-rule=evenodd d="M50.301 7.692C26.935 7.692 7.994 26.634 7.994 50S26.935 92.308 50.3 92.308 92.61 73.366 92.61 50 73.667 7.692 50.301 7.692M.301 50c0-27.614 22.386-50 50-50s50 22.386 50 50-22.386 50-50 50-50-22.386-50-50"clip-rule=evenodd opacity=.3></path><circle cx=50.3 cy=50 r=4 fill=#fff></circle><path fill=#fff fill-rule=evenodd d="M29.148 13.36C8.912 25.043 1.977 50.918 13.662 71.154L7 75C-6.807 51.085 1.387 20.506 25.301 6.699z"clip-rule=evenodd>');
+const yr = (e = {}) => (() => {
+  var t = pr();
+  return Z(t, e, !0, !0), t;
+})();
+var Sr = /* @__PURE__ */ b('<div class="absolute left-0 top-0 grid size-full select-none place-items-center"><div><div class=size-24><div class=absolute aria-hidden>'), _r = /* @__PURE__ */ b('<div class="relative perspective-300px left--6">'), vr = /* @__PURE__ */ b("<div role=alert>"), Er = /* @__PURE__ */ b('<div class="absolute left-0 mt-2 w-full flex justify-center">');
+const br = (e) => (() => {
+  var t = Sr(), n = t.firstChild, r = n.firstChild, i = r.firstChild;
+  return N(i, c(Bt, {
+    get children() {
+      return [c(te, {
+        get when() {
+          return e.uiState.reticleType === "searching";
+        },
+        get children() {
+          return c(Cr, {});
+        }
+      }), c(te, {
+        get when() {
+          return e.uiState.reticleType === "processing";
+        },
+        get children() {
+          return c(Or, {});
+        }
+      }), c(te, {
+        get when() {
+          return e.uiState.reticleType === "error";
+        },
+        get children() {
+          return c(Ar, {});
+        }
+      }), c(te, {
+        get when() {
+          return e.uiState.reticleType === "done";
+        },
+        get children() {
+          return c(Tr, {});
+        }
+      }), c(te, {
+        get when() {
+          return e.uiState.reticleType === "flip";
+        },
+        get children() {
+          return c(wr, {});
+        }
+      })];
+    }
+  })), N(n, c(Dr, {
+    get uiState() {
+      return e.uiState;
+    }
+  }), null), t;
+})(), Tr = () => c(J, {
+  initial: {
+    opacity: 0,
+    scale: 0.5
+  },
+  animate: {
+    opacity: 1,
+    scale: 1,
+    transition: {
+      easing: "ease-in-out",
+      duration: 0.3
+    }
+  },
+  exit: {
+    opacity: 0,
+    scale: 5
+  },
+  get children() {
+    return c(dr, {
+      class: "[&>path]:fill-[initial] size-24 drop-shadow-[0_0_15px_rgba(0,0,0,0.1)]"
+    });
+  }
+}), lt = "w-35 backface-hidden drop-shadow-[0_0_15px_rgba(0,0,0,0.1)]", wr = () => (() => {
+  var e = _r();
+  return N(e, c(J, {
+    class: "relative preserve-3d",
+    initial: {
+      opacity: 0
+    },
+    get animate() {
+      return {
+        opacity: 1,
+        rotateY: ["180deg"],
+        transition: {
+          rotateY: {
+            duration: me.SIDE_CAPTURED.minDuration / 1e3
+          },
+          opacity: {
+            duration: 0.5
+          }
+        }
+      };
+    },
+    exit: {
+      opacity: 0
+    },
+    get children() {
+      return [c(lr, {
+        class: lt
+      }), c(or, {
+        get class() {
+          return Dt(lt, "absolute top-0 left-0 w-full transform rotate-y-180");
+        }
+      })];
+    }
+  })), e;
+})(), ze = (e) => c(J.div, {
+  get class() {
+    return Dt("grid size-24 place-items-center rounded-full backdrop-blur-xl bg-opacity-30", e.type === "error" ? "bg-error-500 " : "bg-dark-100");
+  },
+  initial: {
+    opacity: 0
+  },
+  animate: {
+    opacity: 1,
+    transition: {
+      delay: 0.05
+    }
+  },
+  transition: {
+    duration: 0.05
+  },
+  get children() {
+    return e.children;
+  }
+}), Cr = () => c(ze, {
+  type: "searching",
+  get children() {
+    return c(J, {
+      class: "will-change-transform",
+      animate: {
+        opacity: 1,
+        transform: "rotate(360deg)"
+      },
+      transition: {
+        transform: {
+          duration: 1,
+          easing: "ease-in-out",
+          repeat: 1 / 0
+        }
+      },
+      get children() {
+        return c(mr, {
+          class: "size-12"
+        });
+      }
+    });
+  }
+}), Ar = () => c(ze, {
+  type: "error",
+  get children() {
+    return c(hr, {
+      class: "size-12"
+    });
+  }
+}), Or = () => c(ze, {
+  type: "processing",
+  get children() {
+    return c(J, {
+      animate: {
+        opacity: 1,
+        rotate: "360deg"
+      },
+      transition: {
+        rotate: {
+          duration: 0.8,
+          easing: [0.23, 0.58, 0.58, 0.23],
+          repeat: 1 / 0
+        }
+      },
+      get children() {
+        return c(yr, {
+          class: "size-12"
+        });
+      }
+    });
+  }
+}), Dr = (e) => {
+  const {
+    t
+  } = en(), n = () => {
+    const r = e.uiState.key;
+    if (r in ct)
+      return ct[r];
+  };
+  return (() => {
+    var r = Er();
+    return N(r, c(nr, {
+      exitBeforeEnter: !0,
+      get children() {
+        return c(tn, {
+          on: () => e.uiState.key,
+          get children() {
+            return c(Y, {
+              get when() {
+                return n();
+              },
+              get children() {
+                return c(J.div, {
+                  initial: {
+                    opacity: 0,
+                    transform: "translateY(2rem)"
+                  },
+                  animate: {
+                    opacity: 1,
+                    transform: "translateY(0)",
+                    transition: {
+                      delay: 0.05
+                    }
+                  },
+                  transition: {
+                    duration: 0.05
+                  },
+                  exit: {
+                    opacity: 0,
+                    transform: "translateY(-2rem)"
+                  },
+                  class: `max-w-45 text-base gap-1 rounded-2 bg-opacity-30 bg-dark-100 px-2 py-3
+                text-center text-balance text-white font-bold
+                text-shadow-[0_1px_4px_rgba(0,0,0,0.1)] backdrop-blur-xl will-change-transform`,
+                  get children() {
+                    var i = vr();
+                    return N(i, () => t[n()]), i;
+                  }
+                });
+              }
+            });
+          }
+        });
+      }
+    })), r;
+  })();
+}, ut = {
+  blinkIdUxManager: null,
+  cameraManagerComponent: null,
+  disposeBlinkIdUiStore: null,
+  errorState: void 0
+}, _e = Gt((e) => {
+  const [t, n] = ht(
+    {}
+  );
+  return n({
+    ...ut,
+    disposeBlinkIdUiStore: () => {
+      e(), n({ ...ut, disposeBlinkIdUiStore: e });
+    }
+  }), { store: t, updateStore: n };
+});
+var Mr = /* @__PURE__ */ b("<span>");
+const xr = (e) => {
+  const [t, n] = ie(), [r, i] = ie();
+  return ft(() => {
+    const a = r();
+    a && n(a.getRootNode());
+  }), c(Y, {
+    get when() {
+      return t();
+    },
+    get fallback() {
+      return (() => {
+        var a = Mr();
+        return ye(i, a), a;
+      })();
+    },
+    children: (a) => c(Kt, {
+      value: () => a(),
+      get children() {
+        return e.children(a());
+      }
+    })
+  });
+};
+var kr = /* @__PURE__ */ b("<div class=overflow-y-auto>"), Rr = /* @__PURE__ */ b("<div>");
+const Mt = (e) => c(xr, {
+  children: () => c(V.Root, $e({
+    onFocusOutside: (t) => t.preventDefault(),
+    onInteractOutside: (t) => t.preventDefault(),
+    restoreFocus: !0,
+    unmountOnExit: !0,
+    lazyMount: !0
+  }, e, {
+    get children() {
+      return c(Y, {
+        get when() {
+          return e.open;
+        },
+        get children() {
+          return c(Nt, {
+            get mount() {
+              return e.mountTarget;
+            },
+            get children() {
+              return c(V.Positioner, {
+                class: "h-vh supports-[(height:100dvh)]:h-dvh top-0 left-0 w-full fixed grid p-8",
+                get children() {
+                  return [c(V.Backdrop, {
+                    class: "absolute top-0 left-0 w-full h-full bg-black bg-opacity-50"
+                  }), c(V.Content, {
+                    class: `bg-white color-dark-9 p-6 rounded-lg shadow-lg place-self-center relative flex
+                    flex-col max-h-[calc(100dvh-4rem)] max-w-md`,
+                    get children() {
+                      return [c(Y, {
+                        get when() {
+                          return e.title;
+                        },
+                        children: (t) => c(V.Title, {
+                          class: "text-size-5 font-semibold mb-4 text-center",
+                          get children() {
+                            return t();
+                          }
+                        })
+                      }), (() => {
+                        var t = kr();
+                        return N(t, () => e.children), t;
+                      })(), c(Y, {
+                        get when() {
+                          return e.actions;
+                        },
+                        get children() {
+                          var t = Rr();
+                          return N(t, () => e.actions), t;
+                        }
+                      })];
+                    }
+                  })];
+                }
+              });
+            }
+          });
+        }
+      });
+    }
+  }))
+});
+var Nr = /* @__PURE__ */ b('<p class="mb-6 text-center text-balance">Unable to read the document. Please try again.'), Ur = /* @__PURE__ */ b('<div class="flex justify-center gap-4"><button class="px-4 py-2 text-sm bg-accent-500 text-white rounded-10 hover:bg-accent-600 transition-colors appearance-none border-none">Retry');
+const Ir = () => {
+  const {
+    store: e,
+    updateStore: t
+  } = _e, n = () => e.errorState === "timeout", r = () => t({
+    errorState: void 0
+  }), i = () => {
+    setTimeout(() => e.cameraManagerComponent.dismount(), 0);
+  };
+  let a;
+  return c(Mt, {
+    get mountTarget() {
+      return e.cameraManagerComponent.overlayLayerNode;
+    },
+    title: "Scan unsuccessful",
+    initialFocusEl: () => a,
+    get open() {
+      return n();
+    },
+    get actions() {
+      return (() => {
+        var s = Ur(), o = s.firstChild;
+        N(s, c(V.CloseTrigger, {
+          class: `px-4 py-2 text-sm bg-white text-gray-800 rounded-10 hover:bg-gray-100
+              transition-colors transition-duration-100 appearance-none border-none ring-1
+              ring-gray-900`,
+          onClick: () => i(),
+          children: "Cancel"
+        }), o), o.$$click = () => {
+          r(), e.blinkIdUxManager.cameraManager.startFrameCapture();
+        };
+        var u = a;
+        return typeof u == "function" ? ye(u, o) : a = o, s;
+      })();
+    },
+    get children() {
+      return Nr();
+    }
+  });
+};
+dt(["click"]);
+var Lr = /* @__PURE__ */ b("<p class=mb-6>Scan the front side of a supported document."), Fr = /* @__PURE__ */ b('<div class="flex justify-center gap-4"><button class="px-4 py-2 text-sm bg-white text-gray-800 rounded-10 hover:bg-gray-100 transition-colors transition-duration-100 appearance-none border-none ring-1 ring-gray-900">Cancel</button><button class="px-4 py-2 text-sm bg-accent-500 text-white rounded-10 hover:bg-accent-600 transition-colors appearance-none border-none">Retry');
+const $r = () => {
+  const {
+    store: e,
+    updateStore: t
+  } = _e, n = () => e.errorState === "unsupported-document", r = () => t({
+    errorState: void 0
+  });
+  let i;
+  const a = () => {
+    e.cameraManagerComponent.dismount();
+  }, s = async () => {
+    r(), await e.blinkIdUxManager.blinkIdCore.resetScanningSession(), await e.blinkIdUxManager.cameraManager.startFrameCapture();
+  };
+  return c(Mt, {
+    get mountTarget() {
+      return e.cameraManagerComponent.overlayLayerNode;
+    },
+    title: "Document not recognized",
+    initialFocusEl: () => i,
+    get open() {
+      return n();
+    },
+    get actions() {
+      return (() => {
+        var o = Fr(), u = o.firstChild, l = u.nextSibling;
+        u.$$click = () => {
+          a();
+        }, l.$$click = () => void s();
+        var f = i;
+        return typeof f == "function" ? ye(f, l) : i = l, o;
+      })();
+    },
+    get children() {
+      return Lr();
+    }
+  });
+};
+dt(["click"]);
+var Pr = /* @__PURE__ */ b("<div><style id=blinkid-ux-manager-style>");
+const Br = (e) => {
+  const {
+    store: t,
+    updateStore: n
+  } = _e, [r, i] = ie(t.blinkIdUxManager.uiState);
+  fe(() => {
+    const u = t.blinkIdUxManager.addOnErrorCallback((l) => {
+      n({
+        errorState: l
+      });
+    });
+    De(() => u());
+  });
+  const a = zt(It)((u) => u.playbackState), s = () => a() === "capturing", o = () => s() || r().key === "SIDE_CAPTURED" || r().key === "DOCUMENT_CAPTURED";
+  return fe(() => {
+    const u = t.blinkIdUxManager.addOnUiStateChangedCallback((l) => {
+      let f = l;
+      const y = l.key;
+      y === "LOW_QUALITY_FRONT" && (f = me.SENSING_FRONT), y === "LOW_QUALITY_BACK" && (f = me.SENSING_BACK), i(f);
+    });
+    De(() => u());
+  }), (() => {
+    var u = Pr(), l = u.firstChild;
+    return ye((f) => {
+      window.__blinkidUxManagerCssCode && (f.innerHTML = window.__blinkidUxManagerCssCode);
+    }, l), N(u, c(Jt, {
+      setLocalizationRef: () => {
+      },
+      get userStrings() {
+        return e.localization;
+      },
+      get children() {
+        return [c(Ir, {}), c($r, {}), c(Y, {
+          get when() {
+            return o();
+          },
+          get children() {
+            return c(br, {
+              get uiState() {
+                return r();
+              }
+            });
+          }
+        })];
+      }
+    }), null), u;
+  })();
+};
+function qr(e, t, n) {
+  const {
+    store: r,
+    updateStore: i
+  } = _e;
+  i({
+    blinkIdUxManager: e,
+    cameraManagerComponent: t
+  });
+  const a = Ut(() => c(Br, {
+    get localization() {
+      return n?.localizationStrings;
+    }
+  }), t.feedbackLayerNode), s = async () => {
+    n?.preserveSdkInstance || await r.blinkIdUxManager.blinkIdCore.terminateWorker(), a(), r.disposeBlinkIdUiStore();
+  };
+  return t.addOnDismountCallback(() => {
+    setTimeout(() => {
+      s();
+    }, 0);
+  }), a;
+}
+const xt = Symbol();
+globalThis.__BLINKID_UX_MANAGER__ ||= xt;
+globalThis.__BLINKID_UX_MANAGER__ !== xt && console.warn(
+  "Detected multiple instances of @microblink/blinkid-ux-manager. This can lead to unexpected behavior."
+);
+export {
+  Hr as BlinkIdUxManager,
+  me as blinkIdUiStateMap,
+  qr as createBlinkIdFeedbackUi,
+  Ht as getUiStateKeyFromFrameResult
+};