@techlabi/kycrazy-ui-kit 0.49.0-beta.0 → 0.49.0-beta.1

package/dist/index.es.js

@@ -340,11 +340,11 @@ var yy = "DismissableLayer", _1 = "dismissableLayer.update", wy = "dismissableLa
       onDismiss: A,
       ...f
     } = r, s = C.useContext(f6), [u, c] = C.useState(null), h = (u == null ? void 0 : u.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, d] = C.useState({}), p = R0(e, (O) => c(O)), b = Array.from(s.layers), [m] = [...s.layersWithOutsidePointerEventsDisabled].slice(-1), _ = b.indexOf(m), E = u ? b.indexOf(u) : -1, B = s.layersWithOutsidePointerEventsDisabled.size > 0, x = E >= _, k = Cy((O) => {
-      const L = O.target, J = [...s.branches].some((D) => D.contains(L));
-      !x || J || (n == null || n(O), o == null || o(O), O.defaultPrevented || A == null || A());
+      const L = O.target, z = [...s.branches].some((V) => V.contains(L));
+      !x || z || (n == null || n(O), o == null || o(O), O.defaultPrevented || A == null || A());
     }, h), $ = _y((O) => {
       const L = O.target;
-      [...s.branches].some((D) => D.contains(L)) || (i == null || i(O), o == null || o(O), O.defaultPrevented || A == null || A());
+      [...s.branches].some((V) => V.contains(L)) || (i == null || i(O), o == null || o(O), O.defaultPrevented || A == null || A());
     }, h);
     return gy((O) => {
       E === s.layers.size - 1 && (t == null || t(O), !O.defaultPrevented && A && (O.preventDefault(), A()));
@@ -672,13 +672,13 @@ var h6 = "ToastViewport", Dy = ["F8"], B1 = "toast.viewportPause", I1 = "toast.v
           var k, $, O;
           const B = E.altKey || E.ctrlKey || E.metaKey;
           if (E.key === "Tab" && !B) {
-            const L = document.activeElement, J = E.shiftKey;
-            if (E.target === m && J) {
+            const L = document.activeElement, z = E.shiftKey;
+            if (E.target === m && z) {
               (k = s.current) == null || k.focus();
               return;
             }
-            const j = b({ tabbingDirection: J ? "backwards" : "forwards" }), rr = j.findIndex((Y) => Y === L);
-            xs(j.slice(rr + 1)) ? E.preventDefault() : J ? ($ = s.current) == null || $.focus() : (O = u.current) == null || O.focus();
+            const j = b({ tabbingDirection: z ? "backwards" : "forwards" }), rr = j.findIndex((Y) => Y === L);
+            xs(j.slice(rr + 1)) ? E.preventDefault() : z ? ($ = s.current) == null || $.focus() : (O = u.current) == null || O.focus();
           }
         };
         return m.addEventListener("keydown", _), () => m.removeEventListener("keydown", _);
@@ -798,7 +798,7 @@ var [Ly, Uy] = c6(To, {
       onSwipeCancel: h,
       onSwipeEnd: d,
       ...p
-    } = r, b = yf(To, a), [m, _] = C.useState(null), E = R0(e, (Y) => _(Y)), B = C.useRef(null), x = C.useRef(null), k = n || b.duration, $ = C.useRef(0), O = C.useRef(k), L = C.useRef(0), { onToastAdd: J, onToastRemove: D } = b, K = _a(() => {
+    } = r, b = yf(To, a), [m, _] = C.useState(null), E = R0(e, (Y) => _(Y)), B = C.useRef(null), x = C.useRef(null), k = n || b.duration, $ = C.useRef(0), O = C.useRef(k), L = C.useRef(0), { onToastAdd: z, onToastRemove: V } = b, K = _a(() => {
       var or;
       (m == null ? void 0 : m.contains(document.activeElement)) && ((or = b.viewport) == null || or.focus()), o();
     }), j = C.useCallback(
@@ -822,7 +822,7 @@ var [Ly, Uy] = c6(To, {
       }
     }, [b.viewport, k, f, s, j]), C.useEffect(() => {
       i && !b.isClosePausedRef.current && j(k);
-    }, [i, k, b.isClosePausedRef, j]), C.useEffect(() => (J(), () => D()), [J, D]);
+    }, [i, k, b.isClosePausedRef, j]), C.useEffect(() => (z(), () => V()), [z, V]);
     const rr = C.useMemo(() => m ? C6(m) : null, [m]);
     return b.viewport ? /* @__PURE__ */ X(q0, { children: [
       rr && /* @__PURE__ */ l(
@@ -1541,7 +1541,7 @@ const C0 = (r) => {
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   x9.test(r) && !R9.test(r)
 ), G6 = () => !1, M9 = (r) => Z9.test(r), G9 = (r) => F9.test(r), X9 = () => {
-  const r = C0("colors"), e = C0("spacing"), a = C0("blur"), t = C0("brightness"), n = C0("borderColor"), i = C0("borderRadius"), o = C0("borderSpacing"), A = C0("borderWidth"), f = C0("contrast"), s = C0("grayscale"), u = C0("hueRotate"), c = C0("invert"), h = C0("gap"), d = C0("gradientColorStops"), p = C0("gradientColorStopPositions"), b = C0("inset"), m = C0("margin"), _ = C0("opacity"), E = C0("padding"), B = C0("saturate"), x = C0("scale"), k = C0("sepia"), $ = C0("skew"), O = C0("space"), L = C0("translate"), J = () => ["auto", "contain", "none"], D = () => ["auto", "hidden", "clip", "visible", "scroll"], K = () => ["auto", Dr, e], j = () => [Dr, e], rr = () => ["", it, Wt], Y = () => ["auto", wi, Dr], or = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], Q = () => ["solid", "dashed", "dotted", "double", "none"], P = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], v = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], w = () => ["", "0", Dr], g = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], y = () => [wi, Dr];
+  const r = C0("colors"), e = C0("spacing"), a = C0("blur"), t = C0("brightness"), n = C0("borderColor"), i = C0("borderRadius"), o = C0("borderSpacing"), A = C0("borderWidth"), f = C0("contrast"), s = C0("grayscale"), u = C0("hueRotate"), c = C0("invert"), h = C0("gap"), d = C0("gradientColorStops"), p = C0("gradientColorStopPositions"), b = C0("inset"), m = C0("margin"), _ = C0("opacity"), E = C0("padding"), B = C0("saturate"), x = C0("scale"), k = C0("sepia"), $ = C0("skew"), O = C0("space"), L = C0("translate"), z = () => ["auto", "contain", "none"], V = () => ["auto", "hidden", "clip", "visible", "scroll"], K = () => ["auto", Dr, e], j = () => [Dr, e], rr = () => ["", it, Wt], Y = () => ["auto", wi, Dr], or = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], Q = () => ["solid", "dashed", "dotted", "double", "none"], P = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], v = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], w = () => ["", "0", Dr], g = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], y = () => [wi, Dr];
   return {
     cacheSize: 500,
     separator: ":",
@@ -1671,42 +1671,42 @@ const C0 = (r) => {
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: D()
+        overflow: V()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": D()
+        "overflow-x": V()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": D()
+        "overflow-y": V()
       }],
       /**
        * Overscroll Behavior
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: J()
+        overscroll: z()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": J()
+        "overscroll-x": z()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": J()
+        "overscroll-y": z()
       }],
       /**
        * Position
@@ -3771,14 +3771,14 @@ function ww(r) {
 }
 var kw = (r) => {
   var e, a, t, n, i, o, A, f, s, u, c;
-  let { invert: h, toast: d, unstyled: p, interacting: b, setHeights: m, visibleToasts: _, heights: E, index: B, toasts: x, expanded: k, removeToast: $, defaultRichColors: O, closeButton: L, style: J, cancelButtonStyle: D, actionButtonStyle: K, className: j = "", descriptionClassName: rr = "", duration: Y, position: or, gap: Q, loadingIcon: P, expandByDefault: v, classNames: w, icons: g, closeButtonAriaLabel: y = "Close toast", pauseWhenPageIsHidden: N } = r, [R, I] = G.useState(null), [F, V] = G.useState(null), [S, z] = G.useState(!1), [ar, q] = G.useState(!1), [er, T] = G.useState(!1), [fr, Zr] = G.useState(!1), [Tr, Fr] = G.useState(!1), [Ir, o0] = G.useState(0), [u0, Z] = G.useState(0), M = G.useRef(d.duration || Y || Dd), U = G.useRef(null), nr = G.useRef(null), ir = B === 0, tr = B + 1 <= _, lr = d.type, Wr = d.dismissible !== !1, Xr = d.className || "", F0 = d.descriptionClassName || "", ne = G.useMemo(() => E.findIndex((Ar) => Ar.toastId === d.id) || 0, [E, d.id]), B0 = G.useMemo(() => {
+  let { invert: h, toast: d, unstyled: p, interacting: b, setHeights: m, visibleToasts: _, heights: E, index: B, toasts: x, expanded: k, removeToast: $, defaultRichColors: O, closeButton: L, style: z, cancelButtonStyle: V, actionButtonStyle: K, className: j = "", descriptionClassName: rr = "", duration: Y, position: or, gap: Q, loadingIcon: P, expandByDefault: v, classNames: w, icons: g, closeButtonAriaLabel: y = "Close toast", pauseWhenPageIsHidden: N } = r, [R, I] = G.useState(null), [F, D] = G.useState(null), [S, J] = G.useState(!1), [ar, q] = G.useState(!1), [er, T] = G.useState(!1), [fr, Zr] = G.useState(!1), [Tr, Fr] = G.useState(!1), [Ir, o0] = G.useState(0), [u0, Z] = G.useState(0), M = G.useRef(d.duration || Y || Dd), U = G.useRef(null), nr = G.useRef(null), ir = B === 0, tr = B + 1 <= _, lr = d.type, Wr = d.dismissible !== !1, Xr = d.className || "", F0 = d.descriptionClassName || "", ne = G.useMemo(() => E.findIndex((Ar) => Ar.toastId === d.id) || 0, [E, d.id]), B0 = G.useMemo(() => {
     var Ar;
     return (Ar = d.closeButton) != null ? Ar : L;
   }, [d.closeButton, L]), aa = G.useMemo(() => d.duration || Y || Dd, [d.duration, Y]), Oe = G.useRef(0), de = G.useRef(0), tt = G.useRef(0), Ce = G.useRef(null), [yn, he] = or.split("-"), ta = G.useMemo(() => E.reduce((Ar, Cr, cr) => cr >= ne ? Ar : Ar + Cr.height, 0), [E, ne]), ha = ow(), Ta = d.invert || h, nt = lr === "loading";
   de.current = G.useMemo(() => ne * Q + ta, [ne, ta]), G.useEffect(() => {
     M.current = aa;
   }, [aa]), G.useEffect(() => {
-    z(!0);
+    J(!0);
   }, []), G.useEffect(() => {
     let Ar = nr.current;
     if (Ar) {
@@ -3817,7 +3817,7 @@ var kw = (r) => {
     var Ar, Cr, cr;
     return g != null && g.loading ? G.createElement("div", { className: ma(w == null ? void 0 : w.loader, (Ar = d == null ? void 0 : d.classNames) == null ? void 0 : Ar.loader, "sonner-loader"), "data-visible": lr === "loading" }, g.loading) : P ? G.createElement("div", { className: ma(w == null ? void 0 : w.loader, (Cr = d == null ? void 0 : d.classNames) == null ? void 0 : Cr.loader, "sonner-loader"), "data-visible": lr === "loading" }, P) : G.createElement(rw, { className: ma(w == null ? void 0 : w.loader, (cr = d == null ? void 0 : d.classNames) == null ? void 0 : cr.loader), visible: lr === "loading" });
   }
-  return G.createElement("li", { tabIndex: 0, ref: nr, className: ma(j, Xr, w == null ? void 0 : w.toast, (e = d == null ? void 0 : d.classNames) == null ? void 0 : e.toast, w == null ? void 0 : w.default, w == null ? void 0 : w[lr], (a = d == null ? void 0 : d.classNames) == null ? void 0 : a[lr]), "data-sonner-toast": "", "data-rich-colors": (t = d.richColors) != null ? t : O, "data-styled": !(d.jsx || d.unstyled || p), "data-mounted": S, "data-promise": !!d.promise, "data-swiped": Tr, "data-removed": ar, "data-visible": tr, "data-y-position": yn, "data-x-position": he, "data-index": B, "data-front": ir, "data-swiping": er, "data-dismissible": Wr, "data-type": lr, "data-invert": Ta, "data-swipe-out": fr, "data-swipe-direction": F, "data-expanded": !!(k || v && S), style: { "--index": B, "--toasts-before": B, "--z-index": x.length - B, "--offset": `${ar ? Ir : de.current}px`, "--initial-height": v ? "auto" : `${u0}px`, ...J, ...d.style }, onDragEnd: () => {
+  return G.createElement("li", { tabIndex: 0, ref: nr, className: ma(j, Xr, w == null ? void 0 : w.toast, (e = d == null ? void 0 : d.classNames) == null ? void 0 : e.toast, w == null ? void 0 : w.default, w == null ? void 0 : w[lr], (a = d == null ? void 0 : d.classNames) == null ? void 0 : a[lr]), "data-sonner-toast": "", "data-rich-colors": (t = d.richColors) != null ? t : O, "data-styled": !(d.jsx || d.unstyled || p), "data-mounted": S, "data-promise": !!d.promise, "data-swiped": Tr, "data-removed": ar, "data-visible": tr, "data-y-position": yn, "data-x-position": he, "data-index": B, "data-front": ir, "data-swiping": er, "data-dismissible": Wr, "data-type": lr, "data-invert": Ta, "data-swipe-out": fr, "data-swipe-direction": F, "data-expanded": !!(k || v && S), style: { "--index": B, "--toasts-before": B, "--z-index": x.length - B, "--offset": `${ar ? Ir : de.current}px`, "--initial-height": v ? "auto" : `${u0}px`, ...z, ...d.style }, onDragEnd: () => {
     T(!1), I(null), Ce.current = null;
   }, onPointerDown: (Ar) => {
     nt || !Wr || (U.current = /* @__PURE__ */ new Date(), o0(de.current), Ar.target.setPointerCapture(Ar.pointerId), Ar.target.tagName !== "BUTTON" && (T(!0), Ce.current = { x: Ar.clientX, y: Ar.clientY }));
