@incodetech/web 0.0.0-dev-20260320-80a2d6d → 0.0.0-dev-20260323-4991693

package/dist/{addressAutocomplete-D7g-naeA.js → addressAutocomplete-C69qGh5F.js}

@@ -1,8 +1,8 @@
 import { d, y as M, A as F, q as K } from "./vendor-preact--mDTxXnt.js";
 import { b as Q, u as l } from "./button-Yr39X4SE.js";
 import "./uiConfig-CKJmKRCo.js";
-import { t as R } from "./formField-6BHE59Av.js";
-import { a as q } from "./inputComposed-n2VIh213.js";
+import { t as R } from "./formField-DpLYKGUE.js";
+import { a as q } from "./inputComposed-BOGdXswZ.js";
 import "@incodetech/core";
 import { u as z } from "./useMediaQuery-DSN9IIfj.js";
 function J(c, f) {

package/dist/curp-validation/curp-validation.es.js

@@ -8,7 +8,7 @@ import { S as D } from "../successIcon-CjkBWk8J.js";
 import { P as p } from "../page-DO2rYslN.js";
 import { S as k } from "../spinner-Djok6FY8.js";
 import { r as E } from "../incodeModule-Bxzkb7nW.js";
-import { a as C } from "../inputComposed-n2VIh213.js";
+import { a as C } from "../inputComposed-BOGdXswZ.js";
 import { D as F } from "../dateInputComposed-CjfYBUJj.js";
 import { D as P } from "../dropdownComposed-DLZ4R_VD.js";
 const T = ({

package/dist/{ekybModule-CmnlKxKS.js → ekybModule-HZYjE90U.js}

@@ -3,13 +3,13 @@ import { SUPPORTED_COUNTRIES as M, DEV_ONLY_COUNTRIES as x, computeEkybDisplayEr
 import { T as q, y as V, A as D, d as oe, q as C, k as re } from "./vendor-preact--mDTxXnt.js";
 import "./uiConfig-CKJmKRCo.js";
 import "@incodetech/core";
-import { u as ne, A as se } from "./addressAutocomplete-D7g-naeA.js";
+import { u as ne, A as se } from "./addressAutocomplete-C69qGh5F.js";
 import { P as K } from "./page-DO2rYslN.js";
 import { S as ae } from "./spinner-Djok6FY8.js";
-import { t as G, F as le, V as P } from "./formField-6BHE59Av.js";
+import { t as G, F as le, V as P } from "./formField-DpLYKGUE.js";
 import { r as ce } from "./incodeModule-Bxzkb7nW.js";
 import { D as Y } from "./dropdownComposed-DLZ4R_VD.js";
-import { a as _ } from "./inputComposed-n2VIh213.js";
+import { a as _ } from "./inputComposed-BOGdXswZ.js";
 function ue(t) {
   return [...t.toUpperCase()].map((r) => String.fromCodePoint(127462 + r.charCodeAt(0) - 65)).join("");
 }

package/dist/{ekycModule-BggwsBOH.js → ekycModule-Dx6rX4_y.js}

@@ -3,14 +3,14 @@ import { computeEkycDisplayErrors as j, createEkycManager as z } from "@incodete
 import { y as q, A as F, d as J, q as E, T as Q } from "./vendor-preact--mDTxXnt.js";
 import "./uiConfig-CKJmKRCo.js";
 import "@incodetech/core";
-import { u as U, A as W } from "./addressAutocomplete-D7g-naeA.js";
-import { V as v, t as X, F as Z } from "./formField-6BHE59Av.js";
+import { u as U, A as W } from "./addressAutocomplete-C69qGh5F.js";
+import { V as v, t as X, F as Z } from "./formField-DpLYKGUE.js";
 import { D as f } from "./dateInputComposed-CjfYBUJj.js";
 import { D as ee } from "./dropdownComposed-DLZ4R_VD.js";
 import { P as T } from "./page-DO2rYslN.js";
 import { S as re } from "./spinner-Djok6FY8.js";
 import { r as oe } from "./incodeModule-Bxzkb7nW.js";
-import { P as te } from "./phoneInputComposed-C66n6e7L.js";
+import { P as te } from "./phoneInputComposed-kkWl6RLT.js";
 const ae = ({ config: p, onFinish: s }) => {
   const { t: l } = $(), [a, d] = G(() => z({ config: p }));
   return q(() => {

package/dist/email/email.es.js

@@ -2,7 +2,7 @@ import { u as e, S as g, I as v, b as O, a as y, B as C } from "../button-Yr39X4
 import { createEmailManager as P } from "@incodetech/core/email";
 import { d as f, y as k, k as w } from "../vendor-preact--mDTxXnt.js";
 import "@incodetech/core";
-import { O as L } from "../otpInput-2bT7uNnk.js";
+import { O as L } from "../otpInput-BfCYQ0Km.js";
 import { P as E } from "../page-DO2rYslN.js";
 import { r as S } from "../incodeModule-Bxzkb7nW.js";
 import "../uiConfig-CKJmKRCo.js";

package/dist/extensibility.es.js

@@ -6,15 +6,15 @@ import { C as H, F as M, M as V } from "./fileIcon--4cgz7hZ.js";
 import { S as E, T as k, a as D, b as w, c as A, d as R, e as U } from "./spinner-Djok6FY8.js";
 import { P as W } from "./processing-BGKugkCh.js";
 import { E as z } from "./errorContent-LcOhVnBZ.js";
-import { F as J, V as K } from "./formField-6BHE59Av.js";
+import { F as J, V as K } from "./formField-DpLYKGUE.js";
 import { a as Q, C as X, c as Y, b as Z, e as _, d as $, H as aa, L as ea, P as ra } from "./captureFooter-Dum5qpdZ.js";
-import { I as ta, a as sa } from "./inputComposed-n2VIh213.js";
-import { O as pa } from "./otpInput-2bT7uNnk.js";
+import { I as ta, a as sa } from "./inputComposed-BOGdXswZ.js";
+import { O as pa } from "./otpInput-BfCYQ0Km.js";
 import { C as ia, a as ua } from "./checkbox-BkW6ZbEQ.js";
-import { P as ma } from "./phoneInputComposed-C66n6e7L.js";
+import { P as ma } from "./phoneInputComposed-kkWl6RLT.js";
 import { D as Ca, S as fa } from "./dropdownComposed-DLZ4R_VD.js";
 import { C as xa, D as ha } from "./dateInputComposed-CjfYBUJj.js";
-import { f as ya, C as Ta, c as Sa, I as va, d as Ba, F as Fa, b as Pa, S as La, T as ba, a as Ha, e as Ma, V as Va } from "./flipAnimation-CJfs4vnz.js";
+import { f as ya, C as Ta, c as Sa, I as va, d as Ba, F as Fa, b as Pa, S as La, T as ba, a as Ha, e as Ma, V as Va } from "./flipAnimation-C5DtSdAY.js";
 import { A as i, y as u, q as l } from "./vendor-preact--mDTxXnt.js";
 import { B as Ea, L as ka, P as Da } from "./manualCaptureButton-CtHbJjgz.js";
 import { C as Aa } from "./chevronDown-CsZysK60.js";

package/dist/{flipAnimation-CJfs4vnz.js → flipAnimation-C5DtSdAY.js}

@@ -6,9 +6,9 @@ import { T as H, S as z } from "./spinner-Djok6FY8.js";
 import { L as K, P as j, c as q, a as Q, d as J, C as X, b as Y } from "./captureFooter-Dum5qpdZ.js";
 import { L as k, B as e1 } from "./manualCaptureButton-CtHbJjgz.js";
 import "@incodetech/core";
-import "./inputComposed-n2VIh213.js";
+import "./inputComposed-BOGdXswZ.js";
 import "./checkbox-BkW6ZbEQ.js";
-import "./phoneInputComposed-C66n6e7L.js";
+import "./phoneInputComposed-kkWl6RLT.js";
 import "./dateInputComposed-CjfYBUJj.js";
 import { E as t1 } from "./errorIcon-DOyZZgsP.js";
 import { S as i1 } from "./successIcon-CjkBWk8J.js";

package/dist/flow/flow.es.js

@@ -2001,8 +2001,8 @@ const Pe = () => import("../id/id.es.js").then((e) => e.Id), ke = {
     (e) => e.GovernmentValidation
   ),
   GEOLOCATION: () => import("../geolocation/geolocation.es.js").then((e) => e.Geolocation),
-  EXTERNAL_VERIFICATION: () => import("../ekycModule-BggwsBOH.js").then((e) => e.EkycModule),
-  EKYB: () => import("../ekybModule-CmnlKxKS.js").then((e) => e.EkybModule),
+  EXTERNAL_VERIFICATION: () => import("../ekycModule-Dx6rX4_y.js").then((e) => e.EkycModule),
+  EKYB: () => import("../ekybModule-HZYjE90U.js").then((e) => e.EkybModule),
   DOCUMENT_CAPTURE: () => import("../documentCapture-DGJU-4sT.js").then(
     (e) => e.DocumentCapture
   ),

package/dist/flow/styles.css

@@ -181,11 +181,6 @@
   }
 }
 
-.IncodeSelfieMain {
-  width: 100%;
-  height: 100%;
-}
-
 .IncodeCameraButton {
   justify-content: center;
   align-items: center;
@@ -387,274 +382,12 @@
 .IncodePhonePage .IncodePageContent {
   padding-top: var(--spacing-32, var(--spacing-32, 32px));
   padding-bottom: var(--spacing-16, var(--spacing-16, 16px));
-}
-
-.IncodePhonePage .IncodePhoneInput, .IncodePhonePage .IncodePhoneInputContainer {
-  flex-direction: column;
   align-items: center;
-  width: 100%;
-  display: flex;
 }
 
-.IncodePhonePage .IncodePhoneInputRow {
-  align-items: stretch;
-  gap: var(--spacing-8, var(--spacing-8, 8px));
+.IncodePhoneInputContainer {
   width: 100%;
-  max-width: 340px;
-  display: flex;
-  position: relative;
-}
-
-.IncodePhonePage .IncodePhoneInputWrapper {
-  border-radius: var(--radius-small, var(--border-radius-small));
-  border-style: var(--tw-border-style);
-  border-width: 1px;
-  border-color: var(--color-input-border-default, var(--input-border-default));
-  background-color: var(--color-input-surface-default, var(--input-surface-default));
-  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
-  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
-  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
-  --tw-duration: .2s;
-  flex: 1;
-  align-items: center;
-  transition-duration: .2s;
-  display: flex;
-}
-
-.IncodePhonePage .IncodePhoneInputWrapper:focus-within {
-  border-color: var(--color-input-border-focused, var(--input-border-focused));
-}
-
-.IncodePhonePage .IncodePhoneInputWrapper.IncodePhoneInputWrapperError {
-  border-color: var(--color-input-border-negative, var(--input-border-negative));
-}
-
-.IncodePhonePage .IncodePhoneInputWrapper.IncodePhoneInputWrapperDisabled {
-  border-color: var(--color-input-border-disabled, var(--input-border-disabled));
-  background-color: var(--color-input-surface-disabled, var(--input-surface-disabled));
-}
-
-.IncodePhonePage .IncodePhoneCountrySelector {
-  border-radius: var(--radius-small, var(--border-radius-small));
-  border-style: var(--tw-border-style);
-  border-width: 1px;
-  border-color: var(--color-input-border-default, var(--input-border-default));
-  background-color: var(--color-input-surface-default, var(--input-surface-default));
-  width: 124px;
-  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
-  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
-  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
-  --tw-duration: .2s;
-  flex-shrink: 0;
-  transition-duration: .2s;
-  position: static;
-}
-
-.IncodePhonePage .IncodePhoneCountrySelector.IncodePhoneCountrySelectorOpen {
-  border-color: var(--color-input-border-focused, var(--input-border-focused));
-}
-
-.IncodePhonePage .IncodePhoneCountrySelector.IncodePhoneCountrySelectorDisabled {
-  border-color: var(--color-input-border-disabled, var(--input-border-disabled));
-  background-color: var(--color-input-surface-disabled, var(--input-surface-disabled));
-}
-
-.IncodePhonePage .IncodePhoneCountryButton {
-  width: 100%;
-  height: 100%;
-  padding: var(--spacing-8, var(--spacing-8, 8px));
-  padding-left: var(--spacing-16, var(--spacing-16, 16px));
-  cursor: pointer;
-  border-style: var(--tw-border-style);
-  border-width: var(--border-width-none, var(--primitive-border-width-0));
-  --tw-border-style: none;
-  font-size: var(--text-18, var(--primitive-typography-size-18));
-  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
-  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
-  color: var(--color-text-body-primary, var(--text-body-800-primary));
-  border-radius: var(--radius-small, var(--border-radius-small));
-  background-color: #0000;
-  border-style: none;
-  justify-content: center;
-  align-items: center;
-  font-family: inherit;
-  display: flex;
-}
-
-.IncodePhonePage .IncodePhoneCountryButton:disabled {
-  cursor: not-allowed;
-  color: var(--color-input-text-field-disabled, var(--input-text-field-disabled));
-}
-
-.IncodePhonePage .IncodePhoneCountryButton:focus {
-  --tw-outline-style: none;
-  outline-style: none;
-}
-
-.IncodePhonePage .IncodePhoneCountryFlag {
-  font-size: var(--text-24, var(--primitive-typography-size-24));
-  --tw-leading: 1;
-  line-height: 1;
-}
-
-.IncodePhonePage .IncodePhoneCountryCode {
-  margin-left: var(--spacing-4, var(--spacing-4, 4px));
-  font-size: var(--text-18, var(--primitive-typography-size-18));
-  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
-  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
-  white-space: nowrap;
-  color: var(--color-text-body-primary, var(--text-body-800-primary));
-}
-
-.IncodePhonePage .IncodePhoneCountryArrow {
-  margin-left: var(--spacing-8, var(--spacing-8, 8px));
-  height: var(--spacing-24, var(--spacing-24, 24px));
-  width: var(--spacing-24, var(--spacing-24, 24px));
-  color: var(--color-icon-neutral-500, var(--icon-neutral-500));
-  transition-property: transform, translate, scale, rotate;
-  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
-  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
-  --tw-duration: .2s;
-  transition-duration: .2s;
-}
-
-.IncodePhonePage .IncodePhoneCountryArrowUp {
-  rotate: 180deg;
-}
-
-.IncodePhonePage .IncodePhoneCountryButton:disabled .IncodePhoneCountryArrow {
-  color: var(--color-icon-neutral-300, var(--icon-neutral-300));
-}
-
-.IncodePhonePage .IncodePhoneCountryDropdown {
-  top: 100%;
-  right: var(--spacing-0, var(--spacing-none, 0px));
-  left: var(--spacing-0, var(--spacing-none, 0px));
-  z-index: 50;
-  margin-top: var(--spacing-8, var(--spacing-8, 8px));
-  border-radius: var(--radius-small, var(--border-radius-small));
-  border-style: var(--tw-border-style);
-  border-width: 1px;
-  border-color: var(--color-input-border-default, var(--input-border-default));
-  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
-  max-height: 320px;
-  padding: var(--spacing-8, var(--spacing-8, 8px));
-  position: absolute;
-  overflow-y: auto;
-  box-shadow: 0 4px 16px #0000001f;
-}
-
-.IncodePhonePage .IncodePhoneCountryOption {
-  cursor: pointer;
-  align-items: center;
-  gap: var(--spacing-12, var(--spacing-12, 12px));
-  border-radius: var(--radius-small, var(--border-radius-small));
-  width: 100%;
-  padding-inline: var(--spacing-12, var(--spacing-12, 12px));
-  padding-block: var(--spacing-12, var(--spacing-12, 12px));
-  font-size: var(--text-16, var(--primitive-typography-size-16));
-  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
-  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
-  color: var(--color-text-body-primary, var(--text-body-800-primary));
-  border-style: var(--tw-border-style);
-  border-width: var(--border-width-none, var(--primitive-border-width-0));
-  --tw-border-style: none;
-  text-align: left;
-  background-color: #0000;
-  border-style: none;
-  font-family: inherit;
-  display: flex;
-}
-
-.IncodePhonePage .IncodePhoneCountryOption:hover {
-  background-color: var(--color-surface-neutral-100, var(--surface-neutral-100));
-}
-
-.IncodePhonePage .IncodePhoneCountryOption:focus {
-  background-color: var(--color-surface-neutral-100, var(--surface-neutral-100));
-  --tw-outline-style: none;
-  outline-style: none;
-}
-
-.IncodePhonePage .IncodePhoneCountryOptionSelected, .IncodePhonePage .IncodePhoneCountryOptionSelected:hover {
-  background-color: var(--color-surface-brand-50, var(--surface-brand-50));
-}
-
-.IncodePhonePage .IncodePhoneCountryOptionCode {
-  min-width: 52px;
-  font-size: var(--text-16, var(--primitive-typography-size-16));
-  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
-}
-
-.IncodePhonePage .IncodePhoneCountryOptionName {
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-size: var(--text-16, var(--primitive-typography-size-16));
-  color: var(--color-text-body-primary, var(--text-body-800-primary));
-  flex: 1;
-  overflow: hidden;
-}
-
-.IncodePhonePage .IncodePhoneInputField {
-  border-style: var(--tw-border-style);
-  border-width: var(--border-width-none, var(--primitive-border-width-0));
-  --tw-border-style: none;
-  width: 100%;
-  padding-inline: var(--spacing-16, var(--spacing-16, 16px));
-  padding-block: var(--spacing-16, var(--spacing-16, 16px));
-  font-size: var(--text-18, var(--primitive-typography-size-18));
-  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
-  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
-  color: var(--color-input-text-field-default, var(--input-text-field-default));
-  --tw-outline-style: none;
-  border-radius: var(--radius-small, var(--border-radius-small));
-  background-color: #0000;
-  border-style: none;
-  outline-style: none;
-}
-
-.IncodePhonePage .IncodePhoneInputField::placeholder {
-  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
-  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
-  color: var(--color-input-text-field-placeholder, var(--input-text-field-placeholder));
-}
-
-.IncodePhonePage .IncodePhoneInputField:disabled {
-  cursor: not-allowed;
-  color: var(--color-input-text-field-disabled, var(--input-text-field-disabled));
-}
-
-.IncodePhonePage .IncodePhoneInputError {
-  margin: var(--spacing-0, var(--spacing-none, 0px));
-  text-align: center;
-  font-size: var(--text-14, var(--primitive-typography-size-14));
-  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
-  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
-  color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
-}
-
-.IncodePhonePage .IncodePhoneInputOptIn {
-  cursor: pointer;
-  align-items: center;
-  gap: var(--spacing-8, var(--spacing-8, 8px));
-  font-size: var(--text-14, var(--primitive-typography-size-14));
-  color: var(--color-checkbox-text-default, var(--checkbox-text-default));
-  display: flex;
-}
-
-.IncodePhonePage .IncodePhoneInputOptIn input[type="checkbox"] {
-  cursor: pointer;
-  border-radius: var(--radius-checkbox, var(--checkbox-border-radius));
-  width: 18px;
-  height: 18px;
-  accent-color: var(--color-checkbox-surface-selected, var(--checkbox-surface-selected));
-}
-
-.IncodePhonePage .IncodePhoneInputOptIn span {
-  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
-  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
-  -webkit-user-select: none;
-  user-select: none;
+  max-width: 420px;
 }
 
 .IncodeEmailPage .IncodePageContent {
@@ -1411,11 +1144,6 @@
   margin-top: var(--spacing-8, var(--spacing-8, 8px));
 }
 
-.IncodeIdMain {
-  width: 100%;
-  height: 100%;
-}
-
 .IncodeSrOnly {
   clip-path: inset(50%);
   white-space: nowrap;

package/dist/{formField-6BHE59Av.js → formField-DpLYKGUE.js}

@@ -5,7 +5,7 @@ import { E as y } from "./errorIcon-DOyZZgsP.js";
 import { S as F } from "./successIcon-CjkBWk8J.js";
 import { P as m } from "./page-DO2rYslN.js";
 import { S as E } from "./spinner-Djok6FY8.js";
-import { a as S } from "./inputComposed-n2VIh213.js";
+import { a as S } from "./inputComposed-BOGdXswZ.js";
 const A = ({
   status: i,
   submittingTitle: t,

package/dist/governmentValidation/governmentValidation.es.js

@@ -6,7 +6,7 @@ import "../uiConfig-CKJmKRCo.js";
 import { E as h } from "../errorIcon-DOyZZgsP.js";
 import { S as c } from "../successIcon-CjkBWk8J.js";
 import { W as I } from "../warningIcon-DgHOtF9T.js";
-import { O as V } from "../otpInput-2bT7uNnk.js";
+import { O as V } from "../otpInput-BfCYQ0Km.js";
 import { P as r } from "../page-DO2rYslN.js";
 import { S as G } from "../spinner-Djok6FY8.js";
 import { r as S } from "../incodeModule-Bxzkb7nW.js";

package/dist/id/id.es.js

@@ -1,40 +1,40 @@
-import { u as r, I as u, a as d } from "../button-Yr39X4SE.js";
-import { createIdCaptureManager as m } from "@incodetech/core/id";
+import { u as r, I as u, a as m } from "../button-Yr39X4SE.js";
+import { createIdCaptureManager as d } from "@incodetech/core/id";
 import "../vendor-preact--mDTxXnt.js";
 import "@incodetech/core";
-import { P as c } from "../manualCaptureButton-CtHbJjgz.js";
-import { r as p } from "../incodeModule-Bxzkb7nW.js";
-import { P as l } from "../processing-BGKugkCh.js";
-import { c as f, b as I, F as a, C as g, d as h, I as C } from "../flipAnimation-CJfs4vnz.js";
+import { P as p } from "../manualCaptureButton-CtHbJjgz.js";
+import { r as f } from "../incodeModule-Bxzkb7nW.js";
+import { P as c } from "../processing-BGKugkCh.js";
+import { c as l, b as I, F as a, C as g, d as h, I as C } from "../flipAnimation-C5DtSdAY.js";
 import "../uiConfig-CKJmKRCo.js";
 import "../spinner-Djok6FY8.js";
 const F = ({
-  config: i,
-  manager: e,
+  config: e,
+  manager: i,
   onFinish: n,
   onError: o
 }) => {
-  const [t, s] = d(
-    () => e ?? m({ config: i }),
-    { manageLifecycle: !e }
+  const [t, s] = m(
+    () => i ?? d({ config: e }),
+    { manageLifecycle: !i }
   );
-  return t.status === "idle" || t.status === "loading" ? null : t.status === "chooser" ? /* @__PURE__ */ r(f, { manager: s, state: t }) : t.status === "tutorial" ? /* @__PURE__ */ r(I, { manager: s, state: t }) : t.status === "permissions" ? /* @__PURE__ */ r(
-    c,
+  return t.status === "idle" || t.status === "loading" ? null : t.status === "chooser" ? /* @__PURE__ */ r(l, { manager: s, state: t }) : t.status === "tutorial" ? /* @__PURE__ */ r(I, { manager: s, state: t }) : t.status === "permissions" ? /* @__PURE__ */ r(
+    p,
     {
       manager: s,
       permissionStatus: t.permissionStatus
     }
-  ) : t.status === "frontFinished" ? /* @__PURE__ */ r(a, { manager: s, direction: "toBack" }) : t.status === "backFinished" ? /* @__PURE__ */ r(a, { manager: s, direction: "toFront" }) : t.status === "capture" ? /* @__PURE__ */ r(g, { manager: s, state: t, onFinish: () => n?.() }) : t.status === "processing" ? /* @__PURE__ */ r(l, {}) : t.status === "expired" ? /* @__PURE__ */ r(h, { manager: s }) : t.status === "finished" ? (n?.(), null) : t.status === "closed" ? (o?.(void 0), null) : t.status === "error" ? /* @__PURE__ */ r(C, { manager: s, state: t, onError: o }) : null;
-}, P = ({ config: i, manager: e, onFinish: n, onError: o }) => /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r("div", { class: "IncodeIdMain", children: i ? /* @__PURE__ */ r(
+  ) : t.status === "frontFinished" ? /* @__PURE__ */ r(a, { manager: s, direction: "toBack" }) : t.status === "backFinished" ? /* @__PURE__ */ r(a, { manager: s, direction: "toFront" }) : t.status === "capture" ? /* @__PURE__ */ r(g, { manager: s, state: t, onFinish: () => n?.() }) : t.status === "processing" ? /* @__PURE__ */ r(c, {}) : t.status === "expired" ? /* @__PURE__ */ r(h, { manager: s }) : t.status === "finished" ? (n?.(), null) : t.status === "closed" ? (o?.(void 0), null) : t.status === "error" ? /* @__PURE__ */ r(C, { manager: s, state: t, onError: o }) : null;
+}, P = ({ config: e, manager: i, onFinish: n, onError: o }) => /* @__PURE__ */ r(u, { children: e ? /* @__PURE__ */ r(
   F,
   {
-    config: i,
-    manager: e,
+    config: e,
+    manager: i,
     onFinish: n,
     onError: o
   }
-) : null }) });
-p(P, "incode-id");
+) : null });
+f(P, "incode-id");
 export {
   P as Id
 };

package/dist/id/styles.css

@@ -11,11 +11,6 @@
   }
 }
 
-.IncodeIdMain {
-  width: 100%;
-  height: 100%;
-}
-
 .IncodeSrOnly {
   clip-path: inset(50%);
   white-space: nowrap;

package/dist/{inputComposed-n2VIh213.js → inputComposed-BOGdXswZ.js}

@@ -4,13 +4,13 @@ import { C as W } from "./closeIcon-DrD_JWne.js";
 import { E as y } from "./errorIcon-DOyZZgsP.js";
 import { S as E } from "./successIcon-CjkBWk8J.js";
 const w = u((e, n) => {
-  const { class: a, type: s = "text", ...r } = e;
+  const { class: a, type: t = "text", ...r } = e;
   return /* @__PURE__ */ o(
     "input",
     {
       ...r,
       ref: n,
-      type: s,
+      type: t,
       class: m("IncodeInput", a)
     }
   );
@@ -19,19 +19,19 @@ const w = u((e, n) => {
     id: e,
     label: n,
     "aria-label": a,
-    type: s,
+    type: t,
     error: r,
     showErrorIcon: C,
-    helper: t,
+    helper: s,
     showHelperIcon: h,
-    closeButton: p,
-    required: l,
+    closeButton: l,
+    required: p,
     suppressMessages: d = !1,
     class: v,
     value: c,
     ...b
   }, f) => {
-    const i = `${e}-helper`, I = `${e}-error`, $ = d ? "" : [t ? i : null, r ? I : null].filter(Boolean).join(" ");
+    const i = `${e}-helper`, I = `${e}-error`, $ = d ? "" : [s ? i : null, r ? I : null].filter(Boolean).join(" ");
     return /* @__PURE__ */ o("div", { class: m("IncodeInputComposed", v), children: [
       n && /* @__PURE__ */ o(
         "label",
@@ -47,25 +47,25 @@ const w = u((e, n) => {
           w,
           {
             id: e,
-            type: s,
+            type: t,
             ...b,
             ref: f,
-            required: l,
+            required: p,
             "data-has-value": !!(c && String(c).length > 0),
             ...!n && a ? { "aria-label": a } : {},
             "aria-describedby": $ || void 0,
-            "aria-required": l ? "true" : void 0,
+            "aria-required": p ? "true" : void 0,
             "aria-invalid": r ? "true" : void 0,
             value: c
           }
         ),
-        p?.show && /* @__PURE__ */ o(
+        l?.show && /* @__PURE__ */ o(
           "button",
           {
             type: "button",
             "aria-label": "Clear",
             class: "IncodeInputComposedClearButton",
-            onClick: p.onClose,
+            onClick: l.onClose,
             "data-testid": `${e}-clear`,
             children: /* @__PURE__ */ o(W, {})
           }
@@ -75,6 +75,7 @@ const w = u((e, n) => {
         "div",
         {
           class: "IncodeInputComposedErrorWrapper",
+          role: "alert",
           "data-testid": `${e}-error-wrapper`,
           children: [
             C && /* @__PURE__ */ o("div", { class: "IncodeInputComposedIconWrapper", children: /* @__PURE__ */ o(y, { size: 17 }) }),
@@ -82,14 +83,14 @@ const w = u((e, n) => {
           ]
         }
       ),
-      !d && t && !r && /* @__PURE__ */ o(
+      !d && s && !r && /* @__PURE__ */ o(
         "div",
         {
           class: "IncodeInputComposedHelperWrapper",
           "data-testid": `${e}-helper-wrapper`,
           children: [
             h && /* @__PURE__ */ o("div", { class: "IncodeInputComposedIconWrapper", children: /* @__PURE__ */ o(E, { size: 17 }) }),
-            /* @__PURE__ */ o("p", { id: i, class: "IncodeInputComposedHelper", children: t })
+            /* @__PURE__ */ o("p", { id: i, class: "IncodeInputComposedHelper", children: s })
           ]
         }
       )