@incodetech/web 0.0.0-dev-20260428-a6473dd → 0.0.0-dev-20260429-6a61532

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-DzXN9ECe.js";
+import { n as t } from "../electronic-signature-nZfD6fzf.js";
 import { t as n } from "../incodeModule-CHzKl22Y.js";
 //#region src/modules/ae-signature/ae-signature.tsx
 var r = ({ config: n, onFinish: r, onError: i }) => /* @__PURE__ */ e(t, {

package/dist/authentication/authentication.es.js

@@ -1,6 +1,6 @@
 import { v as e } from "../vendor-preact-D6SntenC.js";
 import { o as t, t as n } from "../incodeComponent-DexcYK3Y.js";
-import { n as r, r as i, t as a } from "../tutorial-id1lXHB9.js";
+import { n as r, r as i, t as a } from "../tutorial-B2lNnuWv.js";
 import { t as o } from "../incodeModule-CHzKl22Y.js";
 import { createAuthenticationManager as s } from "@incodetech/core/authentication";
 //#region src/modules/authentication/authentication.tsx

package/dist/base.css

@@ -759,7 +759,7 @@
 }
 .IncodeCheckboxVisualChecked {
   background-color: var(--color-checkbox-surface-selected, var(--checkbox-surface-selected));
-  border-color: var(--color-button-primary-border-default, var(--button-primary-border-default));
+  border-color: #0000;
 }
 .IncodeCheckboxVisualDisabled, .IncodeCheckboxVisualChecked.IncodeCheckboxVisualDisabled {
   background-color: var(--color-checkbox-surface-disabled, var(--checkbox-surface-disabled));
@@ -1222,7 +1222,7 @@
 }
 .IncodeDateInputComposedIconButton .IncodeDateInputComposedIcon {
   padding-inline: var(--spacing-4, var(--spacing-4, 4px));
-  color: var(--text-body-300-tertiary, var(--color-text-body-tertiary));
+  color: var(--icon-neutral-500, var(--color-icon-neutral-500));
 }
 .IncodeTextAreaComposed {
   width: 100%;
@@ -1354,11 +1354,13 @@
 }
 .IncodeDropdownComposedTrigger[data-error="true"] {
   border-color: var(--color-dropdown-border-negative, var(--dropdown-border-negative));
+  background-color: var(--color-dropdown-surface-negative, var(--dropdown-surface-negative));
 }
 .IncodeDropdownComposedTrigger[data-error="true"][data-focused="true"] {
   border-style: var(--tw-border-style);
   border-width: 2px;
   border-color: var(--color-dropdown-border-negative, var(--dropdown-border-negative));
+  background-color: var(--color-dropdown-surface-negative, var(--dropdown-surface-negative));
 }
 .IncodeDropdownComposedTrigger:disabled {
   cursor: not-allowed;
@@ -1453,6 +1455,30 @@
   display: flex;
   position: absolute;
 }
+.IncodeDropdownComposedCloseIconButton {
+  pointer-events: auto;
+  top: 50%;
+  right: var(--spacing-16, var(--spacing-16, 16px));
+  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+  cursor: pointer;
+  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;
+  background-color: #0000;
+  border-style: none;
+  outline-style: none;
+  align-items: center;
+  display: flex;
+  position: absolute;
+}
+.IncodeDropdownComposedCloseIconButton:hover {
+  opacity: .8;
+}
+.IncodeDropdownComposedCheckmarkIcon {
+  pointer-events: none;
+}
 .IncodeDropdownComposedOptionsScroll {
   min-height: var(--spacing-0, var(--spacing-none, 0px));
   flex: 1;
@@ -1469,9 +1495,16 @@
   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));
