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

package/dist/phone/phone.es.js

@@ -1,11 +1,11 @@
-import { u as n, S, r as R, I as W, a as F, B as L } from "../incodeModule-7zNv7YeX.js";
+import { u as n, S, r as R, I as W, a as F, B as L } from "../incodeModule-C-yBwl3V.js";
 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 { O as G } from "../otpInput-DTGm8I2x.js";
+import { P as D } from "../page-DoaUg40Q.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";
+import { C as U } from "../chevronDown-DYJNV1QK.js";
 const j = ({
   countryCode: i,
   prefilledPhone: d,

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/{processing-D6kl543t.js → processing-BIuFpDjr.js}

@@ -1,5 +1,5 @@
-import { b as i, u as t } from "./incodeModule-7zNv7YeX.js";
-import { S as e } from "./spinner-BknkxcID.js";
+import { b as i, u as t } from "./incodeModule-C-yBwl3V.js";
+import { S as e } from "./spinner-EHZM4eN1.js";
 import "./uiConfig-B8PUPgHY.js";
 import "./vendor-preact-DP-hbKuj.js";
 const s = () => {

package/dist/selfie/selfie.es.js

@@ -1,16 +1,16 @@
-import { r as u, u as r, I as o, a } from "../incodeModule-7zNv7YeX.js";
+import { r as a, u as r, I as o, a as u } from "../incodeModule-C-yBwl3V.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 f } from "../processing-D6kl543t.js";
-import { T as p, C as c } from "../tutorial-CJs2GHe1.js";
+import { P as m } from "../baseTutorial-DmtD23I-.js";
+import { P as f } from "../processing-BIuFpDjr.js";
+import { T as p, C as c } from "../tutorial-DkmCNA8p.js";
 const d = ({
   config: e,
   onFinish: i,
   onError: s
 }) => {
-  const [t, n] = a(() => l({ config: e }));
+  const [t, n] = u(() => l({ config: e }));
   return t.status === "idle" || t.status === "loading" ? null : t.status === "tutorial" ? /* @__PURE__ */ r(p, { manager: n }) : t.status === "permissions" ? /* @__PURE__ */ r(
     m,
     {
@@ -18,8 +18,15 @@ const d = ({
       permissionStatus: t.permissionStatus
     }
   ) : t.status === "capture" ? /* @__PURE__ */ r(c, { manager: n, state: t }) : t.status === "processing" ? /* @__PURE__ */ r(f, {}) : t.status === "finished" ? (i?.(), null) : t.status === "closed" ? (s?.(void 0), null) : (t.status === "error" && s?.(t.error), null);
-}, g = ({ config: e, onFinish: i, onError: s }) => /* @__PURE__ */ r(o, { children: e ? /* @__PURE__ */ r(d, { config: e, onFinish: i, onError: s }) : null });
-u(g, "incode-selfie");
+}, g = ({ config: e, onFinish: i, onError: s }) => /* @__PURE__ */ r(o, { children: /* @__PURE__ */ r("main", { class: "IncodeSelfieMain", children: e ? /* @__PURE__ */ r(
+  d,
+  {
+    config: e,
+    onFinish: i,
+    onError: s
+  }
+) : null }) });
+a(g, "incode-selfie");
 export {
   g as Selfie
 };

package/dist/selfie/styles.css

@@ -172,6 +172,11 @@
   }
 }
 
+.IncodeSelfieMain {
+  width: 100%;
+  height: 100%;
+}
+
 .IncodeCameraButton {
   justify-content: center;
   align-items: center;
@@ -179,7 +184,7 @@
 }
 
 .IncodeCameraButton .IncodeCameraButtonPath {
-  fill: var(--color-border-brand-500, var(--border-brand-500-static));
+  fill: var(--color-border-brand-500, var(--border-brand-500));
 }
 
 .IncodeCameraButton .IncodeCameraButtonBackground {
@@ -244,14 +249,32 @@
   transform: scaleX(-1);
 }
 
-.IncodeCaptureUploadingPage .IncodeCaptureUploadingContainer {
+.IncodeCaptureCapturingPage .IncodeCaptureCapturingActions {
+  justify-content: center;
+  margin-top: auto;
+  display: flex;
+}
+
+.IncodeCaptureVisuallyHidden {
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border-width: 0;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  position: absolute;
+  overflow: hidden;
+}
+
+.IncodeCaptureStatusPage .IncodeCaptureStatusContainer {
   flex-direction: column;
   flex: 1;
-  animation: .4s ease-out fadeInScale;
+  align-items: center;
   display: flex;
 }
 
-.IncodeCaptureUploadingPage .IncodeCaptureUploadingTitle {
+.IncodeCaptureStatusPage .IncodeCaptureStatusTitle {
   text-align: center;
   font-size: var(--text-2xl, 1.5rem);
   line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
@@ -261,15 +284,11 @@
   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));
-}
-
-.IncodeCaptureUploadingPage .IncodeCaptureUploadingPrimaryIcon {
-  fill: var(--color-spinner-surface-primary, var(--spinner-surface-primary));
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
 }
 
-.IncodeCaptureUploadingPage .IncodeCaptureUploadingSecondaryIcon {
-  fill: var(--color-spinner-surface-secondary, var(--spinner-surface-secondary));
+.IncodeCaptureStatusPage.IncodeCaptureStatusUploading .IncodeCaptureStatusContainer {
+  animation: .4s ease-out fadeInScale;
 }
 
 @keyframes fadeInScale {
@@ -284,13 +303,6 @@
   }
 }
 
-.IncodeCaptureSuccessPage .IncodeCaptureSuccessContainer {
-  flex-direction: column;
-  flex: 1;
-  align-items: center;
-  display: flex;
-}
-
 .IncodeFaceOutline {
   height: 100%;
 }
@@ -326,7 +338,7 @@
   --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
   line-height: 1.14;
   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));
 }
 
 .IncodeManualCaptureButtonButton {
@@ -347,7 +359,7 @@
   --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
   line-height: 1.2;
   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));
 }
 
 .IncodeSelfieTutorial {

package/dist/spinner-EHZM4eN1.js

@@ -0,0 +1,64 @@
+import { u as e, c as p, L as h, S as o } from "./incodeModule-C-yBwl3V.js";
+import { D as S, A as u, y as I, k as i } from "./vendor-preact-DP-hbKuj.js";
+const m = S(
+  ({ children: n, className: r, ...c }, s) => /* @__PURE__ */ e("h2", { ref: s, class: `IncodeTitle ${r ?? ""}`, ...c, children: n })
+), g = ({ children: n, className: r }) => /* @__PURE__ */ e("h4", { class: `IncodeTypographyH4 ${r ?? ""}`, children: n }), z = ({ children: n, className: r }) => /* @__PURE__ */ e("h5", { class: `IncodeTypographyH5 ${r ?? ""}`, children: n }), y = {
+  small: 24,
+  medium: 48,
+  large: 64
+}, v = ({
+  title: n,
+  subtitle: r,
+  size: c = "medium",
+  fullScreen: s = !0,
+  className: d
+}) => {
+  const l = y[c], a = u(null);
+  I(() => {
+    n && a.current?.focus();
+  }, [n]);
+  const t = p(
+    "IncodeSpinner",
+    s && "IncodeSpinnerFullScreen",
+    d
+  );
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      class: t,
+      "data-testid": "spinner",
+      "data-title": n,
+      "data-subtitle": r,
+      "data-size": c,
+      role: "status",
+      "aria-live": "polite",
+      children: /* @__PURE__ */ e("div", { class: "IncodeSpinnerContent", children: [
+        /* @__PURE__ */ e(h, { size: l }),
+        (n || r) && /* @__PURE__ */ e(i, { children: [
+          /* @__PURE__ */ e(o, { size: 16 }),
+          /* @__PURE__ */ e("div", { class: "IncodeSpinnerText", children: [
+            n && /* @__PURE__ */ e(
+              m,
+              {
+                ref: a,
+                tabIndex: -1,
+                className: "IncodeSpinnerTitle",
+                children: n
+              }
+            ),
+            r && /* @__PURE__ */ e(i, { children: [
+              n && /* @__PURE__ */ e(o, { size: 12 }),
+              /* @__PURE__ */ e("p", { class: "IncodeSpinnerSubtitle", children: r })
+            ] })
+          ] })
+        ] })
+      ] })
+    }
+  );
+};
+export {
+  v as S,
+  m as T,
+  g as a,
+  z as b
+};

