@incodetech/web 0.0.0-dev-20260312-e476b70 → 0.0.0-dev-20260313-d658d3a

package/dist/geolocation/geolocation.es.js

@@ -3,7 +3,7 @@ import { createGeolocationManager as H } from "@incodetech/core/geolocation";
 import { k as P, y as O } from "../vendor-preact-DP-hbKuj.js";
 import { getBrowser as F, getDeviceClass as A } from "@incodetech/core";
 import "../uiConfig-B8PUPgHY.js";
-import { P as G } from "../page-Bdz8JP3P.js";
+import { P as G } from "../page-DoIWDQTP.js";
 import { T as x } from "../Trans-BnPbhF6c.js";
 const V = () => /* @__PURE__ */ e(
   "svg",
@@ -62,7 +62,7 @@ const V = () => /* @__PURE__ */ e(
         "path",
         {
           d: "M171.417 46.5C146.334 46.5 126 66.8379 126 91.9252C126 117.013 171.417 189.109 171.417 189.109C171.417 189.109 216.834 117.014 216.834 91.9252C216.834 66.8363 196.499 46.5 171.417 46.5ZM171.417 111.788C160.449 111.788 151.558 102.895 151.558 91.9252C151.558 80.9552 160.449 72.0623 171.417 72.0623C182.385 72.0623 191.276 80.9552 191.276 91.9252C191.276 102.895 182.385 111.788 171.417 111.788Z",
-          fill: "var(--icon-brand-500)"
+          fill: "var(--icon-brand-500-static)"
         }
       ),
       /* @__PURE__ */ e("defs", { children: [
@@ -152,8 +152,8 @@ const V = () => /* @__PURE__ */ e(
             y2: "178.948",
             gradientUnits: "userSpaceOnUse",
             children: [
-              /* @__PURE__ */ e("stop", { stopColor: "var(--icon-brand-500)", stopOpacity: "0.15" }),
-              /* @__PURE__ */ e("stop", { offset: "1", stopColor: "var(--icon-brand-500)" })
+              /* @__PURE__ */ e("stop", { stopColor: "var(--icon-brand-500-static)", stopOpacity: "0.15" }),
+              /* @__PURE__ */ e("stop", { offset: "1", stopColor: "var(--icon-brand-500-static)" })
             ]
           }
         ),
@@ -527,7 +527,7 @@ const V = () => /* @__PURE__ */ e(
       { textKey: "geolocationv2.tapLocationAllow", icon: w }
     ]
   }
-], c = [
+], l = [
   {
     titleKey: "",
     steps: [
@@ -578,13 +578,13 @@ const V = () => /* @__PURE__ */ e(
   }
 ], J = {
   safari: W,
-  chrome: c,
+  chrome: l,
   firefox: z,
   opera: j,
-  edge: c,
-  other: c
+  edge: l,
+  other: l
 }, Q = () => {
-  const i = J[F()] ?? c;
+  const i = J[F()] ?? l;
   return /* @__PURE__ */ e("div", { class: "IncodeGeolocationPermissionSections", children: i.map((t) => /* @__PURE__ */ e(
     "div",
     {
@@ -630,17 +630,17 @@ const V = () => /* @__PURE__ */ e(
   onContinue: n,
   isLoading: o
 }) => {
-  const { t: l } = Z();
+  const { t: c } = Z();
   return /* @__PURE__ */ e(G, { className: "IncodeGeolocationPage", title: t, subtitle: C, children: [
     /* @__PURE__ */ e("div", { class: "IncodeGeolocationIconWrapper", children: /* @__PURE__ */ e(i, {}) }),
-    /* @__PURE__ */ e(M, { isLoading: o, onClick: n, children: l("geolocation.continue") })
+    /* @__PURE__ */ e(M, { isLoading: o, onClick: n, children: c("geolocation.continue") })
   ] });
 }, Y = ({
   config: i,
   onFinish: t,
   onError: C
 }) => {
-  const { t: n } = Z(), [o, l] = I(() => {
+  const { t: n } = Z(), [o, c] = I(() => {
     if (!i)
       throw new Error("Geolocation config is required");
     return H({ config: i });
@@ -654,7 +654,7 @@ const V = () => /* @__PURE__ */ e(
     {
       icon: D,
       title: n("geolocationv2.determineLocation"),
-      onContinue: () => l.request(),
+      onContinue: () => c.request(),
       isLoading: E
     }
   ) : o.status === "locationAcquired" ? /* @__PURE__ */ e(
@@ -663,13 +663,13 @@ const V = () => /* @__PURE__ */ e(
       icon: V,
       title: n("geolocation.currentLocation"),
       subtitle: o.location,
-      onContinue: () => l.continue()
+      onContinue: () => c.continue()
     }
   ) : o.status === "permissionDenied" ? /* @__PURE__ */ e(
     X,
     {
       canSkip: o.canSkip,
-      onSkip: () => l.skip(),
+      onSkip: () => c.skip(),
       onRefresh: () => window.location.reload()
     }
   ) : (o.status === "finished" && t?.(), null);

package/dist/geolocation/styles.css

@@ -61,12 +61,12 @@
 
 .IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionSectionTitle {
   margin: var(--spacing-0, var(--spacing-none, 0px));
-  font-family: var(--primitive-typography-family-dm-sans);
+  font-family: var(--typography-headline-family);
   font-size: var(--typography-headline-h4-size);
   font-weight: var(--typography-headline-h4-weight);
   line-height: var(--typography-headline-h4-line-height);
   letter-spacing: var(--typography-headline-h4-letter-spacing);
-  color: var(--color-text-body-primary, var(--text-body-primary));
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
 }
 
 .IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepsList {
@@ -117,13 +117,13 @@
   line-height: var(--leading-snug, 1.375);
   --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-secondary, var(--text-body-secondary));
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
 }
 
 .IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepTextBold {
   --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(--color-text-body-primary, var(--text-body-primary));
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
 }
 
 .IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionArrow {

package/dist/governmentValidation/governmentValidation.es.js

@@ -3,10 +3,10 @@ import { createGovernmentValidationManager as h } from "@incodetech/core/governm
 import "../vendor-preact-DP-hbKuj.js";
 import "@incodetech/core";
 import "../uiConfig-B8PUPgHY.js";
-import { S as c, E as I } from "../successIcon-BPe0Wymn.js";
+import { S as c, E as I } from "../successIcon-mP1PQQrr.js";
 import { W as V } from "../warningIcon-C9TCAUlH.js";
 import { O as G } from "../otpInput-DWZ7I1PN.js";
-import { P as r } from "../page-Bdz8JP3P.js";
+import { P as r } from "../page-DoIWDQTP.js";
 import { S } from "../spinner-BknkxcID.js";
 const o = ({
   variant: i,

package/dist/governmentValidation/styles.css

@@ -31,7 +31,7 @@
 
 .IncodeGovtValidation .IncodeGovtValidationText {
   margin-top: var(--spacing-12, var(--spacing-12, 12px));
-  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);
@@ -49,13 +49,11 @@
 }
 
 .IncodeGovtValidation.IncodeGovtValidation--otp .IncodeGovtValidationPage .IncodeGovtValidationOtpInstructions p {
-  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);
   text-wrap: nowrap;
 }
 

package/dist/id/id.es.js

@@ -2,11 +2,11 @@ import { u as e, b as C, S as p, B, c as w, r as z, I as N, a as O } from "../in
 import { createIdCaptureManager as G } from "@incodetech/core/id";
 import { d as m, y as v, k as K, D as Q, A as Z, q as $ } from "../vendor-preact-DP-hbKuj.js";
 import "@incodetech/core";
-import { L as E, B as j, P as q } from "../baseTutorial-By7hI83C.js";
+import { L as E, B as j, P as q } from "../baseTutorial-g5NWjgBD.js";
 import { P as W } from "../processing-D6kl543t.js";
 import "../uiConfig-B8PUPgHY.js";
 import { L as J, P as X, a as Y, b as e1, c as t1, C as i1, d as n1 } from "../captureFooter-qhkTSzDA.js";
-import { P as M } from "../page-Bdz8JP3P.js";
+import { P as M } from "../page-DoIWDQTP.js";
 import { T as H, S as D } from "../spinner-BknkxcID.js";
 const r1 = ({ className: n }) => /* @__PURE__ */ e(
   "svg",

package/dist/id/styles.css

@@ -658,9 +658,9 @@
   padding: var(--spacing-0, var(--spacing-none, 0px));
   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;
-  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;
   justify-content: center;
@@ -682,7 +682,7 @@
 }
 
 .IncodeCommonIssuesModal .IncodeCommonIssuesContent .IncodeCommonIssuesTitle {
-  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);
@@ -705,7 +705,7 @@
 }
 
 .IncodeCommonIssuesModal .IncodeCommonIssuesContent .IncodeCommonIssuesCardIcon {
-  color: var(--color-text-body-primary, var(--text-body-primary));
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
   flex-shrink: 0;
 }
 
@@ -716,7 +716,7 @@
 }
 
 .IncodeCommonIssuesModal .IncodeCommonIssuesContent .IncodeCommonIssuesCardTitle {
-  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);
@@ -724,12 +724,12 @@
 }
 
 .IncodeCommonIssuesModal .IncodeCommonIssuesContent .IncodeCommonIssuesCardBody {
-  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));
 }
 
 .IncodeCommonIssuesModal .IncodeCommonIssuesContent .IncodeCommonIssuesButtons {
@@ -741,7 +741,7 @@
 }
 
 .IncodeCommonIssuesModal .IncodeCommonIssuesContent .IncodeCommonIssuesTakeManually {
-  color: var(--color-text-body-primary, var(--text-body-primary));
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
 }
 
 .IncodeCommonIssuesModal .IncodeCommonIssuesContent .IncodeCommonIssuesTryAgain {
@@ -838,21 +838,21 @@
 }
 
 .IncodeChooserPage .IncodeChooserContainer .IncodeChooserButton .IncodeChooserButtonContent .IncodeChooserButtonTitle {
-  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));
 }
 
 .IncodeChooserPage .IncodeChooserContainer .IncodeChooserButton .IncodeChooserButtonContent .IncodeChooserButtonDescription {
-  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));
   max-width: 150px;
 }
 
@@ -867,7 +867,7 @@
 
 .IncodeCaptureFrame {
   border-radius: var(--radius-medium, var(--border-radius-medium));
-  --frame-border-color: var(--border-neutral-0);
+  --frame-border-color: var(--border-neutral-100);
   border: 4px solid var(--frame-border-color);
   justify-content: center;
   align-self: center;
@@ -894,7 +894,7 @@
 }
 
 .IncodeCaptureFrame.IncodeCaptureFrameIdle {
-  --frame-border-color: var(--border-neutral-0);
+  --frame-border-color: var(--border-neutral-100);
 }
 
 .IncodeCaptureFrame.IncodeCaptureFrameCapturing, .IncodeCaptureFrame.IncodeCaptureFrameFocus {
@@ -902,7 +902,7 @@
 }
 
 .IncodeCaptureFrame.IncodeCaptureFrameAnalyzing, .IncodeCaptureFrame.IncodeCaptureFrameSuccess {
-  --frame-border-color: var(--border-status-positive);
+  --frame-border-color: var(--border-status-positive-static);
 }
 
 .IncodeCaptureFrame.IncodeCaptureFrameError {
@@ -1034,13 +1034,13 @@
 
 .IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList li {
   margin: var(--spacing-0, var(--spacing-none, 0px));
-  font-family: var(--primitive-typography-family-dm-sans);
-  font-size: var(--typography-tooltip-size);
-  font-weight: var(--typography-tooltip-weight);
-  line-height: var(--typography-tooltip-line-height);
-  letter-spacing: var(--typography-tooltip-letter-spacing);
+  font-family: var(--typography-tooltip-family);
+  font-size: var(--typography-tooltip-m-size);
+  font-weight: var(--typography-tooltip-m-weight);
+  line-height: var(--typography-tooltip-m-line-height);
+  letter-spacing: var(--typography-tooltip-m-letter-spacing);
   text-wrap: nowrap;
-  color: var(--color-text-tooltip-neutral, var(--text-tooltip-neutral));
+  color: var(--color-text-body-0-static, var(--text-body-0-static));
 }
 
 .IncodeCaptureOverlayId.IncodeCaptureOverlayVertical .IncodeCaptureTopSection {
@@ -1094,13 +1094,13 @@
 
 .IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList li {
   margin: var(--spacing-0, var(--spacing-none, 0px));
-  font-family: var(--primitive-typography-family-dm-sans);
-  font-size: var(--typography-tooltip-size);
-  font-weight: var(--typography-tooltip-weight);
-  line-height: var(--typography-tooltip-line-height);
-  letter-spacing: var(--typography-tooltip-letter-spacing);
+  font-family: var(--typography-tooltip-family);
+  font-size: var(--typography-tooltip-m-size);
+  font-weight: var(--typography-tooltip-m-weight);
+  line-height: var(--typography-tooltip-m-line-height);
+  letter-spacing: var(--typography-tooltip-m-letter-spacing);
   text-wrap: nowrap;
-  color: var(--color-text-tooltip-neutral, var(--text-tooltip-neutral));
+  color: var(--color-text-body-0-static, var(--text-body-0-static));
 }
 
 .IncodeIdManualCaptureButton .IncodeIdManualCaptureButtonContent .IncodeIdManualCaptureButtonButton svg {
@@ -1250,13 +1250,13 @@
   align-items: center;
   gap: var(--spacing-4, var(--spacing-4, 4px));
   padding-bottom: var(--spacing-12, var(--spacing-12, 12px));
-  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);
+  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);
   white-space: nowrap;
-  color: var(--color-text-body-primary, var(--text-body-primary));
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
   display: flex;
 }
 
@@ -1271,12 +1271,12 @@
 }
 
 .IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeAnalyzingTitle {
-  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);
   letter-spacing: var(--typography-headline-h2-letter-spacing);
-  color: var(--color-text-body-primary, var(--text-body-primary));
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
   text-align: center;
 }
 
@@ -1292,22 +1292,22 @@
 }
 
 .IncodeIdProcessingLayout .IncodeIdProcessingResultTitle {
-  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);
   letter-spacing: var(--typography-headline-h2-letter-spacing);
-  color: var(--color-text-body-primary, var(--text-body-primary));
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
   text-align: center;
 }
 
 .IncodeIdProcessingLayout .IncodeIdProcessingResultSubtitle {
-  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));
   text-align: center;
   max-width: 300px;
 }
