@incodetech/web 0.0.0-dev-20260507-85da360 → 0.0.0-dev-20260508-00bc415

package/dist/base.css

@@ -113,6 +113,18 @@
     visibility: visible;
   }
 
+  .sr-only {
+    clip-path: inset(50%);
+    white-space: nowrap;
+    border-width: 0;
+    width: 1px;
+    height: 1px;
+    margin: -1px;
+    padding: 0;
+    position: absolute;
+    overflow: hidden;
+  }
+
   .absolute {
     position: absolute;
   }
@@ -467,6 +479,11 @@
     font-weight: var(--typography-button-m-underlined-weight);
     line-height: var(--typography-button-m-underlined-line-height);
     letter-spacing: var(--typography-button-m-underlined-letter-spacing);
+    font-family: var(--typography-button-family);
+    font-size: var(--typography-button-m-underlined-size);
+    font-weight: var(--typography-button-m-underlined-weight);
+    line-height: var(--typography-button-m-underlined-line-height);
+    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
     text-decoration-line: underline;
     text-decoration-style: solid;
     text-decoration-thickness: auto;
@@ -1307,6 +1324,168 @@
   padding-inline: var(--spacing-4, var(--spacing-4, 4px));
   color: var(--icon-neutral-500, var(--color-icon-neutral-500));
 }