+  justify-content: space-between;
+  display: flex;
+}
+.IncodeDropdownComposedOption:disabled {
+  cursor: not-allowed;
+  background-color: var(--color-dropdown-surface-disabled, var(--dropdown-surface-disabled));
+  color: var(--color-dropdown-text-input-disabled, var(--dropdown-text-input-disabled));
 }
 .IncodeDropdownComposedOption[aria-selected="true"] {
-  background-color: var(--surface-neutral-100, var(--color-surface-neutral-100));
+  background-color: var(--dropdown-surface-selected, var(--color-dropdown-surface-selected));
 }
 .IncodeDropdownComposedOption:hover, .IncodeDropdownComposedOption[data-highlighted="true"] {
   background-color: var(--surface-neutral-200, var(--color-surface-neutral-200));
@@ -1603,17 +1636,20 @@
   color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
 }
 .IncodeOtpInputActions {
+  max-width: var(--incode-form-max-w);
   flex-direction: column;
   align-items: center;
-  width: 100%;
   display: flex;
 }
 .IncodeOtpInputTimerText {
   margin: var(--spacing-0, var(--spacing-none, 0px));
+  padding-block: var(--spacing-20, var(--spacing-20, 20px));
   text-align: center;
-  font-size: var(--text-18, var(--primitive-typography-size-18));
-  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
-  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
+  font-family: var(--typography-button-family);
+  font-size: var(--typography-button-m-size);
+  font-weight: var(--typography-button-m-weight);
+  line-height: var(--typography-button-m-line-height);
+  letter-spacing: var(--typography-button-m-letter-spacing);
   color: var(--color-text-body-secondary, var(--text-body-500-secondary));
 }
 .IncodeOtpInputResendText {
@@ -3524,8 +3560,8 @@
 }
 @media (min-width: 48rem) {
   .IncodePageContainer .IncodePageInner {
-    padding-inline: var(--spacing-48, var(--spacing-48, 48px));
-    padding-block: var(--spacing-40, var(--spacing-40, 40px));
+    padding-top: var(--spacing-32, var(--spacing-32, 32px));
+    padding-bottom: var(--spacing-24, var(--spacing-24, 24px));
   }
 }
 .IncodePageContainer .IncodePageHeader {
@@ -3545,6 +3581,7 @@
 .IncodePageContainer .IncodePageTitleContainer {
   margin-inline: auto;
   margin-block: var(--spacing-0, var(--spacing-none, 0px));
+  max-width: var(--incode-form-max-w);
 }
 .IncodePageContainer .IncodePageTitle {
   text-align: center;
@@ -3555,7 +3592,6 @@
   letter-spacing: var(--typography-headline-h2-letter-spacing);
   color: var(--color-text-body-primary, var(--text-body-800-primary));
   --tw-outline-style: none;
-  max-width: var(--incode-form-max-w);
   outline-style: none;
 }
 .IncodePageContainer .IncodePageSubtitle {
@@ -3825,15 +3861,11 @@
 .IncodeBaseTutorialDisclaimer {
   padding-block: var(--spacing-12, var(--spacing-12, 12px));
   text-align: center;
-  font-size: var(--text-base, 1rem);
-  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
-  font-size: var(--text-18, var(--primitive-typography-size-18));
-  --tw-leading: 114%;
-  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
-  line-height: 114%;
-  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
-  --tw-tracking: -.5px;
-  letter-spacing: -.5px;
+  font-family: var(--typography-headline-family);
+  font-size: var(--typography-headline-h4-size);
+  font-weight: var(--typography-headline-h4-weight);
+  line-height: var(--typography-headline-h4-line-height);
+  letter-spacing: var(--typography-headline-h4-letter-spacing);
   color: var(--color-text-body-secondary, var(--text-body-500-secondary));
 }
 .IncodeBaseTutorialButtonContainer {

package/dist/{checkbox-SiI-r4kC.js → checkbox-DSJ1kLyD.js}

@@ -1,6 +1,6 @@
 import { a as e, p as t, v as n } from "./vendor-preact-D6SntenC.js";
 import { n as r } from "./loadingIcon-C-Sq5v_K.js";
-import { h as i, u as a } from "./icons-fruAkt2C.js";
+import { d as i, g as a } from "./icons-Bk44oy5t.js";
 //#region src/shared/checkbox/checkbox.tsx
 var o = e(({ id: e, label: o, size: s = "m", checked: c, defaultChecked: l, disabled: u = !1, required: d = !1, name: f, value: p, onChange: m, error: h, helper: g, showErrorIcon: _ = !0, class: v, "aria-label": y, "aria-labelledby": b, "aria-describedby": x, "aria-invalid": S, ...C }, w) => {
 	let [T, E] = t(!!l), D = c !== void 0, O = D ? !!c : T, k = !!u, A = !!d, j = typeof v == "string" ? v : void 0, M = (e) => {
@@ -41,7 +41,7 @@ var o = e(({ id: e, label: o, size: s = "m", checked: c, defaultChecked: l, disa
 							IncodeCheckboxVisualDisabled: k,
 							IncodeCheckboxVisualError: !!h
 						}),
-						children: O && /* @__PURE__ */ n(a, { size: 28 })
+						children: O && /* @__PURE__ */ n(i, { size: 28 })
 					})]
 				}), o && /* @__PURE__ */ n("span", {
 					class: r("IncodeCheckboxText", {
@@ -62,7 +62,7 @@ var o = e(({ id: e, label: o, size: s = "m", checked: c, defaultChecked: l, disa
 				"data-testid": `${e}-error-wrapper`,
 				children: [_ && /* @__PURE__ */ n("div", {
 					class: "IncodeCheckboxIconWrapper",
-					children: /* @__PURE__ */ n(i, { size: 17 })
+					children: /* @__PURE__ */ n(a, { size: 17 })
 				}), /* @__PURE__ */ n("p", {
 					id: P,
 					class: "IncodeCheckboxErrorText",

package/dist/consent/consent.es.js

@@ -5,7 +5,7 @@ import { t as o } from "../page-BB20C-zy.js";
 import { n as s } from "../typography-Duug0raB.js";
 import { t as c } from "../transitionSpinner-DqDwaNM6.js";
 import { t as l } from "../button-i4SPU5G7.js";
-import { t as u } from "../checkbox-SiI-r4kC.js";
+import { t as u } from "../checkbox-DSJ1kLyD.js";
 import { t as d } from "../incodeModule-CHzKl22Y.js";
 import { t as f } from "../richText-FMNMBzjD.js";
 import { createConsentManager as p } from "@incodetech/core/consent";

package/dist/{countrySelector-BooI7XMA.js → countrySelector-B3JOaReM.js}

@@ -1,6 +1,6 @@
 import { n as e } from "./i18n-ntrVdqVv.js";
 import { d as t, v as n } from "./vendor-preact-D6SntenC.js";
-import { t as r } from "./dropdownComposed-B6ke-f1Z.js";
+import { t as r } from "./dropdownComposed-D7l5VnKk.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/curp-validation/curp-validation.es.js

@@ -6,13 +6,13 @@ import { t as o } from "../page-BB20C-zy.js";
 import { t as s } from "../spinner-Cj7kdZ0T.js";
 import "../spinner-BYktSnQZ.js";
 import { t as c } from "../button-i4SPU5G7.js";
-import { h as l } from "../icons-fruAkt2C.js";
+import { g as l } from "../icons-Bk44oy5t.js";
 import { t as u } from "../successIcon-SlKgTSty.js";
-import { t as d } from "../inputComposed-BJ9PlS_q.js";
-import { t as f } from "../dropdownComposed-B6ke-f1Z.js";
-import "../dropdownComposed-DhDbVlWs.js";
-import { t as p } from "../dateInputComposed-DhPXazI2.js";
-import "../dateInputComposed-3RZF8MG6.js";
+import { t as d } from "../inputComposed-4aHO5YRK.js";
+import { t as f } from "../dropdownComposed-D7l5VnKk.js";
+import "../dropdownComposed-C6mYVe2K.js";
+import { t as p } from "../dateInputComposed-BISaNEkl.js";
+import "../dateInputComposed-DdtZcsfQ.js";
 import { t as m } from "../incodeModule-CHzKl22Y.js";
 import { createCurpValidationManager as h, mexicanStates as g } from "@incodetech/core/curp-validation";
 //#region src/modules/curp-validation/curpInput.tsx
@@ -240,7 +240,7 @@ var _ = ({ curp: t, isValid: r, onCurpChange: i, onVerify: o, onSwitchToGenerate
 				class: "IncodeCurpValidation IncodeCurpFailure",
 				children: [
 					/* @__PURE__ */ n(a, {}),
-					/* @__PURE__ */ n(l, { size: 32 }),
+					/* @__PURE__ */ n(l, { size: 64 }),
 					/* @__PURE__ */ n(a, { size: 16 }),
 					/* @__PURE__ */ n("h2", {
 						class: "IncodeCurpFailureTitle",

package/dist/{customFields-DlcTBcSE.js → customFields-ClP-OHqQ.js}

@@ -6,9 +6,9 @@ import { t as c } from "./page-BB20C-zy.js";
 import { t as l } from "./loadingIcon-C-Sq5v_K.js";
 import { t as u } from "./button-i4SPU5G7.js";
 import { t as d } from "./successIcon-SlKgTSty.js";
-import { t as f } from "./inputComposed-BJ9PlS_q.js";
-import { t as p } from "./checkbox-SiI-r4kC.js";
-import { t as m } from "./dateInputComposed-DhPXazI2.js";
+import { t as f } from "./inputComposed-4aHO5YRK.js";
+import { t as p } from "./checkbox-DSJ1kLyD.js";
+import { t as m } from "./dateInputComposed-BISaNEkl.js";
 import { t as h } from "./incodeModule-CHzKl22Y.js";
 import { t as g } from "./statusPage-DUnznjtg.js";
 import { createCustomFieldsManager as _ } from "@incodetech/core/custom-fields";

package/dist/{dateInputComposed-DhPXazI2.js → dateInputComposed-BISaNEkl.js}

@@ -1,8 +1,8 @@
 import { a as e, l as t, v as n } from "./vendor-preact-D6SntenC.js";
 import { n as r } from "./loadingIcon-C-Sq5v_K.js";
-import { p as i } from "./icons-fruAkt2C.js";
-import { t as a } from "./inputComposed-BJ9PlS_q.js";
-import "./inputComposed-CxQBDZYq.js";
+import { m as i } from "./icons-Bk44oy5t.js";
+import { t as a } from "./inputComposed-4aHO5YRK.js";
+import "./inputComposed-vYWGxUXH.js";
 //#region src/shared/dateInputComposed/dateInputComposed.tsx
 var o = e(({ id: e, label: o, disabled: s, class: c, ...l }, u) => {
 	let d = t(null), f = (e) => {

package/dist/dateInputComposed-DdtZcsfQ.js

@@ -0,0 +1 @@
+import "./dateInputComposed-BISaNEkl.js";

package/dist/document-capture/styles.css

@@ -130,8 +130,13 @@
   overflow: hidden;
 }
 
+@media (min-width: 48rem) {
+  .IncodeDocumentCaptureReviewPage .IncodePageInner {
+    padding: var(--spacing-24, var(--spacing-24, 24px));
+  }
+}
+
 .IncodeDocumentCaptureReviewLayout {
-  padding-block: var(--spacing-24, var(--spacing-24, 24px));
   flex-direction: column;
   flex: 1;
   display: flex;
@@ -156,6 +161,7 @@
 }
 
 .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewHeader .IncodeDocumentCaptureReviewSubtitle {
+  max-width: var(--incode-form-max-w);
   text-align: center;
   font-family: var(--typography-headline-family);
   font-size: var(--typography-headline-h5-size);
@@ -181,18 +187,18 @@
 
 .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));
-  border-radius: 16px;
   flex: 1;
   display: flex;
 }
 
 .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeDocumentCaptureReviewImage {
+  border-radius: var(--radius-medium, var(--border-radius-medium));
   object-fit: cover;
   border-style: var(--tw-border-style);
   border-width: 4px;
   border-color: var(--color-border-neutral-100, var(--border-neutral-100));
-  border-radius: 16px;
   width: 100%;
   max-height: 100%;
 }
@@ -209,8 +215,11 @@
 }
 
 .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter {
+  width: 100%;
+  max-width: var(--incode-form-max-w);
   padding-inline: var(--spacing-8, var(--spacing-8, 8px));
   justify-content: center;
+  align-self: center;
   align-items: center;
   display: flex;
 }
@@ -239,10 +248,10 @@
 }
 
 .IncodeDocumentCapturePdfCard {
-  --document-capture-pdf-preview-height: 160px;
   justify-content: center;
   align-items: center;
   gap: var(--spacing-24, var(--spacing-24, 24px));
+  border-radius: var(--radius-large, var(--border-radius-large));
   border-style: var(--tw-border-style);
   border-width: 1px;
   border-color: var(--color-border-neutral-100, var(--border-neutral-100));
@@ -250,7 +259,6 @@
   width: 100%;
   padding-inline: var(--spacing-24, var(--spacing-24, 24px));
   padding-block: var(--spacing-32, var(--spacing-32, 32px));
-  border-radius: 24px;
   flex-direction: column;
   display: flex;
   overflow: hidden;

package/dist/{documentCapture-JngiqTWg.js → documentCapture-BcB0tSba.js}

@@ -3,12 +3,12 @@ import { S as t, _ as n, h as r, l as i, m as a, p as o, v as s } from "./vendor
 import { o as c, r as l, t as u } from "./incodeComponent-DexcYK3Y.js";
 import { t as d } from "./spacer-CN9uvb__.js";
 import { t as f } from "./page-BB20C-zy.js";
-import { _ as p, c as m, d as h, f as g, l as _, u as v, v as y } from "./extensibility-DRa4Dk3R.js";
+import { _ as p, c as m, d as h, f as g, l as _, u as v, v as y } from "./extensibility-8TZjCjYY.js";
 import { n as b } from "./loadingIcon-C-Sq5v_K.js";
 import { t as x } from "./spinner-Cj7kdZ0T.js";
 import { t as S } from "./button-i4SPU5G7.js";
-import { a as C, f as w, r as T } from "./icons-fruAkt2C.js";
-import { o as E } from "./tutorial-id1lXHB9.js";
+import { a as C, p as w, r as T } from "./icons-Bk44oy5t.js";
+import { o as E } from "./tutorial-B2lNnuWv.js";
 import { t as D } from "./successIcon-SlKgTSty.js";
 import { t as O } from "./bottomSheet-BICziA8B.js";
 import { t as k } from "./incodeModule-CHzKl22Y.js";

package/dist/dropdownComposed-C6mYVe2K.js

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

package/dist/dropdownComposed-D7l5VnKk.js

@@ -0,0 +1,283 @@
+import { _ as e, l as t, p as n, v as r } from "./vendor-preact-D6SntenC.js";
+import { n as i } from "./loadingIcon-C-Sq5v_K.js";
+import { g as ee, l as a, n as o, o as te, u as ne } from "./icons-Bk44oy5t.js";
+import { t as re } from "./successIcon-SlKgTSty.js";
+//#region src/shared/dropdownComposed/dropdownComposed.tsx
+var s = ({ id: s, label: c, placeholder: l = "Choose an option", value: u, options: d, onChange: ie, error: f, helper: p, showErrorIcon: m, showHelperIcon: h, suppressMessages: g = !1, disabled: _ = !1, required: v, searchable: y = !1, searchPlaceholder: b = "Search...", noResultsText: x = "No results found", name: S, tabIndex: C, onKeyDown: w, onBlur: T, renderSelectedLabel: E, siblingElement: D, enterKeyHint: ae, class: O, "aria-label": k, "data-testid": A }) => {
+	let [j, M] = n(!1), [oe, N] = n(!1), [P, F] = n(-1), [I, L] = n(""), R = t(null), z = t(null), B = t(null), V = t([]), H = t(null), U = t(""), W = t(), G = d.find((e) => e.value === u), K = G ? E ? E(G) : G.label : l, q = y && I ? d.filter((e) => e.label.toLowerCase().includes(I.toLowerCase())) : d, J = `${s}-label`, Y = `${s}-listbox`, X = `${s}-helper`, Z = `${s}-error`, se = g ? "" : [p ? X : null, f ? Z : null].filter(Boolean).join(" ");
+	e(() => {
+		if (!j) return;
+		let e = requestAnimationFrame(() => {
+			y && H.current && H.current.focus(), requestAnimationFrame(() => {
+				B.current?.scrollIntoView({
+					behavior: "smooth",
+					block: "nearest",
+					inline: "nearest"
+				});
+			});
+		});
+		return () => cancelAnimationFrame(e);
+	}, [j, y]), e(() => {
+		j || (F(-1), L(""));
+	}, [j]), e(() => {
+		P >= 0 && V.current[P] && V.current[P]?.scrollIntoView({
+			block: "nearest",
+			inline: "nearest"
+		});
+	}, [P]), e(() => () => {
+		W.current && clearTimeout(W.current);
+	}, []);
+	let ce = () => {
+		_ || M((e) => !e);
+	}, Q = (e) => {
+		ie(e), M(!1), F(-1), z.current?.focus();
+	}, le = () => {
+		N(!0);
+	}, $ = (e) => {
+		N(!1), R.current?.contains(e.relatedTarget) || (M(!1), T?.());
+	}, ue = (e) => {
+		if (_) return;
+		w?.(e);
+		let { key: t } = e;
+		if (t.length === 1 && /^[a-zA-Z0-9]$/.test(t)) {
+			e.preventDefault(), W.current && clearTimeout(W.current), U.current += t.toLowerCase();
+			let n = q.findIndex((e) => e.label.toLowerCase().startsWith(U.current));
+			n !== -1 && (j || M(!0), F(n)), W.current = setTimeout(() => {
+				U.current = "";
+			}, 500);
+			return;
+		}
+		switch (t) {
+			case "ArrowDown":
+				e.preventDefault(), j ? F((e) => e < q.length - 1 ? e + 1 : e) : (M(!0), F(0));
+				break;
+			case "ArrowUp":
+				e.preventDefault(), j ? F((e) => e > 0 ? e - 1 : e) : (M(!0), F(q.length - 1));
+				break;
+			case "Home":
+				e.preventDefault(), j && F(0);
+				break;
+			case "End":
+				e.preventDefault(), j && F(q.length - 1);
+				break;
+			case "Enter":
+				e.preventDefault(), j && P >= 0 && q[P] ? Q(q[P].value) : j || M(!0);
+				break;
+			case " ":
+				e.preventDefault(), j && P >= 0 && q[P] ? Q(q[P].value) : j || (M(!0), F(0));
+				break;
+			case "Escape":
+				e.preventDefault(), j && (M(!1), F(-1), z.current?.focus());
+				break;
+			case "Tab":
+				j && (M(!1), F(-1));
+				break;
+			default: break;
+		}
+	}, de = (e) => {
+		let { key: t } = e;
+		switch (t) {
+			case "ArrowDown":
+				e.preventDefault(), F((e) => e < q.length - 1 ? e + 1 : e);
+				break;
+			case "ArrowUp":
+				e.preventDefault(), F((e) => e > 0 ? e - 1 : e);
+				break;
+			case "Home":
+				e.preventDefault(), F(0);
+				break;
+			case "End":
+				e.preventDefault(), F(q.length - 1);
+				break;
+			case "Enter":
+				e.preventDefault(), P >= 0 && q[P] && Q(q[P].value);
+				break;
+			case "Escape":
+				e.preventDefault(), M(!1), F(-1), z.current?.focus();
+				break;
+			case "Tab":
+				M(!1), F(-1);
+				break;
+			default: break;
+		}
+	};
+	return /* @__PURE__ */ r("div", {
+		class: i("IncodeDropdownComposed", O),
+		ref: R,
+		onBlur: $,
+		children: [
+			S && /* @__PURE__ */ r("input", {
+				type: "hidden",
+				name: S,
+				value: u || "",
+				disabled: _,
+				required: v
+			}),
+			c && /* @__PURE__ */ r("label", {
+				class: "IncodeDropdownComposedLabel",
+				id: J,
+				htmlFor: s,
+				"data-testid": `${s}-label`,
+				children: [c, v && /* @__PURE__ */ r("span", {
+					class: "IncodeDropdownComposedRequired",
+					children: " *"
+				})]
+			}),
+			/* @__PURE__ */ r("div", {
+				class: "IncodeDropdownComposedWrapper",
+				children: [/* @__PURE__ */ r("div", {
+					class: i("IncodeDropdownComposedTriggerRow", { IncodeDropdownComposedTriggerRowWithSibling: !!D }),
+					children: [/* @__PURE__ */ r("button", {
+						ref: z,
+						type: "button",
+						id: s,
+						class: "IncodeDropdownComposedTrigger",
+						onClick: ce,
+						onFocus: le,
+						onKeyDown: ue,
+						tabIndex: _ ? -1 : C ?? 0,
+						disabled: _,
+						"aria-haspopup": "listbox",
+						"aria-expanded": j ? "true" : "false",
+						"aria-disabled": _ ? "true" : void 0,
+						"aria-labelledby": c ? J : void 0,
+						"aria-label": c ? void 0 : k,
+						"aria-controls": j ? Y : void 0,
+						"aria-activedescendant": j && P >= 0 ? `${s}-option-${P}` : void 0,
+						"aria-invalid": f ? "true" : void 0,
+						"aria-required": v ? "true" : void 0,
+						"aria-describedby": se || void 0,
+						"data-error": f ? "true" : void 0,
+						"data-focused": oe || j ? "true" : void 0,
+						"data-testid": A,
+						children: [/* @__PURE__ */ r("span", {
+							class: G ? "IncodeDropdownComposedTriggerText" : "IncodeDropdownComposedTriggerPlaceholder",
+							"aria-hidden": !c && k ? "true" : void 0,
+							children: K
+						}), /* @__PURE__ */ r("span", {
+							class: "IncodeDropdownComposedTriggerIcon",
+							"aria-hidden": "true",
+							"data-open": j,
+							children: /* @__PURE__ */ r(a, {})
+						})]
+					}), D && /* @__PURE__ */ r("div", {
+						class: "IncodeDropdownComposedSibling",
+						children: D
+					})]
+				}), j && /* @__PURE__ */ r("div", {
+					ref: B,
+					class: "IncodeDropdownComposedList",
+					"data-error": f ? "true" : void 0,
+					children: [y && /* @__PURE__ */ r("div", {
+						class: "IncodeDropdownComposedSearchWrapper",
+						children: /* @__PURE__ */ r("div", {
+							class: "IncodeDropdownComposedSearchInner",
+							children: [/* @__PURE__ */ r("input", {
+								ref: H,
+								type: "text",
+								class: "IncodeDropdownComposedSearchInput",
+								value: I,
+								onInput: (e) => {
+									L(e.target.value), F(0);
+								},
+								onKeyDown: de,
+								placeholder: b,
+								role: "combobox",
+								"aria-autocomplete": "list",
+								"aria-expanded": "true",
+								"aria-controls": Y,
+								"aria-activedescendant": P >= 0 ? `${s}-option-${P}` : void 0,
+								"aria-label": b,
+								autocomplete: "off"
+							}), I ? /* @__PURE__ */ r("button", {
+								type: "button",
+								class: "IncodeDropdownComposedCloseIconButton",
+								onMouseDown: (e) => e.preventDefault(),
+								onClick: () => {
+									I && L("");
+								},
+								"aria-label": "Clear search query",
+								children: /* @__PURE__ */ r(te, {
+									width: 20,
+									height: 20,
+									fillColor: "var(--icon-neutral-500)"
+								})
+							}) : /* @__PURE__ */ r("span", {
+								class: "IncodeDropdownComposedSearchIcon",
+								"aria-hidden": "true",
+								children: /* @__PURE__ */ r(o, { size: 20 })
+							})]
+						})
+					}), /* @__PURE__ */ r("div", {
+						id: Y,
+						role: "listbox",
+						"aria-labelledby": c ? J : void 0,
+						"aria-label": c ? void 0 : k ?? l,
+						class: "IncodeDropdownComposedOptionsScroll",
+						children: q.length === 0 ? /* @__PURE__ */ r("div", {
+							class: "IncodeDropdownComposedNoResults",
+							children: x
+						}) : q.map((e, t) => {
+							let n = u === e.value;
+							return /* @__PURE__ */ r("div", {
+								id: `${s}-option-${t}`,
+								role: "option",
+								"aria-label": e.ariaLabel,
+								"aria-selected": n ? "true" : "false",
+								class: "IncodeDropdownComposedOption",
+								"data-highlighted": P === t,
+								ref: (e) => {
+									V.current[t] = e;
+								},
+								onClick: () => Q(e.value),
+								onMouseDown: (e) => e.preventDefault(),
+								onMouseEnter: () => F(t),
+								children: [e.ariaLabel ? /* @__PURE__ */ r("span", {
+									"aria-hidden": "true",
+									children: e.label
+								}) : e.label, n && /* @__PURE__ */ r("span", {
+									class: "IncodeDropdownComposedCheckmarkIcon",
+									"aria-hidden": "true",
+									children: /* @__PURE__ */ r(ne, {})
+								})]
+							}, e.value);
+						})
+					})]
+				})]
+			}),
+			y && /* @__PURE__ */ r("div", {
+				class: "IncodeDropdownComposedLiveRegion",
+				role: "status",
+				"aria-live": "polite",
+				"aria-atomic": "true",
+				children: j && I ? q.length === 0 ? x : `${q.length} result${q.length === 1 ? "" : "s"} available` : ""
+			}),
+			!g && f && /* @__PURE__ */ r("div", {
+				class: "IncodeDropdownComposedErrorWrapper",
+				"data-testid": `${s}-error-wrapper`,
+				children: [m && /* @__PURE__ */ r("div", {
+					class: "IncodeDropdownComposedIconWrapper",
+					children: /* @__PURE__ */ r(ee, { size: 17 })
+				}), /* @__PURE__ */ r("p", {
+					id: Z,
+					class: "IncodeDropdownComposedError",
+					children: f
+				})]
+			}),
+			!g && p && !f && /* @__PURE__ */ r("div", {
+				class: "IncodeDropdownComposedHelperWrapper",
+				"data-testid": `${s}-helper-wrapper`,
+				children: [h && /* @__PURE__ */ r("div", {
+					class: "IncodeDropdownComposedIconWrapper",
+					children: /* @__PURE__ */ r(re, { size: 17 })
+				}), /* @__PURE__ */ r("p", {
+					id: X,
+					class: "IncodeDropdownComposedHelper",
+					children: p
+				})]
+			})
+		]
+	});
+};
+//#endregion
+export { s as t };

package/dist/ekyb/ekyb.es.js

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