@@ -1323,12 +1323,12 @@
 .IncodeIdProcessingLayout .IncodeIdProcessingResultAttempts {
   padding-block: var(--spacing-12, var(--spacing-12, 12px));
   text-align: center;
-  font-family: var(--primitive-typography-family-dm-sans);
+  font-family: var(--typography-headline-family);
   font-size: var(--typography-headline-h4-size);
   font-weight: var(--typography-headline-h4-weight);
   line-height: var(--typography-headline-h4-line-height);
   letter-spacing: var(--typography-headline-h4-letter-spacing);
-  color: var(--color-text-body-secondary, var(--text-body-secondary));
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
 }
 
 .IncodeIdError {
@@ -1372,14 +1372,14 @@
 
 .IncodeIdExpiredTitle {
   text-align: center;
-  color: var(--color-text-body-primary, var(--text-body-primary));
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
 }
 
 .IncodeIdExpiredSubtitle {
   font-size: var(--text-14, var(--primitive-typography-size-14));
   --tw-font-weight: var(--font-weight-normal, 400);
   font-weight: var(--font-weight-normal, 400);
-  color: var(--color-text-body-secondary, var(--text-body-secondary));
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
   text-align: center;
   max-width: 350px;
 }
@@ -1433,7 +1433,7 @@
 }
 
 .IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationTitle {
-  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);
@@ -1441,12 +1441,12 @@
 }
 
 .IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationDescription {
-  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-tertiary, var(--text-body-tertiary));
+  color: var(--color-text-body-tertiary, var(--text-body-300-tertiary));
 }
 
 .IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationAnimation {

package/dist/{page-Bdz8JP3P.js → page-DoIWDQTP.js}

@@ -61,63 +61,63 @@ const Z = () => /* @__PURE__ */ C(
         "path",
         {
           d: "M67.0422 14.1613L68.3952 11.1253H68.0762L65.8872 6.19727H67.0752L68.8132 10.2233L70.5622 6.19727H71.7172L68.1972 14.1613H67.0422Z",
-          fill: "var(--text-body-secondary)"
+          fill: "var(--text-body-500-secondary)"
         }
       ),
       /* @__PURE__ */ C(
         "path",
         {
           d: "M63.0542 11.8733C62.7536 11.8733 62.4786 11.8293 62.2292 11.7413C61.9872 11.6606 61.7746 11.547 61.5912 11.4003C61.4079 11.2536 61.2539 11.085 61.1292 10.8943L61.0192 11.7413H60.0292V3.82129H61.1292V7.06629C61.3052 6.78762 61.5509 6.55296 61.8662 6.36229C62.1889 6.16429 62.5849 6.06529 63.0542 6.06529C63.5822 6.06529 64.0479 6.19362 64.4512 6.45029C64.8546 6.69962 65.1662 7.04429 65.3862 7.48429C65.6136 7.91696 65.7272 8.41562 65.7272 8.98029C65.7272 9.53029 65.6136 10.0253 65.3862 10.4653C65.1662 10.9053 64.8546 11.25 64.4512 11.4993C64.0479 11.7486 63.5822 11.8733 63.0542 11.8733ZM62.8782 10.9163C63.2156 10.9163 63.5126 10.8356 63.7692 10.6743C64.0332 10.513 64.2386 10.2856 64.3852 9.99229C64.5392 9.69896 64.6162 9.35796 64.6162 8.96929C64.6162 8.58062 64.5392 8.24329 64.3852 7.95729C64.2386 7.66396 64.0332 7.43662 63.7692 7.27529C63.5126 7.10662 63.2156 7.02229 62.8782 7.02229C62.5336 7.02229 62.2292 7.10662 61.9652 7.27529C61.7086 7.43662 61.5069 7.66396 61.3602 7.95729C61.2136 8.24329 61.1402 8.58062 61.1402 8.96929C61.1402 9.35796 61.2136 9.69896 61.3602 9.99229C61.5069 10.2856 61.7086 10.513 61.9652 10.6743C61.2292 10.8356 62.5336 10.9163 62.8782 10.9163Z",
-          fill: "var(--text-body-secondary)"
+          fill: "var(--text-body-500-secondary)"
         }
       ),
       /* @__PURE__ */ C(
         "path",
         {
           d: "M52.9768 11.8733C52.4488 11.8733 51.9831 11.7486 51.5798 11.4993C51.1764 11.2426 50.8611 10.898 50.6338 10.4653C50.4138 10.0253 50.3038 9.52662 50.3038 8.96929C50.3038 8.40462 50.4138 7.90596 50.6338 7.47329C50.8611 7.04062 51.1764 6.69962 51.5798 6.45029C51.9904 6.19362 52.4598 6.06529 52.9878 6.06529C53.4204 6.06529 53.8018 6.15329 54.1318 6.32929C54.4618 6.49796 54.7184 6.73996 54.9018 7.05529V3.82129H56.0018V11.7413H55.0118L54.9018 10.8833C54.7918 11.052 54.6488 11.2133 54.4728 11.3673C54.2968 11.514 54.0841 11.635 53.8348 11.7303C53.5854 11.8256 53.2994 11.8733 52.9768 11.8733ZM53.1528 10.9163C53.4974 10.9163 53.8018 10.8356 54.0658 10.6743C54.3298 10.513 54.5314 10.2856 54.6708 9.99229C54.8174 9.69896 54.8908 9.35796 54.8908 8.96929C54.8908 8.58062 54.8174 8.24329 54.6708 7.95729C54.5314 7.66396 54.3298 7.43662 54.0658 7.27529C53.8018 7.10662 53.4974 7.02229 53.1528 7.02229C52.8228 7.02229 52.5258 7.10662 52.2618 7.27529C51.9978 7.43662 51.7924 7.66396 51.6458 7.95729C51.4991 8.24329 51.4258 8.58062 51.4258 8.96929C51.4258 9.35796 51.4991 9.69896 51.6458 9.99229C51.7924 10.2856 51.9978 10.513 52.2618 10.6743C52.5258 10.8356 52.8228 10.9163 53.1528 10.9163Z",
-          fill: "var(--text-body-secondary)"
+          fill: "var(--text-body-500-secondary)"
         }
       ),
       /* @__PURE__ */ C(
         "path",
         {
           d: "M46.7962 11.8734C46.2682 11.8734 45.7989 11.7524 45.3882 11.5104C44.9776 11.2684 44.6549 10.9311 44.4202 10.4984C44.1929 10.0658 44.0792 9.56343 44.0792 8.99143C44.0792 8.40476 44.1929 7.8951 44.4202 7.46243C44.6549 7.02243 44.9776 6.68143 45.3882 6.43943C45.7989 6.1901 46.2756 6.06543 46.8182 6.06543C47.3609 6.06543 47.8266 6.18643 48.2152 6.42843C48.6039 6.67043 48.9046 6.9931 49.1172 7.39643C49.3299 7.79243 49.4362 8.23243 49.4362 8.71643C49.4362 8.78976 49.4326 8.87043 49.4252 8.95843C49.4252 9.0391 49.4216 9.13076 49.4142 9.23343H44.8822V8.45243H48.3362C48.3142 7.99043 48.1602 7.6311 47.8742 7.37443C47.5882 7.11043 47.2326 6.97843 46.8072 6.97843C46.5066 6.97843 46.2316 7.0481 45.9822 7.18743C45.7329 7.31943 45.5312 7.51743 45.3772 7.78143C45.2306 8.0381 45.1572 8.36443 45.1572 8.76043V9.06843C45.1572 9.4791 45.2306 9.82743 45.3772 10.1134C45.5312 10.3921 45.7329 10.6048 45.9822 10.7514C46.2316 10.8908 46.5029 10.9604 46.7962 10.9604C47.1482 10.9604 47.4379 10.8834 47.6652 10.7294C47.8926 10.5754 48.0612 10.3664 48.1712 10.1024H49.2712C49.1759 10.4398 49.0146 10.7441 48.7872 11.0154C48.5599 11.2794 48.2776 11.4884 47.9402 11.6424C47.6102 11.7964 47.2289 11.8734 46.7962 11.8734Z",
-          fill: "var(--text-body-secondary)"
+          fill: "var(--text-body-500-secondary)"
         }
       ),
       /* @__PURE__ */ C(
         "path",
         {
           d: "M38.3714 11.7413V7.13229H37.5574V6.19729H38.3714V5.44929C38.3714 5.06796 38.4337 4.75629 38.5584 4.51429C38.6904 4.27229 38.881 4.09629 39.1304 3.98629C39.3797 3.87629 39.6804 3.82129 40.0324 3.82129H40.6044V4.75629H40.2084C39.9444 4.75629 39.7537 4.81129 39.6364 4.92129C39.5264 5.02396 39.4714 5.20729 39.4714 5.47129V6.19729H42.8484V11.7413H41.7484V7.13229H39.4714V11.7413H38.3714ZM42.3094 5.24029C42.104 5.24029 41.9317 5.17429 41.7924 5.04229C41.653 4.91029 41.5834 4.74162 41.5834 4.53629C41.5834 4.33829 41.653 4.17696 41.7924 4.05229C41.9317 3.92029 42.104 3.85429 42.3094 3.85429C42.522 3.85429 42.6944 3.92029 42.8264 4.05229C42.9657 4.17696 43.0354 4.33829 43.0354 4.53629C43.0354 4.74162 42.9657 4.91029 42.8264 5.04229C42.6944 5.17429 42.522 5.24029 42.3094 5.24029Z",
-          fill: "var(--text-body-secondary)"
+          fill: "var(--text-body-500-secondary)"
         }
       ),
       /* @__PURE__ */ C(
         "path",
         {
           d: "M35.547 11.7416V6.1976H36.647V11.7416H35.547ZM36.108 5.1526C35.8953 5.1526 35.7193 5.0866 35.58 4.9546C35.448 4.8226 35.382 4.65393 35.382 4.4486C35.382 4.2506 35.448 4.08927 35.58 3.9646C35.7193 3.8326 35.8953 3.7666 36.108 3.7666C36.3133 3.7666 36.4856 3.8326 36.625 3.9646C36.7643 4.08927 36.834 4.2506 36.834 4.4486C36.834 4.65393 36.7643 4.8226 36.625 4.9546C36.4856 5.0866 36.3133 5.1526 36.108 5.1526Z",
-          fill: "var(--text-body-secondary)"
+          fill: "var(--text-body-500-secondary)"
         }
       ),
       /* @__PURE__ */ C(
         "path",
         {
           d: "M31.4153 11.7414V6.19743H32.4053L32.5043 7.24243C32.6289 6.9931 32.7903 6.7841 32.9883 6.61543C33.1863 6.43943 33.4173 6.30376 33.6813 6.20843C33.9526 6.1131 34.2606 6.06543 34.6053 6.06543V7.23143H34.2093C33.9819 7.23143 33.7656 7.26076 33.5603 7.31943C33.3549 7.37076 33.1716 7.46243 33.0103 7.59443C32.8563 7.72643 32.7353 7.9061 32.6473 8.13343C32.5593 8.36076 32.5153 8.6431 32.5153 8.98043V11.7414H31.4153Z",
-          fill: "var(--text-body-secondary)"
+          fill: "var(--text-body-500-secondary)"
         }
       ),
       /* @__PURE__ */ C(
         "path",
         {
           d: "M27.6988 11.8734C27.1708 11.8734 26.7015 11.7524 26.2908 11.5104C25.8801 11.2684 25.5575 10.9311 25.3228 10.4984C25.0955 10.0658 24.9818 9.56343 24.9818 8.99143C24.9818 8.40476 25.0955 7.8951 25.3228 7.46243C25.5575 7.02243 25.8801 6.68143 26.2908 6.43943C26.7015 6.1901 27.1781 6.06543 27.7208 6.06543C28.2635 6.06543 28.7291 6.18643 29.1178 6.42843C29.5065 6.67043 29.8071 6.9931 30.0198 7.39643C30.2325 7.79243 30.3388 8.23243 30.3388 8.71643C30.3388 8.78976 30.3351 8.87043 30.3278 8.95843C30.3278 9.0391 30.3241 9.13076 30.3168 9.23343H25.7848V8.45243H29.2388C29.2168 7.99043 29.0628 7.6311 28.7768 7.37443C28.4908 7.11043 28.1351 6.97843 27.7098 6.97843C27.4091 6.97843 27.1341 7.0481 26.8848 7.18743C26.6355 7.31943 26.4338 7.51743 26.2798 7.78143C26.1331 8.0381 26.0598 8.36443 26.0598 8.76043V9.06843C26.0598 9.4791 26.1331 9.82743 26.2798 10.1134C26.4338 10.3921 26.6355 10.6048 26.8848 10.7514C27.1341 10.8908 27.4055 10.9604 27.6988 10.9604C28.0508 10.9604 28.3405 10.8834 28.5678 10.7294C28.7951 10.5754 28.9638 10.3664 29.0738 10.1024H30.1738C30.0785 10.4398 29.9171 10.7441 29.6898 11.0154C29.4625 11.2794 29.1801 11.4884 28.8428 11.6424C28.5128 11.7964 28.1315 11.8734 27.6988 11.8734Z",
-          fill: "var(--text-body-secondary)"
+          fill: "var(--text-body-500-secondary)"
         }
       ),
       /* @__PURE__ */ C(
         "path",
         {
           d: "M21.2482 11.7413L19.1692 6.19727H20.3242L21.8972 10.6853L23.4812 6.19727H24.6142L22.5462 11.7413H21.2482Z",
-          fill: "var(--text-body-secondary)"
+          fill: "var(--text-body-500-secondary)"
         }
       ),
       /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", { id: "clip0_3596_4926", children: /* @__PURE__ */ C(

package/dist/phone/phone.es.js

@@ -3,7 +3,7 @@ import { createPhoneManager as M } from "@incodetech/core/phone";
 import { d as P, A as T, y as w, k } from "../vendor-preact-DP-hbKuj.js";
 import "@incodetech/core";
 import { O as G } from "../otpInput-DWZ7I1PN.js";
-import { P as D } from "../page-Bdz8JP3P.js";
+import { P as D } from "../page-DoIWDQTP.js";
 import { g as $, c as b, p as N, A as V } from "../countries-DDCxQhGs.js";
 import { C as U } from "../chevronDown-BZNPUs4a.js";
 const j = ({

package/dist/phone/styles.css

@@ -92,12 +92,12 @@
   padding-left: var(--spacing-16, var(--spacing-16, 16px));
   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;
   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-primary));
+  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;
@@ -129,7 +129,7 @@
   --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-primary));
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
 }
 
 .IncodePhonePage .IncodePhoneCountryArrow {
@@ -181,9 +181,9 @@
   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-primary));
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
   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;
   text-align: left;
   background-color: #0000;
@@ -209,21 +209,21 @@
 .IncodePhonePage .IncodePhoneCountryOptionCode {
   min-width: 52px;
   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));
 }
 
 .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-primary));
+  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(--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/selfie/selfie.es.js

@@ -2,9 +2,9 @@ import { r as u, u as r, I as o, a } from "../incodeModule-7zNv7YeX.js";
 import { createSelfieManager as l } from "@incodetech/core/selfie";
 import "../vendor-preact-DP-hbKuj.js";
 import "@incodetech/core";
-import { P as m } from "../baseTutorial-By7hI83C.js";
+import { P as m } from "../baseTutorial-g5NWjgBD.js";
 import { P as f } from "../processing-D6kl543t.js";
-import { T as p, C as c } from "../tutorial-CJs2GHe1.js";
+import { T as p, C as c } from "../tutorial-Ct-q8YeM.js";
 const d = ({
   config: e,
   onFinish: i,