+.IncodeSegmentedDateInput .IncodeSegmentedDateInputField {
+  width: 100%;
+  font-family: var(--typography-input-dropdown-family);
+  font-size: var(--typography-input-dropdown-m-size);
+  font-weight: var(--typography-input-dropdown-m-weight);
+  line-height: var(--typography-input-dropdown-m-line-height);
+  letter-spacing: var(--typography-input-dropdown-m-letter-spacing);
+  background-color: var(--color-input-surface-default, var(--input-surface-default));
+  color: var(--color-input-text-field-default, var(--input-text-field-default));
+  border-radius: var(--radius-small, var(--border-radius-small));
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+  border-color: var(--color-input-border-default, var(--input-border-default));
+  padding-block: var(--spacing-16, var(--spacing-16, 16px));
+  padding-left: var(--spacing-16, var(--spacing-16, 16px));
+  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
+  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
+  --tw-duration: .2s;
+  --tw-outline-style: none;
+  cursor: text;
+  max-width: var(--incode-form-max-w);
+  height: var(--segmented-date-input-height);
+  min-height: var(--segmented-date-input-height);
+  padding-right: var(--segmented-date-input-icon-space);
+  text-align: start;
+  font-variant-numeric: tabular-nums;
+  outline-style: none;
+  align-items: center;
+  transition-duration: .2s;
+  display: flex;
+}
+.IncodeSegmentedDateInput .IncodeSegmentedDateInputField:focus-within:not([data-disabled="true"]) {
+  border-style: var(--tw-border-style);
+  border-width: 2px;
+  border-color: var(--color-input-border-focused, var(--input-border-focused));
+  background-color: var(--color-input-surface-focused, var(--input-surface-focused));
+}
+.IncodeSegmentedDateInput .IncodeSegmentedDateInputField[aria-invalid="true"] {
+  border-style: var(--tw-border-style);
+  border-width: 2px;
+  border-color: var(--color-input-border-negative, var(--input-border-negative));
+}
+.IncodeSegmentedDateInput .IncodeSegmentedDateInputField[data-disabled="true"] {
+  border-color: var(--color-input-border-disabled, var(--input-border-disabled));
+  background-color: var(--color-input-surface-disabled, var(--input-surface-disabled));
+  cursor: not-allowed;
+  color: var(--color-input-text-field-disabled, var(--input-text-field-disabled));
+}
+.IncodeSegmentedDateInput .IncodeSegmentedDateInputField[data-disabled="true"] .IncodeSegmentedDateInputSeparator {
+  color: var(--color-input-text-field-disabled, var(--input-text-field-disabled));
+}
+.IncodeSegmentedDateInput .IncodeSegmentedDateInputSegment {
+  margin: var(--spacing-0, var(--spacing-none, 0px));
+  padding: var(--spacing-0, var(--spacing-none, 0px));
+  border-style: var(--tw-border-style);
+  border-width: var(--border-width-none, var(--primitive-border-width-0));
+  --tw-border-style: none;
+  --tw-outline-style: none;
+  font: inherit;
+  color: inherit;
+  text-align: center;
+  -moz-appearance: textfield;
+  background-color: #0000;
+  border-style: none;
+  outline-style: none;
+}
+.IncodeSegmentedDateInput .IncodeSegmentedDateInputSegment::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+.IncodeSegmentedDateInput .IncodeSegmentedDateInputSegment::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+.IncodeSegmentedDateInput .IncodeSegmentedDateInputSegment::placeholder {
+  color: var(--color-input-text-field-placeholder, var(--input-text-field-placeholder));
+  opacity: 1;
+}
+.IncodeSegmentedDateInput .IncodeSegmentedDateInputSegment:disabled {
+  cursor: not-allowed;
+  color: var(--color-input-text-field-disabled, var(--input-text-field-disabled));
+  -webkit-text-fill-color: var(--input-text-field-disabled);
+}
+.IncodeSegmentedDateInput .IncodeSegmentedDateInputSegment--mm, .IncodeSegmentedDateInput .IncodeSegmentedDateInputSegment--dd {
+  min-width: var(--segmented-date-input-mm-dd-width);
+  width: var(--segmented-date-input-mm-dd-width);
+}
+.IncodeSegmentedDateInput .IncodeSegmentedDateInputSegment--yyyy {
+  min-width: var(--segmented-date-input-yyyy-width);
+  width: var(--segmented-date-input-yyyy-width);
+}
+.IncodeSegmentedDateInput .IncodeSegmentedDateInputSeparator {
+  -webkit-user-select: none;
+  user-select: none;
+  color: inherit;
+  pointer-events: none;
+}
+.IncodeSegmentedDateInput .IncodeSegmentedDateInputHiddenNative {
+  inset: var(--spacing-0, var(--spacing-none, 0px));
+  margin: var(--spacing-0, var(--spacing-none, 0px));
+  padding: var(--spacing-0, var(--spacing-none, 0px));
+  border-style: var(--tw-border-style);
+  border-width: var(--border-width-none, var(--primitive-border-width-0));
+  --tw-border-style: none;
+  opacity: 0;
+  pointer-events: none;
+  appearance: none;
+  background-color: #0000;
+  border-style: none;
+  position: absolute;
+}
+.IncodeSegmentedDateInput .IncodeSegmentedDateInputIconButton {
+  top: var(--spacing-0, var(--spacing-none, 0px));
+  right: var(--spacing-0, var(--spacing-none, 0px));
+  z-index: 10;
+  cursor: pointer;
+  border-style: var(--tw-border-style);
+  border-width: var(--border-width-none, var(--primitive-border-width-0));
+  --tw-border-style: none;
+  height: 100%;
+  padding-block: var(--spacing-0, var(--spacing-none, 0px));
+  padding-right: var(--spacing-12, var(--spacing-12, 12px));
+  padding-left: var(--spacing-0, var(--spacing-none, 0px));
+  --tw-outline-style: none;
+  background-color: #0000;
+  border-style: none;
+  outline-style: none;
+  justify-content: flex-end;
+  align-items: center;
+  display: flex;
+  position: absolute;
+}
+.IncodeSegmentedDateInput .IncodeSegmentedDateInputIconButton:focus-visible .IncodeSegmentedDateInputIcon {
+  border-radius: var(--radius-xs, .125rem);
+  outline-style: var(--tw-outline-style);
+  outline-offset: 2px;
+  outline-width: 2px;
+  outline-color: var(--color-input-border-focused, var(--input-border-focused));
+}
+.IncodeSegmentedDateInput .IncodeSegmentedDateInputIconButton:hover:not(:disabled) {
+  opacity: .8;
+}
+.IncodeSegmentedDateInput .IncodeSegmentedDateInputIconButton:disabled {
+  cursor: not-allowed;
+  opacity: .5;
+}
+.IncodeSegmentedDateInput .IncodeSegmentedDateInputIconButton .IncodeSegmentedDateInputIcon {
+  padding-inline: var(--spacing-4, var(--spacing-4, 4px));
+  color: var(--icon-neutral-500, var(--color-icon-neutral-500));
+}
+.IncodeSegmentedDateInput .IncodeSrOnly {
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border-width: 0;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  position: absolute;
+  overflow: hidden;
+}
 .IncodeTextAreaComposed {
   width: 100%;
   max-width: 420px;
@@ -3654,6 +3833,45 @@
     }
   }
 }
+@media (min-width: 40rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 40rem;
+  }
+}
+@media (min-width: 48rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 48rem;
+  }
+}
+@media (min-width: 64rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 64rem;
+  }
+}
+@media (min-width: 80rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 80rem;
+  }
+}
+@media (min-width: 96rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-width: 96rem;
+  }
+}
+@media (min-width: 48rem) {
+  .IncodePageContainer .IncodePageInner {
+    max-height: var(--incode-page-max-h);
+    max-width: var(--incode-page-max-w);
+  }
+
+  @media not all and (min-width: 80rem) {
+    @media (orientation: landscape) {
+      .IncodePageContainer .IncodePageInner {
+        max-height: var(--incode-page-max-h-landscape);
+      }
+    }
+  }
+}
 .IncodePageContainer .IncodePageInner {
   width: 100%;
 }

package/dist/{documentCapture-B7gkjbde.js → documentCapture-DY9gBtL3.js}

