@incodetech/web 0.0.0-dev-20260320-b29aeee → 0.0.0-dev-20260320-9f7f27a

package/dist/flow/styles.css

@@ -3483,6 +3483,42 @@
   }
 }
 
+@media (min-width: 40rem) {
+  .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
+    max-width: 40rem;
+  }
+}
+
+@media (min-width: 48rem) {
+  .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
+    max-width: 48rem;
+  }
+}
+
+@media (min-width: 64rem) {
+  .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
+    max-width: 64rem;
+  }
+}
+
+@media (min-width: 80rem) {
+  .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
+    max-width: 80rem;
+  }
+}
+
+@media (min-width: 96rem) {
+  .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
+    max-width: 96rem;
+  }
+}
+
+@media (min-width: 48rem) {
+  .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
+    height: 840px;
+  }
+}
+
 .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
   width: 100%;
 }
@@ -6368,6 +6404,119 @@
   width: var(--width-finished-subtitle);
 }
 
+.IncodeConsentPage {
+  height: 100%;
+}
+
+.IncodeConsentPage .IncodePageInner {
+  padding: var(--spacing-24, var(--spacing-24, 24px));
+}
+
+.IncodeConsentPage .IncodePageContent {
+  min-height: var(--spacing-0, var(--spacing-none, 0px));
+}
+
+.IncodeConsentPage .IncodeConsentCentered {
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  display: flex;
+}
+
+.IncodeConsentPage .IncodeConsentContent {
+  height: 100%;
+  min-height: var(--spacing-0, var(--spacing-none, 0px));
+  justify-content: space-between;
+  gap: var(--spacing-24, var(--spacing-24, 24px));
+  flex-direction: column;
+  display: flex;
+}
+
+.IncodeConsentPage .IncodeConsentBody {
+  min-height: var(--spacing-0, var(--spacing-none, 0px));
+  gap: var(--spacing-16, var(--spacing-16, 16px));
+  flex-direction: column;
+  flex: 1;
+  display: flex;
+  overflow-y: auto;
+}
+
+.IncodeConsentPage .IncodeConsentBody .IncodeRichText .markup h2, .IncodeConsentPage .IncodeConsentBody .IncodeRichText h2 {
+  margin-bottom: var(--spacing-12, var(--spacing-12, 12px));
+  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);
+}
+
+.IncodeConsentPage .IncodeConsentTitle {
+  font-family: var(--typography-headline-family);
+  font-size: var(--typography-headline-h1-size);
+  font-weight: var(--typography-headline-h1-weight);
+  line-height: var(--typography-headline-h1-line-height);
+  letter-spacing: var(--typography-headline-h1-letter-spacing);
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+}
+
+.IncodeConsentPage .IncodeConsentCheckboxList {
+  gap: var(--spacing-12, var(--spacing-12, 12px));
+  flex-direction: column;
+  display: flex;
+}
+
+.IncodeConsentPage .IncodeConsentCheckbox {
+  border-radius: var(--radius-medium, var(--border-radius-medium));
+  background-color: var(--color-surface-brand-50, var(--surface-brand-50));
+  width: 100%;
+  padding: var(--spacing-16, var(--spacing-16, 16px));
+}
+
+.IncodeConsentPage .IncodeConsentCheckbox .IncodeCheckboxLabel {
+  align-items: flex-start;
+}
+
+.IncodeConsentPage .IncodeConsentCheckbox .IncodeCheckboxText {
+  font-family: var(--typography-checkbox-radio-family);
+  font-size: var(--typography-checkbox-radio-s-size);
+  font-weight: var(--typography-checkbox-radio-s-weight);
+  line-height: var(--typography-checkbox-radio-s-line-height);
+  letter-spacing: var(--typography-checkbox-radio-s-letter-spacing);
+}
+
+.IncodeConsentPage .IncodeConsentCheckboxLabel {
+  font-family: var(--typography-checkbox-radio-family);
+  font-size: var(--typography-checkbox-radio-s-size);
+  font-weight: var(--typography-checkbox-radio-s-weight);
+  line-height: var(--typography-checkbox-radio-s-line-height);
+  letter-spacing: var(--typography-checkbox-radio-s-letter-spacing);
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+}
+
+.IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText, .IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText .markup {
+  display: inline;
+}
+
+.IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText .markup p, .IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText p {
+  margin-bottom: var(--spacing-0, var(--spacing-none, 0px));
+  font-family: var(--typography-checkbox-radio-family);
+  font-size: var(--typography-checkbox-radio-s-size);
+  font-weight: var(--typography-checkbox-radio-s-weight);
+  line-height: var(--typography-checkbox-radio-s-line-height);
+  letter-spacing: var(--typography-checkbox-radio-s-letter-spacing);
+  display: inline;
+}
+
+.IncodeConsentPage .IncodeCheckboxRequired {
+  margin-left: var(--spacing-0, var(--spacing-none, 0px));
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+  white-space: nowrap;
+}
+
+.IncodeConsentPage .IncodeConsentButton {
+  width: 100%;
+}
+
 .IncodeVerificationResult .IncodePageContent {
   gap: var(--spacing-16, var(--spacing-16, 16px));
   padding-bottom: var(--spacing-16, var(--spacing-16, 16px));

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

@@ -1,11 +1,11 @@
-import { b as N, u as e, B as I } from "./button-zCdeDeEB.js";
-import "./uiConfig-Z6RT23Sl.js";
-import "./vendor-preact-BXf0bkEs.js";
-import { E as y } from "./errorIcon-bIXk9nAy.js";
-import { S as F } from "./successIcon-DN8LMqE2.js";
-import { P as m } from "./page-Dv0s0RPn.js";
-import { S as E } from "./spinner-BbVGMG-G.js";
-import { a as S } from "./inputComposed-CyGtRLzv.js";
+import { b as N, u as e, B as I } from "./button-Yr39X4SE.js";
+import "./uiConfig-CKJmKRCo.js";
+import "./vendor-preact--mDTxXnt.js";
+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";
 const A = ({
   status: i,
   submittingTitle: t,

package/dist/geolocation/geolocation.es.js

@@ -1,11 +1,11 @@
-import { u as e, b as Z, S as m, B as M, I as K, a as B } from "../button-zCdeDeEB.js";
+import { u as e, b as Z, S as m, B as M, I as K, a as B } from "../button-Yr39X4SE.js";
 import { createGeolocationManager as I } from "@incodetech/core/geolocation";
-import { k as H, y as P } from "../vendor-preact-BXf0bkEs.js";
+import { k as H, y as P } from "../vendor-preact--mDTxXnt.js";
 import { getBrowser as F, getDeviceClass as O } from "@incodetech/core";
-import "../uiConfig-Z6RT23Sl.js";
-import { P as G } from "../page-Dv0s0RPn.js";
-import { r as A } from "../incodeModule-aE-LkKwM.js";
-import { T as x } from "../Trans-Cm7gi0st.js";
+import "../uiConfig-CKJmKRCo.js";
+import { P as G } from "../page-DO2rYslN.js";
+import { r as A } from "../incodeModule-Bxzkb7nW.js";
+import { T as x } from "../Trans-Bw5n8KhH.js";
 const V = () => /* @__PURE__ */ e(
   "svg",
   {

package/dist/governmentValidation/governmentValidation.es.js

@@ -1,15 +1,15 @@
-import { u as n, I as p, b as m, a as v, S as f } from "../button-zCdeDeEB.js";
+import { u as n, I as p, b as m, a as v, S as f } from "../button-Yr39X4SE.js";
 import { createGovernmentValidationManager as g } from "@incodetech/core/government-validation";
-import "../vendor-preact-BXf0bkEs.js";
+import "../vendor-preact--mDTxXnt.js";
 import "@incodetech/core";
-import "../uiConfig-Z6RT23Sl.js";
-import { E as h } from "../errorIcon-bIXk9nAy.js";
-import { S as c } from "../successIcon-DN8LMqE2.js";
-import { W as I } from "../warningIcon-BBoCroUd.js";
-import { O as V } from "../otpInput-B3iNW8b5.js";
-import { P as r } from "../page-Dv0s0RPn.js";
-import { S as G } from "../spinner-BbVGMG-G.js";
-import { r as S } from "../incodeModule-aE-LkKwM.js";
+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 { P as r } from "../page-DO2rYslN.js";
+import { S as G } from "../spinner-Djok6FY8.js";
+import { r as S } from "../incodeModule-Bxzkb7nW.js";
 const a = ({
   variant: i,
   icon: o,

package/dist/id/id.es.js

@@ -1,22 +1,22 @@
-import { u as r, I as u, a as m } from "../button-zCdeDeEB.js";
-import { createIdCaptureManager as d } from "@incodetech/core/id";
-import "../vendor-preact-BXf0bkEs.js";
+import { u as r, I as u, a as d } from "../button-Yr39X4SE.js";
+import { createIdCaptureManager as m } from "@incodetech/core/id";
+import "../vendor-preact--mDTxXnt.js";
 import "@incodetech/core";
-import { P as c } from "../manualCaptureButton-iYqQECzn.js";
-import { r as p } from "../incodeModule-aE-LkKwM.js";
-import { P as l } from "../processing-BhY0-0xy.js";
-import { d as f, c as I, F as a, b as g, e as h, I as C } from "../flipAnimation-DLpjmTf-.js";
-import "../uiConfig-Z6RT23Sl.js";
-import "../spinner-BbVGMG-G.js";
+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 "../uiConfig-CKJmKRCo.js";
+import "../spinner-Djok6FY8.js";
 const F = ({
-  config: e,
-  manager: i,
+  config: i,
+  manager: e,
   onFinish: n,
   onError: o
 }) => {
-  const [t, s] = m(
-    () => i ?? d({ config: e }),
-    { manageLifecycle: !i }
+  const [t, s] = d(
+    () => e ?? m({ config: i }),
+    { manageLifecycle: !e }
   );
   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,
@@ -25,11 +25,11 @@ const F = ({
       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: e, manager: i, onFinish: n, onError: o }) => /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r("main", { class: "IncodeIdMain", children: e ? /* @__PURE__ */ r(
+}, P = ({ config: i, manager: e, onFinish: n, onError: o }) => /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r("div", { class: "IncodeIdMain", children: i ? /* @__PURE__ */ r(
   F,
   {
-    config: e,
-    manager: i,
+    config: i,
+    manager: e,
     onFinish: n,
     onError: o
   }

package/dist/{incodeModule-aE-LkKwM.js → incodeModule-Bxzkb7nW.js}

@@ -1,4 +1,4 @@
-import { _ as l, J as y, G as d, K as m, k as C } from "./vendor-preact-BXf0bkEs.js";
+import { _ as l, J as y, G as d, K as m, k as C } from "./vendor-preact--mDTxXnt.js";
 function c() {
   return c = Object.assign ? Object.assign.bind() : function(t) {
     for (var o = 1; o < arguments.length; o++) {

package/dist/index.es.js

@@ -1,8 +1,8 @@
 import { setup as p } from "@incodetech/core";
 import { DEFAULT_WASM_VERSION as O } from "@incodetech/core";
-import "./vendor-preact-BXf0bkEs.js";
-import { s as c, c as m, b as f } from "./uiConfig-Z6RT23Sl.js";
-import { u as _ } from "./uiConfig-Z6RT23Sl.js";
+import "./vendor-preact--mDTxXnt.js";
+import { s as c, c as m, b as f } from "./uiConfig-CKJmKRCo.js";
+import { u as _ } from "./uiConfig-CKJmKRCo.js";
 async function S({
   apiURL: e,
   token: s,

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

@@ -1,8 +1,8 @@
-import { u as o, d as m } from "./button-zCdeDeEB.js";
-import { D as u } from "./vendor-preact-BXf0bkEs.js";
-import { C as W } from "./closeIcon-D2dmrZca.js";
-import { E as y } from "./errorIcon-bIXk9nAy.js";
-import { S as E } from "./successIcon-DN8LMqE2.js";
+import { u as o, d as m } from "./button-Yr39X4SE.js";
+import { D as u } from "./vendor-preact--mDTxXnt.js";
+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;
   return /* @__PURE__ */ o(

package/dist/{manualCaptureButton-iYqQECzn.js → manualCaptureButton-CtHbJjgz.js}

@@ -1,13 +1,13 @@
-import { u as t, d as S, B as c, b as p } from "./button-zCdeDeEB.js";
-import { A as Z, y as g, _ as e, k as T, D } from "./vendor-preact-BXf0bkEs.js";
-import { P as m } from "./page-Dv0s0RPn.js";
+import { u as t, d as S, B as c, b as p } from "./button-Yr39X4SE.js";
+import { A as Z, y as g, _ as e, k as T, D } from "./vendor-preact--mDTxXnt.js";
+import { P as m } from "./page-DO2rYslN.js";
 import { getBrowser as P, getDeviceClass as O } from "@incodetech/core";
-import "./uiConfig-Z6RT23Sl.js";
-import { c as b, T as F, d as A, S as U } from "./spinner-BbVGMG-G.js";
-import { T as R } from "./Trans-Cm7gi0st.js";
-import { W as k } from "./warningIcon-BBoCroUd.js";
-import { C as G } from "./closeIcon-D2dmrZca.js";
-import { u as N } from "./useMediaQuery-CiSMgDyi.js";
+import "./uiConfig-CKJmKRCo.js";
+import { c as b, T as F, d as A, S as U } from "./spinner-Djok6FY8.js";
+import { T as R } from "./Trans-Bw5n8KhH.js";
+import { W as k } from "./warningIcon-DgHOtF9T.js";
+import { C as G } from "./closeIcon-DrD_JWne.js";
+import { u as N } from "./useMediaQuery-DSN9IIfj.js";
 let v = null;
 function W() {
   return v || (v = new Promise((i, C) => {

package/dist/{otpInput-B3iNW8b5.js → otpInput-2bT7uNnk.js}

@@ -1,7 +1,7 @@
-import { b as P, u as e, S as O, B as b } from "./button-zCdeDeEB.js";
-import { d as D, A as g, y as m } from "./vendor-preact-BXf0bkEs.js";
-import { a as M } from "./inputComposed-CyGtRLzv.js";
-import "./uiConfig-Z6RT23Sl.js";
+import { b as P, u as e, S as O, B as b } from "./button-Yr39X4SE.js";
+import { d as D, A as g, y as m } from "./vendor-preact--mDTxXnt.js";
+import { a as M } from "./inputComposed-n2VIh213.js";
+import "./uiConfig-CKJmKRCo.js";
 const s = 6, N = (r) => {
   const u = Math.floor(r / 60), a = r % 60;
   return `${u}:${a.toString().padStart(2, "0")}`;

package/dist/{page-Dv0s0RPn.js → page-DO2rYslN.js}

@@ -1,5 +1,5 @@
-import { c as f, u as e, S as i, V as m, i as p } from "./button-zCdeDeEB.js";
-import { A as S, y as v, k as c } from "./vendor-preact-BXf0bkEs.js";
+import { c as f, u as e, S as i, V as m, i as p } from "./button-Yr39X4SE.js";
+import { A as S, y as v, k as c } from "./vendor-preact--mDTxXnt.js";
 const L = ({
   title: a,
   titleId: r,

package/dist/phone/phone.es.js

@@ -1,12 +1,12 @@
-import { u as e, I as b, b as O, a as I, S as C, B as E } from "../button-zCdeDeEB.js";
+import { u as e, I as b, b as O, a as I, S as C, B as E } from "../button-Yr39X4SE.js";
 import { createPhoneManager as S } from "@incodetech/core/phone";
-import { d as v } from "../vendor-preact-BXf0bkEs.js";
-import "../uiConfig-Z6RT23Sl.js";
+import { d as v } from "../vendor-preact--mDTxXnt.js";
+import "../uiConfig-CKJmKRCo.js";
 import "@incodetech/core";
-import { O as y } from "../otpInput-B3iNW8b5.js";
-import { P as m } from "../page-Dv0s0RPn.js";
-import { r as w } from "../incodeModule-aE-LkKwM.js";
-import { PhoneInput as k } from "../phoneInput-NVIE7YFb.js";
+import { O as y } from "../otpInput-2bT7uNnk.js";
+import { P as m } from "../page-DO2rYslN.js";
+import { r as w } from "../incodeModule-Bxzkb7nW.js";
+import { PhoneInput as k } from "../phoneInput-B7gKhoUa.js";
 const B = ({
   config: n,
   manager: r,

package/dist/{phoneInput-NVIE7YFb.js → phoneInput-B7gKhoUa.js}

@@ -1,7 +1,7 @@
-import { u as n, S } from "./button-zCdeDeEB.js";
-import { d as p, A as D, y as u, k as $ } from "./vendor-preact-BXf0bkEs.js";
+import { u as n, S } from "./button-Yr39X4SE.js";
+import { d as p, A as D, y as u, k as $ } from "./vendor-preact--mDTxXnt.js";
 import { g as b, c as g } from "./countries-DfLkrF0x.js";
-import { C as z } from "./chevronDown-DRVnB275.js";
+import { C as z } from "./chevronDown-CsZysK60.js";
 import { p as k, A } from "./AsYouType-D1H_js4X.js";
 const M = ({
   countryCode: P,

package/dist/{phoneInputComposed-DKesjaq0.js → phoneInputComposed-C66n6e7L.js}

@@ -1,10 +1,10 @@
-import { u as r } from "./button-zCdeDeEB.js";
-import { D as J, d as L, A as x, T as M, y as Q, q as A } from "./vendor-preact-BXf0bkEs.js";
+import { u as r } from "./button-Yr39X4SE.js";
+import { D as J, d as L, A as x, T as M, y as Q, q as A } from "./vendor-preact--mDTxXnt.js";
 import { w as X, g as I, c as j, b as k } from "./countries-DfLkrF0x.js";
-import { D as z } from "./dropdownComposed-Cg6lQD2C.js";
-import { E as q } from "./errorIcon-bIXk9nAy.js";
-import { S as _ } from "./successIcon-DN8LMqE2.js";
-import { a as e2 } from "./inputComposed-CyGtRLzv.js";
+import { D as z } from "./dropdownComposed-DLZ4R_VD.js";
+import { E as q } from "./errorIcon-DOyZZgsP.js";
+import { S as _ } from "./successIcon-CjkBWk8J.js";
+import { a as e2 } from "./inputComposed-n2VIh213.js";
 import { P as n2, p as b, A as g } from "./AsYouType-D1H_js4X.js";
 function o2(e, o, a) {
   if (o[e])

package/dist/{processing-BhY0-0xy.js → processing-BGKugkCh.js}

@@ -1,7 +1,7 @@
-import { b as i, u as t } from "./button-zCdeDeEB.js";
-import { S as e } from "./spinner-BbVGMG-G.js";
-import "./uiConfig-Z6RT23Sl.js";
-import "./vendor-preact-BXf0bkEs.js";
+import { b as i, u as t } from "./button-Yr39X4SE.js";
+import { S as e } from "./spinner-Djok6FY8.js";
+import "./uiConfig-CKJmKRCo.js";
+import "./vendor-preact--mDTxXnt.js";
 const s = () => {
   const { t: r } = i();
   return /* @__PURE__ */ t(

package/dist/selfie/selfie.es.js

@@ -1,11 +1,11 @@
-import { u as t, I as o, a as u } from "../button-zCdeDeEB.js";
+import { u as t, I as o, a as u } from "../button-Yr39X4SE.js";
 import { createSelfieManager as l } from "@incodetech/core/selfie";
-import "../vendor-preact-BXf0bkEs.js";
+import "../vendor-preact--mDTxXnt.js";
 import "@incodetech/core";
-import { P as m } from "../manualCaptureButton-iYqQECzn.js";
-import { r as f } from "../incodeModule-aE-LkKwM.js";
-import { P as c } from "../processing-BhY0-0xy.js";
-import { T as p, C as d } from "../tutorial-CDJugc5j.js";
+import { P as m } from "../manualCaptureButton-CtHbJjgz.js";
+import { r as f } from "../incodeModule-Bxzkb7nW.js";
+import { P as c } from "../processing-BGKugkCh.js";
+import { T as p, C as d } from "../tutorial-Dptz5zyj.js";
 const g = ({
   config: e,
   manager: s,

package/dist/{spinner-BbVGMG-G.js → spinner-Djok6FY8.js}

@@ -1,5 +1,5 @@
-import { u as r, d as s, e as h, S as p } from "./button-zCdeDeEB.js";
-import { D as y, A as u, y as T, k as d } from "./vendor-preact-BXf0bkEs.js";
+import { u as r, d as s, e as h, S as p } from "./button-Yr39X4SE.js";
+import { D as y, A as u, y as T, k as d } from "./vendor-preact--mDTxXnt.js";
 const I = y(
   ({ children: n, className: e, ...a }, c) => /* @__PURE__ */ r("h2", { ref: c, class: `IncodeTitle ${e ?? ""}`, ...a, children: n })
 ), H = ({ children: n, className: e }) => /* @__PURE__ */ r("h1", { class: s("IncodeTypographyH1", e), children: n }), f = ({ children: n, className: e }) => /* @__PURE__ */ r("h3", { class: s("IncodeTypographyH3", e), children: n }), z = ({ children: n, className: e }) => /* @__PURE__ */ r("h4", { class: s("IncodeTypographyH4", e), children: n }), v = ({ children: n, className: e }) => /* @__PURE__ */ r("h5", { class: s("IncodeTypographyH5", e), children: n }), x = ({ children: n, className: e }) => /* @__PURE__ */ r("p", { class: s("IncodeTypographyP", e), children: n }), S = {

package/dist/{successIcon-DN8LMqE2.js → successIcon-CjkBWk8J.js}

@@ -1,4 +1,4 @@
-import { u as t } from "./button-zCdeDeEB.js";
+import { u as t } from "./button-Yr39X4SE.js";
 const i = ({ size: s = 64 }) => /* @__PURE__ */ t(
   "svg",
   {

package/dist/{tutorial-CDJugc5j.js → tutorial-Dptz5zyj.js}

@@ -1,11 +1,11 @@
-import { u as t, S as _, b as g, d as N, B as F, e as y } from "./button-zCdeDeEB.js";
-import { A as a, y as p, g as w, q as V, k as L, d as I } from "./vendor-preact-BXf0bkEs.js";
-import "./uiConfig-Z6RT23Sl.js";
-import { S as P } from "./successIcon-DN8LMqE2.js";
-import { P as m } from "./page-Dv0s0RPn.js";
-import { T as v, S as B } from "./spinner-BbVGMG-G.js";
-import { E as M } from "./errorContent-B3YzH-UQ.js";
-import { M as U, B as H } from "./manualCaptureButton-iYqQECzn.js";
+import { u as t, S as _, b as g, d as N, B as F, e as y } from "./button-Yr39X4SE.js";
+import { A as a, y as p, g as w, q as V, k as L, d as I } from "./vendor-preact--mDTxXnt.js";
+import "./uiConfig-CKJmKRCo.js";
+import { S as P } from "./successIcon-CjkBWk8J.js";
+import { P as m } from "./page-DO2rYslN.js";
+import { T as v, S as B } from "./spinner-Djok6FY8.js";
+import { E as M } from "./errorContent-LcOhVnBZ.js";
+import { M as U, B as H } from "./manualCaptureButton-CtHbJjgz.js";
 const h = ({
   icon: i,
   title: n,

package/dist/types/consent.d.ts

@@ -0,0 +1,36 @@
+import { ConsentConfig } from '@incodetech/core/consent';
+import { ConsentManager } from '@incodetech/core/consent';
+import { FC } from 'preact/compat';
+
+export declare const Consent: FC<ConsentProps>;
+
+declare type ConsentProps = IncodeModuleProps<ConsentConfig, void, ConsentManager>;
+
+declare type IncodeModuleProps<TConfig, TResult = void, TManager = unknown> = {
+    /**
+     * Module configuration required to render the flow.
+     * For Web Components, this is typically assigned via `element.config = ...`.
+     */
+    config?: TConfig;
+    /**
+     * Optional pre-built manager. When provided, the module does not create or manage the manager lifecycle.
+     */
+    manager?: TManager;
+    /**
+     * Callback invoked when the module completes successfully.
+     * @param result - Optional result data from the module completion
+     */
+    onFinish?: (result?: TResult) => void;
+    /**
+     * Callback invoked when a fatal module error occurs.
+     */
+    onError?: (error: string | undefined) => void;
+};
+
+export { }
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'incode-consent': HTMLElement & IncodeModuleProps<ConsentConfig, void, ConsentManager>;
+    }
+}

package/dist/{uiConfig-Z6RT23Sl.js → uiConfig-CKJmKRCo.js}

@@ -1,5 +1,5 @@
 import { ScreenOrientationProvider as et, createScreenOrientationObserver as tt, getDeviceClass as nt } from "@incodetech/core";
-import { d as it, y as st, a as rt, C as ot } from "./vendor-preact-BXf0bkEs.js";
+import { d as it, y as st, a as rt, C as ot } from "./vendor-preact--mDTxXnt.js";
 let ne = null;
 function at() {
   if (!ne) {

package/dist/{useMediaQuery-CiSMgDyi.js → useMediaQuery-DSN9IIfj.js}

@@ -1,4 +1,4 @@
-import { d, y as a } from "./vendor-preact-BXf0bkEs.js";
+import { d, y as a } from "./vendor-preact--mDTxXnt.js";
 const c = "(max-width: 767px)";
 function s(e) {
   const [i, o] = d(

package/dist/{vendor-preact-BXf0bkEs.js → vendor-preact--mDTxXnt.js}

@@ -663,12 +663,13 @@ export {
   Ie as T,
   U as _,
   E_ as a,
+  C_ as b,
   __ as d,
   P_ as g,
   E as k,
   s as l,
   x_ as q,
-  C_ as x,
+  x,
   n_ as y,
   H_ as z
 };

package/dist/{warningIcon-BBoCroUd.js → warningIcon-DgHOtF9T.js}

@@ -1,4 +1,4 @@
-import { u as n } from "./button-zCdeDeEB.js";
+import { u as n } from "./button-Yr39X4SE.js";
 const t = ({ size: i = 32 }) => /* @__PURE__ */ n(
   "svg",
   {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@incodetech/web",
-  "version": "0.0.0-dev-20260320-b29aeee",
+  "version": "0.0.0-dev-20260320-9f7f27a",
   "type": "module",
   "main": "./dist/index.es.js",
   "types": "./dist/types/index.d.ts",
@@ -39,6 +39,13 @@
     "./email/styles.css": {
       "default": "./dist/email/styles.css"
     },
+    "./consent": {
+      "types": "./dist/types/consent.d.ts",
+      "import": "./dist/consent/consent.es.js"
+    },
+    "./consent/styles.css": {
+      "default": "./dist/consent/styles.css"
+    },
     "./id": {
       "types": "./dist/types/id.d.ts",
       "import": "./dist/id/id.es.js"
@@ -112,14 +119,17 @@
   ],
   "dependencies": {
     "@tailwindcss/vite": "^4.1.17",
+    "dompurify": "^3.3.3",
     "i18next": "^25.7.1",
     "i18next-browser-languagedetector": "^8.2.0",
     "i18next-http-backend": "^3.0.2",
     "libphonenumber-js": "^1.11.0",
+    "marked": "^17.0.5",
     "preact-custom-element": "^4.6.0",
+    "preact-markup": "^2.1.1",
     "qrcode": "^1.5.4",
     "tailwindcss": "^4.1.17",
-    "@incodetech/core": "0.0.0-dev-20260320-b29aeee"
+    "@incodetech/core": "0.0.0-dev-20260320-9f7f27a"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.53.3",