@incodetech/web 2.2.0-rc.8 → 2.3.0-rc.0

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

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

package/dist/document-capture/styles.css

@@ -185,7 +185,7 @@
 .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));
+  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));
   flex: 1;
   display: flex;
 }
@@ -252,7 +252,7 @@
   border-style: var(--tw-border-style);
   border-width: 1px;
   border-color: var(--color-border-neutral-100, var(--border-neutral-100));
-  background-color: var(--color-neutral-50, oklch(98.5% 0 0));
+  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));
   width: 100%;
   padding-inline: var(--spacing-24, var(--spacing-24, 24px));
   padding-block: var(--spacing-32, var(--spacing-32, 32px));
@@ -264,11 +264,11 @@
 .IncodeComponent .IncodeDocumentCapturePdfCard .IncodeImageDocumentCapturePdfPreviewContainer {
   height: var(--document-capture-pdf-preview-height);
   width: var(--spacing-120, var(--spacing-120, 120px));
-  border-radius: var(--radius-lg, .5rem);
+  border-radius: var(--radius-small, var(--border-radius-small));
   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));
+  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));
   overflow: hidden;
 }
 

package/dist/document-capture/styles.css.js

@@ -0,0 +1 @@
+export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n@layer properties {\n  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n    .IncodeComponent, .IncodeComponent *, .IncodeComponent :before, .IncodeComponent :after, .IncodeComponent ::backdrop {\n      --tw-border-style: solid;\n    }\n  }\n}\n\n.IncodeComponent .IncodeDocumentCaptureFileInput {\n  pointer-events: none;\n  border-style: var(--tw-border-style);\n  padding: var(--spacing-0, var(--spacing-none, 0px));\n  opacity: 0;\n  clip: rect(0, 0, 0, 0);\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border-width: 0;\n  position: absolute;\n  overflow: hidden;\n  width: 0 !important;\n  height: 0 !important;\n  margin: 0 !important;\n}\n\n.IncodeComponent .IncodeDocumentCaptureFileInput::file-selector-button {\n  display: none;\n}\n\n.IncodeComponent .IncodeDocumentCapturePageTutorial .IncodePageContent {\n  flex-direction: column;\n  flex: 1;\n  display: flex;\n}\n\n.IncodeComponent .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureTutorialContent {\n  margin-block: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeComponent .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureTutorialContent .IncodeDocumentCaptureTutorialIllustration {\n  width: var(--document-capture-tutorial-illustration-width);\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  margin-inline: auto;\n  display: flex;\n}\n\n.IncodeComponent .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureTutorialContent .IncodeDocumentCaptureTutorialIllustration .IncodeDocumentCaptureTutorialImage {\n  width: 100%;\n}\n\n.IncodeComponent .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureError {\n  padding-inline: var(--spacing-16, var(--spacing-16, 16px));\n  text-align: center;\n  font-family: var(--typography-body-family);\n  font-size: var(--typography-body-m-regular-size);\n  font-weight: var(--typography-body-m-regular-weight);\n  line-height: var(--typography-body-m-regular-line-height);\n  letter-spacing: var(--typography-body-m-regular-letter-spacing);\n  color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));\n}\n\n.IncodeComponent .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureActions {\n  gap: var(--spacing-8, var(--spacing-8, 8px));\n  padding-inline: var(--spacing-8, var(--spacing-8, 8px));\n  padding-block: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  display: flex;\n}\n\n.IncodeComponent .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureActions .IncodeDocumentCaptureSkipWrapper {\n  padding-top: var(--spacing-8, var(--spacing-8, 8px));\n  justify-content: center;\n  display: flex;\n}\n\n.IncodeDocumentCaptureBottomSheetOptions {\n  width: 100%;\n  padding-top: var(--spacing-8, var(--spacing-8, 8px));\n  padding-bottom: var(--spacing-20, var(--spacing-20, 20px));\n  flex-direction: column;\n  align-items: flex-start;\n  display: flex;\n}\n\n.IncodeDocumentCaptureBottomSheetOptions .IncodeDocumentCaptureBottomSheetOption {\n  align-items: center;\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  border-style: var(--tw-border-style);\n  border-width: var(--border-width-none, var(--primitive-border-width-0));\n  --tw-border-style: none;\n  width: 100%;\n  padding-inline: var(--spacing-12, var(--spacing-12, 12px));\n  padding-block: var(--spacing-16, var(--spacing-16, 16px));\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n  background-color: #0000;\n  border-style: none;\n  display: flex;\n}\n\n.IncodeDocumentCaptureBottomSheetOptions .IncodeDocumentCaptureBottomSheetOption svg {\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n  flex-shrink: 0;\n}\n\n.IncodeDocumentCaptureCameraPage {\n  width: 100%;\n  height: 100%;\n}\n\n.IncodeComponent .IncodeDocumentCaptureReviewPage .IncodePageContent {\n  padding: var(--spacing-0, var(--spacing-none, 0px));\n  flex-direction: column;\n  flex: 1;\n  display: flex;\n  overflow: hidden;\n}\n\n@media (min-width: 48rem) {\n  .IncodeComponent .IncodeDocumentCaptureReviewPage .IncodePageInner {\n    padding: var(--spacing-24, var(--spacing-24, 24px));\n  }\n}\n\n.IncodeComponent .IncodeDocumentCaptureReviewLayout {\n  flex-direction: column;\n  flex: 1;\n  display: flex;\n  overflow: hidden;\n}\n\n.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewHeader {\n  height: var(--document-capture-review-header-height);\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewHeader .IncodeDocumentCaptureReviewTitle {\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h2-size);\n  font-weight: var(--typography-headline-h2-weight);\n  line-height: var(--typography-headline-h2-line-height);\n  letter-spacing: var(--typography-headline-h2-letter-spacing);\n}\n\n.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewHeader .IncodeDocumentCaptureReviewSubtitle {\n  max-width: var(--incode-form-max-w);\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview {\n  min-height: var(--spacing-0, var(--spacing-none, 0px));\n  flex-direction: column;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  overflow: hidden;\n}\n\n.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview.IncodeDocumentCaptureReviewPreviewPdf {\n  padding-inline: var(--spacing-48, var(--spacing-48, 48px));\n}\n\n.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeDocumentCaptureReviewImageContainer {\n  min-height: var(--spacing-0, var(--spacing-none, 0px));\n  border-radius: var(--radius-medium, var(--border-radius-medium));\n  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));\n  flex: 1;\n  display: flex;\n}\n\n.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeDocumentCaptureReviewImage {\n  border-radius: var(--radius-medium, var(--border-radius-medium));\n  object-fit: cover;\n  border-style: var(--tw-border-style);\n  border-width: 4px;\n  border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n  width: 100%;\n  max-height: 100%;\n}\n\n.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeDocumentCaptureReviewImage.IncodeDocumentCaptureSuccessBorder {\n  border-color: var(--color-border-status-positive, var(--border-status-positive-static));\n}\n\n.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeCaptureEncryptionLabel {\n  justify-content: center;\n  align-items: center;\n  gap: var(--spacing-4, var(--spacing-4, 4px));\n  display: flex;\n}\n\n.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter {\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n  justify-content: center;\n  align-self: center;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter.IncodeDocumentCaptureReviewFooterEmpty {\n  visibility: hidden;\n  height: var(--document-capture-review-empty-footer-height);\n}\n\n.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter .IncodeDocumentCaptureActionRow {\n  gap: var(--spacing-12, var(--spacing-12, 12px));\n  width: 100%;\n  padding: var(--spacing-4, var(--spacing-4, 4px));\n  display: flex;\n}\n\n.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter .IncodeDocumentCaptureActionRow .IncodeButton {\n  flex: 1;\n}\n\n.IncodeComponent .IncodeDocumentCaptureReviewCentered {\n  flex-direction: column;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeComponent .IncodeDocumentCapturePdfCard {\n  justify-content: center;\n  align-items: center;\n  gap: var(--spacing-24, var(--spacing-24, 24px));\n  border-radius: var(--radius-large, var(--border-radius-large));\n  border-style: var(--tw-border-style);\n  border-width: 1px;\n  border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));\n  width: 100%;\n  padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n  padding-block: var(--spacing-32, var(--spacing-32, 32px));\n  flex-direction: column;\n  display: flex;\n  overflow: hidden;\n}\n\n.IncodeComponent .IncodeDocumentCapturePdfCard .IncodeImageDocumentCapturePdfPreviewContainer {\n  height: var(--document-capture-pdf-preview-height);\n  width: var(--spacing-120, var(--spacing-120, 120px));\n  border-radius: var(--radius-small, var(--border-radius-small));\n  border-style: var(--tw-border-style);\n  border-width: 2px;\n  border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));\n  overflow: hidden;\n}\n\n.IncodeComponent .IncodeDocumentCapturePdfCard .IncodeImageDocumentCapturePdfPreviewContainer .IncodeImageDocumentCapturePdfPreview {\n  width: 100%;\n  height: 100%;\n}\n\n.IncodeComponent .IncodeDocumentCapturePdfCard .IncodeDocumentCapturePdfFileName {\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n  overflow-wrap: break-word;\n}\n\n.IncodeDocumentCommonIssuesFullScreen .IncodeModalDialog {\n  max-width: none;\n  height: 100%;\n  max-height: none;\n}\n\n.IncodeDocumentCommonIssuesFullScreen .IncodeModalContent {\n  border-radius: var(--radius-none, var(--border-radius-none));\n  max-width: none;\n  height: 100%;\n  margin: auto;\n}\n\n.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesTitle {\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h2-size);\n  font-weight: var(--typography-headline-h2-weight);\n  line-height: var(--typography-headline-h2-line-height);\n  letter-spacing: var(--typography-headline-h2-letter-spacing);\n}\n\n.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesCards {\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n  gap: var(--spacing-32, var(--spacing-32, 32px));\n  padding-block: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  display: flex;\n}\n\n.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesCard {\n  align-items: flex-start;\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  display: flex;\n}\n\n.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesCardIcon {\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n  flex-shrink: 0;\n}\n\n.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesCardText {\n  gap: var(--spacing-4, var(--spacing-4, 4px));\n  flex-direction: column;\n  display: flex;\n}\n\n.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesCardTitle {\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n}\n\n.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesCardBody {\n  font-family: var(--typography-body-family);\n  font-size: var(--typography-body-m-regular-size);\n  font-weight: var(--typography-body-m-regular-weight);\n  line-height: var(--typography-body-m-regular-line-height);\n  letter-spacing: var(--typography-body-m-regular-letter-spacing);\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesButtons {\n  margin-top: auto;\n}\n\n.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesTryAgain {\n  width: 100%;\n}\n\n.IncodeDocumentCaptureLoadingPage .IncodePageContent {\n  flex: 1;\n  display: flex;\n}\n\n.IncodeDocumentCaptureLoadingPage .IncodeDocumentCaptureCentered {\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n";

package/dist/{documentCapture-sZj09g0I.js → documentCapture-CoMsW_gC.js}

@@ -1,19 +1,18 @@
-import { a as useTranslation } from "./uiConfig-Dqnjankd.js";
-import { C as k, c as z, g as q, l as A, m as g, o as P, p as d, y as u } from "./vendor-preact-BPXMFRom.js";
-import { b as useManager, h as useIsMobileDeviceWidth, o as Page, r as withStandaloneModuleBootstrap, t as IncodeComponent, v as useModuleTerminalCallbacks } from "./incodeComponent-BtFz-bx2.js";
-import { d as cn, s as Asset, t as Spacer } from "./spacer-DLEDuWEx.js";
-import { t as Spinner } from "./spinner-CJCOHUKx.js";
-import { r as Button } from "./incode-logo-DeIDDejm.js";
-import { b as ProgressBar, d as CaptureFooter, f as CameraOverlayHeader, p as CameraOverlay } from "./extensibility-C5XqL_A3.js";
-import { a as FileIcon, g as CameraIcon, r as LockIcon } from "./icons-ChHV5iHi.js";
-import { t as SuccessIcon } from "./successIcon-DS8BLsgy.js";
-import { t as Modal } from "./modal-BH2wi8Q0.js";
-import { i as ErrorContent } from "./tutorial-LQuJ4dse.js";
-import { t as AutoFocusTitle } from "./autoFocusTitle-DB-23sv_.js";
-import { t as BottomSheet } from "./bottomSheet-BWEUBq8m.js";
-import { a as CameraView, o as CameraFrame } from "./manualCaptureButton-DzJFIEfu.js";
-import { n as Permissions } from "./manualCaptureButton-D58WsS-x.js";
-import { t as registerIncodeModuleElement } from "./incodeModule-9K8KUs61.js";
+import { o as useTranslation } from "./uiConfig-C1jdTj-i.js";
+import { S as k, a as P, c as A, f as d, h as q, p as g, s as z, v as u } from "./vendor-preact-C0jX1Cbq.js";
+import { S as useManager, _ as useIsMobileDeviceWidth, b as useModuleTerminalCallbacks, c as Page, i as withStandaloneModuleBootstrap, t as IncodeComponent } from "./incodeComponent-D3_BSWan.js";
+import { d as cn, s as Asset, t as Spacer } from "./spacer-ayyj5lMa.js";
+import { t as Spinner } from "./spinner-Z-5sEEDQ.js";
+import { a as LockIcon, r as SuccessIcon, s as FileIcon, v as CameraIcon, x as Button } from "./icons-eIgP34nj.js";
+import { t as AutoFocusTitle } from "./autoFocusTitle-CIbcUW_x.js";
+import { t as Modal } from "./modal-CmF_MYIK.js";
+import { t as ErrorContent } from "./errorContent-CMNfCIo_.js";
+import { n as ProgressBar, t as CaptureFooter } from "./captureFooter-DWCaAdIU.js";
+import { t as BottomSheet } from "./bottomSheet-DtUFrIAG.js";
+import { n as CameraFrame, t as CameraView } from "./cameraView-DrTBPNWX.js";
+import { n as CameraOverlay, t as CameraOverlayHeader } from "./cameraOverlayHeader-CsokPtuL.js";
+import { t as Permissions } from "./permissions-DowRodJj.js";
+import { t as registerIncodeModuleElement } from "./incodeModule-BQgvYKyr.js";
 import { createDocumentCaptureManager } from "@incodetech/core/document-capture";
 //#region src/modules/document-capture/documentCameraView.tsx
 function captureFrameFromVideo(video) {
@@ -332,7 +331,7 @@ var UploadingHeader = ({ progress, isFilePdf }) => {
 };
 //#endregion
 //#region src/modules/document-capture/documentReview.tsx
-var PdfViewer = z(() => import("./pdfViewer-C1B-07Wu.js").then((m) => ({ default: m.PdfViewer })));
+var PdfViewer = z(() => import("./pdfViewer-e2o97yIv.js").then((m) => ({ default: m.PdfViewer })));
 var DocumentReview = ({ state, manager }) => {
 	const { t } = useTranslation();
 	if (state.status === "failure") {

package/dist/documentCapture-DMxz9eqT.js

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

package/dist/dropdownComposed-CXwC9j18.js

@@ -0,0 +1 @@
+import "./dropdownComposed-DYdI3B4r.js";

package/dist/{dropdownComposed-CEegNzG4.js → dropdownComposed-DYdI3B4r.js}

@@ -1,8 +1,7 @@
-import { C as k, l as A, p as d, v as y, y as u } from "./vendor-preact-BPXMFRom.js";
-import { d as cn } from "./spacer-DLEDuWEx.js";
-import { n as ErrorIcon } from "./incode-logo-DeIDDejm.js";
-import { f as ChevronDown, l as CloseIcon, n as SearchIcon, p as CheckmarkCompactIcon } from "./icons-ChHV5iHi.js";
-import { t as SuccessIcon } from "./successIcon-DS8BLsgy.js";
+import { S as k, _ as y, c as A, f as d, v as u } from "./vendor-preact-C0jX1Cbq.js";
+import { d as cn } from "./spacer-ayyj5lMa.js";
+import { b as ErrorIcon, d as CloseIcon, h as CheckmarkCompactIcon, i as SearchIcon, m as ChevronDown, r as SuccessIcon } from "./icons-eIgP34nj.js";
+import { t as FieldLabelHint } from "./fieldLabelHint-CxjArYkQ.js";
 //#region src/shared/dropdownComposed/dropdownComposed.tsx
 var DropdownComposed = ({ id, label, labelHint, placeholder = "Choose an option", value, options, onChange, error, helper, showErrorIcon, showHelperIcon, suppressMessages = false, disabled = false, required, searchable = false, searchPlaceholder = "Search...", noResultsText = "No results found", name, tabIndex, onKeyDown, onBlur, renderSelectedLabel, siblingElement, class: className, "aria-label": ariaLabel, "data-testid": dataTestId }) => {
 	const [isOpen, setIsOpen] = d(false);
@@ -202,10 +201,11 @@ var DropdownComposed = ({ id, label, labelHint, placeholder = "Choose an option"
 				id: labelId,
 				htmlFor: id,
 				"data-testid": `${id}-label`,
-				children: [label, labelHint && /* @__PURE__ */ u("span", {
-					class: "IncodeDropdownComposedLabelHint",
-					"data-testid": `${id}-label-hint`,
-					children: labelHint
+				children: [label, /* @__PURE__ */ u(FieldLabelHint, {
+					className: "IncodeDropdownComposedLabelHint",
+					hint: labelHint,
+					required,
+					testId: `${id}-label-hint`
 				})]
 			}),
 			/* @__PURE__ */ u("div", {

package/dist/{dynamicForms-t3vepXqJ.js → dynamic-forms/dynamic-forms.es.js}

@@ -1,18 +1,18 @@
-import { a as useTranslation } from "./uiConfig-Dqnjankd.js";
-import { d as T, m as g, y as u } from "./vendor-preact-BPXMFRom.js";
-import { b as useManager, o as Page, r as withStandaloneModuleBootstrap, t as IncodeComponent, v as useModuleTerminalCallbacks } from "./incodeComponent-BtFz-bx2.js";
-import { r as Button } from "./incode-logo-DeIDDejm.js";
-import { t as VerificationResult } from "./verificationResult-q_zD_Pxh.js";
-import { t as InputComposed } from "./inputComposed-C2zTEXsp.js";
-import { n as countries, t as PhoneInputComposed } from "./phoneInputComposed-byyszNoS.js";
-import { t as DropdownComposed } from "./dropdownComposed-CEegNzG4.js";
-import { t as DateInputComposed } from "./dateInputComposed-DSgV0wnb.js";
-import { t as registerIncodeModuleElement } from "./incodeModule-9K8KUs61.js";
-import { n as getRequiredHintMode, t as getFieldHint } from "./requiredLabelHint-Dx0WS2cR.js";
-import { t as EmailInput } from "./emailInput-CsT8_C01.js";
+import { o as useTranslation } from "../uiConfig-C1jdTj-i.js";
+import { p as g, u as T, v as u } from "../vendor-preact-C0jX1Cbq.js";
+import { S as useManager, b as useModuleTerminalCallbacks, c as Page, i as withStandaloneModuleBootstrap, t as IncodeComponent } from "../incodeComponent-D3_BSWan.js";
+import { x as Button } from "../icons-eIgP34nj.js";
+import { t as VerificationResult } from "../verificationResult-B26DDXFT.js";
+import { t as InputComposed } from "../inputComposed-CTZnsHLi.js";
+import { r as countries } from "../countries-5e8kwG_m.js";
+import { t as PhoneInputComposed } from "../phoneInputComposed-B6sv-uB2.js";
+import { t as DropdownComposed } from "../dropdownComposed-DYdI3B4r.js";
+import { t as DateInputComposed } from "../dateInputComposed-BcmKKwRL.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-BQgvYKyr.js";
+import { t as EmailInput } from "../emailInput-B_qAEKBC.js";
 import { createDynamicFormsManager } from "@incodetech/core/dynamic-forms";
 import { formatCPF, isValidCPF } from "@incodetech/core/id-ocr";
-//#region src/modules/dynamic-forms/dynamicForms.tsx
+//#region src/modules/dynamic-forms/dynamic-forms.tsx
 function getEffectiveType(question) {
 	return question.inputType ?? question.overrides ?? "TEXT";
 }
@@ -230,13 +230,13 @@ var ScreenForm = ({ screen, answers, validationErrors, canSubmit, isSubmitting =
 	const { t } = useTranslation();
 	const title = screen.hideTitle ? void 0 : screen.title || t("dynamicForms.title");
 	const titleId = g();
-	const hintMode = T(() => getRequiredHintMode(screen.questions.map((q) => !q.isOptional)), [screen]);
 	const prefilledSet = T(() => new Set(prefilledQuestionIds), [prefilledQuestionIds]);
 	const nonEditableSet = T(() => new Set(nonEditableQuestionIds), [nonEditableQuestionIds]);
 	return /* @__PURE__ */ u(Page, {
 		className: "IncodeDynamicFormsPage",
 		title,
 		titleId: title ? titleId : void 0,
+		subtitle: t("forms.subtitle"),
 		hideFooterBranding: true,
 		children: [
 			isSubmitting && /* @__PURE__ */ u("div", {
@@ -251,10 +251,7 @@ var ScreenForm = ({ screen, answers, validationErrors, canSubmit, isSubmitting =
 					const errorKey = validationErrors?.[question.questionId];
 					const isPrefilled = prefilledSet.has(question.questionId);
 					const isReadOnly = nonEditableSet.has(question.questionId);
-					const hint = getFieldHint(hintMode, !question.isOptional);
-					let labelHint;
-					if (isPrefilled) labelHint = t("forms.prefill.fromId") ?? void 0;
-					else if (hint) labelHint = t(`forms.label.${hint}`) ?? void 0;
+					const labelHint = isPrefilled ? t("forms.prefill.fromId") ?? void 0 : void 0;
 					return /* @__PURE__ */ u(QuestionInput, {
 						question,
 						value: answers[question.questionId] ?? "",
@@ -316,9 +313,17 @@ var DynamicFormsContent = ({ config, manager: externalManager, onFinish }) => {
 			onSubmit: () => manager.submit()
 		}, state.screenIndex);
 	}
+	if (state.status === "submitFailed") return /* @__PURE__ */ u(VerificationResult, {
+		status: "failure",
+		failureTitle: t("common.somethingWrong"),
+		onRetry: () => manager.retry(),
+		retryLabel: t("common.tryAgain"),
+		hideFooterBranding: false
+	});
 	if (state.status === "success") return /* @__PURE__ */ u(VerificationResult, {
 		status: "success",
-		successTitle: t("dynamicForms.success")
+		successTitle: t("dynamicForms.success"),
+		hideFooterBranding: false
 	});
 	if (state.status === "misconfigured") return /* @__PURE__ */ u(VerificationResult, {
 		status: "failure",

package/dist/dynamic-forms/styles.css

@@ -1,4 +1,9 @@
 /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
+.IncodeDynamicFormsPage {
+  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
+  animation-fill-mode: both;
+}
+
 .IncodeDynamicFormsPage .IncodePageTitleContainer {
   margin-top: var(--spacing-24, var(--spacing-24, 24px));
 }

package/dist/dynamic-forms/styles.css.js

@@ -0,0 +1 @@
+export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n.IncodeDynamicFormsPage {\n  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;\n  animation-fill-mode: both;\n}\n\n.IncodeDynamicFormsPage .IncodePageTitleContainer {\n  margin-top: var(--spacing-24, var(--spacing-24, 24px));\n}\n\n@media (min-width: 48rem) {\n  .IncodeDynamicFormsPage.IncodePageContainer {\n    align-items: stretch;\n  }\n\n  .IncodeDynamicFormsPage .IncodePageInner {\n    height: 100%;\n    min-height: var(--spacing-0, var(--spacing-none, 0px));\n  }\n}\n\n.IncodeDynamicFormsPage .IncodePageContent {\n  padding-bottom: var(--spacing-16, var(--spacing-16, 16px));\n  align-items: center;\n}\n\n@media (min-width: 48rem) {\n  .IncodeDynamicFormsPage .IncodePageContent {\n    min-height: var(--spacing-0, var(--spacing-none, 0px));\n  }\n}\n\n.IncodeDynamicFormsPage .IncodeDynamicFormsProgress {\n  margin-bottom: var(--spacing-4, var(--spacing-4, 4px));\n  text-align: center;\n  font-size: var(--text-sm, .875rem);\n  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));\n  color: var(--text-secondary);\n}\n\n.IncodeDynamicFormsPage .IncodeDynamicFormsFields {\n  margin-top: var(--spacing-32, var(--spacing-32, 32px));\n  flex-direction: column;\n  width: 100%;\n  display: flex;\n}\n\n@media (min-width: 48rem) {\n  .IncodeDynamicFormsPage .IncodeDynamicFormsFields {\n    min-height: var(--spacing-0, var(--spacing-none, 0px));\n    padding-bottom: var(--spacing-8, var(--spacing-8, 8px));\n    flex: 1;\n    overflow-y: auto;\n  }\n}\n\n.IncodeDynamicFormsPage .IncodeDynamicFormsFields {\n  max-width: var(--incode-form-max-w);\n}\n\n.IncodeDynamicFormsPage .IncodeDynamicFormsField {\n  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  align-items: flex-start;\n  width: 100%;\n  display: flex;\n}\n\n.IncodeDynamicFormsPage .IncodeDynamicFormsField--prefilled .IncodeInputComposedLabel, .IncodeDynamicFormsPage .IncodeDynamicFormsField--prefilled .IncodeDropdownComposedLabel {\n  justify-content: space-between;\n  align-items: baseline;\n  width: 100%;\n  display: flex;\n}\n\n.IncodeDynamicFormsPage .IncodeDynamicFormsField--prefilled .IncodeInputComposedLabelHint, .IncodeDynamicFormsPage .IncodeDynamicFormsField--prefilled .IncodeDropdownComposedLabelHint {\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeDynamicFormsPage .IncodeDynamicFormsFooter {\n  width: 100%;\n  padding-top: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n@media (min-width: 48rem) {\n  .IncodeDynamicFormsPage .IncodeDynamicFormsFooter {\n    flex-shrink: 0;\n  }\n}\n\n.IncodeDynamicFormsPage .IncodeDynamicFormsFooter {\n  max-width: var(--incode-form-max-w);\n}\n\n.IncodeDynamicFormsPage .IncodeSrOnly {\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border-width: 0;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  position: absolute;\n  overflow: hidden;\n}\n";

package/dist/ekyb/ekyb.es.js

@@ -1,2 +1,2 @@
-import { t as EkybModule } from "../ekybModule-Dvkf5WAr.js";
+import { t as EkybModule } from "../ekybModule-BRh9D01p.js";
 export { EkybModule };

package/dist/ekyb/styles.css

@@ -17,6 +17,14 @@
   display: flex;
 }
 
+@media (min-width: 48rem) {
+  .IncodeEkybPage .IncodeEkybForm {
+    min-height: var(--spacing-0, var(--spacing-none, 0px));
+    padding-bottom: var(--spacing-8, var(--spacing-8, 8px));
+    overflow-y: auto;
+  }
+}
+
 .IncodeEkybPage .IncodeEkybForm .IncodeInputComposed, .IncodeEkybPage .IncodeEkybForm .IncodeDropdownComposed, .IncodeEkybPage .IncodeEkybForm .IncodeCountrySelector, .IncodeEkybPage .IncodeEkybForm .IncodeFormField {
   margin-inline: auto;
 }
@@ -78,7 +86,7 @@
   margin-inline: auto;
   margin-top: var(--spacing-16, var(--spacing-16, 16px));
   width: 100%;
-  max-width: 420px;
+  max-width: var(--incode-form-max-w);
   padding-block: var(--spacing-12, var(--spacing-12, 12px));
 }
 
@@ -86,27 +94,21 @@
   margin-top: var(--spacing-24, var(--spacing-24, 24px));
 }
 
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
+  .IncodeEkybPage .IncodeEkybFooter {
+    flex-shrink: 0;
+  }
+
   .IncodeEkybPage.IncodePageContainer {
     margin-top: var(--spacing-0, var(--spacing-none, 0px));
     max-height: none;
   }
 
   .IncodeEkybPage.IncodeEkybPageScrollable {
-    max-width: 500px;
+    max-width: var(--ekyb-scrollable-page);
   }
 
   .IncodeEkybPage .IncodePageContent {
     min-height: var(--spacing-0, var(--spacing-none, 0px));
   }
-
-  .IncodeEkybPage .IncodeEkybForm {
-    min-height: var(--spacing-0, var(--spacing-none, 0px));
-    padding-bottom: var(--spacing-8, var(--spacing-8, 8px));
-    overflow-y: auto;
-  }
-
-  .IncodeEkybPage .IncodeEkybFooter {
-    flex-shrink: 0;
-  }
 }

package/dist/ekyb/styles.css.js

@@ -0,0 +1 @@
+export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n.IncodeEkybPage {\n  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;\n  margin-inline: auto;\n  animation-fill-mode: both;\n}\n\n.IncodeEkybPage .IncodeEkybSpinner {\n  flex: 1;\n}\n\n.IncodeEkybPage .IncodeEkybForm {\n  margin-top: var(--spacing-32, var(--spacing-32, 32px));\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  width: 100%;\n  display: flex;\n}\n\n@media (min-width: 48rem) {\n  .IncodeEkybPage .IncodeEkybForm {\n    min-height: var(--spacing-0, var(--spacing-none, 0px));\n    padding-bottom: var(--spacing-8, var(--spacing-8, 8px));\n    overflow-y: auto;\n  }\n}\n\n.IncodeEkybPage .IncodeEkybForm .IncodeInputComposed, .IncodeEkybPage .IncodeEkybForm .IncodeDropdownComposed, .IncodeEkybPage .IncodeEkybForm .IncodeCountrySelector, .IncodeEkybPage .IncodeEkybForm .IncodeFormField {\n  margin-inline: auto;\n}\n\n.IncodeEkybPage .IncodeEkybForm .IncodeFormField {\n  margin-bottom: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeEkybPage .IncodeEkybForm .IncodeAddressAutocomplete {\n  margin-inline: auto;\n}\n\n.IncodeEkybPage .IncodeEkybCountrySelector {\n  width: 100%;\n}\n\n.IncodeEkybPage .IncodeEkybUbos, .IncodeEkybPage .IncodeEkybUboEntry {\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  display: flex;\n}\n\n.IncodeEkybPage .IncodeEkybRemoveUbo {\n  font-family: var(--typography-body-family);\n  font-size: var(--typography-body-s-regular-size);\n  font-weight: var(--typography-body-s-regular-weight);\n  line-height: var(--typography-body-s-regular-line-height);\n  letter-spacing: var(--typography-body-s-regular-letter-spacing);\n  color: var(--color-text-status-negative, var(--text-status-negative));\n  text-decoration-line: none;\n}\n\n.IncodeEkybPage .IncodeEkybAddUbo {\n  text-align: center;\n  font-family: var(--typography-button-family);\n  font-size: var(--typography-button-m-underlined-size);\n  font-weight: var(--typography-button-m-underlined-weight);\n  line-height: var(--typography-button-m-underlined-line-height);\n  letter-spacing: var(--typography-button-m-underlined-letter-spacing);\n  -webkit-text-decoration-skip-ink: none;\n  text-decoration-skip-ink: none;\n  color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));\n  text-decoration-line: underline;\n  text-decoration-style: solid;\n  text-decoration-thickness: auto;\n}\n\n.IncodeEkybPage .IncodeEkybAddUbo:hover {\n  opacity: .8;\n}\n\n.IncodeEkybPage .IncodeEkybSectionHeader {\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h3-size);\n  font-weight: var(--typography-headline-h3-weight);\n  line-height: var(--typography-headline-h3-line-height);\n  letter-spacing: var(--typography-headline-h3-letter-spacing);\n  color: var(--color-input-text-label-default, var(--input-text-label-default));\n  margin-inline: auto;\n  margin-top: var(--spacing-16, var(--spacing-16, 16px));\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n  padding-block: var(--spacing-12, var(--spacing-12, 12px));\n}\n\n.IncodeEkybPage .IncodeEkybFooter {\n  margin-top: var(--spacing-24, var(--spacing-24, 24px));\n}\n\n@media (min-width: 48rem) {\n  .IncodeEkybPage .IncodeEkybFooter {\n    flex-shrink: 0;\n  }\n\n  .IncodeEkybPage.IncodePageContainer {\n    margin-top: var(--spacing-0, var(--spacing-none, 0px));\n    max-height: none;\n  }\n\n  .IncodeEkybPage.IncodeEkybPageScrollable {\n    max-width: var(--ekyb-scrollable-page);\n  }\n\n  .IncodeEkybPage .IncodePageContent {\n    min-height: var(--spacing-0, var(--spacing-none, 0px));\n  }\n}\n";

package/dist/{ekybModule-Dvkf5WAr.js → ekybModule-BRh9D01p.js}

@@ -1,18 +1,16 @@
-import { a as useTranslation } from "./uiConfig-Dqnjankd.js";
-import { C as k, d as T, l as A, v as y, y as u } from "./vendor-preact-BPXMFRom.js";
-import { b as useManager, g as useFormScrollable, o as Page, r as withStandaloneModuleBootstrap, t as IncodeComponent, v as useModuleTerminalCallbacks } from "./incodeComponent-BtFz-bx2.js";
-import { t as Spacer } from "./spacer-DLEDuWEx.js";
-import { t as Spinner } from "./spinner-CJCOHUKx.js";
-import { r as Button } from "./incode-logo-DeIDDejm.js";
-import "./extensibility-C5XqL_A3.js";
-import { t as VerificationResult } from "./verificationResult-q_zD_Pxh.js";
-import { t as InputComposed } from "./inputComposed-C2zTEXsp.js";
-import { i as translateError, r as FormField } from "./radioGroupComposed-DQzTWutW.js";
-import { t as DropdownComposed } from "./dropdownComposed-CEegNzG4.js";
-import { t as registerIncodeModuleElement } from "./incodeModule-9K8KUs61.js";
-import { n as getRequiredHintMode, t as getFieldHint } from "./requiredLabelHint-Dx0WS2cR.js";
-import { n as AddressAutocomplete, t as getAccessibleOptionLabel } from "./optionAccessibleLabel-C5iZCrlq.js";
-import { t as CountrySelector$1 } from "./countrySelector-COZ7XQHp.js";
+import { o as useTranslation } from "./uiConfig-C1jdTj-i.js";
+import { S as k, _ as y, c as A, v as u } from "./vendor-preact-C0jX1Cbq.js";
+import { S as useManager, b as useModuleTerminalCallbacks, c as Page, i as withStandaloneModuleBootstrap, t as IncodeComponent, v as useFormScrollable } from "./incodeComponent-D3_BSWan.js";
+import { t as Spacer } from "./spacer-ayyj5lMa.js";
+import { t as Spinner } from "./spinner-Z-5sEEDQ.js";
+import { x as Button } from "./icons-eIgP34nj.js";
+import { t as VerificationResult } from "./verificationResult-B26DDXFT.js";
+import { t as InputComposed } from "./inputComposed-CTZnsHLi.js";
+import { n as translateError, t as FormField } from "./formField-CBwWQ7wD.js";
+import { t as DropdownComposed } from "./dropdownComposed-DYdI3B4r.js";
+import { t as registerIncodeModuleElement } from "./incodeModule-BQgvYKyr.js";
+import { n as AddressAutocomplete, t as getAccessibleOptionLabel } from "./optionAccessibleLabel-CqBUOBxK.js";
+import { t as CountrySelector$1 } from "./countrySelector-C60Cdc5P.js";
 import { DEV_ONLY_COUNTRIES, SUPPORTED_COUNTRIES, createEkybManager } from "@incodetech/core/ekyb";
 //#region src/modules/ekyb/countrySelector.tsx
 var CountrySelector = ({ value, onChange }) => {
@@ -20,6 +18,7 @@ var CountrySelector = ({ value, onChange }) => {
 	return /* @__PURE__ */ u(CountrySelector$1, {
 		id: "ekyb-country",
 		label: t("ekyb.country"),
+		required: true,
 		value,
 		onChange,
 		countryCodes: SUPPORTED_COUNTRIES,
@@ -29,12 +28,11 @@ var CountrySelector = ({ value, onChange }) => {
 };
 //#endregion
 //#region src/modules/ekyb/fieldInput.tsx
-var FieldInput = ({ field, value, error, errorParams, country: _country, labelHint, onChange, onBlur }) => {
+var FieldInput = ({ field, value, error, errorParams, country: _country, onChange, onBlur }) => {
 	const { t } = useTranslation();
 	if (field.type === "dropdown") return /* @__PURE__ */ u(DropdownComposed, {
 		id: `ekyb-${field.name}`,
 		label: t(field.label),
-		labelHint,
 		placeholder: field.placeholder ? t(field.placeholder) : void 0,
 		value,
 		options: (field.options ?? []).map((o) => {
@@ -60,14 +58,13 @@ var FieldInput = ({ field, value, error, errorParams, country: _country, labelHi
 		error,
 		errorParams,
 		required: field.required,
-		labelHint,
 		onChange,
 		onBlur
 	});
 };
 //#endregion
 //#region src/modules/ekyb/uboInputs.tsx
-var UboInputs = ({ ubos, validationErrors, canAddUbo, labelHint, onSetField, onBlur, onAdd, onRemove }) => {
+var UboInputs = ({ ubos, validationErrors, canAddUbo, onSetField, onBlur, onAdd, onRemove }) => {
 	const { t } = useTranslation();
 	const containerRef = A(null);
 	const addButtonRef = A(null);
@@ -94,7 +91,6 @@ var UboInputs = ({ ubos, validationErrors, canAddUbo, labelHint, onSetField, onB
 					/* @__PURE__ */ u(InputComposed, {
 						id: `ubo-${index}-name`,
 						label: nameLabel,
-						labelHint,
 						name: `ubo-${index}-name`,
 						value: ubo.name,
 						error: translateError$2(validationErrors?.[`ubo-${index}-name`]),
@@ -106,7 +102,6 @@ var UboInputs = ({ ubos, validationErrors, canAddUbo, labelHint, onSetField, onB
 					/* @__PURE__ */ u(InputComposed, {
 						id: `ubo-${index}-surname`,
 						label: surnameLabel,
-						labelHint,
 						name: `ubo-${index}-surname`,
 						value: ubo.surname,
 						error: translateError$2(validationErrors?.[`ubo-${index}-surname`]),
@@ -214,14 +209,10 @@ var EkybForm = ({ state, manager }) => {
 	}, [postalCodeErrorKey]);
 	const businessFields = fields.filter((f) => !ADDRESS_FIELD_NAMES.has(f.name));
 	const addressFields = fields.filter((f) => ADDRESS_FIELD_NAMES.has(f.name));
-	const mode = T(() => getRequiredHintMode(fields.map((f) => f.required)), [fields]);
-	const labelHintFor = (required) => {
-		const hint = getFieldHint(mode, required);
-		return hint ? t(`forms.label.${hint}`) : void 0;
-	};
 	return /* @__PURE__ */ u(Page, {
 		className: `IncodeEkybPage${isScrollable ? " IncodeEkybPageScrollable" : ""}`,
 		title: t("ekyb.title"),
+		subtitle: t("forms.subtitle"),
 		children: [/* @__PURE__ */ u("div", {
 			ref: formRef,
 			className: "IncodeEkybForm",
@@ -235,7 +226,6 @@ var EkybForm = ({ state, manager }) => {
 					value: values[field.name] ?? "",
 					error: translateError$1(validationErrors?.[field.name]),
 					country,
-					labelHint: labelHintFor(field.required),
 					onChange: (name, value) => manager.setField(name, value),
 					onBlur: (name) => manager.validateField(name)
 				}, field.name)),
@@ -243,7 +233,6 @@ var EkybForm = ({ state, manager }) => {
 					ubos,
 					validationErrors,
 					canAddUbo,
-					labelHint: labelHintFor(true),
 					onSetField: (index, field, value) => manager.setUboField(index, field, value),
 					onBlur: (fieldKey) => manager.validateField(fieldKey),
 					onAdd: () => manager.addUbo(),
@@ -255,7 +244,6 @@ var EkybForm = ({ state, manager }) => {
 				}), addressFields.map((field) => {
 					if (field.name === "street") return /* @__PURE__ */ u(AddressAutocomplete, {
 						label: field.label,
-						labelHint: labelHintFor(field.required),
 						value: values.street ?? "",
 						error: translateError$1(validationErrors?.street),
 						suggestions: addressSuggestions,
@@ -272,7 +260,6 @@ var EkybForm = ({ state, manager }) => {
 							value: values[field.name] ?? "",
 							error: translateError$1(validationErrors?.[field.name]),
 							country,
-							labelHint: labelHintFor(field.required),
 							onChange: (name, value) => manager.setField(name, value),
 							onBlur: (name) => manager.validateField(name)
 						})

package/dist/ekybModule-C5NPsc0F.js

@@ -0,0 +1,2 @@
+import { t as EkybModule } from "./ekybModule-BRh9D01p.js";
+export { EkybModule };

package/dist/ekyc/ekyc.es.js

@@ -1,2 +1,2 @@
-import { t as EkycModule } from "../ekycModule-C5QXVGP7.js";
+import { t as EkycModule } from "../ekycModule-Da6Bl3jg.js";
 export { EkycModule };

package/dist/ekyc/styles.css

@@ -7,6 +7,7 @@
 
 @media (min-width: 48rem) {
   .IncodeEkycPage .IncodePageInner {
+    height: 100%;
     padding-inline: var(--spacing-0, var(--spacing-none, 0px));
     padding-block: var(--spacing-0, var(--spacing-none, 0px));
   }
@@ -25,6 +26,14 @@
   display: flex;
 }
 
+@media (min-width: 48rem) {
+  .IncodeEkycPage .IncodeEkycForm {
+    min-height: var(--spacing-0, var(--spacing-none, 0px));
+    padding-bottom: var(--spacing-8, var(--spacing-8, 8px));
+    overflow-y: auto;
+  }
+}
+
 .IncodeEkycPage .IncodeEkycForm .IncodeInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDropdownComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDateInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodePhoneInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeAddressAutocomplete {
   margin-inline: auto;
 }
@@ -61,6 +70,12 @@
   display: flex;
 }
 
+@media (min-width: 48rem) {
+  .IncodeEkycPage .IncodeEkycFooter {
+    flex-shrink: 0;
+  }
+}
+
 .IncodeEkycPage .IncodeEkycFooter .IncodeEkycSubmitError {
   margin-bottom: var(--spacing-12, var(--spacing-12, 12px));
   text-align: center;
@@ -77,32 +92,18 @@
   margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
 }
 
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .IncodeEkycPage.IncodePageContainer {
     margin-top: var(--spacing-0, var(--spacing-none, 0px));
     height: 100%;
     max-height: none;
   }
 
-  .IncodeEkycPage .IncodePageInner {
-    height: 100%;
-  }
-
   .IncodeEkycPage.IncodeEkycPageScrollable {
-    max-width: 500px;
+    max-width: var(--ekyb-scrollable-page);
   }
 
   .IncodeEkycPage .IncodePageContent {
     min-height: var(--spacing-0, var(--spacing-none, 0px));
   }
-
-  .IncodeEkycPage .IncodeEkycForm {
-    min-height: var(--spacing-0, var(--spacing-none, 0px));
-    padding-bottom: var(--spacing-8, var(--spacing-8, 8px));
-    overflow-y: auto;
-  }
-
-  .IncodeEkycPage .IncodeEkycFooter {
-    flex-shrink: 0;
-  }
 }

package/dist/ekyc/styles.css.js

@@ -0,0 +1 @@
+export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n.IncodeEkycPage {\n  animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;\n  margin-inline: auto;\n  animation-fill-mode: both;\n}\n\n@media (min-width: 48rem) {\n  .IncodeEkycPage .IncodePageInner {\n    height: 100%;\n    padding-inline: var(--spacing-0, var(--spacing-none, 0px));\n    padding-block: var(--spacing-0, var(--spacing-none, 0px));\n  }\n}\n\n.IncodeEkycPage .IncodeEkycSpinner {\n  flex: 1;\n}\n\n.IncodeEkycPage .IncodeEkycForm {\n  margin-top: var(--spacing-32, var(--spacing-32, 32px));\n  gap: var(--spacing-16, var(--spacing-16, 16px));\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  display: flex;\n}\n\n@media (min-width: 48rem) {\n  .IncodeEkycPage .IncodeEkycForm {\n    min-height: var(--spacing-0, var(--spacing-none, 0px));\n    padding-bottom: var(--spacing-8, var(--spacing-8, 8px));\n    overflow-y: auto;\n  }\n}\n\n.IncodeEkycPage .IncodeEkycForm .IncodeInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDropdownComposed, .IncodeEkycPage .IncodeEkycForm .IncodeDateInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodePhoneInputComposed, .IncodeEkycPage .IncodeEkycForm .IncodeAddressAutocomplete {\n  margin-inline: auto;\n}\n\n.IncodeEkycPage .IncodeEkycForm .IncodeFormField {\n  margin-bottom: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeEkycPage .IncodeEkycSectionHeader {\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h3-size);\n  font-weight: var(--typography-headline-h3-weight);\n  line-height: var(--typography-headline-h3-line-height);\n  letter-spacing: var(--typography-headline-h3-letter-spacing);\n  color: var(--color-input-text-label-default, var(--input-text-label-default));\n  margin-inline: auto;\n  margin-top: var(--spacing-16, var(--spacing-16, 16px));\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n  padding-block: var(--spacing-12, var(--spacing-12, 12px));\n}\n\n.IncodeEkycPage .IncodeEkycRadioGroup {\n  width: 100%;\n  max-width: var(--incode-form-max-w);\n  margin-inline: auto;\n}\n\n.IncodeEkycPage .IncodeEkycFooter {\n  margin-top: var(--spacing-24, var(--spacing-24, 24px));\n  align-items: center;\n  gap: var(--spacing-12, var(--spacing-12, 12px));\n  flex-direction: column;\n  display: flex;\n}\n\n@media (min-width: 48rem) {\n  .IncodeEkycPage .IncodeEkycFooter {\n    flex-shrink: 0;\n  }\n}\n\n.IncodeEkycPage .IncodeEkycFooter .IncodeEkycSubmitError {\n  margin-bottom: var(--spacing-12, var(--spacing-12, 12px));\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n  color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));\n  margin-top: 0;\n}\n\n.IncodeEkycPage .IncodeEkycFooter button {\n  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n@media (min-width: 48rem) {\n  .IncodeEkycPage.IncodePageContainer {\n    margin-top: var(--spacing-0, var(--spacing-none, 0px));\n    height: 100%;\n    max-height: none;\n  }\n\n  .IncodeEkycPage.IncodeEkycPageScrollable {\n    max-width: var(--ekyb-scrollable-page);\n  }\n\n  .IncodeEkycPage .IncodePageContent {\n    min-height: var(--spacing-0, var(--spacing-none, 0px));\n  }\n}\n";