@@ -4,7 +4,7 @@ import { o as c, r as l } from "./hooks-BVnGysT7.js";
 import { t as u } from "./incodeComponent-9ZUPvQgC.js";
 import { n as d, r as f } from "./loadingIcon-BN5YRQUb.js";
 import { t as p } from "./page-DCsXSlHl.js";
-import { _ as m, c as h, d as g, f as _, l as v, u as y, v as b } from "./extensibility-C1xYMmD-.js";
+import { c as m, d as h, f as g, l as _, u as v, v as y, y as b } from "./extensibility-C1ysVDds.js";
 import { t as x } from "./spinner-CKnjVHxw.js";
 import { t as S } from "./button-DcCUEn2n.js";
 import { a as C, p as w, r as T } from "./icons-Cc7zwchP.js";
@@ -30,18 +30,18 @@ var M = ({ stream: t, manager: n, onOpenHelp: a }) => {
 		let r = new Blob([Uint8Array.from(atob(t), (e) => e.charCodeAt(0))], { type: "image/jpeg" }), i = new File([r], "document.jpg", { type: "image/jpeg" });
 		n.setFile(i, `data:image/jpeg;base64,${t}`);
 	}, [n]);
-	return /* @__PURE__ */ s(v, {
+	return /* @__PURE__ */ s(_, {
 		stream: t,
 		videoRef: c,
 		"data-testid": "document-capture-camera",
-		children: /* @__PURE__ */ s(g, { children: [
-			/* @__PURE__ */ s(y, {
+		children: /* @__PURE__ */ s(h, { children: [
+			/* @__PURE__ */ s(v, {
 				title: o("documentCapture.camera.title"),
 				subtitle: o("documentCapture.camera.subtitle")
 			}),
 			/* @__PURE__ */ s(f, { size: 16 }),
-			/* @__PURE__ */ s(_, { variant: "fill" }),
-			/* @__PURE__ */ s(h, {
+			/* @__PURE__ */ s(g, { variant: "fill" }),
+			/* @__PURE__ */ s(m, {
 				onOpenHelp: a,
 				onCapture: l,
 				isManualCapture: !0,
@@ -269,7 +269,7 @@ var M = ({ stream: t, manager: n, onOpenHelp: a }) => {
 	] });
 }, z = ({ progress: n, isFilePdf: r }) => {
 	let { t: i } = e(), a = i(r ? "documentCapture.review.uploading" : "documentCapture.review.analyzing");
-	return /* @__PURE__ */ s(t, { children: [/* @__PURE__ */ s(f, { size: 8 }), /* @__PURE__ */ s(m, {
+	return /* @__PURE__ */ s(t, { children: [/* @__PURE__ */ s(f, { size: 8 }), /* @__PURE__ */ s(y, {
 		progress: n,
 		label: a
 	})] });

package/dist/{dynamicForms-DFXXP6uP.js → dynamicForms-DVcc_LgI.js}

@@ -12,7 +12,7 @@ import { n as p, t as m } from "./phoneInputComposed-bvWhGLFZ.js";
 import { t as h } from "./dropdownComposed-DFRBG22E.js";
 import { t as g } from "./dateInputComposed-YUmNQwOo.js";
 import { t as _ } from "./incodeModule-D_r2n18O.js";
-import { t as v } from "./emailInput-Q5WNjX9l.js";
+import { t as v } from "./emailInput-D9okrB8A.js";
 import { formatCPF as y } from "@incodetech/core/cpf-ocr";
 import { createDynamicFormsManager as b } from "@incodetech/core/dynamic-forms";
 //#region src/modules/dynamic-forms/dynamicForms.tsx

package/dist/email/email.es.js

@@ -7,7 +7,7 @@ import { t as s } from "../page-DCsXSlHl.js";
 import { t as c } from "../button-DcCUEn2n.js";
 import { t as l } from "../otpInput-CLo5__yb.js";
 import { t as u } from "../incodeModule-D_r2n18O.js";
-import { t as d } from "../emailInput-Q5WNjX9l.js";
+import { t as d } from "../emailInput-D9okrB8A.js";
 import { createEmailManager as f } from "@incodetech/core/email";
 //#region src/modules/email/email.tsx
 function p(e) {

package/dist/{emailInput-Q5WNjX9l.js → emailInput-D9okrB8A.js}

@@ -1,6 +1,6 @@
 import { n as e } from "./i18n-BnVa5Y-_.js";
 import { v as t } from "./vendor-preact-D6SntenC.js";
-import "./extensibility-C1xYMmD-.js";
+import "./extensibility-C1ysVDds.js";
 import { t as n } from "./inputComposed-APSw8C7o.js";
 //#region src/modules/email/emailInput.tsx
 var r = /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/, i = ({ value: i, emailError: a, label: o, disabled: s = !1, required: c = !1, onEmailChange: l, onBlur: u }) => {