@incodetech/web 0.0.0-dev-20260324-90ddcfd → 0.0.0-dev-20260324-5c4350d

package/dist/{otpInput-BfCYQ0Km.js → otpInput-B9BjboC3.js}

@@ -1,7 +1,7 @@
-import { b as N, u as e, S as x, B as g } from "./button-Yr39X4SE.js";
-import { d as R, A as p, q as S, y as m } from "./vendor-preact--mDTxXnt.js";
-import { a as $ } from "./inputComposed-BOGdXswZ.js";
-import "./uiConfig-CKJmKRCo.js";
+import { b as N, u as e, S as x, B as g } from "./button-4MSiYDnV.js";
+import { d as R, A as p, q as S, y as m } from "./vendor-preact-BJgvpglI.js";
+import { a as $ } from "./inputComposed-DhRAY3Fu.js";
+import "./uiConfig-BYa6NxEI.js";
 const s = 6, B = (l) => {
   const c = Math.floor(l / 60), u = l % 60;
   return `${c}:${u.toString().padStart(2, "0")}`;

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

@@ -1,5 +1,5 @@
-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";
+import { c as f, u as e, S as i, V as m, i as p } from "./button-4MSiYDnV.js";
+import { A as S, y as v, k as c } from "./vendor-preact-BJgvpglI.js";
 const L = ({
   title: a,
   titleId: r,

package/dist/phone/phone.es.js

@@ -1,13 +1,13 @@
-import { u as e, I as b, b as I, a as C, S as c, B as O } from "../button-Yr39X4SE.js";
+import { u as e, I as b, b as I, a as C, S as c, B as O } from "../button-4MSiYDnV.js";
 import { createPhoneManager as v } from "@incodetech/core/phone";
-import { d as S } from "../vendor-preact--mDTxXnt.js";
-import "../uiConfig-CKJmKRCo.js";
+import { d as S } from "../vendor-preact-BJgvpglI.js";
+import "../uiConfig-BYa6NxEI.js";
 import "@incodetech/core";
-import { C as E } from "../checkbox-BkW6ZbEQ.js";
-import { O as y } from "../otpInput-BfCYQ0Km.js";
-import { P as m } from "../page-DO2rYslN.js";
-import { P as w } from "../phoneInputComposed-kkWl6RLT.js";
-import { r as k } from "../incodeModule-Bxzkb7nW.js";
+import { C as E } from "../checkbox-BpshDdva.js";
+import { O as y } from "../otpInput-B9BjboC3.js";
+import { P as m } from "../page-hL_3Czvl.js";
+import { P as w } from "../phoneInputComposed-D-hgSv2a.js";
+import { r as k } from "../incodeModule-DRyuIPmX.js";
 const B = ({
   config: n,
   manager: r,

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

@@ -1,7 +1,7 @@
-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 { u as n, S } from "./button-4MSiYDnV.js";
+import { d as p, A as D, y as u, k as $ } from "./vendor-preact-BJgvpglI.js";
 import { g as b, c as g } from "./countries-DfLkrF0x.js";
-import { C as z } from "./chevronDown-CsZysK60.js";
+import { C as z } from "./chevronDown-DL4meMSV.js";
 import { p as k, A } from "./AsYouType-D1H_js4X.js";
 const M = ({
   countryCode: P,

package/dist/{phoneInputComposed-kkWl6RLT.js → phoneInputComposed-D-hgSv2a.js}

@@ -1,10 +1,10 @@
-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 { u as r } from "./button-4MSiYDnV.js";
+import { D as J, d as L, A as x, T as M, y as Q, q as A } from "./vendor-preact-BJgvpglI.js";
 import { w as X, g as I, c as j, b as k } from "./countries-DfLkrF0x.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-BOGdXswZ.js";
+import { D as z } from "./dropdownComposed-EV98VL0f.js";
+import { E as q } from "./errorIcon-9BBRX6sL.js";
+import { S as _ } from "./successIcon-31zOpE7h.js";
+import { a as e2 } from "./inputComposed-DhRAY3Fu.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-BGKugkCh.js → processing-CLMwZ0nd.js}

@@ -1,7 +1,7 @@
-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";
+import { b as i, u as t } from "./button-4MSiYDnV.js";
+import { S as e } from "./spinner-Blf94o9y.js";
+import "./uiConfig-BYa6NxEI.js";
+import "./vendor-preact-BJgvpglI.js";
 const s = () => {
   const { t: r } = i();
   return /* @__PURE__ */ t(

package/dist/{richText-CfMkKIUg.js → richText-f29sTPR6.js}

@@ -1,8 +1,8 @@
 var Zn = Object.defineProperty;
 var jn = (r, e, t) => e in r ? Zn(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
 var A = (r, e, t) => jn(r, typeof e != "symbol" ? e + "" : e, t);
-import { u as an } from "./button-Yr39X4SE.js";
-import { _ as Yn, x as Xn } from "./vendor-preact--mDTxXnt.js";
+import { u as an } from "./button-4MSiYDnV.js";
+import { _ as Yn, x as Xn } from "./vendor-preact-BJgvpglI.js";
 const {
   entries: yn,
   setPrototypeOf: on,

package/dist/selfie/selfie.es.js

@@ -1,11 +1,11 @@
-import { u as r, I as u, a } from "../button-Yr39X4SE.js";
+import { u as r, I as u, a } from "../button-4MSiYDnV.js";
 import { createSelfieManager as l } from "@incodetech/core/selfie";
-import "../vendor-preact--mDTxXnt.js";
+import "../vendor-preact-BJgvpglI.js";
 import "@incodetech/core";
-import { P as m } from "../manualCaptureButton-CtHbJjgz.js";
-import { r as f } from "../incodeModule-Bxzkb7nW.js";
-import { P as p } from "../processing-BGKugkCh.js";
-import { T as c, C as d } from "../tutorial-Dptz5zyj.js";
+import { P as m } from "../manualCaptureButton-CiLPcIbM.js";
+import { r as f } from "../incodeModule-DRyuIPmX.js";
+import { P as p } from "../processing-CLMwZ0nd.js";
+import { T as c, C as d } from "../tutorial-DU22-ztX.js";
 const g = ({
   config: e,
   manager: s,

package/dist/{spinner-Djok6FY8.js → spinner-Blf94o9y.js}

@@ -1,5 +1,5 @@
-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";
+import { u as r, d as s, e as h, S as p } from "./button-4MSiYDnV.js";
+import { D as y, A as u, y as T, k as d } from "./vendor-preact-BJgvpglI.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-CjkBWk8J.js → successIcon-31zOpE7h.js}

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

package/dist/{tutorial-Dptz5zyj.js → tutorial-DU22-ztX.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-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";
+import { u as t, S as _, b as g, d as N, B as F, e as y } from "./button-4MSiYDnV.js";
+import { A as a, y as p, g as w, q as V, k as L, d as I } from "./vendor-preact-BJgvpglI.js";
+import "./uiConfig-BYa6NxEI.js";
+import { S as P } from "./successIcon-31zOpE7h.js";
+import { P as m } from "./page-hL_3Czvl.js";
+import { T as v, S as B } from "./spinner-Blf94o9y.js";
+import { E as M } from "./errorContent-Da5jHk94.js";
+import { a as U, B as H } from "./manualCaptureButton-CiLPcIbM.js";
 const h = ({
   icon: i,
   title: n,

package/dist/types/extensibility.d.ts

@@ -470,14 +470,85 @@ declare type ManualCaptureProps = {
     disabled?: boolean;
 };
 
-export declare const Modal: FC<ModalProps>;
+export declare const Modal: {
+    Root: typeof ModalRoot;
+    Content: typeof ModalContent;
+    Close: typeof ModalClose;
+    Icon: typeof ModalIcon;
+    TitleSection: typeof ModalTitleSection;
+    Title: typeof ModalTitle;
+    Subtitle: typeof ModalSubtitle;
+    Actions: typeof ModalActions;
+};
+
+declare function ModalActions({ children, class: className, orientation, }: ModalActionsProps): JSX.Element;
 
-declare type ModalProps = {
+declare type ModalActionsProps = {
+    children: ComponentChildren;
+    class?: string;
+    orientation?: 'vertical' | 'horizontal';
+};
+
+declare function ModalClose({ 'aria-label': ariaLabel, title: titleAttr, class: className, onClick, }: ModalCloseProps): JSX.Element | null;
+
+declare type ModalCloseProps = {
+    'aria-label'?: string;
+    title?: string;
+    class?: string;
+    onClick?: () => Promise<void> | void;
+};
+
+declare function ModalContent({ children, class: className }: ModalContentProps): JSX.Element;
+
+declare type ModalContentProps = {
     children: ComponentChildren;
-    'aria-labelledby'?: string;
     class?: string;
 };
 
+declare function ModalIcon({ children, class: className }: ModalIconProps): JSX.Element;
+
+declare type ModalIconProps = {
+    children: ComponentChildren;
+    class?: string;
+};
+
+declare function ModalRoot({ open, children, onOpenChange, dismissible, portalContainer, class: className, hasBackdrop, }: ModalRootProps): VNode<any> | null;
+
+declare type ModalRootProps = {
+    open: boolean;
+    children: ComponentChildren;
+    onOpenChange?: (open: boolean) => void;
+    /** When false, Escape, overlay click, and Close do not dismiss. */
+    dismissible?: boolean;
+    /** Mount portal here instead of a dedicated node under document.body. */
+    portalContainer?: HTMLElement | null;
+    class?: string;
+    hasBackdrop?: boolean;
+};
+
+declare function ModalSubtitle({ children, class: className }: ModalSubtitleProps): JSX.Element;
+
+declare type ModalSubtitleProps = {
+    children: ComponentChildren;
+    class?: string;
+};
+
+declare function ModalTitle({ children, ref, class: className }: ModalTitleProps): JSX.Element;
+
+declare type ModalTitleProps = {
+    children: ComponentChildren;
+    class?: string;
+    ref?: Ref<HTMLHeadingElement>;
+};
+
+declare function ModalTitleSection({ children, align, }: ModalTitleSectionProps): JSX.Element;
+
+/** Wrap Modal.Title and Modal.Subtitle for 12px between them and 24px above actions. */
+declare type ModalTitleSectionProps = {
+    children: ComponentChildren;
+    align?: 'center' | 'left';
+};
+
 export declare const OtpInput: FC<OtpInputProps>;
 
 declare type OtpInputProps = {
@@ -498,6 +569,14 @@ declare type OtpInputProps = {
     isLoading?: boolean;
 };
 
+export declare const Overlay: FC<OverlayProps>;
+
+declare type OverlayProps = {
+    children: ComponentChildren;
+    'aria-labelledby'?: string;
+    class?: string;
+};
+
 export declare const Page: ({ title, titleId, subtitle, className, logo, children, hideHeader, hideFooterBranding, "data-testid": dataTestId, "data-permission-status": dataPermissionStatus, }: PageProps) => JSX.Element;
 
 declare type PageProps = {

package/dist/{uiConfig-CKJmKRCo.js → uiConfig-BYa6NxEI.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--mDTxXnt.js";
+import { d as it, y as st, a as rt, C as ot } from "./vendor-preact-BJgvpglI.js";
 let ne = null;
 function at() {
   if (!ne) {

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

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