@incodetech/web 0.0.0-dev-20260312-e476b70 → 0.0.0-dev-20260313-573a40c

package/dist/{captureFooter-qhkTSzDA.js → captureFooter-CokUs1te.js}

@@ -1,4 +1,4 @@
-import { u as e, c as d, S as s, b as C, B as u } from "./incodeModule-7zNv7YeX.js";
+import { u as e, c as d, S as s, b as C, B as u } from "./incodeModule-C-yBwl3V.js";
 import { A as h, y as p, k as v, D as m } from "./vendor-preact-DP-hbKuj.js";
 import "./uiConfig-B8PUPgHY.js";
 const I = ({

package/dist/{chevronDown-BZNPUs4a.js → chevronDown-DYJNV1QK.js}

@@ -1,4 +1,4 @@
-import { u as o } from "./incodeModule-7zNv7YeX.js";
+import { u as o } from "./incodeModule-C-yBwl3V.js";
 const e = ({ class: r }) => /* @__PURE__ */ o(
   "svg",
   {

package/dist/{closeIcon-B5HxSoNj.js → closeIcon-DQDl1mpN.js}

@@ -1,4 +1,4 @@
-import { u as e } from "./incodeModule-7zNv7YeX.js";
+import { u as e } from "./incodeModule-C-yBwl3V.js";
 const C = ({
   width: l = 14,
   height: o = 14,

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

@@ -1,13 +1,13 @@
-import { b as I, u as e, S as u, B as h, r as S, I as N, a as G } from "../incodeModule-7zNv7YeX.js";
+import { b as I, u as e, S as u, B as h, r as S, I as N, a as G } from "../incodeModule-C-yBwl3V.js";
 import { mexicanStates as R, createCurpValidationManager as U } from "@incodetech/core/curp-validation";
 import { k as y } from "../vendor-preact-DP-hbKuj.js";
 import "@incodetech/core";
 import "../uiConfig-B8PUPgHY.js";
-import { S as D, E as k } from "../successIcon-BPe0Wymn.js";
-import { P as p } from "../page-Bdz8JP3P.js";
-import { S as E } from "../spinner-BknkxcID.js";
-import { I as m, D as P } from "../dropdownComposed-DgA0fNAh.js";
-import { D as F } from "../dateInputComposed-Badm2Tzx.js";
+import { S as D, E as k } from "../successIcon-CMUvDv_Z.js";
+import { P as p } from "../page-DoaUg40Q.js";
+import { S as E } from "../spinner-EHZM4eN1.js";
+import { I as m, D as P } from "../dropdownComposed-DEUeG49j.js";
+import { D as F } from "../dateInputComposed-BzMiH4hO.js";
 const T = ({
   curp: s,
   isValid: d,

package/dist/curp-validation/styles.css

@@ -48,13 +48,11 @@
   background-color: var(--color-input-surface-default, var(--input-surface-default));
   width: 100%;
   padding: var(--spacing-16, var(--spacing-16, 16px));
-  font-family: var(--primitive-typography-family-dm-sans);
-  font-size: var(--typography-body-lg-size);
-  font-weight: var(--typography-body-lg-weight);
-  line-height: var(--typography-body-lg-line-height);
-  letter-spacing: var(--typography-body-lg-letter-spacing);
-  font-size: var(--text-lg, 1.125rem);
-  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
+  font-family: var(--typography-input-dropdown-family);
+  font-size: var(--typography-input-dropdown-m-size);
+  font-weight: var(--typography-input-dropdown-m-weight);
+  line-height: var(--typography-input-dropdown-m-line-height);
+  letter-spacing: var(--typography-input-dropdown-m-letter-spacing);
   --tw-font-weight: var(--font-weight-normal, 400);
   font-weight: var(--font-weight-normal, 400);
   color: var(--color-input-text-field-default, var(--input-text-field-default));
@@ -131,7 +129,7 @@
 }
 
 .IncodeDateInputComposedIcon {
-  color: var(--text-body-tertiary, var(--color-text-body-tertiary));
+  color: var(--text-body-300-tertiary, var(--color-text-body-tertiary));
 }
 
 .IncodeDateInputComposedIconButton {
@@ -140,7 +138,7 @@
   z-index: 10;
   cursor: pointer;
   border-style: var(--tw-border-style);
-  border-width: var(--border-width-none, var(--border-none));
+  border-width: var(--border-width-none, var(--primitive-border-width-0));
   --tw-border-style: none;
   width: 44px;
   height: 100%;
@@ -244,13 +242,11 @@
   width: 100%;
   padding: var(--spacing-16, var(--spacing-16, 16px));
   text-align: left;
-  font-family: var(--primitive-typography-family-dm-sans);
-  font-size: var(--typography-body-lg-size);
-  font-weight: var(--typography-body-lg-weight);
-  line-height: var(--typography-body-lg-line-height);
-  letter-spacing: var(--typography-body-lg-letter-spacing);
-  font-size: var(--text-lg, 1.125rem);
-  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
+  font-family: var(--typography-input-dropdown-family);
+  font-size: var(--typography-input-dropdown-m-size);
+  font-weight: var(--typography-input-dropdown-m-weight);
+  line-height: var(--typography-input-dropdown-m-line-height);
+  letter-spacing: var(--typography-input-dropdown-m-letter-spacing);
   --tw-font-weight: var(--font-weight-normal, 400);
   font-weight: var(--font-weight-normal, 400);
   transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
@@ -312,7 +308,7 @@
   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;
-  color: var(--text-body-tertiary, var(--color-text-body-tertiary));
+  color: var(--text-body-300-tertiary, var(--color-text-body-tertiary));
   flex-shrink: 0;
   transition-duration: .2s;
   display: flex;
@@ -360,19 +356,17 @@
 .IncodeDropdownComposedSearchInput {
   box-sizing: border-box;
   border-style: var(--tw-border-style);
-  border-width: var(--border-width-none, var(--border-none));
+  border-width: var(--border-width-none, var(--primitive-border-width-0));
   --tw-border-style: none;
   width: 100%;
   padding-block: var(--spacing-8, var(--spacing-8, 8px));
   padding-right: var(--spacing-40, var(--spacing-40, 40px));
   padding-left: var(--spacing-12, var(--spacing-12, 12px));
-  font-family: var(--primitive-typography-family-dm-sans);
-  font-size: var(--typography-body-lg-size);
-  font-weight: var(--typography-body-lg-weight);
-  line-height: var(--typography-body-lg-line-height);
-  letter-spacing: var(--typography-body-lg-letter-spacing);
-  font-size: var(--text-lg, 1.125rem);
-  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
+  font-family: var(--typography-input-dropdown-family);
+  font-size: var(--typography-input-dropdown-m-size);
+  font-weight: var(--typography-input-dropdown-m-weight);
+  line-height: var(--typography-input-dropdown-m-line-height);
+  letter-spacing: var(--typography-input-dropdown-m-letter-spacing);
   --tw-font-weight: var(--font-weight-normal, 400);
   font-weight: var(--font-weight-normal, 400);
   --tw-outline-style: none;
@@ -518,7 +512,7 @@
   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-text-body-primary, var(--text-body-primary));
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
 }
 
 .IncodeCurpConfirm {
@@ -574,14 +568,14 @@
   font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
   --tw-tracking: -1px;
   letter-spacing: -1px;
-  color: var(--color-text-body-primary, var(--text-body-primary));
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
 }
 
 .IncodeCurpFailureHint {
   margin: var(--spacing-0, var(--spacing-none, 0px));
   text-align: center;
   font-size: var(--text-16, var(--primitive-typography-size-16));
-  color: var(--color-text-body-secondary, var(--text-body-secondary));
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
 }
 
 @property --tw-font-weight {

package/dist/{dateInputComposed-Badm2Tzx.js → dateInputComposed-BzMiH4hO.js}

@@ -1,6 +1,6 @@
-import { u as e, c as E } from "./incodeModule-7zNv7YeX.js";
+import { u as e, c as E } from "./incodeModule-C-yBwl3V.js";
 import { g as W, D as Z, A as $ } from "./vendor-preact-DP-hbKuj.js";
-import { E as g, S as x } from "./successIcon-BPe0Wymn.js";
+import { E as g, S as x } from "./successIcon-CMUvDv_Z.js";
 const B = ({ class: t }) => {
   const n = W();
   return /* @__PURE__ */ e(

package/dist/document-capture/styles.css

@@ -138,24 +138,24 @@
   align-items: center;
   gap: var(--spacing-16, var(--spacing-16, 16px));
   border-style: var(--tw-border-style);
-  border-width: var(--border-width-none, var(--border-none));
+  border-width: var(--border-width-none, var(--primitive-border-width-0));
   --tw-border-style: none;
   width: 100%;
   padding-inline: var(--spacing-12, var(--spacing-12, 12px));
   padding-block: var(--spacing-16, var(--spacing-16, 16px));
-  font-family: var(--primitive-typography-family-dm-sans);
+  font-family: var(--typography-headline-family);
   font-size: var(--typography-headline-h5-size);
   font-weight: var(--typography-headline-h5-weight);
   line-height: var(--typography-headline-h5-line-height);
   letter-spacing: var(--typography-headline-h5-letter-spacing);
-  color: var(--color-text-body-primary, var(--text-body-primary));
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
   background-color: #0000;
   border-style: none;
   display: flex;
 }
 
 .IncodeDocumentCaptureOverlay .IncodeDocumentCaptureBottomSheetContainer .IncodeDocumentCaptureBottomSheet .IncodeDocumentCaptureBottomSheetOptions .IncodeDocumentCaptureBottomSheetOption svg {
-  color: var(--color-text-body-primary, var(--text-body-primary));
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
   flex-shrink: 0;
 }
 
@@ -191,7 +191,7 @@
 
 .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewHeader .IncodeDocumentCaptureReviewTitle {
   text-align: center;
-  font-family: var(--primitive-typography-family-dm-sans);
+  font-family: var(--typography-headline-family);
   font-size: var(--typography-headline-h2-size);
   font-weight: var(--typography-headline-h2-weight);
   line-height: var(--typography-headline-h2-line-height);
@@ -200,12 +200,12 @@
 
 .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewHeader .IncodeDocumentCaptureReviewSubtitle {
   text-align: center;
-  font-family: var(--primitive-typography-family-dm-sans);
+  font-family: var(--typography-headline-family);
   font-size: var(--typography-headline-h5-size);
   font-weight: var(--typography-headline-h5-weight);
   line-height: var(--typography-headline-h5-line-height);
   letter-spacing: var(--typography-headline-h5-letter-spacing);
-  color: var(--color-text-body-secondary, var(--text-body-secondary));
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
 }
 
 .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview {
@@ -320,17 +320,17 @@
 
 .IncodeDocumentCapturePdfCard .IncodeDocumentCapturePdfFileName {
   text-align: center;
-  font-family: var(--primitive-typography-family-dm-sans);
+  font-family: var(--typography-headline-family);
   font-size: var(--typography-headline-h5-size);
   font-weight: var(--typography-headline-h5-weight);
   line-height: var(--typography-headline-h5-line-height);
   letter-spacing: var(--typography-headline-h5-letter-spacing);
-  color: var(--color-text-body-primary, var(--text-body-primary));
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
   overflow-wrap: break-word;
 }
 
 .IncodeModal .IncodeDocumentCommonIssuesTitle {
-  font-family: var(--primitive-typography-family-dm-sans);
+  font-family: var(--typography-headline-family);
   font-size: var(--typography-headline-h2-size);
   font-weight: var(--typography-headline-h2-weight);
   line-height: var(--typography-headline-h2-line-height);
@@ -354,7 +354,7 @@
 }
 
 .IncodeModal .IncodeDocumentCommonIssuesCards .IncodeDocumentCommonIssuesCard .IncodeDocumentCommonIssuesCardIcon {
-  color: var(--color-text-body-primary, var(--text-body-primary));
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
   flex-shrink: 0;
 }
 
@@ -365,7 +365,7 @@
 }
 
 .IncodeModal .IncodeDocumentCommonIssuesCards .IncodeDocumentCommonIssuesCard .IncodeDocumentCommonIssuesCardText .IncodeDocumentCommonIssuesCardTitle {
-  font-family: var(--primitive-typography-family-dm-sans);
+  font-family: var(--typography-headline-family);
   font-size: var(--typography-headline-h5-size);
   font-weight: var(--typography-headline-h5-weight);
   line-height: var(--typography-headline-h5-line-height);
@@ -373,12 +373,12 @@
 }
 
 .IncodeModal .IncodeDocumentCommonIssuesCards .IncodeDocumentCommonIssuesCard .IncodeDocumentCommonIssuesCardText .IncodeDocumentCommonIssuesCardBody {
-  font-family: var(--primitive-typography-family-dm-sans);
-  font-size: var(--typography-body-regular-size);
-  font-weight: var(--typography-body-regular-weight);
-  line-height: var(--typography-body-regular-line-height);
-  letter-spacing: var(--typography-body-regular-letter-spacing);
-  color: var(--color-text-body-secondary, var(--text-body-secondary));
+  font-family: var(--typography-body-family);
+  font-size: var(--typography-body-m-regular-size);
+  font-weight: var(--typography-body-m-regular-weight);
+  line-height: var(--typography-body-m-regular-line-height);
+  letter-spacing: var(--typography-body-m-regular-letter-spacing);
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
 }
 
 .IncodeModal .IncodeDocumentCommonIssuesButtons {

package/dist/{documentCapture-ChFrtfzB.js → documentCapture-BxRw-eCN.js}

@@ -1,13 +1,13 @@
-import { u as e, b as C, S as u, B as h, c as y, I as E, a as T, r as N } from "./incodeModule-7zNv7YeX.js";
+import { u as e, b as C, S as u, B as h, c as y, I as E, a as T, r as N } from "./incodeModule-C-yBwl3V.js";
 import { createDocumentCaptureManager as U } from "@incodetech/core/document-capture";
 import { A as b, q as Z, k as f, _ as r, d as _, y as k } from "./vendor-preact-DP-hbKuj.js";
 import "@incodetech/core";
-import { P as H } from "./page-Bdz8JP3P.js";
-import { S as M } from "./spinner-BknkxcID.js";
-import { C as A, a as z, b as K, c as j, d as G, P as W, L as $ } from "./captureFooter-qhkTSzDA.js";
+import { P as H } from "./page-DoaUg40Q.js";
+import { S as M } from "./spinner-EHZM4eN1.js";
+import { C as A, a as z, b as K, c as j, d as G, P as W, L as $ } from "./captureFooter-CokUs1te.js";
 import "./uiConfig-B8PUPgHY.js";
-import { E as q } from "./errorContent-BMXamgg9.js";
-import { S as J } from "./successIcon-BPe0Wymn.js";
+import { E as q } from "./errorContent-DsXEhW_F.js";
+import { S as J } from "./successIcon-CMUvDv_Z.js";
 const Q = ({ size: t = 24 }) => /* @__PURE__ */ e(
   "svg",
   {

package/dist/{dropdownComposed-DgA0fNAh.js → dropdownComposed-DEUeG49j.js}

@@ -1,8 +1,8 @@
-import { u as e, c as A } from "./incodeModule-7zNv7YeX.js";
+import { u as e, c as A } from "./incodeModule-C-yBwl3V.js";
 import { D as G, d as E, A as w, y as R } from "./vendor-preact-DP-hbKuj.js";
-import { C as ie } from "./closeIcon-B5HxSoNj.js";
-import { E as J, S as M } from "./successIcon-BPe0Wymn.js";
-import { C as pe } from "./chevronDown-BZNPUs4a.js";
+import { C as ie } from "./closeIcon-DQDl1mpN.js";
+import { E as J, S as M } from "./successIcon-CMUvDv_Z.js";
+import { C as pe } from "./chevronDown-DYJNV1QK.js";
 const ue = ({ size: r = 20 }) => /* @__PURE__ */ e(
   "svg",
   {

package/dist/ekyb/styles.css

@@ -57,12 +57,12 @@
 }
 
 .IncodeEkybPage .IncodeEkyb__sectionHeader {
-  font-family: var(--primitive-typography-family-dm-sans);
+  font-family: var(--typography-headline-family);
   font-size: var(--typography-headline-h3-size);
   font-weight: var(--typography-headline-h3-weight);
   line-height: var(--typography-headline-h3-line-height);
   letter-spacing: var(--typography-headline-h3-letter-spacing);
-  color: var(--color-text-body-primary, var(--text-body-primary));
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
   width: 100%;
   max-width: 420px;
   margin: 16px auto 0;

package/dist/{ekybModule-DexnANPQ.js → ekybModule-C3Ujm2Yw.js}

@@ -1,11 +1,11 @@
-import { b as k, u as t, I as g, a as $, S as U, B as F, r as M } from "./incodeModule-7zNv7YeX.js";
+import { b as k, u as t, I as g, a as $, S as U, B as F, r as M } from "./incodeModule-C-yBwl3V.js";
 import { SUPPORTED_COUNTRIES as I, DEV_ONLY_COUNTRIES as R, createEkybManager as D } from "@incodetech/core/ekyb";
 import { T as w, y as v, A as L, k as A } from "./vendor-preact-DP-hbKuj.js";
 import "./uiConfig-B8PUPgHY.js";
 import "@incodetech/core";
-import { F as P, V as E, u as O } from "./verificationResult-BfLzIvM8.js";
-import { P as T } from "./page-Bdz8JP3P.js";
-import { D as f, I as N } from "./dropdownComposed-DgA0fNAh.js";
+import { F as P, V as E, u as O } from "./verificationResult-7tUMuDVH.js";
+import { P as T } from "./page-DoaUg40Q.js";
+import { D as f, I as N } from "./dropdownComposed-DEUeG49j.js";
 function B(e) {
   return [...e.toUpperCase()].map((o) => String.fromCodePoint(127462 + o.charCodeAt(0) - 65)).join("");
 }

package/dist/ekyc/styles.css

@@ -57,12 +57,12 @@
 }
 
 .IncodeEkycPage .IncodeEkyc__sectionHeader {
-  font-family: var(--primitive-typography-family-dm-sans);
+  font-family: var(--typography-headline-family);
   font-size: var(--typography-headline-h3-size);
   font-weight: var(--typography-headline-h3-weight);
   line-height: var(--typography-headline-h3-line-height);
   letter-spacing: var(--typography-headline-h3-letter-spacing);
-  color: var(--color-text-body-primary, var(--text-body-primary));
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
   width: 100%;
   max-width: 420px;
   margin: 16px auto 0;
@@ -92,7 +92,7 @@
 }
 
 .IncodeEkyc__radioOption {
-  color: var(--radio-button-text-default, var(--text-body-primary, #262831));
+  color: var(--radio-button-text-default, var(--text-body-800-primary, #262831));
   cursor: pointer;
   align-items: center;
   gap: 12px;
@@ -177,7 +177,7 @@
 
 .IncodeAddressAutocomplete__suggestion {
   cursor: pointer;
-  color: var(--text-body-primary, #262831);
+  color: var(--text-body-800-primary, #262831);
   border-bottom: 1px solid var(--input-border-default, #82879a);
   padding: 12px 16px;
   font-size: 16px;

package/dist/{ekycModule-D8_or1xq.js → ekycModule-BSb0VO0K.js}

@@ -1,12 +1,12 @@
-import { u as t, b as O, I as H, a as U, S as j, B as Q, r as W } from "./incodeModule-7zNv7YeX.js";
+import { u as t, b as O, I as H, a as U, S as j, B as Q, r as W } from "./incodeModule-C-yBwl3V.js";
 import { createEkycManager as z } from "@incodetech/core/ekyc";
 import { d as w, A as x, T as R, y as F, q as M } from "./vendor-preact-DP-hbKuj.js";
 import "./uiConfig-B8PUPgHY.js";
 import "@incodetech/core";
-import { V as D, u as G, F as Y } from "./verificationResult-BfLzIvM8.js";
-import { D as J } from "./dateInputComposed-Badm2Tzx.js";
-import { I as B, D as K } from "./dropdownComposed-DgA0fNAh.js";
-import { P as X } from "./page-Bdz8JP3P.js";
+import { V as D, u as G, F as Y } from "./verificationResult-7tUMuDVH.js";
+import { D as J } from "./dateInputComposed-BzMiH4hO.js";
+import { I as B, D as K } from "./dropdownComposed-DEUeG49j.js";
+import { P as X } from "./page-DoaUg40Q.js";
 import { c as Z, g as L, p as V, A as T } from "./countries-DDCxQhGs.js";
 import { u as ee } from "./useMediaQuery-Rn91JcLv.js";
 const te = ({

package/dist/email/email.es.js

@@ -1,9 +1,9 @@
-import { u as e, S as g, r as b, I as h, a as v, B as O } from "../incodeModule-7zNv7YeX.js";
+import { u as e, S as g, r as b, I as h, a as v, B as O } from "../incodeModule-C-yBwl3V.js";
 import { createEmailManager as y } from "@incodetech/core/email";
 import { d as f, y as V, k as P } from "../vendor-preact-DP-hbKuj.js";
 import "@incodetech/core";
-import { O as k } from "../otpInput-DWZ7I1PN.js";
-import { P as E } from "../page-Bdz8JP3P.js";
+import { O as k } from "../otpInput-DTGm8I2x.js";
+import { P as E } from "../page-DoaUg40Q.js";
 const I = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, w = ({
   prefilledEmail: i,
   emailError: a,

package/dist/email/styles.css

@@ -65,7 +65,7 @@
 
 .IncodeEmailPage .IncodeEmailInputField {
   border-style: var(--tw-border-style);
-  border-width: var(--border-width-none, var(--border-none));
+  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));

package/dist/errorContent-DsXEhW_F.js

@@ -0,0 +1,43 @@
+import { b as l, u as n, S as r, B as m } from "./incodeModule-C-yBwl3V.js";
+import { A as p, y as C } from "./vendor-preact-DP-hbKuj.js";
+import { E } from "./successIcon-CMUvDv_Z.js";
+import { W as I } from "./warningIcon-m0tjjxQl.js";
+import { P as f } from "./page-DoaUg40Q.js";
+import { T as h } from "./spinner-EHZM4eN1.js";
+const x = ({
+  title: c,
+  description: s,
+  attemptsRemaining: e,
+  onButtonClick: a,
+  "data-testid": d
+}) => {
+  const { t } = l(), o = e <= 0, i = p(null);
+  return C(() => {
+    i.current?.focus();
+  }, []), /* @__PURE__ */ n("div", { class: "IncodeErrorContent", children: /* @__PURE__ */ n(f, { "data-testid": d, children: /* @__PURE__ */ n("div", { class: "IncodeErrorContentContainer", children: [
+    /* @__PURE__ */ n("div", { class: "IncodeErrorContentIconContainer", children: [
+      o ? /* @__PURE__ */ n(E, { size: 32 }) : /* @__PURE__ */ n(I, { size: 32 }),
+      /* @__PURE__ */ n(r, { size: 16 }),
+      /* @__PURE__ */ n(
+        h,
+        {
+          ref: i,
+          id: "error-content-title",
+          tabIndex: -1,
+          className: "IncodeErrorContentTitle",
+          children: c
+        }
+      ),
+      /* @__PURE__ */ n(r, { size: 12 }),
+      /* @__PURE__ */ n("p", { class: "IncodeErrorContentDescription", children: s })
+    ] }),
+    /* @__PURE__ */ n("div", { class: "IncodeErrorContentAttemptsContainer", children: [
+      /* @__PURE__ */ n("p", { class: "IncodeErrorContentAttemptsText", children: o ? t("notifications.noAttemptsRemaining") : t("common.attemptsRemaining", { count: e }) }),
+      /* @__PURE__ */ n(r, { size: 24 }),
+      /* @__PURE__ */ n(m, { onClick: a, children: t(o ? "common.continue" : "common.tryAgain") })
+    ] })
+  ] }) }) });
+};
+export {
+  x as E
+};

package/dist/face-match/styles.css

@@ -307,7 +307,7 @@
   background: var(--surface-neutral-50);
   border: 1px solid var(--border-neutral-300);
   height: 44px;
-  color: var(--text-body-primary);
+  color: var(--text-body-800-primary);
   text-align: center;
   border-radius: 12px;
   padding: 0 20px;
@@ -349,7 +349,7 @@
   line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
   --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
   font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
-  color: var(--text-body-primary);
+  color: var(--text-body-800-primary);
   line-height: 125%;
 }
 
@@ -597,7 +597,7 @@
   line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
   --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
   font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
-  color: var(--text-body-primary);
+  color: var(--text-body-800-primary);
   animation: fadeInTitle var(--transition-duration, .25s) linear forwards;
   animation-delay: calc(var(--animation-delay, 2.85s)  + var(--animation-duration, .8s)  + var(--transition-delay, .2s));
   opacity: 0;