@incodetech/web 0.0.0-dev-20260325-72e1e24 → 0.0.0-dev-20260326-106dc21

package/dist/phone/phone.es.js

@@ -1,109 +1,111 @@
-import { u as e, I as b, b as I, a as C, S as c, B as O } from "../button-qiC4m4lf.js";
-import { createPhoneManager as v } from "@incodetech/core/phone";
-import { d as S } from "../vendor-preact-BY8u4mdq.js";
-import "../uiConfig-BSR3Bl6G.js";
+import { u as e, I, b, a as O, S as h, B as C } from "../button-B2Ewo0rX.js";
+import { createPhoneManager as E } from "@incodetech/core/phone";
+import { d as v } from "../vendor-preact-BoMmvSgn.js";
+import "../uiConfig-DmIn-g8M.js";
 import "@incodetech/core";
-import { C as E } from "../checkbox-KYc1FnQr.js";
-import { O as y } from "../otpInput-cZblmynr.js";
-import { P as m } from "../page-CH1_PpOG.js";
-import { P as w } from "../phoneInputComposed-B4OTfqLt.js";
-import { r as k } from "../incodeModule-DtbbjNTQ.js";
-const B = ({
+import { C as S } from "../checkbox-CXnQVsbJ.js";
+import { O as w } from "../otpInput-CGlYkmvB.js";
+import { P as g } from "../page-DiscPBzz.js";
+import { P as y } from "../phoneInputComposed-Dsf9ZDTj.js";
+import { r as k } from "../incodeModule-C4XIllao.js";
+const R = ({
   config: n,
-  manager: r,
-  onFinish: a,
-  onError: u
+  manager: i,
+  onFinish: p,
+  onError: l
 }) => {
-  const { t: o } = I(), [t, s] = C(
+  const { t: s } = b(), [t, o] = O(
     () => {
-      if (r) return r;
+      if (i) return i;
       if (!n)
         throw new Error("Phone config is required");
-      return v({ config: n });
+      return E({ config: n });
     },
-    { manageLifecycle: !r }
-  ), [h, g] = S(!1);
-  if (t.status === "idle" || t.status === "loadingPrefill" || t.status === "inputting" || t.status === "submitting" || t.status === "sendingOtp") {
-    const i = t.status === "idle" || t.status === "loadingPrefill" || t.status === "submitting" || t.status === "sendingOtp", d = t.status === "inputting" ? t.countryCode : "US", f = t.status === "inputting" ? t.prefilledPhone : void 0, P = t.status === "inputting" && t.phoneError ? o(t.phoneError) : void 0;
+    { manageLifecycle: !i }
+  ), [f, P] = v(!1);
+  if (t.status === "idle" || t.status === "loadingPrefill" || t.status === "inputting" || t.status === "submitting" || t.status === "sendingInitialOtp") {
+    const r = t.status === "idle" || t.status === "loadingPrefill" || t.status === "submitting" || t.status === "sendingInitialOtp", a = t.status === "inputting" ? t.countryCode : "US", d = t.status === "inputting" ? t.prefilledPhone : void 0, c = t.status === "inputting" && t.phoneError ? s(t.phoneError) : void 0;
     return /* @__PURE__ */ e(
-      m,
+      g,
       {
         className: "IncodePhonePage",
-        title: o("phone.verify"),
-        subtitle: n.otpVerification ? o("email.willSendCode") : void 0,
+        title: s("phone.verify"),
+        subtitle: n.otpVerification ? s("email.willSendCode") : void 0,
         children: [
           /* @__PURE__ */ e("div", { class: "IncodePhoneInputContainer", children: [
             /* @__PURE__ */ e(
-              w,
+              y,
               {
                 id: "phone",
-                countryCode: d,
-                value: f,
-                error: P,
-                disabled: i,
-                onChange: (p, l) => {
-                  s.setPhoneNumber(p, l), g(l);
+                countryCode: a,
+                value: d,
+                error: c,
+                disabled: r,
+                onChange: (u, m) => {
+                  o.setPhoneNumber(u, m), P(m);
                 },
-                "data-testid": "phone-input"
+                "data-testid": "phone-input",
+                showErrorIcon: !0
               }
             ),
-            /* @__PURE__ */ e(c, { size: 16 }),
+            /* @__PURE__ */ e(h, { size: 16 }),
             n.optinEnabled && /* @__PURE__ */ e(
-              E,
+              S,
               {
                 id: "phone-optin",
-                label: o("phone.optIn"),
+                label: s("phone.optIn"),
                 size: "s",
-                onChange: (p) => s.setOptInGranted(p.target.checked)
+                onChange: (u) => o.setOptInGranted(u.target.checked)
               }
             )
           ] }),
-          /* @__PURE__ */ e(c, {}),
+          /* @__PURE__ */ e(h, {}),
           /* @__PURE__ */ e(
-            O,
+            C,
             {
-              onClick: () => s.submit(),
-              disabled: !h,
-              isLoading: i,
+              onClick: () => o.submit(),
+              disabled: !f,
+              isLoading: r,
               "data-testid": "phone-submit",
-              children: o("common.continue")
+              children: s("common.continue")
             }
           )
         ]
       }
     );
   }
-  if (t.status === "awaitingOtp" || t.status === "verifyingOtp" || t.status === "otpError") {
-    const i = t.status === "verifyingOtp";
-    return /* @__PURE__ */ e(m, { className: "IncodePhonePage", title: o("otp.enterCodeSMS"), children: /* @__PURE__ */ e(
-      y,
+  if (t.status === "awaitingOtp" || t.status === "verifyingOtp" || t.status === "otpError" || t.status === "resendingOtp") {
+    const r = t.status === "verifyingOtp", a = t.status === "otpError", d = t.status === "awaitingOtp", c = t.status === "resendingOtp";
+    return /* @__PURE__ */ e(g, { className: "IncodePhonePage", title: s("otp.enterCodeSMS"), children: /* @__PURE__ */ e(
+      w,
       {
-        resendTimer: t.status === "awaitingOtp" ? t.resendTimer : 0,
-        canResend: t.status === "awaitingOtp" ? t.canResend : !1,
-        error: t.status === "otpError" ? o(t.error) : void 0,
-        onSubmit: (d) => s.submitOtp(d),
-        onResend: () => s.resendOtp(),
-        onBack: () => s.back(),
-        isLoading: i
+        resendTimer: d || a ? t.resendTimer : 0,
+        canResend: d || a ? t.canResend : !1,
+        isLoading: r,
+        disabled: c || r,
+        error: a ? s(t.otpError) : void 0,
+        onSubmit: (u) => o.submitOtp(u),
+        onResend: () => o.resendOtp(),
+        onBack: () => o.back()
       }
     ) });
   }
-  return t.status === "finished" ? (a?.(), null) : (t.status === "error" && u?.(t.error), null);
-}, L = ({
+  return t.status === "finished" ? (p?.(), null) : (t.status === "error" && l?.(t.error), null);
+}, B = ({
   config: n,
-  manager: r,
-  onFinish: a,
-  onError: u
-}) => /* @__PURE__ */ e(b, { children: n ? /* @__PURE__ */ e(
-  B,
+  manager: i,
+  onFinish: p,
+  onError: l
+}) => /* @__PURE__ */ e(I, { children: n ? /* @__PURE__ */ e(
+  R,
   {
     config: n,
-    manager: r,
-    onFinish: a,
-    onError: u
+    manager: i,
+    onFinish: p,
+    onError: l
   }
 ) : null });
-k(L, "incode-phone");
+k(B, "incode-phone");
 export {
-  L as Phone
+  B as Phone
 };

package/dist/{phoneInput-C9tQVoqL.js → phoneInput-TwyIF7PG.js}

@@ -1,7 +1,7 @@
-import { u as n, S } from "./button-qiC4m4lf.js";
-import { d as p, A as D, y as u, k as $ } from "./vendor-preact-BY8u4mdq.js";
+import { u as n, S } from "./button-B2Ewo0rX.js";
+import { d as p, A as D, y as u, k as $ } from "./vendor-preact-BoMmvSgn.js";
 import { g as b, c as g } from "./countries-DfLkrF0x.js";
-import { C as z } from "./chevronDown-J1Yx1Jy7.js";
+import { C as z } from "./chevronDown-DKyU4xPP.js";
 import { p as k, A } from "./AsYouType-D1H_js4X.js";
 const M = ({
   countryCode: P,

package/dist/{phoneInputComposed-B4OTfqLt.js → phoneInputComposed-Dsf9ZDTj.js}

@@ -1,11 +1,11 @@
-import { u as r } from "./button-qiC4m4lf.js";
-import { D as J, d as L, A as x, T as M, y as Q, q as A } from "./vendor-preact-BY8u4mdq.js";
+import { u as r } from "./button-B2Ewo0rX.js";
+import { D as J, d as g, A as x, T as M, y as Q, q as A } from "./vendor-preact-BoMmvSgn.js";
 import { w as X, g as I, c as j, b as k } from "./countries-DfLkrF0x.js";
-import { D as z } from "./dropdownComposed-LjhdF9Jx.js";
-import { E as q } from "./errorIcon-DbJL-4MJ.js";
-import { S as _ } from "./successIcon-C-3-t1kz.js";
-import { a as e2 } from "./inputComposed-7r-2MfA7.js";
-import { P as n2, p as b, A as g } from "./AsYouType-D1H_js4X.js";
+import { D as z } from "./dropdownComposed-DFrqye1c.js";
+import { E as q } from "./errorIcon-C-Zd24vb.js";
+import { S as _ } from "./successIcon-DyHNp_UT.js";
+import { a as e2 } from "./inputComposed-CJQTXKNA.js";
+import { P as n2, p as L, A as b } from "./AsYouType-D1H_js4X.js";
 function o2(e, o, a) {
   if (o[e])
     return new n2(e, o[e], a);
@@ -15,7 +15,7 @@ function t2() {
 }
 const r2 = { AC: "40123", AD: "312345", AE: "501234567", AF: "701234567", AG: "2684641234", AI: "2642351234", AL: "672123456", AM: "77123456", AO: "923123456", AR: "91123456789", AS: "6847331234", AT: "664123456", AU: "412345678", AW: "5601234", AX: "412345678", AZ: "401234567", BA: "61123456", BB: "2462501234", BD: "1812345678", BE: "470123456", BF: "70123456", BG: "43012345", BH: "36001234", BI: "79561234", BJ: "0195123456", BL: "690001234", BM: "4413701234", BN: "7123456", BO: "71234567", BQ: "3181234", BR: "11961234567", BS: "2423591234", BT: "17123456", BW: "71123456", BY: "294911911", BZ: "6221234", CA: "5062345678", CC: "412345678", CD: "991234567", CF: "70012345", CG: "061234567", CH: "781234567", CI: "0123456789", CK: "71234", CL: "221234567", CM: "671234567", CN: "13123456789", CO: "3211234567", CR: "83123456", CU: "51234567", CV: "9911234", CW: "95181234", CX: "412345678", CY: "96123456", CZ: "601123456", DE: "15123456789", DJ: "77831001", DK: "34412345", DM: "7672251234", DO: "8092345678", DZ: "551234567", EC: "991234567", EE: "51234567", EG: "1001234567", EH: "650123456", ER: "7123456", ES: "612345678", ET: "911234567", FI: "412345678", FJ: "7012345", FK: "51234", FM: "3501234", FO: "211234", FR: "612345678", GA: "06031234", GB: "7400123456", GD: "4734031234", GE: "555123456", GF: "694201234", GG: "7781123456", GH: "231234567", GI: "57123456", GL: "221234", GM: "3012345", GN: "601123456", GP: "690001234", GQ: "222123456", GR: "6912345678", GT: "51234567", GU: "6713001234", GW: "955012345", GY: "6091234", HK: "51234567", HN: "91234567", HR: "921234567", HT: "34101234", HU: "201234567", ID: "812345678", IE: "850123456", IL: "502345678", IM: "7924123456", IN: "8123456789", IO: "3801234", IQ: "7912345678", IR: "9123456789", IS: "6111234", IT: "3123456789", JE: "7797712345", JM: "8762101234", JO: "790123456", JP: "9012345678", KE: "712123456", KG: "700123456", KH: "91234567", KI: "72001234", KM: "3212345", KN: "8697652917", KP: "1921234567", KR: "1020000000", KW: "50012345", KY: "3453231234", KZ: "7710009998", LA: "2023123456", LB: "71123456", LC: "7582845678", LI: "660234567", LK: "712345678", LR: "770123456", LS: "50123456", LT: "61234567", LU: "628123456", LV: "21234567", LY: "912345678", MA: "650123456", MC: "612345678", MD: "62112345", ME: "60123456", MF: "690001234", MG: "321234567", MH: "2351234", MK: "72345678", ML: "65012345", MM: "92123456", MN: "88123456", MO: "66123456", MP: "6702345678", MQ: "696201234", MR: "22123456", MS: "6644923456", MT: "96961234", MU: "52512345", MV: "7712345", MW: "991234567", MX: "2221234567", MY: "123456789", MZ: "821234567", NA: "811234567", NC: "751234", NE: "93123456", NF: "381234", NG: "8021234567", NI: "81234567", NL: "612345678", NO: "40612345", NP: "9841234567", NR: "5551234", NU: "8884012", NZ: "211234567", OM: "92123456", PA: "61234567", PE: "912345678", PF: "87123456", PG: "70123456", PH: "9051234567", PK: "3012345678", PL: "512345678", PM: "551234", PR: "7872345678", PS: "599123456", PT: "912345678", PW: "6201234", PY: "961456789", QA: "33123456", RE: "692123456", RO: "712034567", RS: "601234567", RU: "9123456789", RW: "720123456", SA: "512345678", SB: "7421234", SC: "2510123", SD: "911231234", SE: "701234567", SG: "81234567", SH: "51234", SI: "31234567", SJ: "41234567", SK: "912123456", SL: "25123456", SM: "66661212", SN: "701234567", SO: "71123456", SR: "7412345", SS: "977123456", ST: "9812345", SV: "70123456", SX: "7215205678", SY: "944567890", SZ: "76123456", TA: "8999", TC: "6492311234", TD: "63012345", TG: "90112345", TH: "812345678", TJ: "917123456", TK: "7290", TL: "77212345", TM: "66123456", TN: "20123456", TO: "7715123", TR: "5012345678", TT: "8682911234", TV: "901234", TW: "912345678", TZ: "621234567", UA: "501234567", UG: "712345678", US: "2015550123", UY: "94231234", UZ: "912345678", VA: "3123456789", VC: "7844301234", VE: "4121234567", VG: "2843001234", VI: "3406421234", VN: "912345678", VU: "5912345", WF: "821234", WS: "7212345", XK: "43201234", YE: "712345678", YT: "639012345", ZA: "711234567", ZM: "955123456", ZW: "712345678" };
 function y(e, o, a) {
-  return new g(a).input(`${o}${e}`).replace(o, "").trimStart();
+  return new b(a).input(`${o}${e}`).replace(o, "").trimStart();
 }
 function s2(e, o) {
   const a = e.replace(/\D/g, "");
@@ -56,34 +56,34 @@ const l2 = J(
     "data-testid": W,
     ...F
   }, H) => {
-    const [i, T] = L(a), [u, f] = L(""), G = x(!1), U = M(
+    const [d, T] = g(a), [u, f] = g(""), G = x(!1), U = M(
       () => j.map((t) => ({
         value: t.code,
         label: `${t.emoji} ${t.callingCode} ${t.name}`
       })),
       []
-    ), d = M(
-      () => I(i) ?? I("US"),
-      [i]
+    ), i = M(
+      () => I(d) ?? I("US"),
+      [d]
     ), O = M(
-      () => c ?? a2(i),
-      [c, i]
+      () => c ?? a2(d),
+      [c, d]
     );
     Q(() => {
-      if (G.current || !s || !d) return;
+      if (G.current || !s || !i) return;
       G.current = !0;
-      const t = s.startsWith("+") ? s : `+${s}`, n = b(t);
+      const t = s.startsWith("+") ? s : `+${s}`, n = L(t);
       if (n?.isValid() && n.country) {
-        n.country !== i && T(n.country);
-        const p = new g(n.country);
+        n.country !== d && T(n.country);
+        const p = new b(n.country);
         f(p.input(n.nationalNumber));
       }
-    }, [s, d, i]);
+    }, [s, i, d]);
     const C = A(
       (t, n) => {
         const p = `${n.callingCode}${t.replace(/\D/g, "")}`;
         try {
-          const Y = b(p, n.code);
+          const Y = L(p, n.code);
           S?.(p, Y?.isValid() ?? !1);
         } catch {
           S?.(p, !1);
@@ -100,18 +100,18 @@ const l2 = J(
     ), Z = A(
       (t) => {
         const n = t.target.value;
-        if (!d) {
+        if (!i) {
           f(n);
           return;
         }
         const p = y(
           n,
-          d.callingCode,
-          d.code
+          i.callingCode,
+          i.code
         );
-        f(p), C(n, d);
+        f(p), C(n, i);
       },
-      [d, C]
+      [i, C]
     ), v = `${e}-country`, m = `${e}-phone`, E = `${m}-helper`, B = `${m}-error`, w = [h ? E : null, l ? B : null].filter(Boolean).join(" ");
     return /* @__PURE__ */ r("div", { class: "IncodePhoneInputComposed", children: [
       o && /* @__PURE__ */ r(
@@ -131,14 +131,14 @@ const l2 = J(
         {
           id: v,
           options: U,
-          value: i,
+          value: d,
           onChange: V,
           disabled: N || R,
           required: P,
           searchable: !0,
           searchPlaceholder: "Search countries...",
           suppressMessages: !0,
-          "aria-label": "Select country code",
+          "aria-label": `Country code ${i.callingCode}, ${i.name}`,
           renderSelectedLabel: (t) => {
             const n = I(t.value);
             return n ? `${n.emoji} ${n.callingCode}` : t.label;

package/dist/{processing-DW3Cq3ot.js → processing-De8XWnFp.js}

@@ -1,7 +1,7 @@
-import { b as i, u as t } from "./button-qiC4m4lf.js";
-import { S as e } from "./spinner-_-QbAnd8.js";
-import "./uiConfig-BSR3Bl6G.js";
-import "./vendor-preact-BY8u4mdq.js";
+import { b as i, u as t } from "./button-B2Ewo0rX.js";
+import { S as e } from "./spinner-DfUoOZN4.js";
+import "./uiConfig-DmIn-g8M.js";
+import "./vendor-preact-BoMmvSgn.js";
 const s = () => {
   const { t: r } = i();
   return /* @__PURE__ */ t(

package/dist/{richText-Bh30370T.js → richText-DHl4ibE9.js}

@@ -1,8 +1,8 @@
 var Zn = Object.defineProperty;
 var jn = (r, e, t) => e in r ? Zn(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
 var A = (r, e, t) => jn(r, typeof e != "symbol" ? e + "" : e, t);
-import { u as an } from "./button-qiC4m4lf.js";
-import { _ as Yn, x as Xn } from "./vendor-preact-BY8u4mdq.js";
+import { u as an } from "./button-B2Ewo0rX.js";
+import { _ as Yn, x as Xn } from "./vendor-preact-BoMmvSgn.js";
 const {
   entries: yn,
   setPrototypeOf: on,

package/dist/selfie/selfie.es.js

@@ -1,11 +1,11 @@
-import { u as r, I as u, a } from "../button-qiC4m4lf.js";
+import { u as r, I as u, a } from "../button-B2Ewo0rX.js";
 import { createSelfieManager as l } from "@incodetech/core/selfie";
-import "../vendor-preact-BY8u4mdq.js";
+import "../vendor-preact-BoMmvSgn.js";
 import "@incodetech/core";
-import { P as m } from "../manualCaptureButton-6WD7GhPe.js";
-import { r as f } from "../incodeModule-DtbbjNTQ.js";
-import { P as p } from "../processing-DW3Cq3ot.js";
-import { T as c, C as d } from "../tutorial-BRvI-ZLU.js";
+import { P as m } from "../permissions-CDir4ckn.js";
+import { r as f } from "../incodeModule-C4XIllao.js";
+import { P as p } from "../processing-De8XWnFp.js";
+import { T as c, C as d } from "../tutorial-Cx_ANvlr.js";
 const g = ({
   config: e,
   manager: s,

package/dist/signature/signature.es.js

@@ -1,12 +1,12 @@
-import { u, I as k, b as T, a as D, S as R, B as w } from "../button-qiC4m4lf.js";
-import { D as N, A as I, q as E, F as L, y, d as O, T as W } from "../vendor-preact-BY8u4mdq.js";
+import { u, I as k, b as T, a as D, S as R, B as w } from "../button-B2Ewo0rX.js";
+import { D as N, A as I, q as E, F as L, y, d as O, T as W } from "../vendor-preact-BoMmvSgn.js";
 import "@incodetech/core";
-import "../uiConfig-BSR3Bl6G.js";
-import { P } from "../page-CH1_PpOG.js";
-import { r as z } from "../incodeModule-DtbbjNTQ.js";
+import "../uiConfig-DmIn-g8M.js";
+import { P } from "../page-DiscPBzz.js";
+import { r as z } from "../incodeModule-C4XIllao.js";
 import { SignaturePad as M, createSignatureManager as H } from "@incodetech/core/signature";
-import { S as A } from "../successIcon-C-3-t1kz.js";
-import { f as U } from "../typography-DgyeaZWI.js";
+import { S as A } from "../successIcon-DyHNp_UT.js";
+import { f as U } from "../typography-zMrvftfB.js";
 const F = (r) => {
   if (typeof document > "u") return null;
   const e = document.createElement("div");

package/dist/{spinner-_-QbAnd8.js → spinner-DfUoOZN4.js}

@@ -1,6 +1,6 @@
-import { c as p, u as n, d as S, S as a } from "./button-qiC4m4lf.js";
-import { A as m, y as u, k as s } from "./vendor-preact-BY8u4mdq.js";
-import { T as I } from "./typography-DgyeaZWI.js";
+import { c as p, u as n, d as S, S as a } from "./button-B2Ewo0rX.js";
+import { A as m, y as u, k as s } from "./vendor-preact-BoMmvSgn.js";
+import { T as I } from "./typography-zMrvftfB.js";
 const f = {
   small: 24,
   medium: 48,

package/dist/{successIcon-C-3-t1kz.js → successIcon-DyHNp_UT.js}

@@ -1,4 +1,4 @@
-import { u as t } from "./button-qiC4m4lf.js";
+import { u as t } from "./button-B2Ewo0rX.js";
 const i = ({ size: s = 64 }) => /* @__PURE__ */ t(
   "svg",
   {

package/dist/themes/dark.css

@@ -991,6 +991,7 @@
   /* spacing / sizes */
   --signature-canvas-height: 256px;
   --signature-canvas-max-width: 600px;
+  --phone-input-country-code-width: 140px;
 }
 [data-incode-theme='dark'] {
   /* Surface / Neutral */

package/dist/themes/light.css

@@ -991,4 +991,5 @@
   /* spacing / sizes */
   --signature-canvas-height: 256px;
   --signature-canvas-max-width: 600px;
+  --phone-input-country-code-width: 140px;
 }

package/dist/{tutorial-BRvI-ZLU.js → tutorial-Cx_ANvlr.js}

@@ -1,12 +1,13 @@
-import { u as t, S as _, b as g, c as N, B as F, d as y } from "./button-qiC4m4lf.js";
-import { A as a, y as p, g as w, q as V, k as L, d as I } from "./vendor-preact-BY8u4mdq.js";
-import "./uiConfig-BSR3Bl6G.js";
-import { S as P } from "./successIcon-C-3-t1kz.js";
-import { P as m } from "./page-CH1_PpOG.js";
-import { T as v } from "./typography-DgyeaZWI.js";
-import { E as B } from "./errorContent-BudafcKL.js";
-import { a as M, B as U } from "./manualCaptureButton-6WD7GhPe.js";
-import { S as H } from "./spinner-_-QbAnd8.js";
+import { u as t, S as _, b as g, c as N, B as F, d as y } from "./button-B2Ewo0rX.js";
+import { A as a, y as p, g as w, q as V, k as L, d as I } from "./vendor-preact-BoMmvSgn.js";
+import "./uiConfig-DmIn-g8M.js";
+import { S as P } from "./successIcon-DyHNp_UT.js";
+import { P as D } from "./page-DiscPBzz.js";
+import { T as v } from "./typography-zMrvftfB.js";
+import { E as B } from "./errorContent-CqNelsXg.js";
+import { a as M } from "./manualCaptureButton-CUq6VXLb.js";
+import { S as U } from "./spinner-DfUoOZN4.js";
+import { B as H } from "./permissions-CDir4ckn.js";
 const h = ({
   icon: i,
   title: n,
@@ -15,7 +16,7 @@ const h = ({
   const r = a(null);
   return p(() => {
     r.current?.focus();
-  }, []), /* @__PURE__ */ t(m, { className: `IncodeCaptureStatusPage ${e ?? ""}`, children: [
+  }, []), /* @__PURE__ */ t(D, { className: `IncodeCaptureStatusPage ${e ?? ""}`, children: [
     /* @__PURE__ */ t(_, { size: 40 }),
     /* @__PURE__ */ t("div", { class: "IncodeCaptureStatusContainer", children: [
       /* @__PURE__ */ t(_, { size: 120 }),
@@ -32,7 +33,7 @@ const h = ({
       )
     ] })
   ] });
-}, f = {
+}, E = {
   title: "Something went wrong",
   description: "Please try again later"
 }, x = {
@@ -68,13 +69,13 @@ const h = ({
     title: "notifications.multiple",
     description: "notifications.multipleDescription"
   },
-  TOO_BLURRY_ERROR: f,
-  TOO_DARK_ERROR: f,
-  SERVER_ERROR: f,
-  FACE_CROPPING_FAILED: f,
-  FACE_TOO_SMALL: f,
-  PROCESSING_ERROR: f,
-  BAD_REQUEST: f,
+  TOO_BLURRY_ERROR: E,
+  TOO_DARK_ERROR: E,
+  SERVER_ERROR: E,
+  FACE_CROPPING_FAILED: E,
+  FACE_TOO_SMALL: E,
+  PROCESSING_ERROR: E,
+  BAD_REQUEST: E,
   USER_IS_NOT_RECOGNIZED: {
     title: "notifications.accessDenied",
     description: "notifications.accessDeniedDescription"
@@ -168,7 +169,7 @@ const h = ({
 }) => {
   const { t: r } = g();
   if (!i) return null;
-  const c = Q(i) ?? i, { title: s, description: l } = x[c] ?? f, u = r(s) ?? s, d = n <= 0 ? r("notifications.selfieCaptureFailedDescription") : r(l);
+  const c = Q(i) ?? i, { title: s, description: l } = x[c] ?? E, u = r(s) ?? s, d = n <= 0 ? r("notifications.selfieCaptureFailedDescription") : r(l);
   return /* @__PURE__ */ t(
     B,
     {
@@ -286,14 +287,14 @@ const h = ({
     centerFace: e("notifications.centerFaceV2"),
     getReady: e("notifications.getReady"),
     capturing: e("idv2.capture.takingPhoto")
-  }[i] ?? "", E = V((R) => {
+  }[i] ?? "", f = V((R) => {
     const S = Date.now(), O = o.current;
     if (R === O.message && S - O.at < 200) return;
     o.current = { message: R, at: S };
-    const D = r.current;
-    D && (clearTimeout(u.current), D.textContent = "", d.current = setTimeout(() => {
-      D.textContent = R, u.current = setTimeout(() => {
-        D.textContent = "";
+    const m = r.current;
+    m && (clearTimeout(u.current), m.textContent = "", d.current = setTimeout(() => {
+      m.textContent = R, u.current = setTimeout(() => {
+        m.textContent = "";
       }, 3e3);
     }, 50));
   }, []);
@@ -305,15 +306,15 @@ const h = ({
     }
     if (l.current) return;
     const O = setTimeout(() => {
-      l.current = !0, E(e("selfiev2.autoCapture.defaultAriaInstructions"));
+      l.current = !0, f(e("selfiev2.autoCapture.defaultAriaInstructions"));
     }, R ? 1e3 : 500);
     return () => clearTimeout(O);
-  }, [i, n, E, e]), p(() => {
+  }, [i, n, f, e]), p(() => {
     const R = c.current;
-    c.current = i, !n && R !== "manualCapture" && i === "manualCapture" && E(e("idv2.capture.manualCapture.modeSwitchAriaAnnouncement"));
-  }, [E, i, e, n]), p(() => {
-    n || !C || E(C);
-  }, [C, E, n]), p(() => () => {
+    c.current = i, !n && R !== "manualCapture" && i === "manualCapture" && f(e("idv2.capture.manualCapture.modeSwitchAriaAnnouncement"));
+  }, [f, i, e, n]), p(() => {
+    n || !C || f(C);
+  }, [C, f, n]), p(() => () => {
     clearTimeout(d.current), clearTimeout(u.current);
   }, []), /* @__PURE__ */ t(L, { children: [
     /* @__PURE__ */ t(
@@ -327,7 +328,7 @@ const h = ({
     ),
     C ? /* @__PURE__ */ t("div", { class: "IncodeNotification", "aria-hidden": "true", children: /* @__PURE__ */ t("p", { class: "IncodeNotificationText", children: C }) }) : null
   ] });
-}, it = ({ manager: i, state: n }) => {
+}, nt = ({ manager: i, state: n }) => {
   const {
     captureStatus: e,
     stream: r,
@@ -340,7 +341,7 @@ const h = ({
     o === "manualCapture" && C.current?.focus();
   }, [o]), e === "initializing")
     return /* @__PURE__ */ t(
-      H,
+      U,
       {
         fullScreen: !0,
         title: T("v2.selfie.camera.loading"),
@@ -349,13 +350,13 @@ const h = ({
     );
   if (e === "detecting") {
     if (o === "offline")
-      return /* @__PURE__ */ t(m, { title: "No internet connection" });
-    const E = () => u ? "capturing" : o === "detecting" ? "idle" : o === "getReady" ? "loading" : o === "success" ? "success" : o === "error" ? "error" : "idle";
-    return /* @__PURE__ */ t(m, { "data-testid": "capture-container", children: [
+      return /* @__PURE__ */ t(D, { title: "No internet connection" });
+    const f = () => u ? "capturing" : o === "detecting" ? "idle" : o === "getReady" ? "loading" : o === "success" ? "success" : o === "error" ? "error" : "idle";
+    return /* @__PURE__ */ t(D, { "data-testid": "capture-container", children: [
       /* @__PURE__ */ t(v, { className: "IncodeCaptureVisuallyHidden", children: T("selfiev2.capture.title") }),
       /* @__PURE__ */ t(_, { size: 48 }),
       /* @__PURE__ */ t("div", { class: "IncodeCaptureContainer", children: [
-        /* @__PURE__ */ t(b, { borderState: E() }),
+        /* @__PURE__ */ t(b, { borderState: f() }),
         /* @__PURE__ */ t("div", { class: "IncodeCaptureFrame", children: /* @__PURE__ */ t("div", { class: "IncodeCaptureVideoWrapper", "aria-hidden": "true", children: r ? /* @__PURE__ */ t(L, { children: [
           /* @__PURE__ */ t(K, { stream: r, mirrored: !l }),
           /* @__PURE__ */ t("div", { class: "IncodeCaptureVideo", children: /* @__PURE__ */ t(Y, {}) })
@@ -395,7 +396,7 @@ const h = ({
     ] });
   }
   return e === "capturing" ? /* @__PURE__ */ t(
-    m,
+    D,
     {
       className: "IncodeCaptureCapturingPage",
       title: "Capturing",
@@ -440,7 +441,7 @@ const h = ({
       class: n ? "IncodeCaptureVideoElement IncodeCaptureVideoMirrored" : "IncodeCaptureVideoElement"
     }
   );
-}, nt = ({ manager: i }) => {
+}, ot = ({ manager: i }) => {
   const { t: n } = g(), [e, r] = I(!1), [o, c] = I(null);
   p(() => {
     import("./selfieTutorial-Dm_p0ke9.js").then((l) => {
@@ -451,7 +452,7 @@ const h = ({
     r(!0), i.nextStep();
   };
   return o ? /* @__PURE__ */ t(
-    U,
+    H,
     {
       animationData: o,
       title: n("face.tutorial.title"),
@@ -466,6 +467,6 @@ const h = ({
   ) : null;
 };
 export {
-  it as C,
-  nt as T
+  nt as C,
+  ot as T
 };

package/dist/types/extensibility.d.ts

@@ -276,6 +276,7 @@ declare type DropdownComposedProps = {
     siblingElement?: ComponentChildren;
     enterKeyHint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
     class?: string;
+    'aria-label'?: string;
     'data-testid'?: string;
 };
 

package/dist/{typography-DgyeaZWI.js → typography-zMrvftfB.js}

@@ -1,5 +1,5 @@
-import { u as s, c as a } from "./button-qiC4m4lf.js";
-import { D as y } from "./vendor-preact-BY8u4mdq.js";
+import { u as s, c as a } from "./button-B2Ewo0rX.js";
+import { D as y } from "./vendor-preact-BoMmvSgn.js";
 const e = y(
   ({ children: o, className: r, ...p }, c) => /* @__PURE__ */ s("h2", { ref: c, class: `IncodeTitle ${r ?? ""}`, ...p, children: o })
 ), h = ({ children: o, className: r }) => /* @__PURE__ */ s("h1", { class: a("IncodeTypographyH1", r), children: o }), T = ({ children: o, className: r }) => /* @__PURE__ */ s("h2", { class: `IncodeTypographyH2 ${r ?? ""}`, children: o }), g = ({ children: o, className: r }) => /* @__PURE__ */ s("h3", { class: a("IncodeTypographyH3", r), children: o }), H = ({ children: o, className: r }) => /* @__PURE__ */ s("h4", { class: a("IncodeTypographyH4", r), children: o }), l = ({ children: o, className: r }) => /* @__PURE__ */ s("h5", { class: a("IncodeTypographyH5", r), children: o }), d = ({ children: o, className: r }) => /* @__PURE__ */ s("p", { class: a("IncodeTypographyP", r), children: o });

package/dist/{uiConfig-BSR3Bl6G.js → uiConfig-DmIn-g8M.js}

@@ -1,5 +1,5 @@
 import { ScreenOrientationProvider as et, createScreenOrientationObserver as tt, getDeviceClass as nt } from "@incodetech/core";
-import { d as it, y as st, a as rt, C as ot } from "./vendor-preact-BY8u4mdq.js";
+import { d as it, y as st, c as rt, C as ot } from "./vendor-preact-BoMmvSgn.js";
 let ne = null;
 function at() {
   if (!ne) {

package/dist/{useMediaQuery-DN93efdT.js → useMediaQuery-lJdQBmC2.js}

@@ -1,4 +1,4 @@
-import { d, y as a } from "./vendor-preact-BY8u4mdq.js";
+import { d, y as a } from "./vendor-preact-BoMmvSgn.js";
 const c = "(max-width: 767px)";
 function s(e) {
   const [i, o] = d(