@incodetech/web 0.0.0-dev-20260506-722f09e → 0.0.0-dev-20260506-135ee70

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

@@ -1,5 +1,5 @@
 import { v as e } from "../vendor-preact-D6SntenC.js";
-import { n as t } from "../electronic-signature-y4qlJvEG.js";
+import { n as t } from "../electronic-signature-DZNQCizH.js";
 import { t as n } from "../incodeModule-D_r2n18O.js";
 //#region src/modules/ae-signature/ae-signature.tsx
 var r = ({ config: n, onFinish: r, onError: i }) => /* @__PURE__ */ e(t, {

package/dist/antifraud/antifraud.es.js

@@ -1,6 +1,6 @@
 import { _ as e, v as t } from "../vendor-preact-D6SntenC.js";
 import { o as n } from "../hooks-BVnGysT7.js";
-import { t as r } from "../incodeComponent-CD-xTOQN.js";
+import { t as r } from "../incodeComponent-BRtpx7iO.js";
 import { t as i } from "../spinner-CKnjVHxw.js";
 import { t as a } from "../incodeModule-D_r2n18O.js";
 import { createAntifraudManager as o } from "@incodetech/core/antifraud";

package/dist/authentication/authentication.es.js

@@ -1,7 +1,7 @@
 import { v as e } from "../vendor-preact-D6SntenC.js";
 import { o as t } from "../hooks-BVnGysT7.js";
-import { t as n } from "../incodeComponent-CD-xTOQN.js";
-import { n as r, r as i, t as a } from "../tutorial-D0qvM_3A.js";
+import { t as n } from "../incodeComponent-BRtpx7iO.js";
+import { n as r, r as i, t as a } from "../tutorial-n8Rcb2Xw.js";
 import { t as o } from "../incodeModule-D_r2n18O.js";
 import { createAuthenticationManager as s } from "@incodetech/core/authentication";
 //#region src/modules/authentication/authentication.tsx

package/dist/base.css

@@ -797,9 +797,12 @@
 .IncodeCheckboxTextDisabled {
   color: var(--color-checkbox-text-disabled, var(--checkbox-text-disabled));
 }
-.IncodeCheckboxRequired {
-  color: var(--color-text-status-negative, var(--text-status-negative));
+.IncodeCheckboxLabelHint {
   margin-left: var(--spacing-4, var(--spacing-4, 4px));
+  font-size: var(--text-14, var(--primitive-typography-size-14));
+  --tw-font-weight: var(--font-weight-normal, 400);
+  font-weight: var(--font-weight-normal, 400);
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
 }
 .IncodeCheckboxMessageWrapper {
   margin-top: var(--spacing-8, var(--spacing-8, 8px));
@@ -927,9 +930,16 @@
 .IncodeRadioButton .IncodeRadioButtonTextDisabled {
   color: var(--color-radio-button-text-disabled, var(--radio-button-text-disabled));
 }
-.IncodeRadioButton .IncodeRadioButtonRequired {
-  color: var(--color-text-status-negative, var(--text-status-negative));
+.IncodeRadioButton .IncodeRadioButtonLabelHint {
   margin-left: var(--spacing-4, var(--spacing-4, 4px));
+  font-family: var(--typography-checkbox-radio-family);
+  font-size: var(--typography-checkbox-radio-m-size);
+  font-weight: var(--typography-checkbox-radio-m-weight);
+  line-height: var(--typography-checkbox-radio-m-line-height);
+  letter-spacing: var(--typography-checkbox-radio-m-letter-spacing);
+  --tw-font-weight: var(--font-weight-normal, 400);
+  font-weight: var(--font-weight-normal, 400);
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
 }
 .IncodeRadioButton .IncodeRadioButtonMessageWrapper {
   margin-top: var(--spacing-8, var(--spacing-8, 8px));
@@ -978,9 +988,16 @@
   line-height: 1;
   display: block;
 }
-.IncodeRadioGroupComposed .IncodeRadioGroupComposedRequired {
+.IncodeRadioGroupComposed .IncodeRadioGroupComposedLabelHint {
   margin-left: var(--spacing-4, var(--spacing-4, 4px));
-  color: var(--color-text-status-negative, var(--text-status-negative));
+  font-family: var(--typography-label-family);
+  font-size: var(--typography-label-m-size);
+  font-weight: var(--typography-label-m-weight);
+  line-height: var(--typography-label-m-line-height);
+  letter-spacing: var(--typography-label-m-letter-spacing);
+  --tw-font-weight: var(--font-weight-normal, 400);
+  font-weight: var(--font-weight-normal, 400);
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
 }
 .IncodeRadioGroupComposed .IncodeRadioGroupComposedOptions {
   display: flex;
@@ -1180,14 +1197,16 @@
   padding: var(--spacing-0, var(--spacing-none, 0px));
   display: inline-block;
 }
-.IncodeInputComposedAsterics {
-  margin-right: var(--spacing-2, var(--spacing-2, 2px));
+.IncodeInputComposedLabelHint {
+  margin-left: var(--spacing-4, var(--spacing-4, 4px));
   font-family: var(--typography-label-family);
   font-size: var(--typography-label-m-size);
   font-weight: var(--typography-label-m-weight);
   line-height: var(--typography-label-m-line-height);
   letter-spacing: var(--typography-label-m-letter-spacing);
-  color: var(--color-input-text-label-default, var(--input-text-label-default));
+  --tw-font-weight: var(--font-weight-normal, 400);
+  font-weight: var(--font-weight-normal, 400);
+  color: var(--color-input-text-helper-default, var(--input-text-helper-default));
 }
 .IncodeInputComposedWrapper {
   position: relative;
@@ -1304,8 +1323,16 @@
   padding: var(--spacing-0, var(--spacing-none, 0px));
   display: inline-block;
 }
-.IncodeTextAreaComposedRequired {
-  color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
+.IncodeTextAreaComposedLabelHint {
+  margin-left: var(--spacing-4, var(--spacing-4, 4px));
+  font-family: var(--typography-label-family);
+  font-size: var(--typography-label-m-size);
+  font-weight: var(--typography-label-m-weight);
+  line-height: var(--typography-label-m-line-height);
+  letter-spacing: var(--typography-label-m-letter-spacing);
+  --tw-font-weight: var(--font-weight-normal, 400);
+  font-weight: var(--font-weight-normal, 400);
+  color: var(--color-input-text-helper-default, var(--input-text-helper-default));
 }
 .IncodeTextAreaComposedWrapper {
   position: relative;
@@ -1358,8 +1385,16 @@
   color: var(--color-dropdown-text-label-default, var(--dropdown-text-label-default));
   display: inline-block;
 }
-.IncodeDropdownComposedRequired {
-  color: var(--color-dropdown-text-helper-negative, var(--dropdown-text-helper-negative));
+.IncodeDropdownComposedLabelHint {
+  margin-left: var(--spacing-4, var(--spacing-4, 4px));
+  font-family: var(--typography-label-family);
+  font-size: var(--typography-label-m-size);
+  font-weight: var(--typography-label-m-weight);
+  line-height: var(--typography-label-m-line-height);
+  letter-spacing: var(--typography-label-m-letter-spacing);
+  --tw-font-weight: var(--font-weight-normal, 400);
+  font-weight: var(--font-weight-normal, 400);
+  color: var(--color-dropdown-text-helper-default, var(--dropdown-text-helper-default));
 }
 .IncodeDropdownComposedWrapper {
   position: relative;
@@ -1634,8 +1669,16 @@
   letter-spacing: var(--typography-label-m-letter-spacing);
   display: inline-block;
 }
-.IncodePhoneInputComposedRequired {
-  color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
+.IncodePhoneInputComposedLabelHint {
+  margin-left: var(--spacing-4, var(--spacing-4, 4px));
+  font-family: var(--typography-label-family);
+  font-size: var(--typography-label-m-size);
+  font-weight: var(--typography-label-m-weight);
+  line-height: var(--typography-label-m-line-height);
+  letter-spacing: var(--typography-label-m-letter-spacing);
+  --tw-font-weight: var(--font-weight-normal, 400);
+  font-weight: var(--font-weight-normal, 400);
+  color: var(--color-input-text-helper-default, var(--input-text-helper-default));
 }
 .IncodePhoneInputComposedDropdown {
   max-width: none;

package/dist/checkbox-Cl57ltq_.js

@@ -0,0 +1,85 @@
+import { a as e, p as t, v as n } from "./vendor-preact-D6SntenC.js";
+import { n as r } from "./loadingIcon-BN5YRQUb.js";
+import { d as i, g as a } from "./icons-Cc7zwchP.js";
+//#region src/shared/checkbox/checkbox.tsx
+var o = e(({ id: e, label: o, labelHint: s, size: c = "m", checked: l, defaultChecked: u, disabled: d = !1, required: f = !1, name: p, value: m, onChange: h, error: g, helper: _, showErrorIcon: v = !0, class: y, "aria-label": b, "aria-labelledby": x, "aria-describedby": S, "aria-invalid": C, ...w }, T) => {
+	let [E, D] = t(!!u), O = l !== void 0, k = O ? !!l : E, A = !!d, j = !!f, M = typeof y == "string" ? y : void 0, N = (e) => {
+		O || D(e.target.checked), h?.(e);
+	}, P = _ ? `${e}-helper` : void 0, F = g ? `${e}-error` : void 0, I = [
+		S,
+		F,
+		P
+	].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ n("div", {
+		class: r("IncodeCheckbox", M),
+		children: [
+			/* @__PURE__ */ n("label", {
+				class: r("IncodeCheckboxLabel", { IncodeCheckboxLabelDisabled: A }),
+				htmlFor: e,
+				children: [/* @__PURE__ */ n("div", {
+					class: "relative inline-flex",
+					children: [/* @__PURE__ */ n("input", {
+						ref: T,
+						type: "checkbox",
+						class: "IncodeCheckboxInput",
+						id: e,
+						name: p,
+						value: m,
+						...O ? { checked: l } : { defaultChecked: u },
+						disabled: d,
+						required: f,
+						onChange: N,
+						"aria-label": b,
+						"aria-labelledby": x,
+						"aria-describedby": I,
+						"aria-invalid": C || !!g,
+						"aria-required": j,
+						...w
+					}), /* @__PURE__ */ n("div", {
+						class: r("IncodeCheckboxVisual", {
+							IncodeCheckboxVisualChecked: k,
+							IncodeCheckboxVisualDisabled: A,
+							IncodeCheckboxVisualError: !!g
+						}),
+						children: k && /* @__PURE__ */ n(i, { size: 28 })
+					})]
+				}), o && /* @__PURE__ */ n("span", {
+					class: r("IncodeCheckboxText", {
+						IncodeCheckboxTextS: c === "s",
+						IncodeCheckboxTextM: c === "m",
+						IncodeCheckboxTextDisabled: A
+					}),
+					"aria-hidden": x ? "true" : void 0,
+					children: [o, s && /* @__PURE__ */ n("span", {
+						class: "IncodeCheckboxLabelHint",
+						"data-testid": `${e}-label-hint`,
+						children: s
+					})]
+				})]
+			}),
+			g && /* @__PURE__ */ n("div", {
+				class: "IncodeCheckboxMessageWrapper",
+				"data-testid": `${e}-error-wrapper`,
+				children: [v && /* @__PURE__ */ n("div", {
+					class: "IncodeCheckboxIconWrapper",
+					children: /* @__PURE__ */ n(a, { size: 17 })
+				}), /* @__PURE__ */ n("p", {
+					id: F,
+					class: "IncodeCheckboxErrorText",
+					children: g
+				})]
+			}),
+			_ && !g && /* @__PURE__ */ n("div", {
+				class: "IncodeCheckboxMessageWrapper",
+				"data-testid": `${e}-helper-wrapper`,
+				children: /* @__PURE__ */ n("p", {
+					id: P,
+					class: "IncodeCheckboxHelperText",
+					children: _
+				})
+			})
+		]
+	});
+});
+//#endregion
+export { o as t };

package/dist/consent/consent.es.js

@@ -1,83 +1,90 @@
-import { n as e } from "../i18n-ntrVdqVv.js";
-import { _ as t, l as n, v as r } from "../vendor-preact-D6SntenC.js";
-import { o as i } from "../hooks-BVnGysT7.js";
-import { t as a } from "../incodeComponent-CD-xTOQN.js";
-import { t as o } from "../page-DCsXSlHl.js";
-import { n as s } from "../typography-CxjaknHN.js";
-import { t as c } from "../transitionSpinner-BQEhWa_s.js";
-import { t as l } from "../button-DcCUEn2n.js";
-import { t as u } from "../checkbox-D58_nRQr.js";
-import { t as d } from "../incodeModule-D_r2n18O.js";
-import { t as f } from "../richText-gJTUJEMX.js";
-import { createConsentManager as p } from "@incodetech/core/consent";
+import { n as e } from "../i18n-D6pCC7RL.js";
+import { _ as t, d as n, l as r, v as i } from "../vendor-preact-D6SntenC.js";
+import { o as a } from "../hooks-BVnGysT7.js";
+import { t as o } from "../incodeComponent-BRtpx7iO.js";
+import { t as s } from "../page-DCsXSlHl.js";
+import { n as c } from "../typography-CxjaknHN.js";
+import { t as l } from "../transitionSpinner-DHelnP9m.js";
+import { t as u } from "../button-DcCUEn2n.js";
+import { t as d } from "../checkbox-Cl57ltq_.js";
+import { t as f } from "../incodeModule-D_r2n18O.js";
+import { t as p } from "../richText-gJTUJEMX.js";
+import { n as m, t as h } from "../requiredLabelHint-J9rEJWcF.js";
+import { createConsentManager as g } from "@incodetech/core/consent";
 //#region src/modules/consent/consent.tsx
-var m = ({ config: a, manager: d, onFinish: m, onError: h }) => {
-	let { t: g } = e(), _ = n(null), [v, y] = i(() => {
-		if (d) return d;
-		if (!a) throw Error("Consent config is required");
-		return p({ config: a });
-	}, { manageLifecycle: !d });
-	return t(() => {
-		v.status === "display" && _.current?.focus();
-	}, [v.status]), v.status === "finished" ? (m?.(), null) : v.status === "error" ? (h?.(v.error), null) : v.status === "idle" || v.status === "loading" ? /* @__PURE__ */ r(c, { hideText: !0 }) : /* @__PURE__ */ r(o, {
+var _ = ({ config: o, manager: f, onFinish: _, onError: v }) => {
+	let { t: y } = e(), b = r(null), [x, S] = a(() => {
+		if (f) return f;
+		if (!o) throw Error("Consent config is required");
+		return g({ config: o });
+	}, { manageLifecycle: !f });
+	t(() => {
+		x.status === "display" && b.current?.focus();
+	}, [x.status]);
+	let C = "checkboxes" in x ? x.checkboxes : void 0, w = n(() => m(C?.map((e) => e.required) ?? []), [C]);
+	return x.status === "finished" ? (_?.(), null) : x.status === "error" ? (v?.(x.error), null) : x.status === "idle" || x.status === "loading" ? /* @__PURE__ */ i(l, { hideText: !0 }) : /* @__PURE__ */ i(s, {
 		className: "IncodeConsentPage",
 		hideFooterBranding: !0,
 		hideHeader: !0,
-		children: /* @__PURE__ */ r("div", {
+		children: /* @__PURE__ */ i("div", {
 			class: "IncodeConsentContent",
-			children: [/* @__PURE__ */ r("div", {
+			children: [/* @__PURE__ */ i("div", {
 				class: "IncodeConsentBody",
 				children: [
-					/* @__PURE__ */ r(s, {
-						ref: _,
+					/* @__PURE__ */ i(c, {
+						ref: b,
 						className: "IncodeConsentTitle",
 						tabIndex: -1,
-						children: v.title
+						children: x.title
 					}),
-					/* @__PURE__ */ r(f, {
-						content: v.richText,
+					/* @__PURE__ */ i(p, {
+						content: x.richText,
 						class: "IncodeRichText"
 					}),
-					/* @__PURE__ */ r("div", {
+					/* @__PURE__ */ i("div", {
 						class: "IncodeConsentCheckboxList",
 						role: "group",
-						"aria-label": g("biometricConsent.consentOptions"),
-						children: v.checkboxes.map((e) => /* @__PURE__ */ r(u, {
-							id: `consent-checkbox-${e.id}`,
-							class: "IncodeConsentCheckbox",
-							size: "s",
-							checked: e.checked,
-							required: e.required,
-							onChange: () => y.toggleCheckbox(e.id),
-							label: /* @__PURE__ */ r("span", {
-								class: "IncodeConsentCheckboxLabel",
-								onClick: (e) => {
-									e.target.closest("a") && e.stopPropagation();
-								},
-								children: /* @__PURE__ */ r(f, {
-									content: e.label,
-									class: "IncodeRichText",
-									disallowedTags: ["img"]
+						"aria-label": y("biometricConsent.consentOptions"),
+						children: x.checkboxes.map((e) => {
+							let t = h(w, e.required), n = t ? y(`forms.label.${t}`) : void 0;
+							return /* @__PURE__ */ i(d, {
+								id: `consent-checkbox-${e.id}`,
+								class: "IncodeConsentCheckbox",
+								size: "s",
+								checked: e.checked,
+								required: e.required,
+								labelHint: n,
+								onChange: () => S.toggleCheckbox(e.id),
+								label: /* @__PURE__ */ i("span", {
+									class: "IncodeConsentCheckboxLabel",
+									onClick: (e) => {
+										e.target.closest("a") && e.stopPropagation();
+									},
+									children: /* @__PURE__ */ i(p, {
+										content: e.label,
+										class: "IncodeRichText",
+										disallowedTags: ["img"]
+									})
 								})
-							})
-						}, e.id))
+							}, e.id);
+						})
 					})
 				]
-			}), /* @__PURE__ */ r(l, {
+			}), /* @__PURE__ */ i(u, {
 				"data-testid": "consent-submit",
-				onClick: () => y.submit(),
-				disabled: !v.canSubmit,
-				isLoading: v.status === "submitting",
-				children: g("biometricConsent.button.continue")
+				onClick: () => S.submit(),
+				disabled: !x.canSubmit,
+				isLoading: x.status === "submitting",
+				children: y("biometricConsent.button.continue")
 			})]
 		})
 	}, "ready");
-}, h = ({ config: e, manager: t, onFinish: n, onError: i }) => /* @__PURE__ */ r(a, { children: e ? /* @__PURE__ */ r(m, {
+}, v = ({ config: e, manager: t, onFinish: n, onError: r }) => /* @__PURE__ */ i(o, { children: e ? /* @__PURE__ */ i(_, {
 	config: e,
 	manager: t,
 	onFinish: n,
-	onError: i
+	onError: r
 }) : null });
-d(h, "incode-consent");
+f(v, "incode-consent");
 //#endregion
-export { h as Consent };
+export { v as Consent };

package/dist/consent/styles.css

@@ -103,12 +103,6 @@
   color: var(--color-surface-brand-600, var(--surface-brand-600-static));
 }
 
-.IncodeConsentPage .IncodeCheckboxRequired {
-  margin-left: var(--spacing-0, var(--spacing-none, 0px));
-  color: var(--color-text-body-primary, var(--text-body-800-primary));
-  white-space: nowrap;
-}
-
 .IncodeConsentPage .IncodeConsentButton {
   width: 100%;
 }

package/dist/{countrySelector-DtU2ZHxe.js → countrySelector-6tyguJJ3.js}

@@ -1,6 +1,6 @@
-import { n as e } from "./i18n-ntrVdqVv.js";
+import { n as e } from "./i18n-D6pCC7RL.js";
 import { d as t, v as n } from "./vendor-preact-D6SntenC.js";
-import { t as r } from "./dropdownComposed-D3-uHt2M.js";
+import { t as r } from "./dropdownComposed-BP11clgh.js";
 import { DEV_ONLY_COUNTRIES as i, SUPPORTED_COUNTRIES as a } from "@incodetech/core/ekyb";
 //#region src/modules/ekyb/countrySelector.tsx
 function o(e) {

package/dist/{cpfOcr-DpCBM-HI.js → cpfOcr-C1NNPNiv.js}

@@ -5,8 +5,8 @@ import { t as a } from "./page-DCsXSlHl.js";
 import { t as o } from "./spinner-CKnjVHxw.js";
 import "./spinner-B4dcie2T.js";
 import { t as s } from "./button-DcCUEn2n.js";
-import { t as c } from "./verificationResult-DpTgAV4I.js";
-import { t as l } from "./inputComposed-CWgsRItD.js";
+import { t as c } from "./verificationResult-Zcgwq6Cv.js";
+import { t as l } from "./inputComposed-APSw8C7o.js";
 import { createCpfOcrManager as u } from "@incodetech/core/cpf-ocr";
 //#region src/modules/cpf-ocr/cpfOcr.tsx
 var d = (e) => e.status === "inputting" ? {

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

@@ -1,6 +1,6 @@
 import { _ as e, v as t } from "../vendor-preact-D6SntenC.js";
 import { o as n } from "../hooks-BVnGysT7.js";
-import { t as r } from "../incodeComponent-CD-xTOQN.js";
+import { t as r } from "../incodeComponent-BRtpx7iO.js";
 import { t as i } from "../spinner-CKnjVHxw.js";
 import { t as a } from "../incodeModule-D_r2n18O.js";
 import { createCrossDocumentDataMatchManager as o } from "@incodetech/core/cross-document-data-match";