package/dist/{successIcon-BPe0Wymn.js → successIcon-CMUvDv_Z.js}

@@ -1,5 +1,5 @@
-import { u as t } from "./incodeModule-7zNv7YeX.js";
-const i = ({ size: r = 32 }) => /* @__PURE__ */ t(
+import { u as t } from "./incodeModule-C-yBwl3V.js";
+const n = ({ size: r = 32 }) => /* @__PURE__ */ t(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -20,7 +20,7 @@ const i = ({ size: r = 32 }) => /* @__PURE__ */ t(
       )
     ]
   }
-), n = ({ size: r = 64 }) => /* @__PURE__ */ t(
+), i = ({ size: r = 64 }) => /* @__PURE__ */ t(
   "svg",
   {
     width: r,
@@ -36,13 +36,13 @@ const i = ({ size: r = 32 }) => /* @__PURE__ */ t(
         "path",
         {
           d: "M8 0.5C12.4182 0.500064 16 4.0818 16 8.5C16 12.9182 12.4181 16.4999 8 16.5C3.58181 16.5 3.68521e-05 12.9182 0 8.5C0 4.08176 3.58179 0.5 8 0.5ZM11.1748 6.11621C10.9423 5.88373 10.5747 5.86781 10.3242 6.06934L10.3203 6.07324L10.2764 6.1123L6.85742 9.53125L5.72656 8.40039C5.47758 8.1514 5.0732 8.1514 4.82422 8.40039C4.59169 8.63292 4.57673 9.00038 4.77832 9.25098L4.78125 9.25488L4.82031 9.29883L6.40625 10.8848C6.63867 11.117 7.00542 11.1319 7.25586 10.9307L7.26074 10.9277L7.30371 10.8877L11.1748 7.01758C11.4235 6.76863 11.4234 6.36521 11.1748 6.11621Z",
-          fill: "var(--icon-status-positive-static)"
+          fill: "var(--icon-status-positive)"
         }
       )
     ]
   }
 );
 export {
-  i as E,
-  n as S
+  n as E,
+  i as S
 };