@incodetech/web 0.0.0-dev-20260313-d658d3a → 0.0.0-dev-20260313-573a40c

package/dist/selfie/styles.css

@@ -172,6 +172,11 @@
   }
 }
 
+.IncodeSelfieMain {
+  width: 100%;
+  height: 100%;
+}
+
 .IncodeCameraButton {
   justify-content: center;
   align-items: center;
@@ -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)));
@@ -264,12 +287,8 @@
   color: var(--color-text-body-primary, var(--text-body-800-primary));
 }
 
-.IncodeCaptureUploadingPage .IncodeCaptureUploadingPrimaryIcon {
-  fill: var(--color-spinner-surface-primary, var(--spinner-surface-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%;
 }

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-mP1PQQrr.js → successIcon-CMUvDv_Z.js}

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