@incodetech/web 0.0.0-dev-20260716-2b4f5edb → 0.0.0-dev-20260717-87fac45b

package/dist/ae-signature/ae-signature.es.js

@@ -1,5 +1,5 @@
 import { v as u } from "../vendor-preact-DThS2ZQ_.js";
-import { n as ElectronicSignature } from "../electronic-signature-Dd11xy0A.js";
+import { n as ElectronicSignature } from "../electronic-signature-D77OCd6J.js";
 import { t as registerIncodeModuleElement } from "../incodeModule-B-4_3JrK.js";
 //#region src/modules/ae-signature/ae-signature.tsx
 var AeSignature = ({ config, onFinish, onError }) => {

package/dist/antifraud/antifraud.es.js

@@ -1,6 +1,6 @@
 import { _ as y, v as u } from "../vendor-preact-DThS2ZQ_.js";
-import { l as useManager, s as useModuleTerminalCallbacks } from "../hooks-CCi2bNQK.js";
-import { t as IncodeComponent } from "../incodeComponent-XYk40isQ.js";
+import { l as useManager, s as useModuleTerminalCallbacks } from "../hooks-CxG4XS7P.js";
+import { t as IncodeComponent } from "../incodeComponent-D7NiAWtv.js";
 import { t as Spinner } from "../spinner-BMeIEK1d.js";
 import { t as registerIncodeModuleElement } from "../incodeModule-B-4_3JrK.js";
 import { createAntifraudManager } from "@incodetech/core/antifraud";

package/dist/authentication/authentication.es.js

@@ -1,8 +1,8 @@
 import { v as u } from "../vendor-preact-DThS2ZQ_.js";
-import { l as useManager, o as isTerminalModuleState, s as useModuleTerminalCallbacks } from "../hooks-CCi2bNQK.js";
-import { t as IncodeComponent } from "../incodeComponent-XYk40isQ.js";
-import { n as Capture, t as Tutorial } from "../tutorial-oP7mKpdB.js";
-import { i as Permissions } from "../capture-D0IoRgUW.js";
+import { l as useManager, o as isTerminalModuleState, s as useModuleTerminalCallbacks } from "../hooks-CxG4XS7P.js";
+import { t as IncodeComponent } from "../incodeComponent-D7NiAWtv.js";
+import { n as Capture, t as Tutorial } from "../tutorial-Chzczui_.js";
+import { i as Permissions } from "../capture-C6CQZTub.js";
 import { t as registerIncodeModuleElement } from "../incodeModule-B-4_3JrK.js";
 import { createAuthenticationManager } from "@incodetech/core/authentication";
 //#region src/modules/authentication/authentication.tsx

package/dist/{autoFocusTitle-uXtAKBTO.js → autoFocusTitle-IN4TR7QN.js}

@@ -13,13 +13,14 @@ import { t as Title } from "./typography-BZIpjo97.js";
 * For page-level headings, prefer `Page`'s `title` prop — it does the
 * same thing, plus provides the `<main>` landmark and visual layout.
 */
-var AutoFocusTitle = ({ children, className, describedById }) => {
+var AutoFocusTitle = ({ children, className, id, describedById }) => {
 	const ref = A(null);
 	y(() => {
 		ref.current?.focus();
 	}, []);
 	return /* @__PURE__ */ u(Title, {
 		ref,
+		id,
 		tabIndex: -1,
 		className,
 		"aria-describedby": describedById,

package/dist/{bottomSheet-CnWbbUAM.js → bottomSheet-9AZkX7xv.js}

@@ -1,7 +1,7 @@
 import { h as q, l as A, v as u } from "./vendor-preact-DThS2ZQ_.js";
 import { i as useModalFocusCapture, n as useModalBodyScrollLock, o as useModalTabCycle, r as useModalEscapeDismiss, s as useModalVisualViewportBounds } from "./modal.hooks-ZrzmHAUa.js";
 //#region src/shared/bottomSheet/bottomSheet.tsx
-var BottomSheet = ({ isOpen = false, onClose, labelledById, children }) => {
+var BottomSheet = ({ isOpen = false, onClose, labelledById, children, returnFocusRef }) => {
 	const dialogRef = A(null);
 	const overlayRef = A(null);
 	const requestClose = q(() => {
@@ -9,19 +9,19 @@ var BottomSheet = ({ isOpen = false, onClose, labelledById, children }) => {
 	}, [onClose]);
 	useModalBodyScrollLock(isOpen);
 	useModalEscapeDismiss(isOpen, true, requestClose);
-	useModalFocusCapture(isOpen, dialogRef);
+	useModalFocusCapture(isOpen, dialogRef, true, returnFocusRef);
 	useModalTabCycle(isOpen, dialogRef);
 	useModalVisualViewportBounds(isOpen, overlayRef);
 	if (!isOpen) return null;
 	return /* @__PURE__ */ u("div", {
 		ref: overlayRef,
 		class: "IncodeBottomSheetOverlay",
-		onClick: (event) => {
-			if (event.target === event.currentTarget) requestClose();
+		onPointerUp: (event) => {
+			const target = event.target;
+			if (!dialogRef.current?.contains(target)) requestClose();
 		},
 		children: /* @__PURE__ */ u("div", {
 			class: "IncodeBottomSheetContainer",
-			onClick: requestClose,
 			children: /* @__PURE__ */ u("div", {
 				ref: dialogRef,
 				class: "IncodeBottomSheet",
@@ -29,7 +29,6 @@ var BottomSheet = ({ isOpen = false, onClose, labelledById, children }) => {
 				"aria-modal": "true",
 				"aria-labelledby": labelledById,
 				tabIndex: -1,
-				onClick: (event) => event.stopPropagation(),
 				children
 			})
 		})

package/dist/{capture-D0IoRgUW.js → capture-C6CQZTub.js}

@@ -1,7 +1,7 @@
 import { r as __toESM } from "./rolldown-runtime--E5BIlTp.js";
 import { n as useTranslation, t as Trans } from "./i18n-CU4xq8qC.js";
 import { _ as y, h as q, l as A, m as g, v as u, x as k } from "./vendor-preact-DThS2ZQ_.js";
-import { i as useIsMobileDeviceWidth } from "./hooks-CCi2bNQK.js";
+import { i as useIsMobileDeviceWidth } from "./hooks-CxG4XS7P.js";
 import { n as cn, r as Spacer } from "./loadingIcon-B0ysgiNq.js";
 import { t as Page } from "./page-DidH_RkX.js";
 import { i as TypographyH4, n as TypographyH1, t as Title } from "./typography-BZIpjo97.js";
@@ -9,7 +9,7 @@ import { t as TransitionSpinner } from "./transitionSpinner-CuNCqHNi.js";
 import { t as Button } from "./button-Dz6AsbmF.js";
 import { v as WarningIcon } from "./icons-Bi3GbaZc.js";
 import { t as Modal } from "./modal-B63h8Gpv.js";
-import { t as BottomSheet } from "./bottomSheet-CnWbbUAM.js";
+import { t as BottomSheet } from "./bottomSheet-9AZkX7xv.js";
 import { t as NumberedStep } from "./numberedStep-CEb-lFJm.js";
 import { getBrowser, getDeviceClass } from "@incodetech/core/device";
 import "@incodetech/core/camera";

package/dist/{captureNotification-TagyjIIf.js → captureNotification-BP88QMMX.js}

@@ -1,7 +1,7 @@
 import { n as useTranslation } from "./i18n-CU4xq8qC.js";
 import { _ as y, a as D, h as q, l as A, p as d, v as u, x as k } from "./vendor-preact-DThS2ZQ_.js";
 import { n as cn, r as Spacer } from "./loadingIcon-B0ysgiNq.js";
-import { a as Lottie } from "./capture-D0IoRgUW.js";
+import { a as Lottie } from "./capture-C6CQZTub.js";
 //#region src/shared/cameraOverlay/cameraFrame.tsx
 var CameraFrame = D(({ variant, aspectRatio, orientation = "horizontal", frameState = "idle", className, children }, ref) => {
 	const stateClass = `IncodeCameraFrame${frameState.charAt(0).toUpperCase()}${frameState.slice(1)}`;

package/dist/certificate-issuance/certificate-issuance.es.js

@@ -1,15 +1,15 @@
 import { n as useTranslation } from "../i18n-CU4xq8qC.js";
 import { _ as y, d as T, l as A, v as u } from "../vendor-preact-DThS2ZQ_.js";
-import { l as useManager, s as useModuleTerminalCallbacks } from "../hooks-CCi2bNQK.js";
-import { t as IncodeComponent } from "../incodeComponent-XYk40isQ.js";
+import { l as useManager, s as useModuleTerminalCallbacks } from "../hooks-CxG4XS7P.js";
+import { t as IncodeComponent } from "../incodeComponent-D7NiAWtv.js";
 import { r as Spacer } from "../loadingIcon-B0ysgiNq.js";
 import { t as Page } from "../page-DidH_RkX.js";
-import { _ as PasswordInputComposed } from "../extensibility-yXjp3-Vn.js";
+import { _ as PasswordInputComposed } from "../extensibility-DfPpdopm.js";
 import { a as TypographyH5 } from "../typography-BZIpjo97.js";
 import { t as Button } from "../button-Dz6AsbmF.js";
 import { t as SuccessIcon } from "../successIcon-B5mGvdx1.js";
-import { t as AutoFocusTitle } from "../autoFocusTitle-uXtAKBTO.js";
-import { t as VerificationResult } from "../verificationResult-Omhu8yft.js";
+import { t as AutoFocusTitle } from "../autoFocusTitle-IN4TR7QN.js";
+import { t as VerificationResult } from "../verificationResult-5mmnKVBW.js";
 import { t as registerIncodeModuleElement } from "../incodeModule-B-4_3JrK.js";
 import { MIN_PASSWORD_LENGTH, PASSWORD_VALIDATION_KEYS, REQUIREMENT_I18N_KEYS, createCertificateIssuanceManager } from "@incodetech/core/certificate-issuance";
 //#region src/modules/certificate-issuance/downloadScreen.tsx

package/dist/consent/consent.es.js

@@ -1,7 +1,7 @@
 import { n as useTranslation } from "../i18n-CU4xq8qC.js";
 import { d as T, v as u } from "../vendor-preact-DThS2ZQ_.js";
-import { l as useManager, o as isTerminalModuleState, s as useModuleTerminalCallbacks } from "../hooks-CCi2bNQK.js";
-import { t as IncodeComponent } from "../incodeComponent-XYk40isQ.js";
+import { l as useManager, o as isTerminalModuleState, s as useModuleTerminalCallbacks } from "../hooks-CxG4XS7P.js";
+import { t as IncodeComponent } from "../incodeComponent-D7NiAWtv.js";
 import { t as Page } from "../page-DidH_RkX.js";
 import { t as TransitionSpinner } from "../transitionSpinner-CuNCqHNi.js";
 import { t as Button } from "../button-Dz6AsbmF.js";

package/dist/cpf-ocr/cpf-ocr.es.js

@@ -1,2 +1,2 @@
-import { t as CpfOcr } from "../cpfOcr-DpdS8O0U.js";
+import { t as CpfOcr } from "../cpfOcr-C9BqELxj.js";
 export { CpfOcr };

package/dist/cpfOcr-BliGp7VI.js

@@ -0,0 +1,2 @@
+import { t as CpfOcr } from "./cpfOcr-C9BqELxj.js";
+export { CpfOcr };

package/dist/{cpfOcr-DpdS8O0U.js → cpfOcr-C9BqELxj.js}

@@ -1,11 +1,11 @@
 import { _ as y, p as d, v as u } from "./vendor-preact-DThS2ZQ_.js";
-import { l as useManager, s as useModuleTerminalCallbacks } from "./hooks-CCi2bNQK.js";
+import { l as useManager, s as useModuleTerminalCallbacks } from "./hooks-CxG4XS7P.js";
 import { r as Spacer } from "./loadingIcon-B0ysgiNq.js";
 import { t as Page } from "./page-DidH_RkX.js";
 import { t as Spinner } from "./spinner-BMeIEK1d.js";
 import "./spinner-BCDCoi9C.js";
 import { t as Button } from "./button-Dz6AsbmF.js";
-import { t as VerificationResult } from "./verificationResult-Omhu8yft.js";
+import { t as VerificationResult } from "./verificationResult-5mmnKVBW.js";
 import { t as InputComposed } from "./inputComposed-Dd00iePQ.js";
 import { createCpfOcrManager } from "@incodetech/core/cpf-ocr";
 //#region src/modules/cpf-ocr/cpfOcr.tsx

package/dist/cross-document-data-match/cross-document-data-match.es.js

@@ -1,6 +1,6 @@
 import { _ as y, v as u } from "../vendor-preact-DThS2ZQ_.js";
-import { l as useManager, s as useModuleTerminalCallbacks } from "../hooks-CCi2bNQK.js";
-import { t as IncodeComponent } from "../incodeComponent-XYk40isQ.js";
+import { l as useManager, s as useModuleTerminalCallbacks } from "../hooks-CxG4XS7P.js";
+import { t as IncodeComponent } from "../incodeComponent-D7NiAWtv.js";
 import { t as Spinner } from "../spinner-BMeIEK1d.js";
 import { t as registerIncodeModuleElement } from "../incodeModule-B-4_3JrK.js";
 import { createCrossDocumentDataMatchManager } from "@incodetech/core/cross-document-data-match";

package/dist/curp-validation/curp-validation.es.js

@@ -1,7 +1,7 @@
 import { n as useTranslation } from "../i18n-CU4xq8qC.js";
 import { d as T, v as u, x as k } from "../vendor-preact-DThS2ZQ_.js";
-import { l as useManager, s as useModuleTerminalCallbacks } from "../hooks-CCi2bNQK.js";
-import { t as IncodeComponent } from "../incodeComponent-XYk40isQ.js";
+import { l as useManager, s as useModuleTerminalCallbacks } from "../hooks-CxG4XS7P.js";
+import { t as IncodeComponent } from "../incodeComponent-D7NiAWtv.js";
 import { r as Spacer } from "../loadingIcon-B0ysgiNq.js";
 import { t as Page } from "../page-DidH_RkX.js";
 import { t as TransitionSpinner } from "../transitionSpinner-CuNCqHNi.js";
@@ -9,7 +9,7 @@ import { t as Button } from "../button-Dz6AsbmF.js";
 import { t as ErrorIcon } from "../errorIcon-BA4T6iy-.js";
 import "../icons-Bi3GbaZc.js";
 import { t as SuccessIcon } from "../successIcon-B5mGvdx1.js";
-import { t as AutoFocusTitle } from "../autoFocusTitle-uXtAKBTO.js";
+import { t as AutoFocusTitle } from "../autoFocusTitle-IN4TR7QN.js";
 import { t as InputComposed } from "../inputComposed-Dd00iePQ.js";
 import { t as DropdownComposed } from "../dropdownComposed-W_J_3a8D.js";
 import "../dropdownComposed-4yiomZY5.js";

package/dist/{customFields-DrmSzp7Q.js → customFields-B0gig_PY.js}

@@ -1,7 +1,7 @@
 import { n as useTranslation } from "./i18n-CU4xq8qC.js";
 import { p as d, v as u } from "./vendor-preact-DThS2ZQ_.js";
-import { l as useManager, s as useModuleTerminalCallbacks } from "./hooks-CCi2bNQK.js";
-import { t as IncodeComponent } from "./incodeComponent-XYk40isQ.js";
+import { l as useManager, s as useModuleTerminalCallbacks } from "./hooks-CxG4XS7P.js";
+import { t as IncodeComponent } from "./incodeComponent-D7NiAWtv.js";
 import { r as Spacer, t as LoadingIcon } from "./loadingIcon-B0ysgiNq.js";
 import { t as Page } from "./page-DidH_RkX.js";
 import { t as Button } from "./button-Dz6AsbmF.js";
@@ -10,7 +10,7 @@ import { t as InputComposed } from "./inputComposed-Dd00iePQ.js";
 import { t as Checkbox } from "./checkbox-DU3dczAM.js";
 import { t as DateInputComposed } from "./dateInputComposed-b385OXwu.js";
 import { t as registerIncodeModuleElement } from "./incodeModule-B-4_3JrK.js";
-import { t as StatusPage } from "./statusPage-BayBYzo7.js";
+import { t as StatusPage } from "./statusPage-Dd6oC1FB.js";
 import { createCustomFieldsManager } from "@incodetech/core/custom-fields";
 //#region src/modules/custom-fields/customFields.tsx
 var INPUT_TYPE_MAP = {

package/dist/{customWatchlist-BZ18bXOZ.js → customWatchlist-Z5X4bbp-.js}

@@ -1,11 +1,11 @@
 import { n as useTranslation } from "./i18n-CU4xq8qC.js";
 import { _ as y, v as u } from "./vendor-preact-DThS2ZQ_.js";
-import { l as useManager, s as useModuleTerminalCallbacks } from "./hooks-CCi2bNQK.js";
-import { t as IncodeComponent } from "./incodeComponent-XYk40isQ.js";
+import { l as useManager, s as useModuleTerminalCallbacks } from "./hooks-CxG4XS7P.js";
+import { t as IncodeComponent } from "./incodeComponent-D7NiAWtv.js";
 import { t as LoadingIcon } from "./loadingIcon-B0ysgiNq.js";
 import { t as SuccessIcon } from "./successIcon-B5mGvdx1.js";
 import { t as registerIncodeModuleElement } from "./incodeModule-B-4_3JrK.js";
-import { t as StatusPage } from "./statusPage-BayBYzo7.js";
+import { t as StatusPage } from "./statusPage-Dd6oC1FB.js";
 import { createCustomWatchlistManager } from "@incodetech/core/custom-watchlist";
 //#region src/modules/custom-watchlist/customWatchlist.tsx
 var CustomWatchlistContent = ({ onFinish }) => {

package/dist/document-capture/document-capture.es.js

@@ -1,2 +1,2 @@
-import { t as DocumentCapture } from "../documentCapture-BgI9t5eO.js";
+import { t as DocumentCapture } from "../documentCapture-OSns8vZV.js";
 export { DocumentCapture };

package/dist/document-capture/styles.css

@@ -3,12 +3,11 @@
   @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
     *, :before, :after, ::backdrop {
       --tw-border-style: solid;
-      --tw-font-weight: initial;
     }
   }
 }
 
-.IncodeDocumentCaptureFileInput {
+.IncodeComponent .IncodeDocumentCaptureFileInput {
   pointer-events: none;
   border-style: var(--tw-border-style);
   padding: var(--spacing-0, var(--spacing-none, 0px));
@@ -24,17 +23,17 @@
   margin: 0 !important;
 }
 
-.IncodeDocumentCaptureFileInput::file-selector-button {
+.IncodeComponent .IncodeDocumentCaptureFileInput::file-selector-button {
   display: none;
 }
 
-.IncodeDocumentCapturePageTutorial .IncodePageContent {
+.IncodeComponent .IncodeDocumentCapturePageTutorial .IncodePageContent {
   flex-direction: column;
   flex: 1;
   display: flex;
 }
 
-.IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureTutorialContent {
+.IncodeComponent .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureTutorialContent {
   margin-block: var(--spacing-16, var(--spacing-16, 16px));
   flex-direction: column;
   flex: 1;
@@ -43,29 +42,31 @@
   display: flex;
 }
 
-.IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureTutorialContent .IncodeDocumentCaptureTutorialIllustration {
+.IncodeComponent .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureTutorialContent .IncodeDocumentCaptureTutorialIllustration {
+  width: var(--document-capture-tutorial-illustration-width);
   flex: 1;
   justify-content: center;
   align-items: center;
-  width: 292px;
   margin-inline: auto;
   display: flex;
 }
 
-.IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureTutorialContent .IncodeDocumentCaptureTutorialIllustration .IncodeDocumentCaptureTutorialImage {
+.IncodeComponent .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureTutorialContent .IncodeDocumentCaptureTutorialIllustration .IncodeDocumentCaptureTutorialImage {
   width: 100%;
 }
 
-.IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureError {
+.IncodeComponent .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureError {
   padding-inline: var(--spacing-16, var(--spacing-16, 16px));
   text-align: center;
-  font-size: var(--text-14, var(--primitive-typography-size-14));
-  --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(--input-text-helper-negative, #e53e3e);
+  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-input-text-helper-negative, var(--input-text-helper-negative));
 }
 
-.IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureActions {
+.IncodeComponent .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureActions {
   gap: var(--spacing-8, var(--spacing-8, 8px));
   padding-inline: var(--spacing-8, var(--spacing-8, 8px));
   padding-block: var(--spacing-16, var(--spacing-16, 16px));
@@ -73,21 +74,12 @@
   display: flex;
 }
 
-.IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureActions .IncodeDocumentCaptureSkipWrapper {
+.IncodeComponent .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureActions .IncodeDocumentCaptureSkipWrapper {
   padding-top: var(--spacing-8, var(--spacing-8, 8px));
   justify-content: center;
   display: flex;
 }
 
-.IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureCentered {
-  justify-content: center;
-  align-items: center;
-  gap: var(--spacing-16, var(--spacing-16, 16px));
-  flex-direction: column;
-  flex: 1;
-  display: flex;
-}
-
 .IncodeDocumentCaptureBottomSheetOptions {
   width: 100%;
   padding-top: var(--spacing-8, var(--spacing-8, 8px));
@@ -122,7 +114,12 @@
   flex-shrink: 0;
 }
 
-.IncodeDocumentCaptureReviewPage .IncodePageContent {
+.IncodeDocumentCaptureCameraPage {
+  width: 100%;
+  height: 100%;
+}
+
+.IncodeComponent .IncodeDocumentCaptureReviewPage .IncodePageContent {
   padding: var(--spacing-0, var(--spacing-none, 0px));
   flex-direction: column;
   flex: 1;
@@ -131,27 +128,27 @@
 }
 
 @media (min-width: 48rem) {
-  .IncodeDocumentCaptureReviewPage .IncodePageInner {
+  .IncodeComponent .IncodeDocumentCaptureReviewPage .IncodePageInner {
     padding: var(--spacing-24, var(--spacing-24, 24px));
   }
 }
 
-.IncodeDocumentCaptureReviewLayout {
+.IncodeComponent .IncodeDocumentCaptureReviewLayout {
   flex-direction: column;
   flex: 1;
   display: flex;
   overflow: hidden;
 }
 
-.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewHeader {
+.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewHeader {
+  height: var(--document-capture-review-header-height);
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  height: 100px;
   display: flex;
 }
 
-.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewHeader .IncodeDocumentCaptureReviewTitle {
+.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewHeader .IncodeDocumentCaptureReviewTitle {
   text-align: center;
   font-family: var(--typography-headline-family);
   font-size: var(--typography-headline-h2-size);
@@ -160,7 +157,7 @@
   letter-spacing: var(--typography-headline-h2-letter-spacing);
 }
 
-.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewHeader .IncodeDocumentCaptureReviewSubtitle {
+.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewHeader .IncodeDocumentCaptureReviewSubtitle {
   max-width: var(--incode-form-max-w);
   text-align: center;
   font-family: var(--typography-headline-family);
@@ -171,7 +168,7 @@
   color: var(--color-text-body-secondary, var(--text-body-500-secondary));
 }
 
-.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview {
+.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview {
   min-height: var(--spacing-0, var(--spacing-none, 0px));
   flex-direction: column;
   flex: 1;
@@ -181,11 +178,11 @@
   overflow: hidden;
 }
 
-.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview.IncodeDocumentCaptureReviewPreviewPdf {
+.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview.IncodeDocumentCaptureReviewPreviewPdf {
   padding-inline: var(--spacing-48, var(--spacing-48, 48px));
 }
 
-.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeDocumentCaptureReviewImageContainer {
+.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeDocumentCaptureReviewImageContainer {
   min-height: var(--spacing-0, var(--spacing-none, 0px));
   border-radius: var(--radius-medium, var(--border-radius-medium));
   background-color: var(--color-neutral-50, oklch(98.5% 0 0));
@@ -193,7 +190,7 @@
   display: flex;
 }
 
-.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeDocumentCaptureReviewImage {
+.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeDocumentCaptureReviewImage {
   border-radius: var(--radius-medium, var(--border-radius-medium));
   object-fit: cover;
   border-style: var(--tw-border-style);
@@ -203,18 +200,18 @@
   max-height: 100%;
 }
 
-.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeDocumentCaptureReviewImage.IncodeDocumentCaptureSuccessBorder {
+.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeDocumentCaptureReviewImage.IncodeDocumentCaptureSuccessBorder {
   border-color: var(--color-border-status-positive, var(--border-status-positive-static));
 }
 
-.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeCaptureEncryptionLabel {
+.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeCaptureEncryptionLabel {
   justify-content: center;
   align-items: center;
   gap: var(--spacing-4, var(--spacing-4, 4px));
   display: flex;
 }
 
-.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter {
+.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter {
   width: 100%;
   max-width: var(--incode-form-max-w);
   justify-content: center;
@@ -223,22 +220,23 @@
   display: flex;
 }
 
-.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter.IncodeDocumentCaptureReviewFooterEmpty {
+.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter.IncodeDocumentCaptureReviewFooterEmpty {
   visibility: hidden;
-  height: 56px;
+  height: var(--document-capture-review-empty-footer-height);
 }
 
-.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter .IncodeDocumentCaptureActionRow {
+.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter .IncodeDocumentCaptureActionRow {
   gap: var(--spacing-12, var(--spacing-12, 12px));
   width: 100%;
+  padding: var(--spacing-4, var(--spacing-4, 4px));
   display: flex;
 }
 
-.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter .IncodeDocumentCaptureActionRow .IncodeButton {
+.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter .IncodeDocumentCaptureActionRow .IncodeButton {
   flex: 1;
 }
 
-.IncodeDocumentCaptureReviewCentered {
+.IncodeComponent .IncodeDocumentCaptureReviewCentered {
   flex-direction: column;
   flex: 1;
   justify-content: center;
@@ -246,7 +244,7 @@
   display: flex;
 }
 
-.IncodeDocumentCapturePdfCard {
+.IncodeComponent .IncodeDocumentCapturePdfCard {
   justify-content: center;
   align-items: center;
   gap: var(--spacing-24, var(--spacing-24, 24px));
@@ -263,23 +261,23 @@
   overflow: hidden;
 }
 
-.IncodeDocumentCapturePdfCard .ImageDocumentCapturePdfPreviewContainer {
+.IncodeComponent .IncodeDocumentCapturePdfCard .ImageDocumentCapturePdfPreviewContainer {
+  height: var(--document-capture-pdf-preview-height);
   width: var(--spacing-120, var(--spacing-120, 120px));
   border-radius: var(--radius-lg, .5rem);
   border-style: var(--tw-border-style);
   border-width: 2px;
   border-color: var(--color-border-neutral-100, var(--border-neutral-100));
   background-color: var(--color-neutral-50, oklch(98.5% 0 0));
-  height: var(--document-capture-pdf-preview-height);
   overflow: hidden;
 }
 
-.IncodeDocumentCapturePdfCard .ImageDocumentCapturePdfPreviewContainer .ImageDocumentCapturePdfPreview {
+.IncodeComponent .IncodeDocumentCapturePdfCard .ImageDocumentCapturePdfPreviewContainer .ImageDocumentCapturePdfPreview {
   width: 100%;
   height: 100%;
 }
 
-.IncodeDocumentCapturePdfCard .IncodeDocumentCapturePdfFileName {
+.IncodeComponent .IncodeDocumentCapturePdfCard .IncodeDocumentCapturePdfFileName {
   text-align: center;
   font-family: var(--typography-headline-family);
   font-size: var(--typography-headline-h5-size);
@@ -290,7 +288,20 @@
   overflow-wrap: break-word;
 }
 
-.IncodeOverlay .IncodeDocumentCommonIssuesTitle {
+.IncodeDocumentCommonIssuesFullScreen .IncodeModalDialog {
+  max-width: none;
+  height: 100%;
+  max-height: none;
+}
+
+.IncodeDocumentCommonIssuesFullScreen .IncodeModalContent {
+  border-radius: var(--radius-none, var(--border-radius-none));
+  max-width: none;
+  height: 100%;
+  margin: auto;
+}
+
+.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesTitle {
   font-family: var(--typography-headline-family);
   font-size: var(--typography-headline-h2-size);
   font-weight: var(--typography-headline-h2-weight);
@@ -298,35 +309,33 @@
   letter-spacing: var(--typography-headline-h2-letter-spacing);
 }
 
-.IncodeOverlay .IncodeDocumentCommonIssuesCards {
-  gap: var(--spacing-32, var(--spacing-32, 32px));
+.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesCards {
   width: 100%;
+  max-width: var(--incode-form-max-w);
+  gap: var(--spacing-32, var(--spacing-32, 32px));
   padding-block: var(--spacing-16, var(--spacing-16, 16px));
   flex-direction: column;
   display: flex;
 }
 
-.IncodeOverlay .IncodeDocumentCommonIssuesCards .IncodeDocumentCommonIssuesCard {
+.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesCard {
   align-items: flex-start;
   gap: var(--spacing-16, var(--spacing-16, 16px));
-  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));
-  padding: var(--spacing-16, var(--spacing-16, 16px));
-  border-radius: 12px;
   display: flex;
 }
 
-.IncodeOverlay .IncodeDocumentCommonIssuesCards .IncodeDocumentCommonIssuesCard .IncodeDocumentCommonIssuesCardIcon {
+.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesCardIcon {
   color: var(--color-text-body-primary, var(--text-body-800-primary));
   flex-shrink: 0;
 }
 
-.IncodeOverlay .IncodeDocumentCommonIssuesCards .IncodeDocumentCommonIssuesCard .IncodeDocumentCommonIssuesCardText {
+.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesCardText {
   gap: var(--spacing-4, var(--spacing-4, 4px));
   flex-direction: column;
   display: flex;
 }
 
-.IncodeOverlay .IncodeDocumentCommonIssuesCards .IncodeDocumentCommonIssuesCard .IncodeDocumentCommonIssuesCardText .IncodeDocumentCommonIssuesCardTitle {
+.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesCardTitle {
   font-family: var(--typography-headline-family);
   font-size: var(--typography-headline-h5-size);
   font-weight: var(--typography-headline-h5-weight);
@@ -334,7 +343,7 @@
   letter-spacing: var(--typography-headline-h5-letter-spacing);
 }
 
-.IncodeOverlay .IncodeDocumentCommonIssuesCards .IncodeDocumentCommonIssuesCard .IncodeDocumentCommonIssuesCardText .IncodeDocumentCommonIssuesCardBody {
+.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesCardBody {
   font-family: var(--typography-body-family);
   font-size: var(--typography-body-m-regular-size);
   font-weight: var(--typography-body-m-regular-weight);
@@ -343,12 +352,23 @@
   color: var(--color-text-body-secondary, var(--text-body-500-secondary));
 }
 
-.IncodeOverlay .IncodeDocumentCommonIssuesButtons {
-  gap: var(--spacing-12, var(--spacing-12, 12px));
-  width: 100%;
-  padding-top: var(--spacing-24, var(--spacing-24, 24px));
-  flex-direction: column;
+.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesButtons {
   margin-top: auto;
+}
+
+.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesTryAgain {
+  width: 100%;
+}
+
+.IncodeDocumentCaptureLoadingPage .IncodePageContent {
+  flex: 1;
+  display: flex;
+}
+
+.IncodeDocumentCaptureLoadingPage .IncodeDocumentCaptureCentered {
+  flex: 1;
+  justify-content: center;
+  align-items: center;
   display: flex;
 }
 
@@ -357,8 +377,3 @@
   inherits: false;
   initial-value: solid;
 }
-
-@property --tw-font-weight {
-  syntax: "*";
-  inherits: false
-}

package/dist/documentCapture-C4--SaPe.js

@@ -0,0 +1,2 @@
+import { t as DocumentCapture } from "./documentCapture-OSns8vZV.js";
+export { DocumentCapture };