@@ -3827,7 +3827,7 @@ var kw = (r) => {
     Ce.current = null;
     let dr = Number(((Ar = nr.current) == null ? void 0 : Ar.style.getPropertyValue("--swipe-amount-x").replace("px", "")) || 0), vr = Number(((Cr = nr.current) == null ? void 0 : Cr.style.getPropertyValue("--swipe-amount-y").replace("px", "")) || 0), Gr = (/* @__PURE__ */ new Date()).getTime() - ((cr = U.current) == null ? void 0 : cr.getTime()), Hr = R === "x" ? dr : vr, l0 = Math.abs(Hr) / Gr;
     if (Math.abs(Hr) >= gw || l0 > 0.11) {
-      o0(de.current), (wr = d.onDismiss) == null || wr.call(d, d), V(R === "x" ? dr > 0 ? "right" : "left" : vr > 0 ? "down" : "up"), se(), Zr(!0), Fr(!1);
+      o0(de.current), (wr = d.onDismiss) == null || wr.call(d, d), D(R === "x" ? dr > 0 ? "right" : "left" : vr > 0 ? "down" : "up"), se(), Zr(!0), Fr(!1);
       return;
     }
     T(!1), I(null);
@@ -3842,7 +3842,7 @@ var kw = (r) => {
   } : () => {
     var Ar;
     se(), (Ar = d.onDismiss) == null || Ar.call(d, d);
-  }, className: ma(w == null ? void 0 : w.closeButton, (n = d == null ? void 0 : d.classNames) == null ? void 0 : n.closeButton) }, (i = g == null ? void 0 : g.close) != null ? i : iw) : null, d.jsx || Bs(d.title) ? d.jsx ? d.jsx : typeof d.title == "function" ? d.title() : d.title : G.createElement(G.Fragment, null, lr || d.icon || d.promise ? G.createElement("div", { "data-icon": "", className: ma(w == null ? void 0 : w.icon, (o = d == null ? void 0 : d.classNames) == null ? void 0 : o.icon) }, d.promise || d.type === "loading" && !d.icon ? d.icon || xr() : null, d.type !== "loading" ? d.icon || (g == null ? void 0 : g[lr]) || K9(lr) : null) : null, G.createElement("div", { "data-content": "", className: ma(w == null ? void 0 : w.content, (A = d == null ? void 0 : d.classNames) == null ? void 0 : A.content) }, G.createElement("div", { "data-title": "", className: ma(w == null ? void 0 : w.title, (f = d == null ? void 0 : d.classNames) == null ? void 0 : f.title) }, typeof d.title == "function" ? d.title() : d.title), d.description ? G.createElement("div", { "data-description": "", className: ma(rr, F0, w == null ? void 0 : w.description, (s = d == null ? void 0 : d.classNames) == null ? void 0 : s.description) }, typeof d.description == "function" ? d.description() : d.description) : null), Bs(d.cancel) ? d.cancel : d.cancel && rA(d.cancel) ? G.createElement("button", { "data-button": !0, "data-cancel": !0, style: d.cancelButtonStyle || D, onClick: (Ar) => {
+  }, className: ma(w == null ? void 0 : w.closeButton, (n = d == null ? void 0 : d.classNames) == null ? void 0 : n.closeButton) }, (i = g == null ? void 0 : g.close) != null ? i : iw) : null, d.jsx || Bs(d.title) ? d.jsx ? d.jsx : typeof d.title == "function" ? d.title() : d.title : G.createElement(G.Fragment, null, lr || d.icon || d.promise ? G.createElement("div", { "data-icon": "", className: ma(w == null ? void 0 : w.icon, (o = d == null ? void 0 : d.classNames) == null ? void 0 : o.icon) }, d.promise || d.type === "loading" && !d.icon ? d.icon || xr() : null, d.type !== "loading" ? d.icon || (g == null ? void 0 : g[lr]) || K9(lr) : null) : null, G.createElement("div", { "data-content": "", className: ma(w == null ? void 0 : w.content, (A = d == null ? void 0 : d.classNames) == null ? void 0 : A.content) }, G.createElement("div", { "data-title": "", className: ma(w == null ? void 0 : w.title, (f = d == null ? void 0 : d.classNames) == null ? void 0 : f.title) }, typeof d.title == "function" ? d.title() : d.title), d.description ? G.createElement("div", { "data-description": "", className: ma(rr, F0, w == null ? void 0 : w.description, (s = d == null ? void 0 : d.classNames) == null ? void 0 : s.description) }, typeof d.description == "function" ? d.description() : d.description) : null), Bs(d.cancel) ? d.cancel : d.cancel && rA(d.cancel) ? G.createElement("button", { "data-button": !0, "data-cancel": !0, style: d.cancelButtonStyle || V, onClick: (Ar) => {
     var Cr, cr;
     rA(d.cancel) && Wr && ((cr = (Cr = d.cancel).onClick) == null || cr.call(Cr, Ar), se());
   }, className: ma(w == null ? void 0 : w.cancelButton, (u = d == null ? void 0 : d.classNames) == null ? void 0 : u.cancelButton) }, d.cancel.label) : null, Bs(d.action) ? d.action : d.action && rA(d.action) ? G.createElement("button", { "data-button": !0, "data-action": !0, style: d.actionButtonStyle || K, onClick: (Ar) => {
@@ -3870,7 +3870,7 @@ function Ew(r, e) {
   }), a;
 }
 var Cw = d2(function(r, e) {
-  let { invert: a, position: t = "bottom-right", hotkey: n = ["altKey", "KeyT"], expand: i, closeButton: o, className: A, offset: f, mobileOffset: s, theme: u = "light", richColors: c, duration: h, style: d, visibleToasts: p = hw, toastOptions: b, dir: m = Md(), gap: _ = pw, loadingIcon: E, icons: B, containerAriaLabel: x = "Notifications", pauseWhenPageIsHidden: k } = r, [$, O] = G.useState([]), L = G.useMemo(() => Array.from(new Set([t].concat($.filter((N) => N.position).map((N) => N.position)))), [$, t]), [J, D] = G.useState([]), [K, j] = G.useState(!1), [rr, Y] = G.useState(!1), [or, Q] = G.useState(u !== "system" ? u : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), P = G.useRef(null), v = n.join("+").replace(/Key/g, "").replace(/Digit/g, ""), w = G.useRef(null), g = G.useRef(!1), y = G.useCallback((N) => {
+  let { invert: a, position: t = "bottom-right", hotkey: n = ["altKey", "KeyT"], expand: i, closeButton: o, className: A, offset: f, mobileOffset: s, theme: u = "light", richColors: c, duration: h, style: d, visibleToasts: p = hw, toastOptions: b, dir: m = Md(), gap: _ = pw, loadingIcon: E, icons: B, containerAriaLabel: x = "Notifications", pauseWhenPageIsHidden: k } = r, [$, O] = G.useState([]), L = G.useMemo(() => Array.from(new Set([t].concat($.filter((N) => N.position).map((N) => N.position)))), [$, t]), [z, V] = G.useState([]), [K, j] = G.useState(!1), [rr, Y] = G.useState(!1), [or, Q] = G.useState(u !== "system" ? u : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), P = G.useRef(null), v = n.join("+").replace(/Key/g, "").replace(/Digit/g, ""), w = G.useRef(null), g = G.useRef(!1), y = G.useCallback((N) => {
     O((R) => {
       var I;
       return (I = R.find((F) => F.id === N.id)) != null && I.delete || xe.dismiss(N.id), R.filter(({ id: F }) => F !== N.id);
@@ -3914,7 +3914,7 @@ var Cw = d2(function(r, e) {
   }, [$]), G.useEffect(() => {
     let N = (R) => {
       var I, F;
-      n.every((V) => R[V] || R.code === V) && (j(!0), (I = P.current) == null || I.focus()), R.code === "Escape" && (document.activeElement === P.current || (F = P.current) != null && F.contains(document.activeElement)) && j(!1);
+      n.every((D) => R[D] || R.code === D) && (j(!0), (I = P.current) == null || I.focus()), R.code === "Escape" && (document.activeElement === P.current || (F = P.current) != null && F.contains(document.activeElement)) && j(!1);
     };
     return document.addEventListener("keydown", N), () => document.removeEventListener("keydown", N);
   }, [n]), G.useEffect(() => {
@@ -3923,8 +3923,8 @@ var Cw = d2(function(r, e) {
     };
   }, [P.current]), G.createElement("section", { ref: e, "aria-label": `${x} ${v}`, tabIndex: -1, "aria-live": "polite", "aria-relevant": "additions text", "aria-atomic": "false", suppressHydrationWarning: !0 }, L.map((N, R) => {
     var I;
-    let [F, V] = N.split("-");
-    return $.length ? G.createElement("ol", { key: N, dir: m === "auto" ? Md() : m, tabIndex: -1, ref: P, className: A, "data-sonner-toaster": !0, "data-theme": or, "data-y-position": F, "data-lifted": K && $.length > 1 && !i, "data-x-position": V, style: { "--front-toast-height": `${((I = J[0]) == null ? void 0 : I.height) || 0}px`, "--width": `${vw}px`, "--gap": `${_}px`, ...d, ...Ew(f, s) }, onBlur: (S) => {
+    let [F, D] = N.split("-");
+    return $.length ? G.createElement("ol", { key: N, dir: m === "auto" ? Md() : m, tabIndex: -1, ref: P, className: A, "data-sonner-toaster": !0, "data-theme": or, "data-y-position": F, "data-lifted": K && $.length > 1 && !i, "data-x-position": D, style: { "--front-toast-height": `${((I = z[0]) == null ? void 0 : I.height) || 0}px`, "--width": `${vw}px`, "--gap": `${_}px`, ...d, ...Ew(f, s) }, onBlur: (S) => {
       g.current && !S.currentTarget.contains(S.relatedTarget) && (g.current = !1, w.current && (w.current.focus({ preventScroll: !0 }), w.current = null));
     }, onFocus: (S) => {
       S.target instanceof HTMLElement && S.target.dataset.dismissible === "false" || g.current || (g.current = !0, w.current = S.relatedTarget);
@@ -3932,9 +3932,9 @@ var Cw = d2(function(r, e) {
       rr || j(!1);
     }, onDragEnd: () => j(!1), onPointerDown: (S) => {
       S.target instanceof HTMLElement && S.target.dataset.dismissible === "false" || Y(!0);
-    }, onPointerUp: () => Y(!1) }, $.filter((S) => !S.position && R === 0 || S.position === N).map((S, z) => {
+    }, onPointerUp: () => Y(!1) }, $.filter((S) => !S.position && R === 0 || S.position === N).map((S, J) => {
       var ar, q;
-      return G.createElement(kw, { key: S.id, icons: B, index: z, toast: S, defaultRichColors: c, duration: (ar = b == null ? void 0 : b.duration) != null ? ar : h, className: b == null ? void 0 : b.className, descriptionClassName: b == null ? void 0 : b.descriptionClassName, invert: a, visibleToasts: p, closeButton: (q = b == null ? void 0 : b.closeButton) != null ? q : o, interacting: rr, position: N, style: b == null ? void 0 : b.style, unstyled: b == null ? void 0 : b.unstyled, classNames: b == null ? void 0 : b.classNames, cancelButtonStyle: b == null ? void 0 : b.cancelButtonStyle, actionButtonStyle: b == null ? void 0 : b.actionButtonStyle, removeToast: y, toasts: $.filter((er) => er.position == S.position), heights: J.filter((er) => er.position == S.position), setHeights: D, expandByDefault: i, gap: _, loadingIcon: E, expanded: K, pauseWhenPageIsHidden: k, swipeDirections: r.swipeDirections });
+      return G.createElement(kw, { key: S.id, icons: B, index: J, toast: S, defaultRichColors: c, duration: (ar = b == null ? void 0 : b.duration) != null ? ar : h, className: b == null ? void 0 : b.className, descriptionClassName: b == null ? void 0 : b.descriptionClassName, invert: a, visibleToasts: p, closeButton: (q = b == null ? void 0 : b.closeButton) != null ? q : o, interacting: rr, position: N, style: b == null ? void 0 : b.style, unstyled: b == null ? void 0 : b.unstyled, classNames: b == null ? void 0 : b.classNames, cancelButtonStyle: b == null ? void 0 : b.cancelButtonStyle, actionButtonStyle: b == null ? void 0 : b.actionButtonStyle, removeToast: y, toasts: $.filter((er) => er.position == S.position), heights: z.filter((er) => er.position == S.position), setHeights: V, expandByDefault: i, gap: _, loadingIcon: E, expanded: K, pauseWhenPageIsHidden: k, swipeDirections: r.swipeDirections });
     })) : null;
   }));
 });
@@ -4249,7 +4249,7 @@ const Dw = (r) => ({
     }, d = vl(n), p = ml(d), b = await o.getDimensions(s), m = d === "y", _ = m ? "top" : "left", E = m ? "bottom" : "right", B = m ? "clientHeight" : "clientWidth", x = i.reference[p] + i.reference[d] - h[d] - i.floating[p], k = h[d] - i.reference[d], $ = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(s));
     let O = $ ? $[B] : 0;
     (!O || !await (o.isElement == null ? void 0 : o.isElement($))) && (O = A.floating[B] || i.floating[p]);
-    const L = x / 2 - k / 2, J = O / 2 - b[p] / 2 - 1, D = on(c[_], J), K = on(c[E], J), j = D, rr = O - b[p] - K, Y = O / 2 - b[p] / 2 + L, or = F1(j, Y, rr), Q = !f.arrow && b2(n) != null && Y !== or && i.reference[p] / 2 - (Y < j ? D : K) - b[p] / 2 < 0, P = Q ? Y < j ? Y - j : Y - rr : 0;
+    const L = x / 2 - k / 2, z = O / 2 - b[p] / 2 - 1, V = on(c[_], z), K = on(c[E], z), j = V, rr = O - b[p] - K, Y = O / 2 - b[p] / 2 + L, or = F1(j, Y, rr), Q = !f.arrow && b2(n) != null && Y !== or && i.reference[p] / 2 - (Y < j ? V : K) - b[p] / 2 < 0, P = Q ? Y < j ? Y - j : Y - rr : 0;
     return {
       [d]: h[d] + P,
       data: {
@@ -4288,36 +4288,36 @@ const Dw = (r) => ({
         return {};
       const _ = _t(n), E = Ya(A), B = _t(A) === A, x = await (f.isRTL == null ? void 0 : f.isRTL(s.floating)), k = h || (B || !b ? [OA(A)] : Sw(A)), $ = p !== "none";
       !h && $ && k.push(...Pw(A, b, p, x));
-      const O = [A, ...k], L = await K2(e, m), J = [];
-      let D = ((t = i.flip) == null ? void 0 : t.overflows) || [];
-      if (u && J.push(L[_]), c) {
+      const O = [A, ...k], L = await K2(e, m), z = [];
+      let V = ((t = i.flip) == null ? void 0 : t.overflows) || [];
+      if (u && z.push(L[_]), c) {
         const Y = Fw(n, o, x);
-        J.push(L[Y[0]], L[Y[1]]);
+        z.push(L[Y[0]], L[Y[1]]);
       }
-      if (D = [...D, {
+      if (V = [...V, {
         placement: n,
-        overflows: J
-      }], !J.every((Y) => Y <= 0)) {
+        overflows: z
+      }], !z.every((Y) => Y <= 0)) {
         var K, j;
         const Y = (((K = i.flip) == null ? void 0 : K.index) || 0) + 1, or = O[Y];
         if (or && (!(c === "alignment" ? E !== Ya(or) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        D.every((v) => Ya(v.placement) === E ? v.overflows[0] > 0 : !0)))
+        V.every((v) => Ya(v.placement) === E ? v.overflows[0] > 0 : !0)))
           return {
             data: {
               index: Y,
-              overflows: D
+              overflows: V
             },
             reset: {
               placement: or
             }
           };
-        let Q = (j = D.filter((P) => P.overflows[0] <= 0).sort((P, v) => P.overflows[1] - v.overflows[1])[0]) == null ? void 0 : j.placement;
+        let Q = (j = V.filter((P) => P.overflows[0] <= 0).sort((P, v) => P.overflows[1] - v.overflows[1])[0]) == null ? void 0 : j.placement;
         if (!Q)
           switch (d) {
             case "bestFit": {
               var rr;
-              const P = (rr = D.filter((v) => {
+              const P = (rr = V.filter((v) => {
                 if ($) {
                   const w = Ya(v.placement);
                   return w === E || // Create a bias to the `y` side axis due to horizontal
@@ -4568,16 +4568,16 @@ const jw = function(r) {
       const E = b - u.top - u.bottom, B = p - u.left - u.right, x = on(b - u[m], E), k = on(p - u[_], B), $ = !e.middlewareData.shift;
       let O = x, L = k;
       if ((a = e.middlewareData.shift) != null && a.enabled.x && (L = B), (t = e.middlewareData.shift) != null && t.enabled.y && (O = E), $ && !h) {
-        const D = Le(u.left, 0), K = Le(u.right, 0), j = Le(u.top, 0), rr = Le(u.bottom, 0);
-        d ? L = p - 2 * (D !== 0 || K !== 0 ? D + K : Le(u.left, u.right)) : O = b - 2 * (j !== 0 || rr !== 0 ? j + rr : Le(u.top, u.bottom));
+        const V = Le(u.left, 0), K = Le(u.right, 0), j = Le(u.top, 0), rr = Le(u.bottom, 0);
+        d ? L = p - 2 * (V !== 0 || K !== 0 ? V + K : Le(u.left, u.right)) : O = b - 2 * (j !== 0 || rr !== 0 ? j + rr : Le(u.top, u.bottom));
       }
       await f({
         ...e,
         availableWidth: L,
         availableHeight: O
       });
-      const J = await o.getDimensions(A.floating);
-      return p !== J.width || b !== J.height ? {
+      const z = await o.getDimensions(A.floating);
+      return p !== z.width || b !== z.height ? {
         reset: {
           rects: !0
         }
@@ -5157,7 +5157,7 @@ function xk(r) {
     v !== $.current && ($.current = v, b(v));
   }, []), B = C.useCallback((v) => {
     v !== O.current && (O.current = v, _(v));
-  }, []), x = i || p, k = o || m, $ = C.useRef(null), O = C.useRef(null), L = C.useRef(u), J = f != null, D = Fs(f), K = Fs(n), j = Fs(s), rr = C.useCallback(() => {
+  }, []), x = i || p, k = o || m, $ = C.useRef(null), O = C.useRef(null), L = C.useRef(u), z = f != null, V = Fs(f), K = Fs(n), j = Fs(s), rr = C.useCallback(() => {
     if (!$.current || !O.current)
       return;
     const v = {
@@ -5190,11 +5190,11 @@ function xk(r) {
     Y.current = !1;
   }), []), pA(() => {
     if (x && ($.current = x), k && (O.current = k), x && k) {
-      if (D.current)
-        return D.current(x, k, rr);
+      if (V.current)
+        return V.current(x, k, rr);
       rr();
     }
-  }, [x, k, rr, D, J]);
+  }, [x, k, rr, V, z]);
   const or = C.useMemo(() => ({
     reference: $,
     floating: O,
@@ -5331,7 +5331,7 @@ var u8 = "PopperAnchor", l8 = C.forwardRef(
 l8.displayName = u8;
 var kl = "PopperContent", [Gk, Xk] = A8(kl), c8 = C.forwardRef(
   (r, e) => {
-    var S, z, ar, q, er, T;
+    var S, J, ar, q, er, T;
     const {
       __scopePopper: a,
       side: t = "bottom",
@@ -5347,15 +5347,15 @@ var kl = "PopperContent", [Gk, Xk] = A8(kl), c8 = C.forwardRef(
       updatePositionStrategy: d = "optimized",
       onPlaced: p,
       ...b
-    } = r, m = f8(kl, a), [_, E] = C.useState(null), B = R0(e, (fr) => E(fr)), [x, k] = C.useState(null), $ = Dk(x), O = ($ == null ? void 0 : $.width) ?? 0, L = ($ == null ? void 0 : $.height) ?? 0, J = t + (i !== "center" ? "-" + i : ""), D = typeof u == "number" ? u : { top: 0, right: 0, bottom: 0, left: 0, ...u }, K = Array.isArray(s) ? s : [s], j = K.length > 0, rr = {
-      padding: D,
+    } = r, m = f8(kl, a), [_, E] = C.useState(null), B = R0(e, (fr) => E(fr)), [x, k] = C.useState(null), $ = Dk(x), O = ($ == null ? void 0 : $.width) ?? 0, L = ($ == null ? void 0 : $.height) ?? 0, z = t + (i !== "center" ? "-" + i : ""), V = typeof u == "number" ? u : { top: 0, right: 0, bottom: 0, left: 0, ...u }, K = Array.isArray(s) ? s : [s], j = K.length > 0, rr = {
+      padding: V,
       boundary: K.filter(Lk),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
       altBoundary: j
     }, { refs: Y, floatingStyles: or, placement: Q, isPositioned: P, middlewareData: v } = xk({
       // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
       strategy: "fixed",
-      placement: J,
+      placement: z,
       whileElementsMounted: (...fr) => gk(...fr, {
         animationFrame: d === "always"
       }),
@@ -5386,9 +5386,9 @@ var kl = "PopperContent", [Gk, Xk] = A8(kl), c8 = C.forwardRef(
     oe(() => {
       P && (y == null || y());
     }, [P, y]);
-    const N = (S = v.arrow) == null ? void 0 : S.x, R = (z = v.arrow) == null ? void 0 : z.y, I = ((ar = v.arrow) == null ? void 0 : ar.centerOffset) !== 0, [F, V] = C.useState();
+    const N = (S = v.arrow) == null ? void 0 : S.x, R = (J = v.arrow) == null ? void 0 : J.y, I = ((ar = v.arrow) == null ? void 0 : ar.centerOffset) !== 0, [F, D] = C.useState();
     return oe(() => {
-      _ && V(window.getComputedStyle(_).zIndex);
+      _ && D(window.getComputedStyle(_).zIndex);
     }, [_]), /* @__PURE__ */ l(
       "div",
       {
@@ -6660,11 +6660,11 @@ var Ie, Kr, Io, be, $n, Ti, ht, Ht, No, $i, Pi, Pn, On, Qt, Oi, m0, D2, X1, j1,
     }).then(() => (this.updateResult(), W(this, be)));
   }
   createResult(e, a) {
-    var J;
+    var z;
     const t = W(this, Kr), n = this.options, i = W(this, be), o = W(this, $n), A = W(this, Ti), s = e !== t ? e.state : W(this, Io), { state: u } = e;
     let c = { ...u }, h = !1, d;
     if (a._optimisticResults) {
-      const D = this.hasListeners(), K = !D && i4(e, a), j = D && o4(e, t, a, n);
+      const V = this.hasListeners(), K = !V && i4(e, a), j = V && o4(e, t, a, n);
       (K || j) && (c = {
         ...c,
         ...R8(u.data, e.options)
@@ -6674,13 +6674,13 @@ var Ie, Kr, Io, be, $n, Ti, ht, Ht, No, $i, Pi, Pn, On, Qt, Oi, m0, D2, X1, j1,
     d = c.data;
     let _ = !1;
     if (a.placeholderData !== void 0 && d === void 0 && m === "pending") {
-      let D;
-      i != null && i.isPlaceholderData && a.placeholderData === (A == null ? void 0 : A.placeholderData) ? (D = i.data, _ = !0) : D = typeof a.placeholderData == "function" ? a.placeholderData(
-        (J = W(this, Pi)) == null ? void 0 : J.state.data,
+      let V;
+      i != null && i.isPlaceholderData && a.placeholderData === (A == null ? void 0 : A.placeholderData) ? (V = i.data, _ = !0) : V = typeof a.placeholderData == "function" ? a.placeholderData(
+        (z = W(this, Pi)) == null ? void 0 : z.state.data,
         W(this, Pi)
-      ) : a.placeholderData, D !== void 0 && (m = "success", d = D1(
+      ) : a.placeholderData, V !== void 0 && (m = "success", d = D1(
         i == null ? void 0 : i.data,
-        D,
+        V,
         a
       ), h = !0);
     }
@@ -6690,8 +6690,8 @@ var Ie, Kr, Io, be, $n, Ti, ht, Ht, No, $i, Pi, Pn, On, Qt, Oi, m0, D2, X1, j1,
       else
         try {
           br(this, No, a.select), d = a.select(d), d = D1(i == null ? void 0 : i.data, d, a), br(this, $i, d), br(this, Ht, null);
-        } catch (D) {
-          br(this, Ht, D);
+        } catch (V) {
+          br(this, Ht, V);
         }
     W(this, Ht) && (p = W(this, Ht), d = W(this, $i), b = Date.now(), m = "error");
     const E = c.fetchStatus === "fetching", B = m === "pending", x = m === "error", k = B && E, $ = d !== void 0, L = {
@@ -6723,15 +6723,15 @@ var Ie, Kr, Io, be, $n, Ti, ht, Ht, No, $i, Pi, Pn, On, Qt, Oi, m0, D2, X1, j1,
       isEnabled: Aa(a.enabled, e) !== !1
     };
     if (this.options.experimental_prefetchInRender) {
-      const D = (rr) => {
+      const V = (rr) => {
         L.status === "error" ? rr.reject(L.error) : L.data !== void 0 && rr.resolve(L.data);
       }, K = () => {
         const rr = br(this, ht, L.promise = M1());
-        D(rr);
+        V(rr);
       }, j = W(this, ht);
       switch (j.status) {
         case "pending":
-          e.queryHash === t.queryHash && D(j);
+          e.queryHash === t.queryHash && V(j);
           break;
         case "fulfilled":
           (L.status === "error" || L.data !== j.value) && K();
@@ -6865,10 +6865,10 @@ function A4(r) {
               meta: e.options.meta
             };
             return m(K), K;
-          })(), L = await _(O), { maxPages: J } = e.options, D = k ? g7 : p7;
+          })(), L = await _(O), { maxPages: z } = e.options, V = k ? g7 : p7;
           return {
-            pages: D(B.pages, L, J),
-            pageParams: D(B.pageParams, x, J)
+            pages: V(B.pages, L, z),
+            pageParams: V(B.pageParams, x, z)
           };
         };
         if (n && i.length) {
@@ -6957,7 +6957,7 @@ var xo, Ga, me, Vn, Xa, Ot, zb, Z7 = (zb = class extends x8 {
     this.execute(this.state.variables);
   }
   async execute(e) {
-    var o, A, f, s, u, c, h, d, p, b, m, _, E, B, x, k, $, O, L, J;
+    var o, A, f, s, u, c, h, d, p, b, m, _, E, B, x, k, $, O, L, z;
     const a = () => {
       zr(this, Xa, Ot).call(this, { type: "continue" });
     }, t = {
@@ -6967,8 +6967,8 @@ var xo, Ga, me, Vn, Xa, Ot, zb, Z7 = (zb = class extends x8 {
     };
     br(this, Vn, N8({
       fn: () => this.options.mutationFn ? this.options.mutationFn(e, t) : Promise.reject(new Error("No mutationFn found")),
-      onFail: (D, K) => {
-        zr(this, Xa, Ot).call(this, { type: "failed", failureCount: D, error: K });
+      onFail: (V, K) => {
+        zr(this, Xa, Ot).call(this, { type: "failed", failureCount: V, error: K });
       },
       onPause: () => {
         zr(this, Xa, Ot).call(this, { type: "pause" });
@@ -7002,23 +7002,23 @@ var xo, Ga, me, Vn, Xa, Ot, zb, Z7 = (zb = class extends x8 {
           isPaused: i
         });
       }
-      const D = await W(this, Vn).start();
+      const V = await W(this, Vn).start();
       return await ((c = (u = W(this, me).config).onSuccess) == null ? void 0 : c.call(
         u,
-        D,
+        V,
         e,
         this.state.context,
         this,
         t
       )), await ((d = (h = this.options).onSuccess) == null ? void 0 : d.call(
         h,
-        D,
+        V,
         e,
         this.state.context,
         t
       )), await ((b = (p = W(this, me).config).onSettled) == null ? void 0 : b.call(
         p,
-        D,
+        V,
         null,
         this.state.variables,
         this.state.context,
@@ -7026,45 +7026,45 @@ var xo, Ga, me, Vn, Xa, Ot, zb, Z7 = (zb = class extends x8 {
         t
       )), await ((_ = (m = this.options).onSettled) == null ? void 0 : _.call(
         m,
-        D,
+        V,
         null,
         e,
         this.state.context,
         t
-      )), zr(this, Xa, Ot).call(this, { type: "success", data: D }), D;
-    } catch (D) {
+      )), zr(this, Xa, Ot).call(this, { type: "success", data: V }), V;
+    } catch (V) {
       try {
         throw await ((B = (E = W(this, me).config).onError) == null ? void 0 : B.call(
           E,
-          D,
+          V,
           e,
           this.state.context,
           this,
           t
         )), await ((k = (x = this.options).onError) == null ? void 0 : k.call(
           x,
-          D,
+          V,
           e,
           this.state.context,
           t
         )), await ((O = ($ = W(this, me).config).onSettled) == null ? void 0 : O.call(
           $,
           void 0,
-          D,
+          V,
           this.state.variables,
           this.state.context,
           this,
           t
-        )), await ((J = (L = this.options).onSettled) == null ? void 0 : J.call(
+        )), await ((z = (L = this.options).onSettled) == null ? void 0 : z.call(
           L,
           void 0,
-          D,
+          V,
           e,
           this.state.context,
           t
-        )), D;
+        )), V;
       } finally {
-        zr(this, Xa, Ot).call(this, { type: "error", error: D });
+        zr(this, Xa, Ot).call(this, { type: "error", error: V });
       }
     } finally {
       W(this, me).runNext(this);
@@ -8866,8 +8866,8 @@ const K8 = (r) => {
       onUploadProgress: $,
       responseType: O,
       headers: L,
-      withCredentials: J = "same-origin",
-      fetchOptions: D
+      withCredentials: z = "same-origin",
+      fetchOptions: V
     } = K8(p), K = e || fetch;
     O = O ? (O + "").toLowerCase() : "text";
     let j = cC([E, B && B.toAbortSignal()], x), rr = null;
@@ -8890,18 +8890,18 @@ const K8 = (r) => {
           _ = p4(y.body, g4, R, I);
         }
       }
-      H.isString(J) || (J = J ? "include" : "omit");
+      H.isString(z) || (z = z ? "include" : "omit");
       const Q = i && "credentials" in a.prototype, P = {
-        ...D,
+        ...V,
         signal: j,
         method: m.toUpperCase(),
         headers: L.normalize().toJSON(),
         body: _,
         duplex: "half",
-        credentials: Q ? J : void 0
+        credentials: Q ? z : void 0
       };
       rr = i && new a(b, P);
-      let v = await (i ? K(rr, D) : K(b, P));
+      let v = await (i ? K(rr, V) : K(b, P));
       const w = u && (O === "stream" || O === "response");
       if (u && (k || w && Y)) {
         const y = {};
@@ -9974,26 +9974,26 @@ var fi = (r) => Y0(r) && !UA(r) ? r : {
     return {};
   const B = A ? A[0] : o, x = (j) => {
     n && B.reportValidity && (B.setCustomValidity(je(j) ? "" : j || ""), B.reportValidity());
-  }, k = {}, $ = Dl(o), O = Go(o), L = $ || O, J = (m || Vl(o)) && V0(o.value) && V0(E) || LA(o) && o.value === "" || E === "" || Array.isArray(E) && !E.length, D = c5.bind(null, b, t, k), K = (j, rr, Y, or = ot.maxLength, Q = ot.minLength) => {
+  }, k = {}, $ = Dl(o), O = Go(o), L = $ || O, z = (m || Vl(o)) && V0(o.value) && V0(E) || LA(o) && o.value === "" || E === "" || Array.isArray(E) && !E.length, V = c5.bind(null, b, t, k), K = (j, rr, Y, or = ot.maxLength, Q = ot.minLength) => {
     const P = j ? rr : Y;
     k[b] = {
       type: j ? or : Q,
       message: P,
       ref: o,
-      ...D(j ? or : Q, P)
+      ...V(j ? or : Q, P)
     };
   };
-  if (i ? !Array.isArray(E) || !E.length : f && (!L && (J || ve(E)) || je(E) && !E || O && !m5(A).isValid || $ && !p5(A).isValid)) {
+  if (i ? !Array.isArray(E) || !E.length : f && (!L && (z || ve(E)) || je(E) && !E || O && !m5(A).isValid || $ && !p5(A).isValid)) {
     const { value: j, message: rr } = Ue(f) ? { value: !!f, message: f } : fi(f);
     if (j && (k[b] = {
       type: ot.required,
       message: rr,
       ref: B,
-      ...D(ot.required, rr)
+      ...V(ot.required, rr)
     }, !t))
       return x(rr), k;
   }
-  if (!J && (!ve(c) || !ve(h))) {
+  if (!z && (!ve(c) || !ve(h))) {
     let j, rr;
     const Y = fi(h), or = fi(c);
     if (!ve(E) && !isNaN(E)) {
@@ -10006,18 +10006,18 @@ var fi = (r) => Y0(r) && !UA(r) ? r : {
     if ((j || rr) && (K(!!j, Y.message, or.message, ot.max, ot.min), !t))
       return x(k[b].message), k;
   }
-  if ((s || u) && !J && (Ue(E) || i && Array.isArray(E))) {
+  if ((s || u) && !z && (Ue(E) || i && Array.isArray(E))) {
     const j = fi(s), rr = fi(u), Y = !ve(j.value) && E.length > +j.value, or = !ve(rr.value) && E.length < +rr.value;
     if ((Y || or) && (K(Y, j.message, rr.message), !t))
       return x(k[b].message), k;
   }
-  if (d && !J && Ue(E)) {
+  if (d && !z && Ue(E)) {
     const { value: j, message: rr } = fi(d);
     if (UA(j) && !E.match(j) && (k[b] = {
       type: ot.pattern,
       message: rr,
       ref: o,
-      ...D(ot.pattern, rr)
+      ...V(ot.pattern, rr)
     }, !t))
       return x(rr), k;
   }
@@ -10026,7 +10026,7 @@ var fi = (r) => Y0(r) && !UA(r) ? r : {
       const j = await p(E, a), rr = T4(j, B);
       if (rr && (k[b] = {
         ...rr,
-        ...D(ot.validate, rr.message)
+        ...V(ot.validate, rr.message)
       }, !t))
         return x(rr.message), k;
     } else if (Y0(p)) {
@@ -10037,7 +10037,7 @@ var fi = (r) => Y0(r) && !UA(r) ? r : {
         const Y = T4(await p[rr](E, a), B, rr);
         Y && (j = {
           ...Y,
-          ...D(rr, Y.message)
+          ...V(rr, Y.message)
         }, x(Y.message), t && (k[b] = j));
       }
       if (!Ne(j) && (k[b] = {
@@ -10103,7 +10103,7 @@ function YC(r = {}) {
     clearTimeout(s), s = setTimeout(Z, M);
   }, b = async (Z) => {
     if (!e.disabled && (u.isValid || c.isValid || Z)) {
-      const M = e.resolver ? Ne((await O()).errors) : await J(t, !0);
+      const M = e.resolver ? Ne((await O()).errors) : await z(t, !0);
       M !== a.isValid && h.state.next({
         isValid: M
       });
@@ -10199,7 +10199,7 @@ function YC(r = {}) {
     else
       a.errors = M;
     return M;
-  }, J = async (Z, M, U = {
+  }, z = async (Z, M, U = {
     valid: !0
   }) => {
     for (const nr in Z) {
@@ -10214,11 +10214,11 @@ function YC(r = {}) {
             break;
           !M && (hr(F0, tr.name) ? Wr ? LC(a.errors, F0, tr.name) : v0(a.errors, tr.name, F0[tr.name]) : G0(a.errors, tr.name));
         }
-        !Ne(lr) && await J(lr, M, U);
+        !Ne(lr) && await z(lr, M, U);
       }
     }
     return U.valid;
-  }, D = () => {
+  }, V = () => {
     for (const Z of A.unMount) {
       const M = hr(t, Z);
       M && (M._f.refs ? M._f.refs.every((U) => !$s(U)) : !$s(M._f.ref)) && S(Z);
@@ -10284,7 +10284,7 @@ function YC(r = {}) {
           Xr = he.error, U = he.name, F0 = Ne(Ce);
         }
       } else
-        m([U], !0), Xr = (await $4(ir, A.disabled, i, d, e.shouldUseNativeValidation))[U], m([U]), tr(ne), nr && (Xr ? F0 = !1 : (u.isValid || c.isValid) && (F0 = await J(t, !0)));
+        m([U], !0), Xr = (await $4(ir, A.disabled, i, d, e.shouldUseNativeValidation))[U], m([U]), tr(ne), nr && (Xr ? F0 = !1 : (u.isValid || c.isValid) && (F0 = await z(t, !0)));
       nr && (ir._f.deps && (!Array.isArray(ir._f.deps) || ir._f.deps.length > 0) && w(ir._f.deps), $(U, F0, Xr, de));
     }
   }, v = (Z, M) => {
@@ -10298,8 +10298,8 @@ function YC(r = {}) {
       U = Ne(tr), nr = Z ? !ir.some((lr) => hr(tr, lr)) : U;
     } else Z ? (nr = (await Promise.all(ir.map(async (tr) => {
       const lr = hr(t, tr);
-      return await J(lr && lr._f ? { [tr]: lr } : lr);
-    }))).every(Boolean), !(!nr && !a.isValid) && b()) : nr = U = await J(t);
+      return await z(lr && lr._f ? { [tr]: lr } : lr);
+    }))).every(Boolean), !(!nr && !a.isValid) && b()) : nr = U = await z(t);
     return h.state.next({
       ...!Ue(Z) || (u.isValid || c.isValid) && U !== a.isValid ? {} : { name: Z },
       ...e.resolver || !Z ? { isValid: U } : {},
@@ -10342,7 +10342,7 @@ function YC(r = {}) {
         defaultValues: n
       });
     }
-  }).unsubscribe, V = (Z) => (o.mount = !0, c = {
+  }).unsubscribe, D = (Z) => (o.mount = !0, c = {
     ...c,
     ...Z.formState
   }, F({
@@ -10357,7 +10357,7 @@ function YC(r = {}) {
       ...a,
       ...M.keepDirty ? { isDirty: K() } : {}
     }), !M.keepIsValid && b();
-  }, z = ({ disabled: Z, name: M }) => {
+  }, J = ({ disabled: Z, name: M }) => {
     (je(Z) && o.mount || Z || A.disabled.has(M)) && (Z ? A.disabled.add(M) : A.disabled.delete(M));
   }, ar = (Z, M = {}) => {
     let U = hr(t, Z);
@@ -10370,7 +10370,7 @@ function YC(r = {}) {
         mount: !0,
         ...M
       }
-    }), A.mount.add(Z), U ? z({
+    }), A.mount.add(Z), U ? J({
       disabled: je(M.disabled) ? M.disabled : e.disabled,
       name: Z
     }) : x(Z, !0, M.value), {
@@ -10426,7 +10426,7 @@ function YC(r = {}) {
       const { errors: tr, values: lr } = await O();
       a.errors = tr, ir = J0(lr);
     } else
-      await J(t);
+      await z(t);
     if (A.disabled.size)
       for (const tr of A.disabled)
         G0(ir, tr);
@@ -10532,7 +10532,7 @@ function YC(r = {}) {
       _getDirty: K,
       _setValid: b,
       _setFieldArray: _,
-      _setDisabledField: z,
+      _setDisabledField: J,
       _setErrors: B,
       _getFieldArray: rr,
       _reset: Zr,
@@ -10541,7 +10541,7 @@ function YC(r = {}) {
           isLoading: !1
         });
       }),
-      _removeUnmounted: D,
+      _removeUnmounted: V,
       _disableForm: er,
       _subjects: h,
       _proxyFormState: u,
@@ -10579,7 +10579,7 @@ function YC(r = {}) {
         };
       }
     },
-    subscribe: V,
+    subscribe: D,
     trigger: w,
     register: ar,
     handleSubmit: T,
@@ -13615,7 +13615,7 @@ function S_() {
         }
       }
     }
-    var k = f, $ = s, O = A, L = o, J = e, D = u, K = t, j = p, rr = d, Y = a, or = i, Q = n, P = c, v = !1;
+    var k = f, $ = s, O = A, L = o, z = e, V = u, K = t, j = p, rr = d, Y = a, or = i, Q = n, P = c, v = !1;
     function w(T) {
       return v || (v = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), g(T) || x(T) === f;
     }
@@ -13637,13 +13637,13 @@ function S_() {
     function F(T) {
       return x(T) === t;
     }
-    function V(T) {
+    function D(T) {
       return x(T) === p;
     }
     function S(T) {
       return x(T) === d;
     }
-    function z(T) {
+    function J(T) {
       return x(T) === a;
     }
     function ar(T) {
@@ -13655,7 +13655,7 @@ function S_() {
     function er(T) {
       return x(T) === c;
     }
-    d0.AsyncMode = k, d0.ConcurrentMode = $, d0.ContextConsumer = O, d0.ContextProvider = L, d0.Element = J, d0.ForwardRef = D, d0.Fragment = K, d0.Lazy = j, d0.Memo = rr, d0.Portal = Y, d0.Profiler = or, d0.StrictMode = Q, d0.Suspense = P, d0.isAsyncMode = w, d0.isConcurrentMode = g, d0.isContextConsumer = y, d0.isContextProvider = N, d0.isElement = R, d0.isForwardRef = I, d0.isFragment = F, d0.isLazy = V, d0.isMemo = S, d0.isPortal = z, d0.isProfiler = ar, d0.isStrictMode = q, d0.isSuspense = er, d0.isValidElementType = B, d0.typeOf = x;
+    d0.AsyncMode = k, d0.ConcurrentMode = $, d0.ContextConsumer = O, d0.ContextProvider = L, d0.Element = z, d0.ForwardRef = V, d0.Fragment = K, d0.Lazy = j, d0.Memo = rr, d0.Portal = Y, d0.Profiler = or, d0.StrictMode = Q, d0.Suspense = P, d0.isAsyncMode = w, d0.isConcurrentMode = g, d0.isContextConsumer = y, d0.isContextProvider = N, d0.isElement = R, d0.isForwardRef = I, d0.isFragment = F, d0.isLazy = D, d0.isMemo = S, d0.isPortal = J, d0.isProfiler = ar, d0.isStrictMode = q, d0.isSuspense = er, d0.isValidElementType = B, d0.typeOf = x;
   }()), d0;
 }
 var rh;
@@ -13811,10 +13811,10 @@ function $_() {
       element: x(),
       elementType: k(),
       instanceOf: $,
-      node: D(),
+      node: V(),
       objectOf: L,
       oneOf: O,
-      oneOfType: J,
+      oneOfType: z,
       shape: j,
       exact: rr
     };
@@ -13828,33 +13828,33 @@ function $_() {
     function m(g) {
       if (process.env.NODE_ENV !== "production")
         var y = {}, N = 0;
-      function R(F, V, S, z, ar, q, er) {
-        if (z = z || h, q = q || S, er !== a) {
+      function R(F, D, S, J, ar, q, er) {
+        if (J = J || h, q = q || S, er !== a) {
           if (f) {
             var T = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
             throw T.name = "Invariant Violation", T;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var fr = z + ":" + S;
+            var fr = J + ":" + S;
             !y[fr] && // Avoid spamming the console because they are often not actionable except for lib authors
             N < 3 && (i(
-              "You are manually calling a React.PropTypes validation function for the `" + q + "` prop on `" + z + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
+              "You are manually calling a React.PropTypes validation function for the `" + q + "` prop on `" + J + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
             ), y[fr] = !0, N++);
           }
         }
-        return V[S] == null ? F ? V[S] === null ? new b("The " + ar + " `" + q + "` is marked as required " + ("in `" + z + "`, but its value is `null`.")) : new b("The " + ar + " `" + q + "` is marked as required in " + ("`" + z + "`, but its value is `undefined`.")) : null : g(V, S, z, ar, q);
+        return D[S] == null ? F ? D[S] === null ? new b("The " + ar + " `" + q + "` is marked as required " + ("in `" + J + "`, but its value is `null`.")) : new b("The " + ar + " `" + q + "` is marked as required in " + ("`" + J + "`, but its value is `undefined`.")) : null : g(D, S, J, ar, q);
       }
       var I = R.bind(null, !1);
       return I.isRequired = R.bind(null, !0), I;
     }
     function _(g) {
-      function y(N, R, I, F, V, S) {
-        var z = N[R], ar = Q(z);
+      function y(N, R, I, F, D, S) {
+        var J = N[R], ar = Q(J);
         if (ar !== g) {
-          var q = P(z);
+          var q = P(J);
           return new b(
-            "Invalid " + F + " `" + V + "` of type " + ("`" + q + "` supplied to `" + I + "`, expected ") + ("`" + g + "`."),
+            "Invalid " + F + " `" + D + "` of type " + ("`" + q + "` supplied to `" + I + "`, expected ") + ("`" + g + "`."),
             { expectedType: g }
           );
         }
@@ -13866,16 +13866,16 @@ function $_() {
       return m(o);
     }
     function B(g) {
-      function y(N, R, I, F, V) {
+      function y(N, R, I, F, D) {
         if (typeof g != "function")
-          return new b("Property `" + V + "` of component `" + I + "` has invalid PropType notation inside arrayOf.");
+          return new b("Property `" + D + "` of component `" + I + "` has invalid PropType notation inside arrayOf.");
         var S = N[R];
         if (!Array.isArray(S)) {
-          var z = Q(S);
-          return new b("Invalid " + F + " `" + V + "` of type " + ("`" + z + "` supplied to `" + I + "`, expected an array."));
+          var J = Q(S);
+          return new b("Invalid " + F + " `" + D + "` of type " + ("`" + J + "` supplied to `" + I + "`, expected an array."));
         }
         for (var ar = 0; ar < S.length; ar++) {
-          var q = g(S, ar, I, F, V + "[" + ar + "]", a);
+          var q = g(S, ar, I, F, D + "[" + ar + "]", a);
           if (q instanceof Error)
             return q;
         }
@@ -13885,9 +13885,9 @@ function $_() {
     }
     function x() {
       function g(y, N, R, I, F) {
-        var V = y[N];
-        if (!A(V)) {
-          var S = Q(V);
+        var D = y[N];
+        if (!A(D)) {
+          var S = Q(D);
           return new b("Invalid " + I + " `" + F + "` of type " + ("`" + S + "` supplied to `" + R + "`, expected a single ReactElement."));
         }
         return null;
@@ -13896,9 +13896,9 @@ function $_() {
     }
     function k() {
       function g(y, N, R, I, F) {
-        var V = y[N];
-        if (!r.isValidElementType(V)) {
-          var S = Q(V);
+        var D = y[N];
+        if (!r.isValidElementType(D)) {
+          var S = Q(D);
           return new b("Invalid " + I + " `" + F + "` of type " + ("`" + S + "` supplied to `" + R + "`, expected a single ReactElement type."));
         }
         return null;
@@ -13906,10 +13906,10 @@ function $_() {
       return m(g);
     }
     function $(g) {
-      function y(N, R, I, F, V) {
+      function y(N, R, I, F, D) {
         if (!(N[R] instanceof g)) {
-          var S = g.name || h, z = w(N[R]);
-          return new b("Invalid " + F + " `" + V + "` of type " + ("`" + z + "` supplied to `" + I + "`, expected ") + ("instance of `" + S + "`."));
+          var S = g.name || h, J = w(N[R]);
+          return new b("Invalid " + F + " `" + D + "` of type " + ("`" + J + "` supplied to `" + I + "`, expected ") + ("instance of `" + S + "`."));
         }
         return null;
       }
@@ -13920,28 +13920,28 @@ function $_() {
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : i("Invalid argument supplied to oneOf, expected an array.")), o;
-      function y(N, R, I, F, V) {
-        for (var S = N[R], z = 0; z < g.length; z++)
-          if (p(S, g[z]))
+      function y(N, R, I, F, D) {
+        for (var S = N[R], J = 0; J < g.length; J++)
+          if (p(S, g[J]))
             return null;
         var ar = JSON.stringify(g, function(er, T) {
           var fr = P(T);
           return fr === "symbol" ? String(T) : T;
         });
-        return new b("Invalid " + F + " `" + V + "` of value `" + String(S) + "` " + ("supplied to `" + I + "`, expected one of " + ar + "."));
+        return new b("Invalid " + F + " `" + D + "` of value `" + String(S) + "` " + ("supplied to `" + I + "`, expected one of " + ar + "."));
       }
       return m(y);
     }
     function L(g) {
-      function y(N, R, I, F, V) {
+      function y(N, R, I, F, D) {
         if (typeof g != "function")
-          return new b("Property `" + V + "` of component `" + I + "` has invalid PropType notation inside objectOf.");
-        var S = N[R], z = Q(S);
-        if (z !== "object")
-          return new b("Invalid " + F + " `" + V + "` of type " + ("`" + z + "` supplied to `" + I + "`, expected an object."));
+          return new b("Property `" + D + "` of component `" + I + "` has invalid PropType notation inside objectOf.");
+        var S = N[R], J = Q(S);
+        if (J !== "object")
+          return new b("Invalid " + F + " `" + D + "` of type " + ("`" + J + "` supplied to `" + I + "`, expected an object."));
         for (var ar in S)
           if (t(S, ar)) {
-            var q = g(S, ar, I, F, V + "." + ar, a);
+            var q = g(S, ar, I, F, D + "." + ar, a);
             if (q instanceof Error)
               return q;
           }
@@ -13949,7 +13949,7 @@ function $_() {
       }
       return m(y);
     }
-    function J(g) {
+    function z(g) {
       if (!Array.isArray(g))
         return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), o;
       for (var y = 0; y < g.length; y++) {
@@ -13959,19 +13959,19 @@ function $_() {
             "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + v(N) + " at index " + y + "."
           ), o;
       }
-      function R(I, F, V, S, z) {
+      function R(I, F, D, S, J) {
         for (var ar = [], q = 0; q < g.length; q++) {
-          var er = g[q], T = er(I, F, V, S, z, a);
+          var er = g[q], T = er(I, F, D, S, J, a);
           if (T == null)
             return null;
           T.data && t(T.data, "expectedType") && ar.push(T.data.expectedType);
         }
         var fr = ar.length > 0 ? ", expected one of type [" + ar.join(", ") + "]" : "";
-        return new b("Invalid " + S + " `" + z + "` supplied to " + ("`" + V + "`" + fr + "."));
+        return new b("Invalid " + S + " `" + J + "` supplied to " + ("`" + D + "`" + fr + "."));
       }
       return m(R);
     }
-    function D() {
+    function V() {
       function g(y, N, R, I, F) {
         return Y(y[N]) ? null : new b("Invalid " + I + " `" + F + "` supplied to " + ("`" + R + "`, expected a ReactNode."));
       }
@@ -13983,15 +13983,15 @@ function $_() {
       );
     }
     function j(g) {
-      function y(N, R, I, F, V) {
-        var S = N[R], z = Q(S);
-        if (z !== "object")
-          return new b("Invalid " + F + " `" + V + "` of type `" + z + "` " + ("supplied to `" + I + "`, expected `object`."));
+      function y(N, R, I, F, D) {
+        var S = N[R], J = Q(S);
+        if (J !== "object")
+          return new b("Invalid " + F + " `" + D + "` of type `" + J + "` " + ("supplied to `" + I + "`, expected `object`."));
         for (var ar in g) {
           var q = g[ar];
           if (typeof q != "function")
-            return K(I, F, V, ar, P(q));
-          var er = q(S, ar, I, F, V + "." + ar, a);
+            return K(I, F, D, ar, P(q));
+          var er = q(S, ar, I, F, D + "." + ar, a);
           if (er)
             return er;
         }
@@ -14000,21 +14000,21 @@ function $_() {
       return m(y);
     }
     function rr(g) {
-      function y(N, R, I, F, V) {
-        var S = N[R], z = Q(S);
-        if (z !== "object")
-          return new b("Invalid " + F + " `" + V + "` of type `" + z + "` " + ("supplied to `" + I + "`, expected `object`."));
+      function y(N, R, I, F, D) {
+        var S = N[R], J = Q(S);
+        if (J !== "object")
+          return new b("Invalid " + F + " `" + D + "` of type `" + J + "` " + ("supplied to `" + I + "`, expected `object`."));
         var ar = e({}, N[R], g);
         for (var q in ar) {
           var er = g[q];
           if (t(g, q) && typeof er != "function")
-            return K(I, F, V, q, P(er));
+            return K(I, F, D, q, P(er));
           if (!er)
             return new b(
-              "Invalid " + F + " `" + V + "` key `" + q + "` supplied to `" + I + "`.\nBad object: " + JSON.stringify(N[R], null, "  ") + `
+              "Invalid " + F + " `" + D + "` key `" + q + "` supplied to `" + I + "`.\nBad object: " + JSON.stringify(N[R], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(g), null, "  ")
             );
-          var T = er(S, q, I, F, V + "." + q, a);
+          var T = er(S, q, I, F, D + "." + q, a);
           if (T)
             return T;
         }
@@ -18709,8 +18709,8 @@ function OR(r, e, a) {
     var L;
     if (o) {
       if (m) {
-        var J = $ ? m === $ : Ei(o, m, t);
-        J ? $ || ($ = m) : L = {
+        var z = $ ? m === $ : Ei(o, m, t);
+        z ? $ || ($ = m) : L = {
           latestCountrySelectedByUser: void 0
         };
       }
@@ -18869,25 +18869,25 @@ var QR = /* @__PURE__ */ function(r) {
       var _ = t.props.metadata;
       return Gf(m, _);
     }), va(t, "onCountryChange", function(m) {
-      var _ = t.props, E = _.international, B = _.metadata, x = _.onChange, k = _.focusInputOnCountrySelection, $ = t.state, O = $.phoneDigits, L = $.country, J = NR(O, {
+      var _ = t.props, E = _.international, B = _.metadata, x = _.onChange, k = _.focusInputOnCountrySelection, $ = t.state, O = $.phoneDigits, L = $.country, z = NR(O, {
         prevCountry: L,
         newCountry: m,
         metadata: B,
         // Convert the phone number to "national" format
         // when the user changes the selected country by hand.
         useNationalFormat: !E
-      }), D = gi(J, m, B);
+      }), V = gi(z, m, B);
       k && t.inputRef.current.focus(), t.setState({
         country: m,
         latestCountrySelectedByUser: m,
         hasUserSelectedACountry: !0,
-        phoneDigits: J,
-        value: D
+        phoneDigits: z,
+        value: V
       }, function() {
-        x(D);
+        x(V);
       });
     }), va(t, "onChange", function(m) {
-      var _ = t.props, E = _.defaultCountry, B = _.onChange, x = _.addInternationalOption, k = _.international, $ = _.limitMaxLength, O = _.countryCallingCodeEditable, L = _.metadata, J = t.state, D = J.countries, K = J.phoneDigits, j = J.country, rr = J.latestCountrySelectedByUser, Y = ZR(m, {
+      var _ = t.props, E = _.defaultCountry, B = _.onChange, x = _.addInternationalOption, k = _.international, $ = _.limitMaxLength, O = _.countryCallingCodeEditable, L = _.metadata, z = t.state, V = z.countries, K = z.phoneDigits, j = z.country, rr = z.latestCountrySelectedByUser, Y = ZR(m, {
         prevPhoneDigits: K,
         country: j,
         countryRequired: !x,
@@ -18895,10 +18895,10 @@ var QR = /* @__PURE__ */ function(r) {
         latestCountrySelectedByUser: rr,
         getAnyCountry: function() {
           return t.getFirstSupportedCountry({
-            countries: D
+            countries: V
           });
         },
-        countries: D,
+        countries: V,
         international: k,
         limitMaxLength: $,
         countryCallingCodeEditable: O,
@@ -19057,13 +19057,13 @@ var QR = /* @__PURE__ */ function(r) {
       t.flags, t.flagComponent, t.flagUrl, t.addInternationalOption, t.internationalIcon, t.displayInitialValueAsLocalNumber, t.initialValueFormat, t.onCountryChange, t.limitMaxLength, t.countryCallingCodeEditable, t.focusInputOnCountrySelection, t.reset;
       var E = t.metadata, B = t.international;
       t.locales;
-      var x = DR(t, VR), k = this.state, $ = k.country, O = k.countries, L = k.phoneDigits, J = k.isFocused, D = h ? Lx : Jx, K = this.getCountrySelectOptions({
+      var x = DR(t, VR), k = this.state, $ = k.country, O = k.countries, L = k.phoneDigits, z = k.isFocused, V = h ? Lx : Jx, K = this.getCountrySelectOptions({
         countries: O
       });
       return /* @__PURE__ */ G.createElement(b, Ci({
         style: f,
         className: KA(s, "PhoneInput", {
-          "PhoneInput--focus": J,
+          "PhoneInput--focus": z,
           "PhoneInput--disabled": i,
           "PhoneInput--readOnly": o
         })
@@ -19079,7 +19079,7 @@ var QR = /* @__PURE__ */ function(r) {
         disabled: i || p && p.disabled,
         readOnly: o || p && p.readOnly,
         iconComponent: this.CountryIcon
-      })), /* @__PURE__ */ G.createElement(D, Ci({
+      })), /* @__PURE__ */ G.createElement(V, Ci({
         ref: this.setInputRef,
         type: "tel",
         autoComplete: A
@@ -20079,8 +20079,8 @@ var oZ = { exports: {} };
     });
     var O = Object.getPrototypeOf, L = O && O(O(P([])));
     L && L !== t && n.call(L, f) && ($ = L);
-    var J = k.prototype = B.prototype = Object.create($);
-    x.prototype = k, i(J, "constructor", { value: k, configurable: !0 }), i(
+    var z = k.prototype = B.prototype = Object.create($);
+    x.prototype = k, i(z, "constructor", { value: k, configurable: !0 }), i(
       k,
       "constructor",
       { value: x, configurable: !0 }
@@ -20089,7 +20089,7 @@ var oZ = { exports: {} };
       u,
       "GeneratorFunction"
     );
-    function D(w) {
+    function V(w) {
       ["next", "throw", "return"].forEach(function(g) {
         c(w, g, function(y) {
           return this._invoke(g, y);
@@ -20102,33 +20102,33 @@ var oZ = { exports: {} };
       // do is to check its .name property.
       (g.displayName || g.name) === "GeneratorFunction" : !1;
     }, a.mark = function(w) {
-      return Object.setPrototypeOf ? Object.setPrototypeOf(w, k) : (w.__proto__ = k, c(w, u, "GeneratorFunction")), w.prototype = Object.create(J), w;
+      return Object.setPrototypeOf ? Object.setPrototypeOf(w, k) : (w.__proto__ = k, c(w, u, "GeneratorFunction")), w.prototype = Object.create(z), w;
     }, a.awrap = function(w) {
       return { __await: w };
     };
     function K(w, g) {
-      function y(I, F, V, S) {
-        var z = d(w[I], w, F);
-        if (z.type === "throw")
-          S(z.arg);
+      function y(I, F, D, S) {
+        var J = d(w[I], w, F);
+        if (J.type === "throw")
+          S(J.arg);
         else {
-          var ar = z.arg, q = ar.value;
+          var ar = J.arg, q = ar.value;
           return q && typeof q == "object" && n.call(q, "__await") ? g.resolve(q.__await).then(function(er) {
-            y("next", er, V, S);
+            y("next", er, D, S);
           }, function(er) {
-            y("throw", er, V, S);
+            y("throw", er, D, S);
           }) : g.resolve(q).then(function(er) {
-            ar.value = er, V(ar);
+            ar.value = er, D(ar);
           }, function(er) {
-            return y("throw", er, V, S);
+            return y("throw", er, D, S);
           });
         }
       }
       var N;
       function R(I, F) {
-        function V() {
-          return new g(function(S, z) {
-            y(I, F, S, z);
+        function D() {
+          return new g(function(S, J) {
+            y(I, F, S, J);
           });
         }
         return N = // If enqueue has been called before, then we want to wait until
@@ -20144,15 +20144,15 @@ var oZ = { exports: {} };
         // async functions in terms of async generators, it is especially
         // important to get this right, even though it requires care.
         N ? N.then(
-          V,
+          D,
           // Avoid propagating failures to Promises returned by later
           // invocations of the iterator.
-          V
-        ) : V();
+          D
+        ) : D();
       }
       i(this, "_invoke", { value: R });
     }
-    D(K.prototype), c(K.prototype, s, function() {
+    V(K.prototype), c(K.prototype, s, function() {
       return this;
     }), a.AsyncIterator = K, a.async = function(w, g, y, N, R) {
       R === void 0 && (R = Promise);
@@ -20175,9 +20175,9 @@ var oZ = { exports: {} };
           return v();
         }
         for (y.method = I, y.arg = F; ; ) {
-          var V = y.delegate;
-          if (V) {
-            var S = rr(V, y);
+          var D = y.delegate;
+          if (D) {
+            var S = rr(D, y);
             if (S) {
               if (S === E) continue;
               return S;
@@ -20191,15 +20191,15 @@ var oZ = { exports: {} };
             y.dispatchException(y.arg);
           } else y.method === "return" && y.abrupt("return", y.arg);
           N = m;
-          var z = d(w, g, y);
-          if (z.type === "normal") {
-            if (N = y.done ? _ : b, z.arg === E)
+          var J = d(w, g, y);
+          if (J.type === "normal") {
+            if (N = y.done ? _ : b, J.arg === E)
               continue;
             return {
-              value: z.arg,
+              value: J.arg,
               done: y.done
             };
-          } else z.type === "throw" && (N = _, y.method = "throw", y.arg = z.arg);
+          } else J.type === "throw" && (N = _, y.method = "throw", y.arg = J.arg);
         }
       };
     }
@@ -20221,9 +20221,9 @@ var oZ = { exports: {} };
         return I;
       return g.delegate = null, E;
     }
-    D(J), c(J, u, "Generator"), c(J, f, function() {
+    V(z), c(z, u, "Generator"), c(z, f, function() {
       return this;
-    }), c(J, "toString", function() {
+    }), c(z, "toString", function() {
       return "[object Generator]";
     });
     function Y(w) {
@@ -20291,16 +20291,16 @@ var oZ = { exports: {} };
         if (this.done)
           throw w;
         var g = this;
-        function y(S, z) {
-          return I.type = "throw", I.arg = w, g.next = S, z && (g.method = "next", g.arg = o), !!z;
+        function y(S, J) {
+          return I.type = "throw", I.arg = w, g.next = S, J && (g.method = "next", g.arg = o), !!J;
         }
         for (var N = this.tryEntries.length - 1; N >= 0; --N) {
           var R = this.tryEntries[N], I = R.completion;
           if (R.tryLoc === "root")
             return y("end");
           if (R.tryLoc <= this.prev) {
-            var F = n.call(R, "catchLoc"), V = n.call(R, "finallyLoc");
-            if (F && V) {
+            var F = n.call(R, "catchLoc"), D = n.call(R, "finallyLoc");
+            if (F && D) {
               if (this.prev < R.catchLoc)
                 return y(R.catchLoc, !0);
               if (this.prev < R.finallyLoc)
@@ -20308,7 +20308,7 @@ var oZ = { exports: {} };
             } else if (F) {
               if (this.prev < R.catchLoc)
                 return y(R.catchLoc, !0);
-            } else if (V) {
+            } else if (D) {
               if (this.prev < R.finallyLoc)
                 return y(R.finallyLoc);
             } else
@@ -20587,7 +20587,7 @@ var Cm = async (r = "eng", e = wn.LSTM_ONLY, a = {}, t = {}) => {
     id: w,
     action: "FS",
     payload: { method: P, args: v }
-  })), J = (P, v) => E(Pa({
+  })), z = (P, v) => E(Pa({
     id: v,
     action: "loadLanguage",
     payload: {
@@ -20601,7 +20601,7 @@ var Cm = async (r = "eng", e = wn.LSTM_ONLY, a = {}, t = {}) => {
         lstmOnly: [wn.DEFAULT, wn.LSTM_ONLY].includes(u) && !A.legacyLang
       }
     }
-  })), D = (P, v, w, g) => E(Pa({
+  })), V = (P, v, w, g) => E(Pa({
     id: g,
     action: "initialize",
     payload: { langs: P, oem: v, config: w }
@@ -20612,7 +20612,7 @@ var Cm = async (r = "eng", e = wn.LSTM_ONLY, a = {}, t = {}) => {
     const N = w || c;
     c = N;
     const I = (typeof P == "string" ? P.split("+") : P).filter((F) => !s.includes(F));
-    return s.push(...I), I.length > 0 ? J(I, g).then(() => D(P, y, N, g)) : D(P, y, N, g);
+    return s.push(...I), I.length > 0 ? z(I, g).then(() => V(P, y, N, g)) : V(P, y, N, g);
   }, j = (P = {}, v) => E(Pa({
     id: v,
     action: "setParameters",
@@ -20662,7 +20662,7 @@ var Cm = async (r = "eng", e = wn.LSTM_ONLY, a = {}, t = {}) => {
     detect: Y,
     terminate: or
   };
-  return x().then(() => J(r)).then(() => D(r, e, t)).then(() => p(Q)).catch(() => {
+  return x().then(() => z(r)).then(() => V(r, e, t)).then(() => p(Q)).catch(() => {
   }), b;
 };
 const _m = Cm, MZ = async (r, e, a) => {
@@ -24570,15 +24570,15 @@ const vb = new BS(), IS = (r, e, a, t, n, i, o) => {
     if (!(!a.current || b.current)) {
       b.current = !0;
       try {
-        const L = a.current, J = L.videoWidth, D = L.videoHeight;
-        if (!J || !D) return;
-        const K = L.getBoundingClientRect(), j = J / K.width, rr = D / K.height;
+        const L = a.current, z = L.videoWidth, V = L.videoHeight;
+        if (!z || !V) return;
+        const K = L.getBoundingClientRect(), j = z / K.width, rr = V / K.height;
         let Y = c.x * j, or = c.y * rr, Q = c.w * j, P = c.h * rr;
         const v = 800, w = Q > v ? v / Q : 1, g = Q * w, y = P * w, N = document.createElement("canvas");
         N.width = g, N.height = y, N.getContext("2d").drawImage(L, Y, or, Q, P, 0, 0, g, y);
         const I = await new Promise((S) => N.toBlob(S, "image/jpeg")), F = new File([I], "frame.jpg", { type: "image/jpeg" });
-        let V;
-        r === "selfie" ? V = await vb.validateFace(F) : V = await vb.validateIdCard(F, o), p(V.passed), V.passed && (E.current = 1500);
+        let D;
+        r === "selfie" ? D = await vb.validateFace(F) : D = await vb.validateIdCard(F, o), p(D.passed), D.passed && (E.current = 1500);
       } catch {
         p(!1);
       } finally {
@@ -24589,12 +24589,12 @@ const vb = new BS(), IS = (r, e, a, t, n, i, o) => {
   ge(() => {
     if (!A || !a.current) return;
     let L;
-    const J = 500;
-    let D = 0;
+    const z = 500;
+    let V = 0;
     const K = (j) => {
-      if (L = requestAnimationFrame(K), !(j - D < J)) {
-        if (D = j, E.current > 0) {
-          E.current -= J;
+      if (L = requestAnimationFrame(K), !(j - V < z)) {
+        if (V = j, E.current > 0) {
+          E.current -= z;
           return;
         }
         x();
@@ -24639,28 +24639,28 @@ const vb = new BS(), IS = (r, e, a, t, n, i, o) => {
     A && (A.getTracks().forEach((L) => L.stop()), f(null));
   }, [A]), O = z0(async () => {
     if (!a.current || !t.current) return;
-    const L = a.current, J = t.current, D = J.getContext("2d");
-    if (!D) return;
+    const L = a.current, z = t.current, V = z.getContext("2d");
+    if (!V) return;
     const K = L.videoWidth, j = L.videoHeight;
-    J.width = K, J.height = j, D.drawImage(L, 0, 0, K, j);
-    const rr = await new Promise((or, Q) => J.toBlob((P) => P ? or(P) : Q(), "image/jpeg")), Y = new File([rr], `${r}-${Date.now()}.jpg`, { type: "image/jpeg" });
+    z.width = K, z.height = j, V.drawImage(L, 0, 0, K, j);
+    const rr = await new Promise((or, Q) => z.toBlob((P) => P ? or(P) : Q(), "image/jpeg")), Y = new File([rr], `${r}-${Date.now()}.jpg`, { type: "image/jpeg" });
     u(Y), $();
   }, [r, $]);
   return ge(() => (!s && !A && k(), () => $()), [s, A, k, $]), ge(() => {
     if (!n.current || !i.current) return;
     const L = () => {
-      const D = n.current.getBoundingClientRect(), K = i.current.getBoundingClientRect();
+      const V = n.current.getBoundingClientRect(), K = i.current.getBoundingClientRect();
       h({
-        x: Math.round(K.left - D.left),
-        y: Math.round(K.top - D.top),
+        x: Math.round(K.left - V.left),
+        y: Math.round(K.top - V.top),
         w: Math.round(K.width),
         h: Math.round(K.height)
       });
     };
     L();
-    const J = new ResizeObserver(L);
-    return J.observe(i.current), J.observe(n.current), window.addEventListener("resize", L), window.addEventListener("scroll", L, !0), () => {
-      J.disconnect(), window.removeEventListener("resize", L), window.removeEventListener("scroll", L, !0);
+    const z = new ResizeObserver(L);
+    return z.observe(i.current), z.observe(n.current), window.addEventListener("resize", L), window.addEventListener("scroll", L, !0), () => {
+      z.disconnect(), window.removeEventListener("resize", L), window.removeEventListener("scroll", L, !0);
     };
   }, [e, A]), {
     stream: A,
@@ -24704,7 +24704,7 @@ const xS = {
     u,
     c,
     A
-  ), [k, $] = e0(!1), [O, L] = e0(!1), J = !!d, D = () => {
+  ), [k, $] = e0(!1), [O, L] = e0(!1), z = !!d, V = () => {
     b(null), t();
   }, K = () => {
     b(null), e();
@@ -24727,7 +24727,7 @@ const xS = {
         {
           title: `Review ${v}`,
           subTitle: "Make sure the information is seen clearly, with no blur or glare.",
-          onBack: D
+          onBack: V
         }
       ),
       /* @__PURE__ */ l("div", { className: "mb-8", children: /* @__PURE__ */ l("div", { className: "relative", children: E && /* @__PURE__ */ l(
@@ -24748,7 +24748,7 @@ const xS = {
     ] }) });
   };
   return p ? P() : /* @__PURE__ */ X(Ae, { className: "relative w-full max-w-md mx-auto bg-gray-900 border-gray-900 overflow-hidden", children: [
-    J && /* @__PURE__ */ l(
+    z && /* @__PURE__ */ l(
       "video",
       {
         ref: f,
@@ -24769,13 +24769,13 @@ const xS = {
     /* @__PURE__ */ l("canvas", { ref: s, className: "hidden" }),
     /* @__PURE__ */ X(fe, { className: "relative z-10 text-white flex flex-col h-full", children: [
       /* @__PURE__ */ X("div", { className: "flex items-center p-6", children: [
-        /* @__PURE__ */ l(x0, { variant: "ghost", size: "sm", onClick: D, className: "text-white hover:bg-gray-600", children: /* @__PURE__ */ l(S6, { className: "h-6 w-6" }) }),
+        /* @__PURE__ */ l(x0, { variant: "ghost", size: "sm", onClick: V, className: "text-white hover:bg-gray-600", children: /* @__PURE__ */ l(S6, { className: "h-6 w-6" }) }),
         /* @__PURE__ */ l("h1", { className: "text-xl font-semibold ml-4", children: n })
       ] }),
       /* @__PURE__ */ l("div", { className: "px-6 mb-8", children: /* @__PURE__ */ l("p", { className: "text-gray-300 text-center", children: i }) }),
       /* @__PURE__ */ X("div", { className: "flex-1 flex flex-col items-center justify-center px-6", children: [
         /* @__PURE__ */ X("div", { className: "relative mb-16", children: [
-          J ? /* @__PURE__ */ l(
+          z ? /* @__PURE__ */ l(
             "div",
             {
               ref: c,
@@ -24808,7 +24808,7 @@ const xS = {
             onClick: rr,
             size: "lg",
             className: "w-16 h-16 rounded-full bg-white hover:bg-gray-100 border-4 border-gray-600 p-0",
-            disabled: !J || k || !x,
+            disabled: !z || k || !x,
             children: /* @__PURE__ */ l("div", { className: "w-8 h-8 rounded-full bg-white" })
           }
         )
@@ -25452,8 +25452,8 @@ function kW(r) {
       return !1;
     if (!t.current && "changedTouches" in b && (B || x) && (t.current = k), !k)
       return !0;
-    var J = t.current || k;
-    return pW(J, m, b, J === "h" ? B : x);
+    var z = t.current || k;
+    return pW(z, m, b, z === "h" ? B : x);
   }, []), f = C.useCallback(function(b) {
     var m = b;
     if (!(!bi.length || bi[bi.length - 1] !== i)) {
@@ -25538,7 +25538,7 @@ var _W = [" ", "Enter", "ArrowUp", "ArrowDown"], BW = [" ", "Enter"], Kn = "Sele
     defaultProp: n ?? !1,
     onChange: i,
     caller: Kn
-  }), [J, D] = WA({
+  }), [z, V] = WA({
     prop: o,
     defaultProp: A,
     onChange: f,
@@ -25556,8 +25556,8 @@ var _W = [" ", "Enter", "ArrowUp", "ArrowDown"], BW = [" ", "Enter"], Kn = "Sele
       valueNodeHasChildren: x,
       onValueNodeHasChildrenChange: k,
       contentId: wf(),
-      value: J,
-      onValueChange: D,
+      value: z,
+      onValueChange: V,
       open: O,
       onOpenChange: L,
       dir: $,
@@ -25588,12 +25588,12 @@ var _W = [" ", "Enter", "ArrowUp", "ArrowDown"], BW = [" ", "Enter"], Kn = "Sele
             tabIndex: -1,
             name: u,
             autoComplete: c,
-            value: J,
-            onChange: (Q) => D(Q.target.value),
+            value: z,
+            onChange: (Q) => V(Q.target.value),
             disabled: h,
             form: p,
             children: [
-              J === void 0 ? /* @__PURE__ */ l("option", { value: "" }) : null,
+              z === void 0 ? /* @__PURE__ */ l("option", { value: "" }) : null,
               Array.from(rr)
             ]
           },
@@ -25712,7 +25712,7 @@ var ga = 10, [Mp, pn] = Z2(qn), SW = "SelectContentImpl", WW = /* @__PURE__ */ X
       avoidCollisions: m,
       //
       ..._
-    } = r, E = vn(qn, a), [B, x] = C.useState(null), [k, $] = C.useState(null), O = R0(e, (S) => x(S)), [L, J] = C.useState(null), [D, K] = C.useState(
+    } = r, E = vn(qn, a), [B, x] = C.useState(null), [k, $] = C.useState(null), O = R0(e, (S) => x(S)), [L, z] = C.useState(null), [V, K] = C.useState(
       null
     ), j = ws(a), [rr, Y] = C.useState(!1), or = C.useRef(!1);
     C.useEffect(() => {
@@ -25720,9 +25720,9 @@ var ga = 10, [Mp, pn] = Z2(qn), SW = "SelectContentImpl", WW = /* @__PURE__ */ X
     }, [B]), kp();
     const Q = C.useCallback(
       (S) => {
-        const [z, ...ar] = j().map((T) => T.ref.current), [q] = ar.slice(-1), er = document.activeElement;
+        const [J, ...ar] = j().map((T) => T.ref.current), [q] = ar.slice(-1), er = document.activeElement;
         for (const T of S)
-          if (T === er || (T == null || T.scrollIntoView({ block: "nearest" }), T === z && k && (k.scrollTop = 0), T === q && k && (k.scrollTop = k.scrollHeight), T == null || T.focus(), document.activeElement !== er)) return;
+          if (T === er || (T == null || T.scrollIntoView({ block: "nearest" }), T === J && k && (k.scrollTop = 0), T === q && k && (k.scrollTop = k.scrollHeight), T == null || T.focus(), document.activeElement !== er)) return;
       },
       [j, k]
     ), P = C.useCallback(
@@ -25736,17 +25736,17 @@ var ga = 10, [Mp, pn] = Z2(qn), SW = "SelectContentImpl", WW = /* @__PURE__ */ X
     C.useEffect(() => {
       if (B) {
         let S = { x: 0, y: 0 };
-        const z = (q) => {
+        const J = (q) => {
           var er, T;
           S = {
             x: Math.abs(Math.round(q.pageX) - (((er = w.current) == null ? void 0 : er.x) ?? 0)),
             y: Math.abs(Math.round(q.pageY) - (((T = w.current) == null ? void 0 : T.y) ?? 0))
           };
         }, ar = (q) => {
-          S.x <= 10 && S.y <= 10 ? q.preventDefault() : B.contains(q.target) || v(!1), document.removeEventListener("pointermove", z), w.current = null;
+          S.x <= 10 && S.y <= 10 ? q.preventDefault() : B.contains(q.target) || v(!1), document.removeEventListener("pointermove", J), w.current = null;
         };
-        return w.current !== null && (document.addEventListener("pointermove", z), document.addEventListener("pointerup", ar, { capture: !0, once: !0 })), () => {
-          document.removeEventListener("pointermove", z), document.removeEventListener("pointerup", ar, { capture: !0 });
+        return w.current !== null && (document.addEventListener("pointermove", J), document.addEventListener("pointerup", ar, { capture: !0, once: !0 })), () => {
+          document.removeEventListener("pointermove", J), document.removeEventListener("pointerup", ar, { capture: !0 });
         };
       }
     }, [B, v, w]), C.useEffect(() => {
@@ -25756,21 +25756,21 @@ var ga = 10, [Mp, pn] = Z2(qn), SW = "SelectContentImpl", WW = /* @__PURE__ */ X
       };
     }, [v]);
     const [g, y] = ig((S) => {
-      const z = j().filter((er) => !er.disabled), ar = z.find((er) => er.ref.current === document.activeElement), q = og(z, S, ar);
+      const J = j().filter((er) => !er.disabled), ar = J.find((er) => er.ref.current === document.activeElement), q = og(J, S, ar);
       q && setTimeout(() => q.ref.current.focus());
     }), N = C.useCallback(
-      (S, z, ar) => {
+      (S, J, ar) => {
         const q = !or.current && !ar;
-        (E.value !== void 0 && E.value === z || q) && (J(S), q && (or.current = !0));
+        (E.value !== void 0 && E.value === J || q) && (z(S), q && (or.current = !0));
       },
       [E.value]
     ), R = C.useCallback(() => B == null ? void 0 : B.focus(), [B]), I = C.useCallback(
-      (S, z, ar) => {
+      (S, J, ar) => {
         const q = !or.current && !ar;
-        (E.value !== void 0 && E.value === z || q) && K(S);
+        (E.value !== void 0 && E.value === J || q) && K(S);
       },
       [E.value]
-    ), F = t === "popper" ? Ku : Xp, V = F === Ku ? {
+    ), F = t === "popper" ? Ku : Xp, D = F === Ku ? {
       side: A,
       sideOffset: f,
       align: s,
@@ -25794,7 +25794,7 @@ var ga = 10, [Mp, pn] = Z2(qn), SW = "SelectContentImpl", WW = /* @__PURE__ */ X
         onItemLeave: R,
         itemTextRefCallback: I,
         focusSelectedItem: P,
-        selectedItemText: D,
+        selectedItemText: V,
         position: t,
         isPositioned: rr,
         searchRef: g,
@@ -25807,8 +25807,8 @@ var ga = 10, [Mp, pn] = Z2(qn), SW = "SelectContentImpl", WW = /* @__PURE__ */ X
               S.preventDefault();
             },
             onUnmountAutoFocus: Mr(n, (S) => {
-              var z;
-              (z = E.trigger) == null || z.focus({ preventScroll: !0 }), S.preventDefault();
+              var J;
+              (J = E.trigger) == null || J.focus({ preventScroll: !0 }), S.preventDefault();
             }),
             children: /* @__PURE__ */ l(
               So,
@@ -25828,7 +25828,7 @@ var ga = 10, [Mp, pn] = Z2(qn), SW = "SelectContentImpl", WW = /* @__PURE__ */ X
                     dir: E.dir,
                     onContextMenu: (S) => S.preventDefault(),
                     ..._,
-                    ...V,
+                    ...D,
                     onPlaced: () => Y(!0),
                     ref: O,
                     style: {
@@ -25840,8 +25840,8 @@ var ga = 10, [Mp, pn] = Z2(qn), SW = "SelectContentImpl", WW = /* @__PURE__ */ X
                       ..._.style
                     },
                     onKeyDown: Mr(_.onKeyDown, (S) => {
-                      const z = S.ctrlKey || S.altKey || S.metaKey;
-                      if (S.key === "Tab" && S.preventDefault(), !z && S.key.length === 1 && y(S.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(S.key)) {
+                      const J = S.ctrlKey || S.altKey || S.metaKey;
+                      if (S.key === "Tab" && S.preventDefault(), !J && S.key.length === 1 && y(S.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(S.key)) {
                         let q = j().filter((er) => !er.disabled).map((er) => er.ref.current);
                         if (["ArrowUp", "End"].includes(S.key) && (q = q.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(S.key)) {
                           const er = S.target, T = q.indexOf(er);
@@ -25864,9 +25864,9 @@ Gp.displayName = SW;
 var TW = "SelectItemAlignedPosition", Xp = C.forwardRef((r, e) => {
   const { __scopeSelect: a, onPlaced: t, ...n } = r, i = vn(qn, a), o = pn(qn, a), [A, f] = C.useState(null), [s, u] = C.useState(null), c = R0(e, (O) => u(O)), h = ws(a), d = C.useRef(!1), p = C.useRef(!0), { viewport: b, selectedItem: m, selectedItemText: _, focusSelectedItem: E } = o, B = C.useCallback(() => {
     if (i.trigger && i.valueNode && A && s && b && m && _) {
-      const O = i.trigger.getBoundingClientRect(), L = s.getBoundingClientRect(), J = i.valueNode.getBoundingClientRect(), D = _.getBoundingClientRect();
+      const O = i.trigger.getBoundingClientRect(), L = s.getBoundingClientRect(), z = i.valueNode.getBoundingClientRect(), V = _.getBoundingClientRect();
       if (i.dir !== "rtl") {
-        const er = D.left - L.left, T = J.left - er, fr = O.left - T, Zr = O.width + fr, Tr = Math.max(Zr, L.width), Fr = window.innerWidth - ga, Ir = pb(T, [
+        const er = V.left - L.left, T = z.left - er, fr = O.left - T, Zr = O.width + fr, Tr = Math.max(Zr, L.width), Fr = window.innerWidth - ga, Ir = pb(T, [
           ga,
           // Prevents the content from going off the starting edge of the
           // viewport. It may still go off the ending edge, but this can be
@@ -25877,21 +25877,21 @@ var TW = "SelectItemAlignedPosition", Xp = C.forwardRef((r, e) => {
         ]);
         A.style.minWidth = Zr + "px", A.style.left = Ir + "px";
       } else {
-        const er = L.right - D.right, T = window.innerWidth - J.right - er, fr = window.innerWidth - O.right - T, Zr = O.width + fr, Tr = Math.max(Zr, L.width), Fr = window.innerWidth - ga, Ir = pb(T, [
+        const er = L.right - V.right, T = window.innerWidth - z.right - er, fr = window.innerWidth - O.right - T, Zr = O.width + fr, Tr = Math.max(Zr, L.width), Fr = window.innerWidth - ga, Ir = pb(T, [
           ga,
           Math.max(ga, Fr - Tr)
         ]);
         A.style.minWidth = Zr + "px", A.style.right = Ir + "px";
       }
-      const K = h(), j = window.innerHeight - ga * 2, rr = b.scrollHeight, Y = window.getComputedStyle(s), or = parseInt(Y.borderTopWidth, 10), Q = parseInt(Y.paddingTop, 10), P = parseInt(Y.borderBottomWidth, 10), v = parseInt(Y.paddingBottom, 10), w = or + Q + rr + v + P, g = Math.min(m.offsetHeight * 5, w), y = window.getComputedStyle(b), N = parseInt(y.paddingTop, 10), R = parseInt(y.paddingBottom, 10), I = O.top + O.height / 2 - ga, F = j - I, V = m.offsetHeight / 2, S = m.offsetTop + V, z = or + Q + S, ar = w - z;
-      if (z <= I) {
+      const K = h(), j = window.innerHeight - ga * 2, rr = b.scrollHeight, Y = window.getComputedStyle(s), or = parseInt(Y.borderTopWidth, 10), Q = parseInt(Y.paddingTop, 10), P = parseInt(Y.borderBottomWidth, 10), v = parseInt(Y.paddingBottom, 10), w = or + Q + rr + v + P, g = Math.min(m.offsetHeight * 5, w), y = window.getComputedStyle(b), N = parseInt(y.paddingTop, 10), R = parseInt(y.paddingBottom, 10), I = O.top + O.height / 2 - ga, F = j - I, D = m.offsetHeight / 2, S = m.offsetTop + D, J = or + Q + S, ar = w - J;
+      if (J <= I) {
         const er = K.length > 0 && m === K[K.length - 1].ref.current;
         A.style.bottom = "0px";
         const T = s.clientHeight - b.offsetTop - b.offsetHeight, fr = Math.max(
           F,
-          V + // viewport might have padding bottom, include it to avoid a scrollable viewport
+          D + // viewport might have padding bottom, include it to avoid a scrollable viewport
           (er ? R : 0) + T + P
-        ), Zr = z + fr;
+        ), Zr = J + fr;
         A.style.height = Zr + "px";
       } else {
         const er = K.length > 0 && m === K[0].ref.current;
@@ -25899,9 +25899,9 @@ var TW = "SelectItemAlignedPosition", Xp = C.forwardRef((r, e) => {
         const fr = Math.max(
           I,
           or + b.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
-          (er ? N : 0) + V
+          (er ? N : 0) + D
         ) + ar;
-        A.style.height = fr + "px", b.scrollTop = z - I + b.offsetTop;
+        A.style.height = fr + "px", b.scrollTop = J - I + b.offsetTop;
       }
       A.style.margin = `${ga}px 0`, A.style.minHeight = g + "px", A.style.maxHeight = j + "px", t == null || t(), requestAnimationFrame(() => d.current = !0);
     }
@@ -26678,14 +26678,14 @@ const Ri = ({ value: r, onValueChange: e, options: a, placeholder: t, name: n })
     address_country: "",
     state: ""
   }), $ = vf(() => {
-    const D = [];
-    return f != null && f.hide_name_step || D.push("name"), f != null && f.hide_document_selection_step || D.push("document-selection"), D.push("id-front", "id-back", "pre-selfie", "selfie", "address"), D;
-  }, [f]), O = () => /* @__PURE__ */ l("div", { className: "flex justify-center space-x-2", children: $.map((D, K) => /* @__PURE__ */ l(
+    const V = [];
+    return f != null && f.hide_name_step || V.push("name"), f != null && f.hide_document_selection_step || V.push("document-selection"), V.push("id-front", "id-back", "pre-selfie", "selfie", "address"), V;
+  }, [f]), O = () => /* @__PURE__ */ l("div", { className: "flex justify-center space-x-2", children: $.map((V, K) => /* @__PURE__ */ l(
     "div",
     {
       className: `w-3 h-3 rounded-full ${$.indexOf(h) >= K ? "bg-primary" : "bg-muted"}`
     },
-    D
+    V
   )) });
   if (ge(() => {
     (async () => {
@@ -26723,9 +26723,9 @@ const Ri = ({ value: r, onValueChange: e, options: a, placeholder: t, name: n })
           address_country: ((or = N.personal_address) == null ? void 0 : or.address_country) || "",
           state: ((Q = N.personal_address) == null ? void 0 : Q.state) || ""
         });
-        const I = !!((P = N.full_name) != null && P.trim()), F = !!((v = N.phone) != null && v.trim()), V = !!((w = N.email) != null && w.trim()), S = !!N.document_type, z = !!N.id_photo, ar = N.document_type === "passport" ? !0 : !!N.id_photo_back, q = !!N.selfie_photo, er = !!((g = N.personal_address) != null && g.street);
+        const I = !!((P = N.full_name) != null && P.trim()), F = !!((v = N.phone) != null && v.trim()), D = !!((w = N.email) != null && w.trim()), S = !!N.document_type, J = !!N.id_photo, ar = N.document_type === "passport" ? !0 : !!N.id_photo_back, q = !!N.selfie_photo, er = !!((g = N.personal_address) != null && g.street);
         let T = "landing";
-        !I || !F || !V ? T = "name" : S ? z ? ar ? q ? er ? T = "verify" : T = "address" : T = "pre-selfie" : T = "id-back" : T = "id-front" : T = "document-selection", d(T);
+        !I || !F || !D ? T = "name" : S ? J ? ar ? q ? er ? T = "verify" : T = "address" : T = "pre-selfie" : T = "id-back" : T = "id-front" : T = "document-selection", d(T);
       } catch (y) {
         console.error("Resume failed", y);
       } finally {
@@ -26751,7 +26751,7 @@ const Ri = ({ value: r, onValueChange: e, options: a, placeholder: t, name: n })
             email: m.email,
             phone: m.phone,
             renderProgress: O,
-            onContinue: async ({ fullName: D, email: K, phone: j }) => {
+            onContinue: async ({ fullName: V, email: K, phone: j }) => {
               let rr = p;
               rr || (rr = (await y0.post(
                 `${r}/api/kyc`,
@@ -26759,10 +26759,10 @@ const Ri = ({ value: r, onValueChange: e, options: a, placeholder: t, name: n })
                 { headers: { "X-API-Key": e } }
               )).data.id, b(rr)), await ue(
                 "personal_details",
-                { full_name: D, email: K, phone: j },
+                { full_name: V, email: K, phone: j },
                 {},
                 { ...L, id: rr }
-              ) && (_((or) => ({ ...or, full_name: D, email: K, phone: j })), d("document-selection"));
+              ) && (_((or) => ({ ...or, full_name: V, email: K, phone: j })), d("document-selection"));
             }
           }
         );
@@ -26771,9 +26771,9 @@ const Ri = ({ value: r, onValueChange: e, options: a, placeholder: t, name: n })
           wm,
           {
             selectedDocumentType: E,
-            onDocumentTypeChange: async (D) => {
-              B(D);
-              const K = xb[D];
+            onDocumentTypeChange: async (V) => {
+              B(V);
+              const K = xb[V];
               await ue(
                 "personal_details",
                 { document_type: K, id_photo: null, id_photo_back: null },
@@ -26795,13 +26795,13 @@ const Ri = ({ value: r, onValueChange: e, options: a, placeholder: t, name: n })
             frameType: "rectangular",
             documentTypeId: E,
             currentStep: h,
-            onRetake: () => _((D) => ({ ...D, id_photo: null })),
-            onConfirm: async (D) => {
+            onRetake: () => _((V) => ({ ...V, id_photo: null })),
+            onConfirm: async (V) => {
               const K = xb[E];
-              _((rr) => ({ ...rr, id_photo: D, document_type: K })), await ue(
+              _((rr) => ({ ...rr, id_photo: V, document_type: K })), await ue(
                 "personal_details",
                 { document_type: K },
-                { id_photo: D },
+                { id_photo: V },
                 L
               ) ? d(E === "passport" ? "pre-selfie" : "id-back") : A({
                 title: "Upload Failed",
@@ -26821,9 +26821,9 @@ const Ri = ({ value: r, onValueChange: e, options: a, placeholder: t, name: n })
             frameType: "rectangular",
             documentTypeId: E,
             currentStep: h,
-            onRetake: () => _((D) => ({ ...D, id_photo_back: null })),
-            onConfirm: async (D) => {
-              _((j) => ({ ...j, id_photo_back: D })), await ue("personal_details", {}, { id_photo_back: D }, L) ? d("pre-selfie") : A({
+            onRetake: () => _((V) => ({ ...V, id_photo_back: null })),
+            onConfirm: async (V) => {
+              _((j) => ({ ...j, id_photo_back: V })), await ue("personal_details", {}, { id_photo_back: V }, L) ? d("pre-selfie") : A({
                 title: "Upload Failed",
                 description: "Please check your internet connection",
                 variant: "destructive"
@@ -26848,9 +26848,9 @@ const Ri = ({ value: r, onValueChange: e, options: a, placeholder: t, name: n })
             description: "Place your face inside the frame.",
             frameType: "circular",
             currentStep: h,
-            onRetake: () => _((D) => ({ ...D, selfie_photo: null })),
-            onConfirm: async (D) => {
-              _((j) => ({ ...j, selfie_photo: D })), await ue("personal_details", {}, { selfie_photo: D }, L) ? d("address") : A({
+            onRetake: () => _((V) => ({ ...V, selfie_photo: null })),
+            onConfirm: async (V) => {
+              _((j) => ({ ...j, selfie_photo: V })), await ue("personal_details", {}, { selfie_photo: V }, L) ? d("address") : A({
                 title: "Upload Failed",
                 description: "Please check your internet connection",
                 variant: "destructive"
@@ -26866,9 +26866,9 @@ const Ri = ({ value: r, onValueChange: e, options: a, placeholder: t, name: n })
             data: x,
             isBusinessAddress: !1,
             renderProgress: O,
-            onDataChange: (D) => k((K) => ({ ...K, ...D })),
-            onContinue: async (D) => {
-              await ue("personal_address", D, {}, L) && d("verify");
+            onDataChange: (V) => k((K) => ({ ...K, ...V })),
+            onContinue: async (V) => {
+              await ue("personal_address", V, {}, L) && d("verify");
             },
             onBack: () => d("selfie")
           }
@@ -26895,7 +26895,7 @@ const Ri = ({ value: r, onValueChange: e, options: a, placeholder: t, name: n })
                 { status: "pending" },
                 { headers: { "X-API-Key": e } }
               );
-              const D = {
+              const V = {
                 full_name: m.full_name || "",
                 email: m.email || "",
                 selfie_photo: m.selfie_photo,
@@ -26903,7 +26903,7 @@ const Ri = ({ value: r, onValueChange: e, options: a, placeholder: t, name: n })
                 id_photo_back: m.id_photo_back ?? void 0,
                 personal_address: x
               };
-              a(p, D), d("done");
+              a(p, V), d("done");
             }
           }
         );
@@ -26999,11 +26999,11 @@ var pg = { exports: {} };
       }
       function y() {
         var xr, Ar, Cr, cr, wr, dr, vr, Gr, Hr, l0, ba, S0, _e, Bd;
-        for (o0 > q && (er = 1), z = 30 + (er - 1) / 3, S0 = ar, _e = 0, Bd = q, ba = q / (3 * er), l0 = ba / M | 0, Gr = de, dr = B0, vr = dr >> F0, 1 >= vr && (vr = 0), xr = 0; vr > xr; xr++)
+        for (o0 > q && (er = 1), J = 30 + (er - 1) / 3, S0 = ar, _e = 0, Bd = q, ba = q / (3 * er), l0 = ba / M | 0, Gr = de, dr = B0, vr = dr >> F0, 1 >= vr && (vr = 0), xr = 0; vr > xr; xr++)
           nt[xr] = Gr * ((vr * vr - xr * xr) * Ce / (vr * vr));
         for (Hr = o0 > q ? 3 : q % Zr !== 0 ? 3 * Zr : q % Tr !== 0 ? 3 * Tr : q % Fr !== 0 ? 3 * Fr : 3 * Ir, xr = 0; ba > xr; )
-          if (Cr = (255 & S0[_e + 0]) << Z, cr = (255 & S0[_e + 1]) << Z, wr = (255 & S0[_e + 2]) << Z, Ar = S(Cr, cr, wr), V(Gr, Ar, Cr, cr, wr), vr !== 0 && F(vr, Ar, Cr, cr, wr), _e += Hr, _e >= Bd && (_e -= q), xr++, l0 === 0 && (l0 = 1), xr % l0 === 0)
-            for (Gr -= Gr / z, dr -= dr / aa, vr = dr >> F0, 1 >= vr && (vr = 0), Ar = 0; vr > Ar; Ar++)
+          if (Cr = (255 & S0[_e + 0]) << Z, cr = (255 & S0[_e + 1]) << Z, wr = (255 & S0[_e + 2]) << Z, Ar = S(Cr, cr, wr), D(Gr, Ar, Cr, cr, wr), vr !== 0 && F(vr, Ar, Cr, cr, wr), _e += Hr, _e >= Bd && (_e -= q), xr++, l0 === 0 && (l0 = 1), xr % l0 === 0)
+            for (Gr -= Gr / J, dr -= dr / aa, vr = dr >> F0, 1 >= vr && (vr = 0), Ar = 0; vr > Ar; Ar++)
               nt[Ar] = Gr * ((vr * vr - Ar * Ar) * Ce / (vr * vr));
       }
       function N(xr, Ar, Cr) {
@@ -27039,7 +27039,7 @@ var pg = { exports: {} };
           }
         }
       }
-      function V(xr, Ar, Cr, cr, wr) {
+      function D(xr, Ar, Cr, cr, wr) {
         var dr = T[Ar], vr = xr / de;
         dr[0] -= vr * (dr[0] - Cr) | 0, dr[1] -= vr * (dr[1] - cr) | 0, dr[2] -= vr * (dr[2] - wr) | 0;
       }
@@ -27049,7 +27049,7 @@ var pg = { exports: {} };
           _e = T[cr], wr = _e[0] - xr, 0 > wr && (wr = -wr), dr = _e[1] - Ar, 0 > dr && (dr = -dr), wr += dr, dr = _e[2] - Cr, 0 > dr && (dr = -dr), wr += dr, ba > wr && (ba = wr, Hr = cr), vr = wr - (ha[cr] >> U - Z), S0 > vr && (S0 = vr, l0 = cr), Gr = Ta[cr] >> tr, Ta[cr] -= Gr, ha[cr] += Gr << ir;
         return Ta[Hr] += lr, ha[Hr] -= Wr, l0;
       }
-      var z, ar, q, er, T, fr = 256, Zr = 499, Tr = 491, Fr = 487, Ir = 503, o0 = 3 * Ir, u0 = fr - 1, Z = 4, M = 100, U = 16, nr = 1 << U, ir = 10, tr = 10, lr = nr >> tr, Wr = nr << ir - tr, Xr = fr >> 3, F0 = 6, ne = 1 << F0, B0 = Xr * ne, aa = 30, Oe = 10, de = 1 << Oe, tt = 8, Ce = 1 << tt, yn = Oe + tt, he = 1 << yn, ta = [], ha = [], Ta = [], nt = [];
+      var J, ar, q, er, T, fr = 256, Zr = 499, Tr = 491, Fr = 487, Ir = 503, o0 = 3 * Ir, u0 = fr - 1, Z = 4, M = 100, U = 16, nr = 1 << U, ir = 10, tr = 10, lr = nr >> tr, Wr = nr << ir - tr, Xr = fr >> 3, F0 = 6, ne = 1 << F0, B0 = Xr * ne, aa = 30, Oe = 10, de = 1 << Oe, tt = 8, Ce = 1 << tt, yn = Oe + tt, he = 1 << yn, ta = [], ha = [], Ta = [], nt = [];
       v.apply(this, arguments);
       var se = {};
       return se.map = N, se.process = R, se;
@@ -27075,7 +27075,7 @@ var pg = { exports: {} };
         }
         return y;
       }, processFrameWithQuantizer: function(g, y, N, R) {
-        for (var I = this.dataToRGB(g, y, N), F = new u(I, I.length, R), V = F.process(), S = new Uint32Array(this.componentizedPaletteToArray(V)), z = y * N, ar = new Uint8Array(z), q = 0, er = 0; z > er; er++) {
+        for (var I = this.dataToRGB(g, y, N), F = new u(I, I.length, R), D = F.process(), S = new Uint32Array(this.componentizedPaletteToArray(D)), J = y * N, ar = new Uint8Array(J), q = 0, er = 0; J > er; er++) {
           var T = I[q++], fr = I[q++], Zr = I[q++];
           ar[er] = F.map(T, fr, Zr);
         }
@@ -27118,12 +27118,12 @@ var pg = { exports: {} };
       }
       var I = 0;
       y = y === i ? {} : y;
-      var F = y.loop === i ? null : y.loop, V = y.palette === i ? null : y.palette;
+      var F = y.loop === i ? null : y.loop, D = y.palette === i ? null : y.palette;
       if (0 >= w || 0 >= g || w > 65535 || g > 65535)
         throw "Width/Height invalid.";
       v[I++] = 71, v[I++] = 73, v[I++] = 70, v[I++] = 56, v[I++] = 57, v[I++] = 97;
-      var S = 0, z = 0;
-      if (v[I++] = 255 & w, v[I++] = w >> 8 & 255, v[I++] = 255 & g, v[I++] = g >> 8 & 255, v[I++] = (V !== null ? 128 : 0) | S, v[I++] = z, v[I++] = 0, F !== null) {
+      var S = 0, J = 0;
+      if (v[I++] = 255 & w, v[I++] = w >> 8 & 255, v[I++] = 255 & g, v[I++] = g >> 8 & 255, v[I++] = (D !== null ? 128 : 0) | S, v[I++] = J, v[I++] = 0, F !== null) {
         if (0 > F || F > 65535)
           throw "Loop count invalid.";
         v[I++] = 33, v[I++] = 255, v[I++] = 11, v[I++] = 78, v[I++] = 69, v[I++] = 84, v[I++] = 83, v[I++] = 67, v[I++] = 65, v[I++] = 80, v[I++] = 69, v[I++] = 50, v[I++] = 46, v[I++] = 48, v[I++] = 3, v[I++] = 1, v[I++] = 255 & F, v[I++] = F >> 8 & 255, v[I++] = 0;
@@ -27137,7 +27137,7 @@ var pg = { exports: {} };
         if (Zr.length < T * fr)
           throw "Not enough pixels for the frame size.";
         var Fr = !0, Ir = Tr.palette;
-        if ((Ir === i || Ir === null) && (Fr = !1, Ir = V), Ir === i || Ir === null)
+        if ((Ir === i || Ir === null) && (Fr = !1, Ir = D), Ir === i || Ir === null)
           throw "Must supply either a local or global palette.";
         for (var o0 = N(Ir), u0 = 0; o0 >>= 1; )
           ++u0;
@@ -27165,29 +27165,29 @@ var pg = { exports: {} };
     }
     function p() {
       function v() {
-        k.each(V, function(q, er) {
+        k.each(D, function(q, er) {
           er && (er.text ? ar.addFrame(er.img, N, er.text) : ar.addFrame(er, N));
         }), d(ar, g);
       }
-      var w = arguments.length > 0 && arguments[0] !== i ? arguments[0] : {}, g = w.callback, y = w.images, N = w.options, R = w.imagesLength, I = { getUserMedia: !0, "window.URL": !0 }, F = O.validate(I), V = [], S = 0, z = void 0, ar = void 0;
+      var w = arguments.length > 0 && arguments[0] !== i ? arguments[0] : {}, g = w.callback, y = w.images, N = w.options, R = w.imagesLength, I = { getUserMedia: !0, "window.URL": !0 }, F = O.validate(I), D = [], S = 0, J = void 0, ar = void 0;
       return F.error ? g(F) : (ar = new rr(N), k.each(y, function(q, er) {
         var T = er;
-        er.src && (T = T.src), k.isElement(T) ? (N.crossOrigin && (T.crossOrigin = N.crossOrigin), V[q] = T, S += 1, S === R && v()) : k.isString(T) && (z = new Image(), N.crossOrigin && (z.crossOrigin = N.crossOrigin), function(fr) {
+        er.src && (T = T.src), k.isElement(T) ? (N.crossOrigin && (T.crossOrigin = N.crossOrigin), D[q] = T, S += 1, S === R && v()) : k.isString(T) && (J = new Image(), N.crossOrigin && (J.crossOrigin = N.crossOrigin), function(fr) {
           er.text && (fr.text = er.text), fr.onerror = function() {
             var Zr = void 0;
             return --R, R === 0 ? (Zr = {}, Zr.error = "None of the requested images was capable of being retrieved", g(Zr)) : void 0;
           }, fr.onload = function() {
-            V[q] = er.text ? { img: fr, text: fr.text } : fr, S += 1, S === R && v(), k.removeElement(fr);
+            D[q] = er.text ? { img: fr, text: fr.text } : fr, S += 1, S === R && v(), k.removeElement(fr);
           }, fr.src = T;
-        }(z), k.setCSSAttr(z, { position: "fixed", opacity: "0" }), t.body.appendChild(z));
+        }(J), k.setCSSAttr(J, { position: "fixed", opacity: "0" }), t.body.appendChild(J));
       }), void 0);
     }
     function b(v) {
       v = k.isObject(v) ? v : {}, Q.stopVideoStreaming(v);
     }
     function m(v, w) {
-      var g = v.options || {}, y = g.images, N = g.video, R = Number(g.gifWidth), I = Number(g.gifHeight), F = (Number(g.numFrames), v.cameraStream), V = v.videoElement, S = v.videoWidth, z = v.videoHeight, ar = or.getCropDimensions({ videoWidth: S, videoHeight: z, gifHeight: I, gifWidth: R }), q = w;
-      g.crop = ar, g.videoElement = V, g.videoWidth = S, g.videoHeight = z, g.cameraStream = F, k.isElement(V) && (V.width = R + ar.width, V.height = I + ar.height, g.webcamVideoElement || (k.setCSSAttr(V, { position: "fixed", opacity: "0" }), t.body.appendChild(V)), V.play(), or.getGIF(g, function(er) {
+      var g = v.options || {}, y = g.images, N = g.video, R = Number(g.gifWidth), I = Number(g.gifHeight), F = (Number(g.numFrames), v.cameraStream), D = v.videoElement, S = v.videoWidth, J = v.videoHeight, ar = or.getCropDimensions({ videoWidth: S, videoHeight: J, gifHeight: I, gifWidth: R }), q = w;
+      g.crop = ar, g.videoElement = D, g.videoWidth = S, g.videoHeight = J, g.cameraStream = F, k.isElement(D) && (D.width = R + ar.width, D.height = I + ar.height, g.webcamVideoElement || (k.setCSSAttr(D, { position: "fixed", opacity: "0" }), t.body.appendChild(D)), D.play(), or.getGIF(g, function(er) {
         y && y.length || N && N.length || b(er), q(er);
       }));
     }
@@ -27199,11 +27199,11 @@ var pg = { exports: {} };
         if (F = g.src, I = k.getExtension(F), !k.isSupported.videoCodecs[I])
           return w(O.messages.videoCodecs);
       } else
-        k.isArray(g) && k.each(g, function(V, S) {
+        k.isArray(g) && k.each(g, function(D, S) {
           return I = S instanceof Blob ? S.type.substr(S.type.lastIndexOf("/") + 1, S.length) : S.substr(S.lastIndexOf(".") + 1, S.length), k.isSupported.videoCodecs[I] ? (g = S, !1) : void 0;
         });
-      Q.startStreaming({ completed: function(V) {
-        V.options = y || {}, m(V, w);
+      Q.startStreaming({ completed: function(D) {
+        D.options = y || {}, m(D, w);
       }, existingVideo: g, crossOrigin: y.crossOrigin, options: y });
     }
     function E() {
@@ -27217,13 +27217,13 @@ var pg = { exports: {} };
     }
     function B(v, w) {
       if (w = k.isFunction(v) ? v : w, v = k.isObject(v) ? v : {}, k.isFunction(w)) {
-        var g = k.mergeOptions(D, v) || {}, y = v.cameraStream, N = g.images, R = N ? N.length : 0, I = g.video, F = g.webcamVideoElement;
+        var g = k.mergeOptions(V, v) || {}, y = v.cameraStream, N = g.images, R = N ? N.length : 0, I = g.video, F = g.webcamVideoElement;
         g = k.mergeOptions(g, { gifWidth: Math.floor(g.gifWidth), gifHeight: Math.floor(g.gifHeight) }), R ? p({ images: N, imagesLength: R, callback: w, options: g }) : I ? _({ existingVideo: I, callback: w, options: g }) : E({ lastCameraStream: y, callback: w, webcamVideoElement: F, options: g });
       }
     }
     function x(v, w) {
       if (w = k.isFunction(v) ? v : w, v = k.isObject(v) ? v : {}, k.isFunction(w)) {
-        var g = k.mergeOptions(D, v), y = k.mergeOptions(g, { interval: 0.1, numFrames: 1, gifWidth: Math.floor(g.gifWidth), gifHeight: Math.floor(g.gifHeight) });
+        var g = k.mergeOptions(V, v), y = k.mergeOptions(g, { interval: 0.1, numFrames: 1, gifWidth: Math.floor(g.gifWidth), gifHeight: Math.floor(g.gifHeight) });
         B(y, w);
       }
     }
@@ -27234,14 +27234,14 @@ var pg = { exports: {} };
       if (v = v || k.noop, w = w || 0, !k.requestAnimFrame)
         return setTimeout(v, w);
       var g = (/* @__PURE__ */ new Date()).getTime(), y = new Object(), N = k.requestAnimFrame, R = function I() {
-        var F = (/* @__PURE__ */ new Date()).getTime(), V = F - g;
-        V >= w ? v.call() : y.value = N(I);
+        var F = (/* @__PURE__ */ new Date()).getTime(), D = F - g;
+        D >= w ? v.call() : y.value = N(I);
       };
       return y.value = N(R), y;
     }, Blob: a.Blob || a.BlobBuilder || a.WebKitBlobBuilder || a.MozBlobBuilder || a.MSBlobBuilder, btoa: function() {
       var v = a.btoa || function(w) {
-        for (var g = "", y = 0, N = w.length, R = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=", I = void 0, F = void 0, V = void 0, S = void 0, z = void 0, ar = void 0, q = void 0; N > y; )
-          I = w.charCodeAt(y++), F = w.charCodeAt(y++), V = w.charCodeAt(y++), S = I >> 2, z = (3 & I) << 4 | F >> 4, ar = (15 & F) << 2 | V >> 6, q = 63 & V, isNaN(F) ? ar = q = 64 : isNaN(V) && (q = 64), g = g + R.charAt(S) + R.charAt(z) + R.charAt(ar) + R.charAt(q);
+        for (var g = "", y = 0, N = w.length, R = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=", I = void 0, F = void 0, D = void 0, S = void 0, J = void 0, ar = void 0, q = void 0; N > y; )
+          I = w.charCodeAt(y++), F = w.charCodeAt(y++), D = w.charCodeAt(y++), S = I >> 2, J = (3 & I) << 4 | F >> 4, ar = (15 & F) << 2 | D >> 6, q = 63 & D, isNaN(F) ? ar = q = 64 : isNaN(D) && (q = 64), g = g + R.charAt(S) + R.charAt(J) + R.charAt(ar) + R.charAt(q);
         return g;
       };
       return v ? v.bind(a) : k.noop;
@@ -27331,16 +27331,16 @@ var pg = { exports: {} };
     }, isValid: function(w) {
       var g = O.validate(w), y = g.error !== !0;
       return y;
-    }, validators: [{ condition: k.isFunction(k.getUserMedia), errorCode: "getUserMedia", errorMsg: "The getUserMedia API is not supported in your browser" }, { condition: k.isSupported.canvas(), errorCode: "canvas", errorMsg: "Canvas elements are not supported in your browser" }, { condition: k.isSupported.webworkers(), errorCode: "webworkers", errorMsg: "The Web Workers API is not supported in your browser" }, { condition: k.isFunction(k.URL), errorCode: "window.URL", errorMsg: "The window.URL API is not supported in your browser" }, { condition: k.isSupported.blob(), errorCode: "window.Blob", errorMsg: "The window.Blob File API is not supported in your browser" }, { condition: k.isSupported.Uint8Array(), errorCode: "window.Uint8Array", errorMsg: "The window.Uint8Array function constructor is not supported in your browser" }, { condition: k.isSupported.Uint32Array(), errorCode: "window.Uint32Array", errorMsg: "The window.Uint32Array function constructor is not supported in your browser" }], messages: { videoCodecs: { errorCode: "videocodec", errorMsg: "The video codec you are trying to use is not supported in your browser" } } }, L = Object.freeze({ default: O }), J = function() {
-    }, D = { sampleInterval: 10, numWorkers: 2, filter: "", gifWidth: 200, gifHeight: 200, interval: 0.1, numFrames: 10, frameDuration: 1, keepCameraOn: !1, images: [], video: null, webcamVideoElement: null, cameraStream: null, text: "", fontWeight: "normal", fontSize: "16px", minFontSize: "10px", resizeFont: !1, fontFamily: "sans-serif", fontColor: "#ffffff", textAlign: "center", textBaseline: "bottom", textXCoordinate: null, textYCoordinate: null, progressCallback: J, completeCallback: J, saveRenderingContexts: !1, savedRenderingContexts: [], showFrameText: !0, crossOrigin: "Anonymous", waterMark: null, waterMarkHeight: null, waterMarkWidth: null, waterMarkXCoordinate: 1, waterMarkYCoordinate: 1 }, K = Object.freeze({ default: D }), j = function() {
+    }, validators: [{ condition: k.isFunction(k.getUserMedia), errorCode: "getUserMedia", errorMsg: "The getUserMedia API is not supported in your browser" }, { condition: k.isSupported.canvas(), errorCode: "canvas", errorMsg: "Canvas elements are not supported in your browser" }, { condition: k.isSupported.webworkers(), errorCode: "webworkers", errorMsg: "The Web Workers API is not supported in your browser" }, { condition: k.isFunction(k.URL), errorCode: "window.URL", errorMsg: "The window.URL API is not supported in your browser" }, { condition: k.isSupported.blob(), errorCode: "window.Blob", errorMsg: "The window.Blob File API is not supported in your browser" }, { condition: k.isSupported.Uint8Array(), errorCode: "window.Uint8Array", errorMsg: "The window.Uint8Array function constructor is not supported in your browser" }, { condition: k.isSupported.Uint32Array(), errorCode: "window.Uint32Array", errorMsg: "The window.Uint32Array function constructor is not supported in your browser" }], messages: { videoCodecs: { errorCode: "videocodec", errorMsg: "The video codec you are trying to use is not supported in your browser" } } }, L = Object.freeze({ default: O }), z = function() {
+    }, V = { sampleInterval: 10, numWorkers: 2, filter: "", gifWidth: 200, gifHeight: 200, interval: 0.1, numFrames: 10, frameDuration: 1, keepCameraOn: !1, images: [], video: null, webcamVideoElement: null, cameraStream: null, text: "", fontWeight: "normal", fontSize: "16px", minFontSize: "10px", resizeFont: !1, fontFamily: "sans-serif", fontColor: "#ffffff", textAlign: "center", textBaseline: "bottom", textXCoordinate: null, textYCoordinate: null, progressCallback: z, completeCallback: z, saveRenderingContexts: !1, savedRenderingContexts: [], showFrameText: !0, crossOrigin: "Anonymous", waterMark: null, waterMarkHeight: null, waterMarkWidth: null, waterMarkXCoordinate: 1, waterMarkYCoordinate: 1 }, K = Object.freeze({ default: V }), j = function() {
     }, rr = function(v) {
       this.canvas = null, this.ctx = null, this.repeat = 0, this.frames = [], this.numRenderedFrames = 0, this.onRenderCompleteCallback = j, this.onRenderProgressCallback = j, this.workers = [], this.availableWorkers = [], this.generatingGIF = !1, this.options = v, this.initializeWebWorkers(v);
     };
     rr.prototype = { workerMethods: c(), initializeWebWorkers: function(v) {
-      var w = this, g = u.toString() + "(" + c.toString() + "());", y = void 0, N = void 0, R = void 0, I = void 0, F = -1, V = "";
+      var w = this, g = u.toString() + "(" + c.toString() + "());", y = void 0, N = void 0, R = void 0, I = void 0, F = -1, D = "";
       for (I = v.numWorkers; ++F < I; )
-        y = k.createWebWorker(g), k.isObject(y) ? (N = y.objectUrl, R = y.worker, w.workers.push({ worker: R, objectUrl: N }), w.availableWorkers.push(R)) : (V = y, k.webWorkerError = !!y);
-      this.workerError = V, this.canvas = t.createElement("canvas"), this.canvas.width = v.gifWidth, this.canvas.height = v.gifHeight, this.ctx = this.canvas.getContext("2d"), this.frames = [];
+        y = k.createWebWorker(g), k.isObject(y) ? (N = y.objectUrl, R = y.worker, w.workers.push({ worker: R, objectUrl: N }), w.availableWorkers.push(R)) : (D = y, k.webWorkerError = !!y);
+      this.workerError = D, this.canvas = t.createElement("canvas"), this.canvas.width = v.gifWidth, this.canvas.height = v.gifHeight, this.ctx = this.canvas.getContext("2d"), this.frames = [];
     }, getWorker: function() {
       return this.availableWorkers.pop();
     }, freeWorker: function(v) {
@@ -27361,11 +27361,11 @@ var pg = { exports: {} };
         w.processNextFrame();
       }, 1);
     }, processFrame: function(v) {
-      var w = this, g = (this.options, this.options), y = g.progressCallback, N = g.sampleInterval, R = this.frames, I = void 0, F = void 0, V = function() {
-        var S = arguments.length > 0 && arguments[0] !== i ? arguments[0] : {}, z = S.data;
-        delete I.data, I.pixels = Array.prototype.slice.call(z.pixels), I.palette = Array.prototype.slice.call(z.palette), I.done = !0, I.beingProcessed = !1, w.freeWorker(F), w.onFrameFinished(y);
+      var w = this, g = (this.options, this.options), y = g.progressCallback, N = g.sampleInterval, R = this.frames, I = void 0, F = void 0, D = function() {
+        var S = arguments.length > 0 && arguments[0] !== i ? arguments[0] : {}, J = S.data;
+        delete I.data, I.pixels = Array.prototype.slice.call(J.pixels), I.palette = Array.prototype.slice.call(J.palette), I.done = !0, I.beingProcessed = !1, w.freeWorker(F), w.onFrameFinished(y);
       };
-      return I = R[v], I.beingProcessed || I.done ? (this.onFrameFinished(), void 0) : (I.sampleInterval = N, I.beingProcessed = !0, I.gifshot = !0, F = this.getWorker(), F ? (F.onmessage = V, F.postMessage(I)) : V({ data: w.workerMethods.run(I) }), void 0);
+      return I = R[v], I.beingProcessed || I.done ? (this.onFrameFinished(), void 0) : (I.sampleInterval = N, I.beingProcessed = !0, I.gifshot = !0, F = this.getWorker(), F ? (F.onmessage = D, F.postMessage(I)) : D({ data: w.workerMethods.run(I) }), void 0);
     }, startRendering: function(v) {
       this.onRenderCompleteCallback = v;
       for (var w = 0; w < this.options.numWorkers && w < this.frames.length; w++)
@@ -27380,20 +27380,20 @@ var pg = { exports: {} };
       }
       v >= 0 && this.processFrame(v);
     }, generateGIF: function(v, w) {
-      var g = [], y = { loop: this.repeat }, N = this.options, R = N.interval, I = N.frameDuration, F = N.images, V = !!F.length, S = N.gifHeight, z = N.gifWidth, ar = new h(g, z, S, y), q = this.onRenderProgressCallback, er = V ? 100 * R : 0, T = void 0, fr = void 0;
+      var g = [], y = { loop: this.repeat }, N = this.options, R = N.interval, I = N.frameDuration, F = N.images, D = !!F.length, S = N.gifHeight, J = N.gifWidth, ar = new h(g, J, S, y), q = this.onRenderProgressCallback, er = D ? 100 * R : 0, T = void 0, fr = void 0;
       this.generatingGIF = !0, k.each(v, function(Zr, Tr) {
         var Fr = Tr.palette;
         q(0.75 + 0.25 * Tr.position * 1 / v.length);
         for (var Ir = 0; I > Ir; Ir++)
-          ar.addFrame(0, 0, z, S, Tr.pixels, { palette: Fr, delay: er });
+          ar.addFrame(0, 0, J, S, Tr.pixels, { palette: Fr, delay: er });
       }), ar.end(), q(1), this.frames = [], this.generatingGIF = !1, k.isFunction(w) && (T = this.bufferToString(g), fr = "data:image/gif;base64," + k.btoa(T), w(fr));
     }, setRepeat: function(v) {
       this.repeat = v;
     }, addFrame: function(v, w, g) {
       w = k.isObject(w) ? w : {};
-      var y = this, N = y.ctx, R = y.options, I = R.gifWidth, F = R.gifHeight, V = k.getFontSize(w), S = w, z = S.filter, ar = S.fontColor, q = S.fontFamily, er = S.fontWeight, T = (S.gifHeight, S.gifWidth, S.text), fr = S.textAlign, Zr = S.textBaseline, Tr = S.waterMark, Fr = S.waterMarkHeight, Ir = S.waterMarkWidth, o0 = S.waterMarkXCoordinate, u0 = S.waterMarkYCoordinate, Z = w.textXCoordinate ? w.textXCoordinate : fr === "left" ? 1 : fr === "right" ? I : I / 2, M = w.textYCoordinate ? w.textYCoordinate : Zr === "top" ? 1 : Zr === "center" ? F / 2 : F, U = er + " " + V + " " + q, nr = g && w.showFrameText ? g : T, ir = void 0;
+      var y = this, N = y.ctx, R = y.options, I = R.gifWidth, F = R.gifHeight, D = k.getFontSize(w), S = w, J = S.filter, ar = S.fontColor, q = S.fontFamily, er = S.fontWeight, T = (S.gifHeight, S.gifWidth, S.text), fr = S.textAlign, Zr = S.textBaseline, Tr = S.waterMark, Fr = S.waterMarkHeight, Ir = S.waterMarkWidth, o0 = S.waterMarkXCoordinate, u0 = S.waterMarkYCoordinate, Z = w.textXCoordinate ? w.textXCoordinate : fr === "left" ? 1 : fr === "right" ? I : I / 2, M = w.textYCoordinate ? w.textYCoordinate : Zr === "top" ? 1 : Zr === "center" ? F / 2 : F, U = er + " " + D + " " + q, nr = g && w.showFrameText ? g : T, ir = void 0;
       try {
-        N.filter = z, N.drawImage(v, 0, 0, I, F), nr && (N.font = U, N.fillStyle = ar, N.textAlign = fr, N.textBaseline = Zr, N.fillText(nr, Z, M)), Tr && N.drawImage(Tr, o0, u0, Ir, Fr), ir = N.getImageData(0, 0, I, F), y.addFrameImageData(ir);
+        N.filter = J, N.drawImage(v, 0, 0, I, F), nr && (N.font = U, N.fillStyle = ar, N.textAlign = fr, N.textBaseline = Zr, N.fillText(nr, Z, M)), Tr && N.drawImage(Tr, o0, u0, Ir, Fr), ir = N.getImageData(0, 0, I, F), y.addFrameImageData(ir);
       } catch (tr) {
         return "" + tr;
       }
@@ -27424,10 +27424,10 @@ var pg = { exports: {} };
     }, or = { getGIF: function() {
       var v = arguments.length > 0 && arguments[0] !== i ? arguments[0] : {}, w = arguments[1];
       w = k.isFunction(w) ? w : Y;
-      var g = t.createElement("canvas"), y = void 0, N = v.images, R = !!N.length, I = v.cameraStream, F = v.crop, V = v.filter, S = v.fontColor, z = v.fontFamily, ar = v.fontWeight, q = v.keepCameraOn, er = (v.numWorkers, v.progressCallback), T = v.saveRenderingContexts, fr = v.savedRenderingContexts, Zr = v.text, Tr = v.textAlign, Fr = v.textBaseline, Ir = v.videoElement, o0 = v.videoHeight, u0 = v.videoWidth, Z = v.webcamVideoElement, M = v.waterMark, U = v.waterMarkHeight, nr = v.waterMarkWidth, ir = v.waterMarkXCoordinate, tr = v.waterMarkYCoordinate, lr = Number(v.gifWidth), Wr = Number(v.gifHeight), Xr = Number(v.interval), F0 = (Number(v.sampleInterval), R ? 0 : 1e3 * Xr), ne = [], B0 = fr.length ? fr.length : v.numFrames, aa = B0, Oe = new rr(v), de = k.getFontSize(v), tt = v.textXCoordinate ? v.textXCoordinate : Tr === "left" ? 1 : Tr === "right" ? lr : lr / 2, Ce = v.textYCoordinate ? v.textYCoordinate : Fr === "top" ? 1 : Fr === "center" ? Wr / 2 : Wr, yn = ar + " " + de + " " + z, he = F ? Math.floor(F.scaledWidth / 2) : 0, ta = F ? u0 - F.scaledWidth : 0, ha = F ? Math.floor(F.scaledHeight / 2) : 0, Ta = F ? o0 - F.scaledHeight : 0, nt = function se() {
+      var g = t.createElement("canvas"), y = void 0, N = v.images, R = !!N.length, I = v.cameraStream, F = v.crop, D = v.filter, S = v.fontColor, J = v.fontFamily, ar = v.fontWeight, q = v.keepCameraOn, er = (v.numWorkers, v.progressCallback), T = v.saveRenderingContexts, fr = v.savedRenderingContexts, Zr = v.text, Tr = v.textAlign, Fr = v.textBaseline, Ir = v.videoElement, o0 = v.videoHeight, u0 = v.videoWidth, Z = v.webcamVideoElement, M = v.waterMark, U = v.waterMarkHeight, nr = v.waterMarkWidth, ir = v.waterMarkXCoordinate, tr = v.waterMarkYCoordinate, lr = Number(v.gifWidth), Wr = Number(v.gifHeight), Xr = Number(v.interval), F0 = (Number(v.sampleInterval), R ? 0 : 1e3 * Xr), ne = [], B0 = fr.length ? fr.length : v.numFrames, aa = B0, Oe = new rr(v), de = k.getFontSize(v), tt = v.textXCoordinate ? v.textXCoordinate : Tr === "left" ? 1 : Tr === "right" ? lr : lr / 2, Ce = v.textYCoordinate ? v.textYCoordinate : Fr === "top" ? 1 : Fr === "center" ? Wr / 2 : Wr, yn = ar + " " + de + " " + J, he = F ? Math.floor(F.scaledWidth / 2) : 0, ta = F ? u0 - F.scaledWidth : 0, ha = F ? Math.floor(F.scaledHeight / 2) : 0, Ta = F ? o0 - F.scaledHeight : 0, nt = function se() {
         function xr() {
           try {
-            ta > u0 && (ta = u0), Ta > o0 && (Ta = o0), 0 > he && (he = 0), 0 > ha && (ha = 0), y.filter = V, y.drawImage(Ir, he, ha, ta, Ta, 0, 0, lr, Wr), Ar();
+            ta > u0 && (ta = u0), Ta > o0 && (Ta = o0), 0 > he && (he = 0), 0 > ha && (ha = 0), y.filter = D, y.drawImage(Ir, he, ha, ta, Ta, 0, 0, lr, Wr), Ar();
           } catch (cr) {
             if (cr.name !== "NS_ERROR_NOT_AVAILABLE")
               throw cr;
@@ -27481,11 +27481,11 @@ var pg = { exports: {} };
         I.count = I.count || 0, Q.loadedData === !0 ? (Q.findVideoSize({ videoElement: R, cameraStream: g, completedCallback: y }), Q.loadedData = !1) : (I.count += 1, I.count > 10 ? Q.findVideoSize({ videoElement: R, cameraStream: g, completedCallback: y }) : I());
       }, 0);
     }, startStreaming: function(v) {
-      var w = k.isFunction(v.error) ? v.error : k.noop, g = k.isFunction(v.streamed) ? v.streamed : k.noop, y = k.isFunction(v.completed) ? v.completed : k.noop, N = v.crossOrigin, R = v.existingVideo, I = v.lastCameraStream, F = v.options, V = v.webcamVideoElement, S = k.isElement(R) ? R : V || t.createElement("video");
+      var w = k.isFunction(v.error) ? v.error : k.noop, g = k.isFunction(v.streamed) ? v.streamed : k.noop, y = k.isFunction(v.completed) ? v.completed : k.noop, N = v.crossOrigin, R = v.existingVideo, I = v.lastCameraStream, F = v.options, D = v.webcamVideoElement, S = k.isElement(R) ? R : D || t.createElement("video");
       N && (S.crossOrigin = F.crossOrigin), S.autoplay = !0, S.loop = !0, S.muted = !0, S.addEventListener("loadeddata", function() {
         Q.loadedData = !0, F.offset && (S.currentTime = F.offset);
-      }), R ? Q.stream({ videoElement: S, existingVideo: R, completedCallback: y }) : I ? Q.stream({ videoElement: S, cameraStream: I, streamedCallback: g, completedCallback: y }) : k.getUserMedia({ video: !0 }, function(z) {
-        Q.stream({ videoElement: S, cameraStream: z, streamedCallback: g, completedCallback: y });
+      }), R ? Q.stream({ videoElement: S, existingVideo: R, completedCallback: y }) : I ? Q.stream({ videoElement: S, cameraStream: I, streamedCallback: g, completedCallback: y }) : k.getUserMedia({ video: !0 }, function(J) {
+        Q.stream({ videoElement: S, cameraStream: J, streamedCallback: g, completedCallback: y });
       }, w);
     }, startVideoStreaming: function(v) {
       var w = arguments.length > 1 && arguments[1] !== i ? arguments[1] : {}, g = w.timeout !== i ? w.timeout : 0, y = w.callback, N = w.webcamVideoElement, R = void 0;
@@ -27496,13 +27496,13 @@ var pg = { exports: {} };
       }, streamed: function() {
         clearTimeout(R);
       }, completed: function() {
-        var I = arguments.length > 0 && arguments[0] !== i ? arguments[0] : {}, F = I.cameraStream, V = I.videoElement, S = I.videoHeight, z = I.videoWidth;
-        v({ cameraStream: F, videoElement: V, videoHeight: S, videoWidth: z });
+        var I = arguments.length > 0 && arguments[0] !== i ? arguments[0] : {}, F = I.cameraStream, D = I.videoElement, S = I.videoHeight, J = I.videoWidth;
+        v({ cameraStream: F, videoElement: D, videoHeight: S, videoWidth: J });
       }, lastCameraStream: w.lastCameraStream, webcamVideoElement: N, crossOrigin: w.crossOrigin, options: w });
     }, stopVideoStreaming: function(v) {
       v = k.isObject(v) ? v : {};
-      var w = v, g = w.keepCameraOn, y = w.videoElement, N = w.webcamVideoElement, R = v.cameraStream || {}, I = R.getTracks ? R.getTracks() || [] : [], F = !!I.length, V = I[0];
-      !g && F && k.isFunction(V.stop) && V.stop(), k.isElement(y) && !N && (y.pause(), k.isFunction(k.URL.revokeObjectURL) && !k.webWorkerError && y.src && k.URL.revokeObjectURL(y.src), k.removeElement(y));
+      var w = v, g = w.keepCameraOn, y = w.videoElement, N = w.webcamVideoElement, R = v.cameraStream || {}, I = R.getTracks ? R.getTracks() || [] : [], F = !!I.length, D = I[0];
+      !g && F && k.isFunction(D.stop) && D.stop(), k.isElement(y) && !N && (y.pause(), k.isFunction(k.URL.revokeObjectURL) && !k.webWorkerError && y.src && k.URL.revokeObjectURL(y.src), k.removeElement(y));
     } }, P = { utils: $, error: L, defaultOptions: K, createGIF: B, takeSnapShot: x, stopVideoStreaming: b, isSupported: o, isWebCamGIFSupported: A, isExistingVideoGIFSupported: s, isExistingImagesGIFSupported: f, VERSION: "0.4.5" };
     r.exports = P;
   })(typeof window < "u" ? window : {}, typeof document < "u" ? document : { createElement: function() {
@@ -27770,14 +27770,14 @@ const z2 = d2(
     placeholder: m = i ? "Select files" : "Select file",
     ..._
   }, E) => {
-    const [B, x] = e0([]), [k, $] = e0(!1), { toast: O } = Fo(), L = Ye(0), J = Ye(null), D = c || `file-field-${r.toLowerCase().replace(/\s+/g, "-")}`, K = async (y) => {
+    const [B, x] = e0([]), [k, $] = e0(!1), { toast: O } = Fo(), L = Ye(0), z = Ye(null), V = c || `file-field-${r.toLowerCase().replace(/\s+/g, "-")}`, K = async (y) => {
       try {
         const N = await rT(y), R = N;
         R.preview = URL.createObjectURL(N), x((I) => {
           if (!I.includes(y))
             return URL.revokeObjectURL(R.preview), I;
-          const V = [...I.filter((z) => z !== y), R], S = new DataTransfer();
-          return V.forEach((z) => S.items.add(z)), h == null || h(S.files), V;
+          const D = [...I.filter((J) => J !== y), R], S = new DataTransfer();
+          return D.forEach((J) => S.items.add(J)), h == null || h(S.files), D;
         });
       } catch (N) {
         console.error("HEIC convert failed:", N), x([...B]);
@@ -27785,10 +27785,10 @@ const z2 = d2(
     }, j = async (y) => {
       const N = [], R = [];
       for (const I of y) {
-        const F = I.name.toLowerCase().endsWith(".heic") || I.name.toLowerCase().endsWith(".heif"), V = I;
-        if (I.type.startsWith("image/") ? V.preview = URL.createObjectURL(I) : V.preview = null, N.push(V), F) {
-          const S = K(V);
-          R.push(S);
+        const F = I.name.toLowerCase().endsWith(".heic") || I.name.toLowerCase().endsWith(".heif"), D = I.type.startsWith("image/"), S = I;
+        if (D ? S.preview = URL.createObjectURL(I) : S.preview = void 0, N.push(S), F) {
+          const J = K(S);
+          R.push(J);
         }
       }
       return R.forEach((I) => d == null ? void 0 : d(I)), N;
@@ -27811,15 +27811,15 @@ const z2 = d2(
           });
           return;
         }
-        const V = await j(I), S = N ? [...B, ...V] : V;
+        const D = await j(I), S = N ? [...B, ...D] : D;
         x(S);
         try {
-          const z = new DataTransfer();
-          S.forEach((ar) => z.items.add(ar)), h == null || h(z.files);
+          const J = new DataTransfer();
+          S.forEach((ar) => J.items.add(ar)), h == null || h(J.files);
         } catch {
           h == null || h(S);
         }
-        J.current && (J.current.value = "");
+        z.current && (z.current.value = "");
       },
       [B, o, n, A, h, i]
     ), Y = z0((y) => {
@@ -27837,15 +27837,15 @@ const z2 = d2(
       [f, rr, i, B.length]
     ), v = z0(() => {
       var y;
-      f || (y = J.current) == null || y.click();
+      f || (y = z.current) == null || y.click();
     }, [f]), w = z0(() => {
       var y;
-      f || (y = J.current) == null || y.click();
+      f || (y = z.current) == null || y.click();
     }, [f]), g = z0(
       (y) => {
         const N = B.filter((R, I) => I !== y);
         if (x(N), N.length === 0)
-          h == null || h(null), J.current && (J.current.value = "");
+          h == null || h(null), z.current && (z.current.value = "");
         else {
           const R = new DataTransfer();
           N.forEach((I) => R.items.add(I)), h == null || h(R.files);
@@ -27858,15 +27858,15 @@ const z2 = d2(
         y.preview && URL.revokeObjectURL(y.preview);
       });
     }, [B]), /* @__PURE__ */ X("div", { className: Rb("space-y-2", s), children: [
-      /* @__PURE__ */ X(Gl, { htmlFor: D, className: "font-medium text-gray-700", children: [
+      /* @__PURE__ */ X(Gl, { htmlFor: V, className: "font-medium text-gray-700", children: [
         r,
         t && /* @__PURE__ */ l("span", { className: "ml-1 text-red-500", children: "*" })
       ] }),
       /* @__PURE__ */ l(
         "input",
         {
-          ref: J,
-          id: D,
+          ref: z,
+          id: V,
           type: "file",
           accept: n,
           multiple: i,
@@ -27876,7 +27876,7 @@ const z2 = d2(
             const N = i && B.length > 0;
             rr(y.target.files, N);
           },
-          "aria-describedby": e ? `${D}-error` : a ? `${D}-hint` : void 0,
+          "aria-describedby": e ? `${V}-error` : a ? `${V}-hint` : void 0,
           ..._
         }
       ),
@@ -27957,7 +27957,7 @@ const z2 = d2(
           ] })
         }
       ),
-      e && /* @__PURE__ */ l("p", { id: `${D}-error`, role: "alert", className: "text-sm text-red-500", children: e })
+      e && /* @__PURE__ */ l("p", { id: `${V}-error`, role: "alert", className: "text-sm text-red-500", children: e })
     ] });
   }
 );
@@ -28048,7 +28048,7 @@ const ol = 5, tT = 10, FA = {
               multiple: !0,
               maxFiles: ol,
               maxSize: tT * 1024 * 1024,
-              accept: ".pdf,.jpg,.jpeg,.png,.doc,.docx",
+              accept: "image/*,application/pdf,.pdf",
               placeholder: "Drop files here or click to upload",
               hint: d.description,
               error: p,
@@ -30461,10 +30461,10 @@ function jP(r, e) {
   }, L = function(P) {
     var v;
     (v = a.onDayPointerEnter) === null || v === void 0 || v.call(a, r, e, P);
-  }, J = function(P) {
+  }, z = function(P) {
     var v;
     (v = a.onDayPointerLeave) === null || v === void 0 || v.call(a, r, e, P);
-  }, D = function(P) {
+  }, V = function(P) {
     var v;
     (v = a.onDayTouchCancel) === null || v === void 0 || v.call(a, r, e, P);
   }, K = function(P) {
@@ -30517,8 +30517,8 @@ function jP(r, e) {
     onMouseEnter: $,
     onMouseLeave: O,
     onPointerEnter: L,
-    onPointerLeave: J,
-    onTouchCancel: D,
+    onPointerLeave: z,
+    onTouchCancel: V,
     onTouchEnd: K,
     onTouchMove: j,
     onTouchStart: rr
@@ -31326,7 +31326,7 @@ const cO = ii({
                     label: "Fulfillment Agreement",
                     placeholder: "Upload fulfillment agreement",
                     hint: "Upload fully executed fulfillment agreement with 3rd party",
-                    accept: ".pdf,application/pdf,.jpg,.jpeg,.png,.doc,.docx",
+                    accept: "image/*,application/pdf,.pdf",
                     onFileSelect: (p) => h("fulfillment_agreement", p),
                     error: (d = i.formState.errors.fulfillment_agreement) == null ? void 0 : d.message,
                     isSubmitting: o,
@@ -31367,7 +31367,7 @@ const cO = ii({
                     label: "Fulfillment Agreement for Other Companies",
                     placeholder: "Upload fulfillment agreement",
                     hint: "Upload fully executed fulfillment agreement",
-                    accept: ".pdf,application/pdf,.jpg,.jpeg,.png,.doc,.docx",
+                    accept: "image/*,application/pdf,.pdf",
                     onFileSelect: (p) => h("other_fulfillment_agreement", p),
                     error: (d = i.formState.errors.other_fulfillment_agreement) == null ? void 0 : d.message,
                     isSubmitting: o,
@@ -31442,7 +31442,7 @@ const cO = ii({
                     label: "Certificate of Analysis",
                     placeholder: "Upload COA document",
                     hint: "Upload the Certificate of Analysis document",
-                    accept: ".pdf,application/pdf,.jpg,.jpeg,.png,.doc,.docx",
+                    accept: "image/*,application/pdf,.pdf",
                     onFileSelect: (p) => h("coa_document", p),
                     error: (d = i.formState.errors.coa_document) == null ? void 0 : d.message,
                     isSubmitting: o,
@@ -31625,12 +31625,12 @@ const FO = async ({
   setCurrentStep: c,
   toast: h
 }) => {
-  var k, $, O, L, J;
+  var k, $, O, L, z;
   if (!r)
     return h({ title: "Error", description: "KYB ID missing.", variant: "destructive" }), !1;
-  const d = (D) => {
-    if (!D) return !1;
-    const K = Object.entries(D);
+  const d = (V) => {
+    if (!V) return !1;
+    const K = Object.entries(V);
     return K.length === 0 || K.length === 1 && K[0][0] === "document_type" ? !1 : K.some(([j, rr]) => !(rr == null || typeof rr == "string" && rr.trim() === ""));
   }, p = !!((k = t.full_name) != null && k.trim()), b = !!(($ = t.title) != null && $.trim()), m = !!t.birth, _ = !!((O = t.phone_number) != null && O.trim()), E = !!t.id_photo, B = n === "passport" ? !0 : !!t.id_photo_back, x = !!t.selfie_photo;
   if (!p || !b || !m || !_)
@@ -31655,10 +31655,10 @@ const FO = async ({
       { status: "pending" },
       { headers: { "X-API-Key": a } }
     ), !0;
-  } catch (D) {
-    return console.error("Failed to update KYB status:", D), h({
+  } catch (V) {
+    return console.error("Failed to update KYB status:", V), h({
       title: "Submission Failed",
-      description: ((J = (L = D.response) == null ? void 0 : L.data) == null ? void 0 : J.message) || "Could not submit KYB.",
+      description: ((z = (L = V.response) == null ? void 0 : L.data) == null ? void 0 : z.message) || "Could not submit KYB.",
       variant: "destructive"
     }), !1;
   }
@@ -31700,14 +31700,14 @@ const FO = async ({
     tax_identity_number: "",
     corporate_type: "",
     date_of_establishment: null
-  }), [L, J] = e0({
+  }), [L, z] = e0({
     street: "",
     number: "",
     postal_code: "",
     city: "",
     address_country: "",
     state: ""
-  }), [D, K] = e0({
+  }), [V, K] = e0({
     industry: "",
     business_model: "",
     annual_sales_volume: "",
@@ -31747,7 +31747,7 @@ const FO = async ({
   }, [o, A, h == null ? void 0 : h.enable_business_questionnaire]);
   ge(() => {
     (async () => {
-      var F, V, S, z, ar, q;
+      var F, D, S, J, ar, q;
       if (!i || !r || !e || !h) {
         b(!1);
         return;
@@ -31773,14 +31773,14 @@ const FO = async ({
         if ((F = T.personal_details) != null && F.document_type) {
           const Ir = T.personal_details.document_type;
           Zr = jb[Ir] || "", k(Zr);
-        } else if ((V = T.personal_details) != null && V.id_photo) {
+        } else if ((D = T.personal_details) != null && D.id_photo) {
           const Ir = Nu.find((o0) => T.personal_details.id_photo.includes(o0.id));
           Ir && (Zr = Ir.id, k(Zr));
         }
         const Tr = !fr(T.personal_details) || !fr(T.business_information) || !fr(T.business_address) || !fr(T.company_activity) || !fr(T.questionary) || !fr(T.company_documents);
         let Fr = "landing";
         if (Tr) {
-          const Ir = T.personal_details || {}, o0 = Ir.document_type ? jb[Ir.document_type] : Zr, u0 = !!((S = Ir.full_name) != null && S.trim()), Z = !!((z = Ir.email) != null && z.trim()), M = !!((ar = Ir.title) != null && ar.trim()), U = !!Ir.birth, nr = !!((q = Ir.phone_number) != null && q.trim()), ir = !!Ir.id_photo, tr = o0 === "passport" ? !0 : !!Ir.id_photo_back, lr = !!Ir.selfie_photo;
+          const Ir = T.personal_details || {}, o0 = Ir.document_type ? jb[Ir.document_type] : Zr, u0 = !!((S = Ir.full_name) != null && S.trim()), Z = !!((J = Ir.email) != null && J.trim()), M = !!((ar = Ir.title) != null && ar.trim()), U = !!Ir.birth, nr = !!((q = Ir.phone_number) != null && q.trim()), ir = !!Ir.id_photo, tr = o0 === "passport" ? !0 : !!Ir.id_photo_back, lr = !!Ir.selfie_photo;
           !u0 || !Z || !M || !U || !nr ? Fr = "personal-details" : o0 ? ir ? tr ? lr ? fr(T.business_information) ? Fr = "business-information" : fr(T.business_address) ? Fr = "business-address" : fr(T.company_activity) ? Fr = "company-activity" : h.enable_business_questionnaire && fr(T.questionary) ? Fr = "questionary" : fr(T.company_documents) ? Fr = "company-documents" : Fr = "processing" : Fr = "pre-selfie" : Fr = "id-back" : Fr = "id-front" : Fr = "document-selection";
         }
         u(Fr), T.personal_details && B({
@@ -31793,7 +31793,7 @@ const FO = async ({
           id_photo: T.personal_details.id_photo || null,
           id_photo_back: T.personal_details.id_photo_back || null,
           document_type: T.personal_details.document_type || ""
-        }), T.business_information && O({ ...T.business_information }), T.business_address && J({ ...T.business_address }), T.company_activity && K({ ...T.company_activity }), T.company_documents && rr({ ...T.company_documents }), T.questionary && or({ ...T.questionary });
+        }), T.business_information && O({ ...T.business_information }), T.business_address && z({ ...T.business_address }), T.company_activity && K({ ...T.company_activity }), T.company_documents && rr({ ...T.company_documents }), T.questionary && or({ ...T.questionary });
       } catch (er) {
         console.error("Failed to resume KYB:", er), c({ title: "Resume Failed", description: "Starting fresh.", variant: "destructive" });
       } finally {
@@ -31843,10 +31843,10 @@ const FO = async ({
           pO,
           {
             data: E,
-            onDataChange: (F) => B((V) => ({ ...V, ...F })),
+            onDataChange: (F) => B((D) => ({ ...D, ...F })),
             onContinue: async (F) => {
-              let V = m;
-              if (!V)
+              let D = m;
+              if (!D)
                 try {
                   const ar = await y0.post(
                     `${r}/api/kyb/`,
@@ -31861,7 +31861,7 @@ const FO = async ({
                     });
                     return;
                   }
-                  V = ar.data.id, _(V);
+                  D = ar.data.id, _(D);
                 } catch {
                   c({ title: "KYB Creation Failed", description: "Server error.", variant: "destructive" });
                   return;
@@ -31871,7 +31871,7 @@ const FO = async ({
                 "personal_details",
                 S,
                 {},
-                { apiEndpoint: r, apiKey: e, id: V, flow: "kyb" }
+                { apiEndpoint: r, apiKey: e, id: D, flow: "kyb" }
               ) ? u("document-selection") : c({ title: "Save Failed", description: "Personal details not saved.", variant: "destructive" });
             },
             onBack: () => u("landing"),
@@ -31885,9 +31885,9 @@ const FO = async ({
             selectedDocumentType: x,
             onDocumentTypeChange: async (F) => {
               k(F);
-              const V = Xb[F], S = {
+              const D = Xb[F], S = {
                 ...E,
-                document_type: V,
+                document_type: D,
                 id_photo: null,
                 id_photo_back: null
               };
@@ -31909,9 +31909,9 @@ const FO = async ({
             currentStep: s,
             onRetake: () => B((F) => ({ ...F, id_photo: null })),
             onConfirm: async (F) => {
-              const V = x ? Xb[x] : "", S = { ...E, id_photo: F, document_type: V };
+              const D = x ? Xb[x] : "", S = { ...E, id_photo: F, document_type: D };
               B(S), await ue("personal_details", {
-                document_type: V
+                document_type: D
               }, { id_photo: F }, g) ? u(x === "passport" ? "pre-selfie" : "id-back") : c({ title: "Upload Failed", description: "ID front not saved.", variant: "destructive" });
             },
             onBack: () => u("document-selection")
@@ -31928,8 +31928,8 @@ const FO = async ({
             currentStep: s,
             onRetake: () => B((F) => ({ ...F, id_photo_back: null })),
             onConfirm: async (F) => {
-              const V = { ...E, id_photo_back: F };
-              B(V), await ue("personal_details", {}, { id_photo_back: F }, g) ? u("pre-selfie") : c({ title: "Upload Failed", description: "ID back not saved.", variant: "destructive" });
+              const D = { ...E, id_photo_back: F };
+              B(D), await ue("personal_details", {}, { id_photo_back: F }, g) ? u("pre-selfie") : c({ title: "Upload Failed", description: "ID back not saved.", variant: "destructive" });
             },
             onBack: () => u("id-front")
           }
@@ -31952,8 +31952,8 @@ const FO = async ({
             currentStep: s,
             onRetake: () => B((F) => ({ ...F, selfie_photo: null })),
             onConfirm: async (F) => {
-              const V = { ...E, selfie_photo: F };
-              B(V), await ue("personal_details", {}, { selfie_photo: F }, g) ? u("business-information") : c({ title: "Upload Failed", description: "Selfie not saved.", variant: "destructive" });
+              const D = { ...E, selfie_photo: F };
+              B(D), await ue("personal_details", {}, { selfie_photo: F }, g) ? u("business-information") : c({ title: "Upload Failed", description: "Selfie not saved.", variant: "destructive" });
             },
             onBack: () => u("pre-selfie")
           }
@@ -31963,7 +31963,7 @@ const FO = async ({
           bO,
           {
             data: $,
-            onDataChange: (F) => O((V) => ({ ...V, ...F })),
+            onDataChange: (F) => O((D) => ({ ...D, ...F })),
             onContinue: async (F) => {
               await ue("business_information", F, {}, g) ? u("business-address") : c({ title: "Save Failed", description: "Business info not saved.", variant: "destructive" });
             },
@@ -31977,7 +31977,7 @@ const FO = async ({
           {
             data: L,
             isBusinessAddress: !0,
-            onDataChange: (F) => J((V) => ({ ...V, ...F })),
+            onDataChange: (F) => z((D) => ({ ...D, ...F })),
             onContinue: async (F) => {
               if (!await ue("business_address", F, {}, g)) {
                 c({
@@ -31997,16 +31997,16 @@ const FO = async ({
         return y ? /* @__PURE__ */ l(
           uT,
           {
-            data: D,
-            onDataChange: (F) => K((V) => ({ ...V, ...F })),
+            data: V,
+            onDataChange: (F) => K((D) => ({ ...D, ...F })),
             onContinue: async (F) => {
-              const V = {
+              const D = {
                 industry: F.industry || "",
                 business_model: F.business_model || "",
                 annual_sales_volume: F.annual_sales_volume || "",
                 website_url: F.website_url || ""
               };
-              if (!await ue("company_activity", V, {}, g)) {
+              if (!await ue("company_activity", D, {}, g)) {
                 c({
                   title: "Save Failed",
                   description: "Activity not saved.",
@@ -32025,12 +32025,12 @@ const FO = async ({
           CO,
           {
             data: Y,
-            onDataChange: (F) => or((V) => ({ ...V, ...F })),
+            onDataChange: (F) => or((D) => ({ ...D, ...F })),
             onContinue: async (F) => {
-              const V = {};
-              F.fulfillment_agreement instanceof File && (V.fulfillment_agreement = F.fulfillment_agreement), F.other_fulfillment_agreement instanceof File && (V.other_fulfillment_agreement = F.other_fulfillment_agreement), F.coa_document instanceof File && (V.coa_document = F.coa_document);
-              const { fulfillment_agreement: S, other_fulfillment_agreement: z, coa_document: ar, ...q } = F;
-              if (!await ue("questionary", q, V, g)) {
+              const D = {};
+              F.fulfillment_agreement instanceof File && (D.fulfillment_agreement = F.fulfillment_agreement), F.other_fulfillment_agreement instanceof File && (D.other_fulfillment_agreement = F.other_fulfillment_agreement), F.coa_document instanceof File && (D.coa_document = F.coa_document);
+              const { fulfillment_agreement: S, other_fulfillment_agreement: J, coa_document: ar, ...q } = F;
+              if (!await ue("questionary", q, D, g)) {
                 c({
                   title: "Save Failed",
                   description: "Questionnaire not saved.",
@@ -32051,19 +32051,19 @@ const FO = async ({
           iT,
           {
             data: j,
-            onDataChange: (F) => rr((V) => ({ ...V, ...F })),
+            onDataChange: (F) => rr((D) => ({ ...D, ...F })),
             onContinue: async (F) => {
-              const V = {};
+              const D = {};
               [
                 "bank_statement",
                 "company_structure",
                 "certificate_of_registration",
                 "void_cheque",
                 "business_license"
-              ].forEach((z) => {
-                const ar = F[z];
-                ar != null && ar.length && (V[z] = ar.filter((q) => q instanceof File));
-              }), await ue("company_documents", {}, V, g) ? u("processing") : c({
+              ].forEach((J) => {
+                const ar = F[J];
+                ar != null && ar.length && (D[J] = ar.filter((q) => q instanceof File));
+              }), await ue("company_documents", {}, D, g) ? u("processing") : c({
                 title: "Save Failed",
                 description: "Documents not saved.",
                 variant: "destructive"
@@ -32095,7 +32095,7 @@ const FO = async ({
                 selectedDocumentType: x,
                 businessInformation: $,
                 businessAddress: L,
-                companyActivity: D,
+                companyActivity: V,
                 questionary: Y,
                 companyDocuments: j,
                 settingsData: h,
@@ -32105,7 +32105,7 @@ const FO = async ({
                 personal_details: E,
                 business_information: $,
                 business_address: L,
-                company_activity: D,
+                company_activity: V,
                 company_documents: j,
                 questionary: Y
               }), u("done"));