@incodetech/web 0.0.0-dev-20260325-72e1e24 → 0.0.0-dev-20260326-ac8336a

package/dist/base.css

@@ -972,6 +972,17 @@
 .IncodeDropdownComposedOption:hover, .IncodeDropdownComposedOption[data-highlighted="true"] {
   background-color: var(--surface-neutral-200, var(--color-surface-neutral-200));
 }
+.IncodeDropdownComposedLiveRegion {
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border-width: 0;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  position: absolute;
+  overflow: hidden;
+}
 .IncodeDropdownComposedNoResults {
   padding: var(--spacing-16, var(--spacing-16, 16px));
   text-align: center;
@@ -1029,9 +1040,8 @@
   max-width: none;
 }
 .IncodePhoneInputComposedDropdown .IncodeDropdownComposedTrigger {
+  width: var(--phone-input-country-code-width);
   flex-shrink: 0;
-  width: auto;
-  min-width: 120px;
 }
 .IncodePhoneInputComposedDropdown .IncodeDropdownComposedSibling .IncodeInputComposed, .IncodePhoneInputComposedDropdown .IncodeDropdownComposedSibling .IncodeInput {
   max-width: none;

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

@@ -10,7 +10,7 @@ import { S as k } from "../spinner-_-QbAnd8.js";
 import { r as E } from "../incodeModule-DtbbjNTQ.js";
 import { a as C } from "../inputComposed-7r-2MfA7.js";
 import { D as F } from "../dateInputComposed-DzB7gNed.js";
-import { D as P } from "../dropdownComposed-LjhdF9Jx.js";
+import { D as P } from "../dropdownComposed-CnmITmQb.js";
 const T = ({
   curp: s,
   isValid: d,

package/dist/curp-validation/styles.css

@@ -418,6 +418,18 @@
   background-color: var(--surface-neutral-200, var(--color-surface-neutral-200));
 }
 
+.IncodeDropdownComposedLiveRegion {
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border-width: 0;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  position: absolute;
+  overflow: hidden;
+}
+
 .IncodeDropdownComposedNoResults {
   padding: var(--spacing-16, var(--spacing-16, 16px));
   text-align: center;

package/dist/dropdownComposed-CnmITmQb.js

@@ -0,0 +1,367 @@
+import { u as o, c as U } from "./button-qiC4m4lf.js";
+import { d as g, A as p, y as C } from "./vendor-preact-BY8u4mdq.js";
+import { C as ie } from "./chevronDown-J1Yx1Jy7.js";
+import { E as le } from "./errorIcon-DbJL-4MJ.js";
+import { S as pe } from "./successIcon-C-3-t1kz.js";
+const ue = ({ size: c = 20 }) => /* @__PURE__ */ o(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: c,
+    height: c,
+    viewBox: "0 0 20 20",
+    fill: "none",
+    class: "IncodeSearchIcon",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ o("title", { children: "Search" }),
+      /* @__PURE__ */ o(
+        "path",
+        {
+          d: "M9 17C13.4183 17 17 13.4183 17 9C17 4.58172 13.4183 1 9 1C4.58172 1 1 4.58172 1 9C1 13.4183 4.58172 17 9 17Z",
+          stroke: "var(--icon-neutral-300)",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }
+      ),
+      /* @__PURE__ */ o(
+        "path",
+        {
+          d: "M19 19L14.65 14.65",
+          stroke: "var(--icon-neutral-300)",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }
+      )
+    ]
+  }
+), De = ({
+  id: c,
+  label: u,
+  placeholder: W = "Choose an option",
+  value: b,
+  options: k,
+  onChange: V,
+  error: l,
+  helper: y,
+  showErrorIcon: Z,
+  showHelperIcon: _,
+  suppressMessages: S = !1,
+  disabled: f = !1,
+  required: $,
+  searchable: h = !1,
+  searchPlaceholder: H = "Search...",
+  noResultsText: K = "No results found",
+  name: L,
+  tabIndex: G,
+  onKeyDown: J,
+  onBlur: P,
+  renderSelectedLabel: O,
+  siblingElement: T,
+  enterKeyHint: fe,
+  class: X,
+  "aria-label": B,
+  "data-testid": Y
+}) => {
+  const [r, d] = g(!1), [ee, j] = g(!1), [a, t] = g(-1), [w, z] = g(""), N = p(null), m = p(null), q = p(null), x = p([]), R = p(null), A = p(""), v = p(), I = k.find((e) => e.value === b), oe = I ? O ? O(I) : I.label : W, s = h && w ? k.filter(
+    (e) => e.label.toLowerCase().includes(w.toLowerCase())
+  ) : k, E = `${c}-label`, F = `${c}-listbox`, M = `${c}-helper`, Q = `${c}-error`, re = S ? "" : [y ? M : null, l ? Q : null].filter(Boolean).join(" ");
+  C(() => {
+    if (!r) return;
+    const e = requestAnimationFrame(() => {
+      h && R.current && R.current.focus(), requestAnimationFrame(() => {
+        q.current?.scrollIntoView({
+          behavior: "smooth",
+          block: "nearest",
+          inline: "nearest"
+        });
+      });
+    });
+    return () => cancelAnimationFrame(e);
+  }, [r, h]), C(() => {
+    r || (t(-1), z(""));
+  }, [r]), C(() => {
+    a >= 0 && x.current[a] && x.current[a]?.scrollIntoView({
+      block: "nearest",
+      inline: "nearest"
+    });
+  }, [a]), C(() => () => {
+    v.current && clearTimeout(v.current);
+  }, []);
+  const ne = () => {
+    f || d((e) => !e);
+  }, D = (e) => {
+    V(e), d(!1), t(-1), m.current?.focus();
+  }, te = () => {
+    j(!0);
+  }, ae = (e) => {
+    j(!1), N.current?.contains(e.relatedTarget) || (d(!1), P?.());
+  }, se = (e) => {
+    if (f) return;
+    J?.(e);
+    const { key: i } = e;
+    if (i.length === 1 && /^[a-zA-Z0-9]$/.test(i)) {
+      e.preventDefault(), v.current && clearTimeout(v.current), A.current += i.toLowerCase();
+      const n = s.findIndex(
+        (de) => de.label.toLowerCase().startsWith(A.current)
+      );
+      n !== -1 && (r || d(!0), t(n)), v.current = setTimeout(() => {
+        A.current = "";
+      }, 500);
+      return;
+    }
+    switch (i) {
+      case "ArrowDown":
+        e.preventDefault(), r ? t(
+          (n) => n < s.length - 1 ? n + 1 : n
+        ) : (d(!0), t(0));
+        break;
+      case "ArrowUp":
+        e.preventDefault(), r ? t((n) => n > 0 ? n - 1 : n) : (d(!0), t(s.length - 1));
+        break;
+      case "Home":
+        e.preventDefault(), r && t(0);
+        break;
+      case "End":
+        e.preventDefault(), r && t(s.length - 1);
+        break;
+      case "Enter":
+        e.preventDefault(), r && a >= 0 && s[a] ? D(s[a].value) : r || d(!0);
+        break;
+      case " ":
+        e.preventDefault(), r && a >= 0 && s[a] ? D(s[a].value) : r || (d(!0), t(0));
+        break;
+      case "Escape":
+        e.preventDefault(), r && (d(!1), t(-1), m.current?.focus());
+        break;
+      case "Tab":
+        r && (d(!1), t(-1));
+        break;
+    }
+  }, ce = (e) => {
+    const { key: i } = e;
+    switch (i) {
+      case "ArrowDown":
+        e.preventDefault(), t(
+          (n) => n < s.length - 1 ? n + 1 : n
+        );
+        break;
+      case "ArrowUp":
+        e.preventDefault(), t((n) => n > 0 ? n - 1 : n);
+        break;
+      case "Home":
+        e.preventDefault(), t(0);
+        break;
+      case "End":
+        e.preventDefault(), t(s.length - 1);
+        break;
+      case "Enter":
+        e.preventDefault(), a >= 0 && s[a] && D(s[a].value);
+        break;
+      case "Escape":
+        e.preventDefault(), d(!1), t(-1), m.current?.focus();
+        break;
+      case "Tab":
+        d(!1), t(-1);
+        break;
+    }
+  };
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      class: U("IncodeDropdownComposed", X),
+      ref: N,
+      onBlur: ae,
+      children: [
+        L && /* @__PURE__ */ o(
+          "input",
+          {
+            type: "hidden",
+            name: L,
+            value: b || "",
+            disabled: f,
+            required: $
+          }
+        ),
+        u && /* @__PURE__ */ o(
+          "label",
+          {
+            class: "IncodeDropdownComposedLabel",
+            id: E,
+            htmlFor: c,
+            "data-testid": `${c}-label`,
+            children: [
+              u,
+              $ && /* @__PURE__ */ o("span", { class: "IncodeDropdownComposedRequired", children: " *" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ o("div", { class: "IncodeDropdownComposedWrapper", children: [
+          /* @__PURE__ */ o(
+            "div",
+            {
+              class: U("IncodeDropdownComposedTriggerRow", {
+                IncodeDropdownComposedTriggerRowWithSibling: !!T
+              }),
+              children: [
+                /* @__PURE__ */ o(
+                  "button",
+                  {
+                    ref: m,
+                    type: "button",
+                    id: c,
+                    class: "IncodeDropdownComposedTrigger",
+                    onClick: ne,
+                    onFocus: te,
+                    onKeyDown: se,
+                    tabIndex: f ? -1 : G ?? 0,
+                    disabled: f,
+                    "aria-haspopup": "listbox",
+                    "aria-expanded": r ? "true" : "false",
+                    "aria-disabled": f ? "true" : void 0,
+                    "aria-labelledby": u ? E : void 0,
+                    "aria-label": u ? void 0 : B,
+                    "aria-controls": r ? F : void 0,
+                    "aria-activedescendant": r && a >= 0 ? `${c}-option-${a}` : void 0,
+                    "aria-invalid": l ? "true" : void 0,
+                    "aria-required": $ ? "true" : void 0,
+                    "aria-describedby": re || void 0,
+                    "data-error": l ? "true" : void 0,
+                    "data-focused": ee || r ? "true" : void 0,
+                    "data-testid": Y,
+                    children: [
+                      /* @__PURE__ */ o(
+                        "span",
+                        {
+                          class: I ? "IncodeDropdownComposedTriggerText" : "IncodeDropdownComposedTriggerPlaceholder",
+                          children: oe
+                        }
+                      ),
+                      /* @__PURE__ */ o(
+                        "span",
+                        {
+                          class: "IncodeDropdownComposedTriggerIcon",
+                          "aria-hidden": "true",
+                          "data-open": r,
+                          children: /* @__PURE__ */ o(ie, {})
+                        }
+                      )
+                    ]
+                  }
+                ),
+                T && /* @__PURE__ */ o("div", { class: "IncodeDropdownComposedSibling", children: T })
+              ]
+            }
+          ),
+          r && /* @__PURE__ */ o(
+            "div",
+            {
+              ref: q,
+              class: "IncodeDropdownComposedList",
+              "data-error": l ? "true" : void 0,
+              children: [
+                h && /* @__PURE__ */ o("div", { class: "IncodeDropdownComposedSearchWrapper", children: /* @__PURE__ */ o("div", { class: "IncodeDropdownComposedSearchInner", children: [
+                  /* @__PURE__ */ o(
+                    "input",
+                    {
+                      ref: R,
+                      type: "text",
+                      class: "IncodeDropdownComposedSearchInput",
+                      value: w,
+                      onInput: (e) => {
+                        z(e.target.value), t(0);
+                      },
+                      onKeyDown: ce,
+                      placeholder: H,
+                      role: "combobox",
+                      "aria-autocomplete": "list",
+                      "aria-expanded": "true",
+                      "aria-controls": F,
+                      "aria-activedescendant": a >= 0 ? `${c}-option-${a}` : void 0,
+                      "aria-label": H,
+                      autocomplete: "off"
+                    }
+                  ),
+                  /* @__PURE__ */ o(
+                    "span",
+                    {
+                      class: "IncodeDropdownComposedSearchIcon",
+                      "aria-hidden": "true",
+                      children: /* @__PURE__ */ o(ue, { size: 20 })
+                    }
+                  )
+                ] }) }),
+                /* @__PURE__ */ o(
+                  "div",
+                  {
+                    id: F,
+                    role: "listbox",
+                    "aria-labelledby": u ? E : void 0,
+                    "aria-label": u ? void 0 : B ?? W,
+                    class: "IncodeDropdownComposedOptionsScroll",
+                    children: s.length === 0 ? /* @__PURE__ */ o("div", { class: "IncodeDropdownComposedNoResults", children: K }) : s.map((e, i) => /* @__PURE__ */ o(
+                      "div",
+                      {
+                        id: `${c}-option-${i}`,
+                        role: "option",
+                        "aria-selected": b === e.value ? "true" : "false",
+                        class: "IncodeDropdownComposedOption",
+                        "data-highlighted": a === i,
+                        ref: (n) => {
+                          x.current[i] = n;
+                        },
+                        onClick: () => D(e.value),
+                        onMouseDown: (n) => n.preventDefault(),
+                        onMouseEnter: () => t(i),
+                        children: e.label
+                      },
+                      e.value
+                    ))
+                  }
+                )
+              ]
+            }
+          )
+        ] }),
+        h && /* @__PURE__ */ o(
+          "div",
+          {
+            class: "IncodeDropdownComposedLiveRegion",
+            role: "status",
+            "aria-live": "polite",
+            "aria-atomic": "true",
+            children: r && w ? s.length === 0 ? K : `${s.length} result${s.length !== 1 ? "s" : ""} available` : ""
+          }
+        ),
+        !S && l && /* @__PURE__ */ o(
+          "div",
+          {
+            class: "IncodeDropdownComposedErrorWrapper",
+            "data-testid": `${c}-error-wrapper`,
+            children: [
+              Z && /* @__PURE__ */ o("div", { class: "IncodeDropdownComposedIconWrapper", children: /* @__PURE__ */ o(le, { size: 17 }) }),
+              /* @__PURE__ */ o("p", { id: Q, class: "IncodeDropdownComposedError", children: l })
+            ]
+          }
+        ),
+        !S && y && !l && /* @__PURE__ */ o(
+          "div",
+          {
+            class: "IncodeDropdownComposedHelperWrapper",
+            "data-testid": `${c}-helper-wrapper`,
+            children: [
+              _ && /* @__PURE__ */ o("div", { class: "IncodeDropdownComposedIconWrapper", children: /* @__PURE__ */ o(pe, { size: 17 }) }),
+              /* @__PURE__ */ o("p", { id: M, class: "IncodeDropdownComposedHelper", children: y })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  De as D,
+  ue as S
+};

package/dist/{ekybModule-ly0wrPsV.js → ekybModule-BLdLDQLO.js}

@@ -8,7 +8,7 @@ import { P as K } from "./page-CH1_PpOG.js";
 import { S as ae } from "./spinner-_-QbAnd8.js";
 import { t as G, F as le, V as P } from "./formField-CMNAU-Eh.js";
 import { r as ce } from "./incodeModule-DtbbjNTQ.js";
-import { D as Y } from "./dropdownComposed-LjhdF9Jx.js";
+import { D as Y } from "./dropdownComposed-CnmITmQb.js";
 import { a as _ } from "./inputComposed-7r-2MfA7.js";
 function ue(t) {
   return [...t.toUpperCase()].map((r) => String.fromCodePoint(127462 + r.charCodeAt(0) - 65)).join("");

package/dist/{ekycModule-BkTDINkE.js → ekycModule-CmuQbdiJ.js}

@@ -6,11 +6,11 @@ import "@incodetech/core";
 import { u as U, A as W } from "./addressAutocomplete-CnuyGGR4.js";
 import { V as v, t as X, F as Z } from "./formField-CMNAU-Eh.js";
 import { D as f } from "./dateInputComposed-DzB7gNed.js";
-import { D as ee } from "./dropdownComposed-LjhdF9Jx.js";
+import { D as ee } from "./dropdownComposed-CnmITmQb.js";
 import { P as T } from "./page-CH1_PpOG.js";
 import { S as re } from "./spinner-_-QbAnd8.js";
 import { r as oe } from "./incodeModule-DtbbjNTQ.js";
-import { P as te } from "./phoneInputComposed-B4OTfqLt.js";
+import { P as te } from "./phoneInputComposed-DYE5UsRs.js";
 const ae = ({ config: p, onFinish: s }) => {
   const { t: l } = $(), [a, d] = G(() => z({ config: p }));
   return q(() => {

package/dist/email/email.es.js

@@ -2,7 +2,7 @@ import { u as e, S as g, I as v, b as O, a as y, B as C } from "../button-qiC4m4
 import { createEmailManager as P } from "@incodetech/core/email";
 import { d as f, y as k, k as w } from "../vendor-preact-BY8u4mdq.js";
 import "@incodetech/core";
-import { O as L } from "../otpInput-cZblmynr.js";
+import { O as L } from "../otpInput-B4ic8127.js";
 import { P as E } from "../page-CH1_PpOG.js";
 import { r as S } from "../incodeModule-DtbbjNTQ.js";
 import "../uiConfig-BSR3Bl6G.js";

package/dist/extensibility.es.js

@@ -9,12 +9,12 @@ import { E as A } from "./errorContent-BudafcKL.js";
 import { F as U, V as j } from "./formField-CMNAU-Eh.js";
 import { a as q, C as z, c as G, b as J, e as K, d as N, H as Q, L as X, P as Y } from "./captureFooter-BIPDtCn6.js";
 import { I as _, a as $ } from "./inputComposed-7r-2MfA7.js";
-import { O as ea } from "./otpInput-cZblmynr.js";
+import { O as ea } from "./otpInput-B4ic8127.js";
 import { C as oa, a as ta } from "./checkbox-KYc1FnQr.js";
-import { P as na } from "./phoneInputComposed-B4OTfqLt.js";
-import { D as ca, S as ia } from "./dropdownComposed-LjhdF9Jx.js";
+import { P as na } from "./phoneInputComposed-DYE5UsRs.js";
+import { D as ca, S as ia } from "./dropdownComposed-CnmITmQb.js";
 import { C as la, D as ma } from "./dateInputComposed-DzB7gNed.js";
-import { f as Ca, C as fa, d as Ia, I as xa, e as ha, F as ga, c as ya, S as Ta, T as va, a as Sa, V as Ba, b as Fa } from "./flipAnimation-CmG-kgPi.js";
+import { f as Ca, C as fa, d as Ia, I as xa, e as ha, F as ga, c as ya, S as Ta, T as va, a as Sa, V as Ba, b as Fa } from "./flipAnimation-BXWZxnGC.js";
 import { B as La, L as Oa, M as ba, P as Ha } from "./manualCaptureButton-6WD7GhPe.js";
 import { A as i, y as u, q as l } from "./vendor-preact-BY8u4mdq.js";
 import { T as Va, a as Ea, b as ka, c as Da, d as wa, e as Aa } from "./typography-DgyeaZWI.js";

package/dist/{flipAnimation-CmG-kgPi.js → flipAnimation-BXWZxnGC.js}

@@ -9,7 +9,7 @@ import { M as V, L as U, B as n1 } from "./manualCaptureButton-6WD7GhPe.js";
 import "@incodetech/core";
 import "./inputComposed-7r-2MfA7.js";
 import "./checkbox-KYc1FnQr.js";
-import "./phoneInputComposed-B4OTfqLt.js";
+import "./phoneInputComposed-DYE5UsRs.js";
 import "./dateInputComposed-DzB7gNed.js";
 import { E as r1 } from "./errorIcon-DbJL-4MJ.js";
 import { S as l1 } from "./successIcon-C-3-t1kz.js";

package/dist/flow/flow.es.js

@@ -2003,8 +2003,8 @@ const Pe = () => import("../id/id.es.js").then((e) => e.Id), ke = {
     (e) => e.GovernmentValidation
   ),
   GEOLOCATION: () => import("../geolocation/geolocation.es.js").then((e) => e.Geolocation),
-  EXTERNAL_VERIFICATION: () => import("../ekycModule-BkTDINkE.js").then((e) => e.EkycModule),
-  EKYB: () => import("../ekybModule-ly0wrPsV.js").then((e) => e.EkybModule),
+  EXTERNAL_VERIFICATION: () => import("../ekycModule-CmuQbdiJ.js").then((e) => e.EkycModule),
+  EKYB: () => import("../ekybModule-BLdLDQLO.js").then((e) => e.EkybModule),
   DOCUMENT_CAPTURE: () => import("../documentCapture-B4JcCGTV.js").then(
     (e) => e.DocumentCapture
   ),

package/dist/flow/styles.css

@@ -4864,6 +4864,18 @@
   background-color: var(--surface-neutral-200, var(--color-surface-neutral-200));
 }
 
+.IncodeDropdownComposedLiveRegion {
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border-width: 0;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  position: absolute;
+  overflow: hidden;
+}
+
 .IncodeDropdownComposedNoResults {
   padding: var(--spacing-16, var(--spacing-16, 16px));
   text-align: center;

package/dist/governmentValidation/governmentValidation.es.js

@@ -6,7 +6,7 @@ import "../uiConfig-BSR3Bl6G.js";
 import { E as h } from "../errorIcon-DbJL-4MJ.js";
 import { S as c } from "../successIcon-C-3-t1kz.js";
 import { W as I } from "../warningIcon-BEDHbr3Z.js";
-import { O as V } from "../otpInput-cZblmynr.js";
+import { O as V } from "../otpInput-B4ic8127.js";
 import { P as r } from "../page-CH1_PpOG.js";
 import { S as G } from "../spinner-_-QbAnd8.js";
 import { r as S } from "../incodeModule-DtbbjNTQ.js";

package/dist/id/id.es.js

@@ -5,7 +5,7 @@ import "@incodetech/core";
 import { P as p } from "../manualCaptureButton-6WD7GhPe.js";
 import { r as f } from "../incodeModule-DtbbjNTQ.js";
 import { P as C } from "../processing-DW3Cq3ot.js";
-import { d as g, c as h, F as a, C as I, e as y, I as F } from "../flipAnimation-CmG-kgPi.js";
+import { d as g, c as h, F as a, C as I, e as y, I as F } from "../flipAnimation-BXWZxnGC.js";
 import "../uiConfig-BSR3Bl6G.js";
 import "../typography-DgyeaZWI.js";
 const M = c(

package/dist/{otpInput-cZblmynr.js → otpInput-B4ic8127.js}

@@ -1,41 +1,37 @@
-import { b as N, u as e, S as x, B as g } from "./button-qiC4m4lf.js";
-import { d as R, A as p, q as S, y as m } from "./vendor-preact-BY8u4mdq.js";
+import { b as N, u as e, S as T, B as g } from "./button-qiC4m4lf.js";
+import { d as R, A as p, q as S, y as I } from "./vendor-preact-BY8u4mdq.js";
 import { a as $ } from "./inputComposed-7r-2MfA7.js";
 import "./uiConfig-BSR3Bl6G.js";
 const s = 6, B = (l) => {
-  const c = Math.floor(l / 60), u = l % 60;
-  return `${c}:${u.toString().padStart(2, "0")}`;
+  const c = Math.floor(l / 60), i = l % 60;
+  return `${c}:${i.toString().padStart(2, "0")}`;
 }, k = (l) => l.replace(/[^a-zA-Z0-9]/g, "").toUpperCase().slice(0, s), q = ({
   resendTimer: l,
   canResend: c,
-  error: u,
-  onSubmit: i,
+  error: i,
+  onSubmit: u,
   onResend: y,
   onBack: A,
   backLinkText: z = "otp.changePhoneNumber",
-  disabled: h = !1,
+  disabled: f = !1,
   isLoading: n = !1
 }) => {
-  const { t: o } = N(), [r, C] = R(""), d = p(null), v = p(0), b = p(null), O = p(c), I = p(), T = S((t) => {
+  const { t: o } = N(), [r, C] = R(""), m = p(null), v = p(0), b = p(null), O = p(c), h = p(), x = S((t) => {
     const a = b.current;
-    a && (clearTimeout(I.current), a.textContent = "", I.current = setTimeout(() => {
+    a && (clearTimeout(h.current), a.textContent = "", h.current = setTimeout(() => {
       a.textContent = t;
     }, 50));
   }, []);
-  m(() => {
+  I(() => {
     const t = !O.current;
-    return O.current = c, t && c && T(o("otp.resendCodeAvailable")), () => clearTimeout(I.current);
-  }, [c, T, o]), m(() => {
-    d.current && d.current.focus();
-  }, []), m(() => {
-    u && setTimeout(() => {
-      d.current?.focus();
-    }, 0);
-  }, [u]), m(() => {
+    return O.current = c, t && c && x(o("otp.resendCodeAvailable")), () => clearTimeout(h.current);
+  }, [c, x, o]), I(() => {
+    m.current && m.current.focus();
+  }, []), I(() => {
     if (!r) return;
     const t = r.length === s && v.current < s;
-    v.current = r.length, t && !n && i(r);
-  }, [r, n, i]);
+    v.current = r.length, t && !n && u(r);
+  }, [r, n, u]);
   const P = (t) => {
     t.target.select();
   }, w = (t) => {
@@ -43,8 +39,8 @@ const s = 6, B = (l) => {
     C(k(a.value));
   }, D = (t) => {
     t.preventDefault();
-    const a = t.clipboardData?.getData("text") || "", f = k(a);
-    f && (C(f), f.length === s && !n && i(f));
+    const a = t.clipboardData?.getData("text") || "", d = k(a);
+    d && (C(d), d.length === s && !n && u(d));
   }, M = () => /* @__PURE__ */ e("div", { class: "IncodeOtpInputActions", children: c && !n ? /* @__PURE__ */ e("p", { class: "IncodeOtpInputResendText", "data-testid": "otp-resend-section", children: [
     o("otp.didYouNotGetIt"),
     /* @__PURE__ */ e(
@@ -53,7 +49,7 @@ const s = 6, B = (l) => {
         type: "button",
         class: "IncodeOtpInputLink",
         onClick: y,
-        disabled: h || n,
+        disabled: f || n,
         "data-testid": "otp-resend",
         children: o("otp.resendCode")
       }
@@ -65,7 +61,7 @@ const s = 6, B = (l) => {
         type: "button",
         class: "IncodeOtpInputLink",
         onClick: A,
-        disabled: h || n,
+        disabled: f || n,
         "data-testid": "otp-back",
         children: o(z)
       }
@@ -87,14 +83,14 @@ const s = 6, B = (l) => {
         id: "otp-code",
         type: "text",
         inputMode: "text",
-        ref: d,
+        ref: m,
         maxLength: s,
         value: r,
-        error: u,
+        error: i,
         onInput: w,
         onPaste: D,
         onFocus: P,
-        disabled: h || n,
+        disabled: f || n,
         autocomplete: "one-time-code",
         "data-testid": "otp-input-0",
         "aria-label": o("otp.verificationCode"),
@@ -102,12 +98,12 @@ const s = 6, B = (l) => {
         showErrorIcon: !0
       }
     ),
-    /* @__PURE__ */ e(x, {}),
+    /* @__PURE__ */ e(T, {}),
     /* @__PURE__ */ e(
       g,
       {
         onClick: () => {
-          r.length === s && i(r);
+          r.length === s && u(r);
         },
         disabled: r.length < s || n,
         isLoading: n,
@@ -115,7 +111,7 @@ const s = 6, B = (l) => {
         children: o("common.continue")
       }
     ),
-    /* @__PURE__ */ e(x, { size: 12 }),
+    /* @__PURE__ */ e(T, { size: 12 }),
     M()
   ] });
 };

package/dist/phone/phone.es.js

@@ -4,9 +4,9 @@ import { d as S } from "../vendor-preact-BY8u4mdq.js";
 import "../uiConfig-BSR3Bl6G.js";
 import "@incodetech/core";
 import { C as E } from "../checkbox-KYc1FnQr.js";
-import { O as y } from "../otpInput-cZblmynr.js";
+import { O as y } from "../otpInput-B4ic8127.js";
 import { P as m } from "../page-CH1_PpOG.js";
-import { P as w } from "../phoneInputComposed-B4OTfqLt.js";
+import { P as w } from "../phoneInputComposed-DYE5UsRs.js";
 import { r as k } from "../incodeModule-DtbbjNTQ.js";
 const B = ({
   config: n,

package/dist/{phoneInputComposed-B4OTfqLt.js → phoneInputComposed-DYE5UsRs.js}

@@ -1,11 +1,11 @@
 import { u as r } from "./button-qiC4m4lf.js";
-import { D as J, d as L, A as x, T as M, y as Q, q as A } from "./vendor-preact-BY8u4mdq.js";
+import { D as J, d as g, A as x, T as M, y as Q, q as A } from "./vendor-preact-BY8u4mdq.js";
 import { w as X, g as I, c as j, b as k } from "./countries-DfLkrF0x.js";
-import { D as z } from "./dropdownComposed-LjhdF9Jx.js";
+import { D as z } from "./dropdownComposed-CnmITmQb.js";
 import { E as q } from "./errorIcon-DbJL-4MJ.js";
 import { S as _ } from "./successIcon-C-3-t1kz.js";
 import { a as e2 } from "./inputComposed-7r-2MfA7.js";
-import { P as n2, p as b, A as g } from "./AsYouType-D1H_js4X.js";
+import { P as n2, p as L, A as b } from "./AsYouType-D1H_js4X.js";
 function o2(e, o, a) {
   if (o[e])
     return new n2(e, o[e], a);
@@ -15,7 +15,7 @@ function t2() {
 }
 const r2 = { AC: "40123", AD: "312345", AE: "501234567", AF: "701234567", AG: "2684641234", AI: "2642351234", AL: "672123456", AM: "77123456", AO: "923123456", AR: "91123456789", AS: "6847331234", AT: "664123456", AU: "412345678", AW: "5601234", AX: "412345678", AZ: "401234567", BA: "61123456", BB: "2462501234", BD: "1812345678", BE: "470123456", BF: "70123456", BG: "43012345", BH: "36001234", BI: "79561234", BJ: "0195123456", BL: "690001234", BM: "4413701234", BN: "7123456", BO: "71234567", BQ: "3181234", BR: "11961234567", BS: "2423591234", BT: "17123456", BW: "71123456", BY: "294911911", BZ: "6221234", CA: "5062345678", CC: "412345678", CD: "991234567", CF: "70012345", CG: "061234567", CH: "781234567", CI: "0123456789", CK: "71234", CL: "221234567", CM: "671234567", CN: "13123456789", CO: "3211234567", CR: "83123456", CU: "51234567", CV: "9911234", CW: "95181234", CX: "412345678", CY: "96123456", CZ: "601123456", DE: "15123456789", DJ: "77831001", DK: "34412345", DM: "7672251234", DO: "8092345678", DZ: "551234567", EC: "991234567", EE: "51234567", EG: "1001234567", EH: "650123456", ER: "7123456", ES: "612345678", ET: "911234567", FI: "412345678", FJ: "7012345", FK: "51234", FM: "3501234", FO: "211234", FR: "612345678", GA: "06031234", GB: "7400123456", GD: "4734031234", GE: "555123456", GF: "694201234", GG: "7781123456", GH: "231234567", GI: "57123456", GL: "221234", GM: "3012345", GN: "601123456", GP: "690001234", GQ: "222123456", GR: "6912345678", GT: "51234567", GU: "6713001234", GW: "955012345", GY: "6091234", HK: "51234567", HN: "91234567", HR: "921234567", HT: "34101234", HU: "201234567", ID: "812345678", IE: "850123456", IL: "502345678", IM: "7924123456", IN: "8123456789", IO: "3801234", IQ: "7912345678", IR: "9123456789", IS: "6111234", IT: "3123456789", JE: "7797712345", JM: "8762101234", JO: "790123456", JP: "9012345678", KE: "712123456", KG: "700123456", KH: "91234567", KI: "72001234", KM: "3212345", KN: "8697652917", KP: "1921234567", KR: "1020000000", KW: "50012345", KY: "3453231234", KZ: "7710009998", LA: "2023123456", LB: "71123456", LC: "7582845678", LI: "660234567", LK: "712345678", LR: "770123456", LS: "50123456", LT: "61234567", LU: "628123456", LV: "21234567", LY: "912345678", MA: "650123456", MC: "612345678", MD: "62112345", ME: "60123456", MF: "690001234", MG: "321234567", MH: "2351234", MK: "72345678", ML: "65012345", MM: "92123456", MN: "88123456", MO: "66123456", MP: "6702345678", MQ: "696201234", MR: "22123456", MS: "6644923456", MT: "96961234", MU: "52512345", MV: "7712345", MW: "991234567", MX: "2221234567", MY: "123456789", MZ: "821234567", NA: "811234567", NC: "751234", NE: "93123456", NF: "381234", NG: "8021234567", NI: "81234567", NL: "612345678", NO: "40612345", NP: "9841234567", NR: "5551234", NU: "8884012", NZ: "211234567", OM: "92123456", PA: "61234567", PE: "912345678", PF: "87123456", PG: "70123456", PH: "9051234567", PK: "3012345678", PL: "512345678", PM: "551234", PR: "7872345678", PS: "599123456", PT: "912345678", PW: "6201234", PY: "961456789", QA: "33123456", RE: "692123456", RO: "712034567", RS: "601234567", RU: "9123456789", RW: "720123456", SA: "512345678", SB: "7421234", SC: "2510123", SD: "911231234", SE: "701234567", SG: "81234567", SH: "51234", SI: "31234567", SJ: "41234567", SK: "912123456", SL: "25123456", SM: "66661212", SN: "701234567", SO: "71123456", SR: "7412345", SS: "977123456", ST: "9812345", SV: "70123456", SX: "7215205678", SY: "944567890", SZ: "76123456", TA: "8999", TC: "6492311234", TD: "63012345", TG: "90112345", TH: "812345678", TJ: "917123456", TK: "7290", TL: "77212345", TM: "66123456", TN: "20123456", TO: "7715123", TR: "5012345678", TT: "8682911234", TV: "901234", TW: "912345678", TZ: "621234567", UA: "501234567", UG: "712345678", US: "2015550123", UY: "94231234", UZ: "912345678", VA: "3123456789", VC: "7844301234", VE: "4121234567", VG: "2843001234", VI: "3406421234", VN: "912345678", VU: "5912345", WF: "821234", WS: "7212345", XK: "43201234", YE: "712345678", YT: "639012345", ZA: "711234567", ZM: "955123456", ZW: "712345678" };
 function y(e, o, a) {
-  return new g(a).input(`${o}${e}`).replace(o, "").trimStart();
+  return new b(a).input(`${o}${e}`).replace(o, "").trimStart();
 }
 function s2(e, o) {
   const a = e.replace(/\D/g, "");
@@ -56,34 +56,34 @@ const l2 = J(
     "data-testid": W,
     ...F
   }, H) => {
-    const [i, T] = L(a), [u, f] = L(""), G = x(!1), U = M(
+    const [d, T] = g(a), [u, f] = g(""), G = x(!1), U = M(
       () => j.map((t) => ({
         value: t.code,
         label: `${t.emoji} ${t.callingCode} ${t.name}`
       })),
       []
-    ), d = M(
-      () => I(i) ?? I("US"),
-      [i]
+    ), i = M(
+      () => I(d) ?? I("US"),
+      [d]
     ), O = M(
-      () => c ?? a2(i),
-      [c, i]
+      () => c ?? a2(d),
+      [c, d]
     );
     Q(() => {
-      if (G.current || !s || !d) return;
+      if (G.current || !s || !i) return;
       G.current = !0;
-      const t = s.startsWith("+") ? s : `+${s}`, n = b(t);
+      const t = s.startsWith("+") ? s : `+${s}`, n = L(t);
       if (n?.isValid() && n.country) {
-        n.country !== i && T(n.country);
-        const p = new g(n.country);
+        n.country !== d && T(n.country);
+        const p = new b(n.country);
         f(p.input(n.nationalNumber));
       }
-    }, [s, d, i]);
+    }, [s, i, d]);
     const C = A(
       (t, n) => {
         const p = `${n.callingCode}${t.replace(/\D/g, "")}`;
         try {
-          const Y = b(p, n.code);
+          const Y = L(p, n.code);
           S?.(p, Y?.isValid() ?? !1);
         } catch {
           S?.(p, !1);
@@ -100,18 +100,18 @@ const l2 = J(
     ), Z = A(
       (t) => {
         const n = t.target.value;
-        if (!d) {
+        if (!i) {
           f(n);
           return;
         }
         const p = y(
           n,
-          d.callingCode,
-          d.code
+          i.callingCode,
+          i.code
         );
-        f(p), C(n, d);
+        f(p), C(n, i);
       },
-      [d, C]
+      [i, C]
     ), v = `${e}-country`, m = `${e}-phone`, E = `${m}-helper`, B = `${m}-error`, w = [h ? E : null, l ? B : null].filter(Boolean).join(" ");
     return /* @__PURE__ */ r("div", { class: "IncodePhoneInputComposed", children: [
       o && /* @__PURE__ */ r(
@@ -131,14 +131,14 @@ const l2 = J(
         {
           id: v,
           options: U,
-          value: i,
+          value: d,
           onChange: V,
           disabled: N || R,
           required: P,
           searchable: !0,
           searchPlaceholder: "Search countries...",
           suppressMessages: !0,
-          "aria-label": "Select country code",
+          "aria-label": `Country code ${i.callingCode}, ${i.name}`,
           renderSelectedLabel: (t) => {
             const n = I(t.value);
             return n ? `${n.emoji} ${n.callingCode}` : t.label;

package/dist/themes/dark.css

@@ -991,6 +991,7 @@
   /* spacing / sizes */
   --signature-canvas-height: 256px;
   --signature-canvas-max-width: 600px;
+  --phone-input-country-code-width: 140px;
 }
 [data-incode-theme='dark'] {
   /* Surface / Neutral */

package/dist/themes/light.css

@@ -991,4 +991,5 @@
   /* spacing / sizes */
   --signature-canvas-height: 256px;
   --signature-canvas-max-width: 600px;
+  --phone-input-country-code-width: 140px;
 }

package/dist/types/extensibility.d.ts

@@ -276,6 +276,7 @@ declare type DropdownComposedProps = {
     siblingElement?: ComponentChildren;
     enterKeyHint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
     class?: string;
+    'aria-label'?: string;
     'data-testid'?: string;
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@incodetech/web",
-  "version": "0.0.0-dev-20260325-72e1e24",
+  "version": "0.0.0-dev-20260326-ac8336a",
   "type": "module",
   "main": "./dist/index.es.js",
   "types": "./dist/types/index.d.ts",
@@ -136,7 +136,7 @@
     "preact-markup": "^2.1.1",
     "qrcode": "^1.5.4",
     "tailwindcss": "^4.1.17",
-    "@incodetech/core": "0.0.0-dev-20260325-72e1e24"
+    "@incodetech/core": "0.0.0-dev-20260326-ac8336a"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.53.3",

package/dist/dropdownComposed-LjhdF9Jx.js

@@ -1,345 +0,0 @@
-import { u as o, c as M } from "./button-qiC4m4lf.js";
-import { d as D, A as p, y as C } from "./vendor-preact-BY8u4mdq.js";
-import { C as ce } from "./chevronDown-J1Yx1Jy7.js";
-import { E as de } from "./errorIcon-DbJL-4MJ.js";
-import { S as ie } from "./successIcon-C-3-t1kz.js";
-const le = ({ size: s = 20 }) => /* @__PURE__ */ o(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: s,
-    height: s,
-    viewBox: "0 0 20 20",
-    fill: "none",
-    class: "IncodeSearchIcon",
-    "aria-hidden": "true",
-    children: [
-      /* @__PURE__ */ o("title", { children: "Search" }),
-      /* @__PURE__ */ o(
-        "path",
-        {
-          d: "M9 17C13.4183 17 17 13.4183 17 9C17 4.58172 13.4183 1 9 1C4.58172 1 1 4.58172 1 9C1 13.4183 4.58172 17 9 17Z",
-          stroke: "var(--icon-neutral-300)",
-          "stroke-width": "2",
-          "stroke-linecap": "round",
-          "stroke-linejoin": "round"
-        }
-      ),
-      /* @__PURE__ */ o(
-        "path",
-        {
-          d: "M19 19L14.65 14.65",
-          stroke: "var(--icon-neutral-300)",
-          "stroke-width": "2",
-          "stroke-linecap": "round",
-          "stroke-linejoin": "round"
-        }
-      )
-    ]
-  }
-), ve = ({
-  id: s,
-  label: u,
-  placeholder: b = "Choose an option",
-  value: g,
-  options: k,
-  onChange: Q,
-  error: l,
-  helper: y,
-  showErrorIcon: U,
-  showHelperIcon: V,
-  suppressMessages: S = !1,
-  disabled: f = !1,
-  required: T,
-  searchable: w = !1,
-  searchPlaceholder: W = "Search...",
-  noResultsText: Z = "No results found",
-  name: H,
-  tabIndex: _,
-  onKeyDown: G,
-  onBlur: J,
-  renderSelectedLabel: K,
-  siblingElement: x,
-  enterKeyHint: pe,
-  class: P,
-  "data-testid": X
-}) => {
-  const [n, d] = D(!1), [Y, L] = D(!1), [a, t] = D(-1), [$, O] = D(""), B = p(null), m = p(null), j = p(null), R = p([]), A = p(null), E = p(""), h = p(), v = k.find((e) => e.value === g), c = w && $ ? k.filter(
-    (e) => e.label.toLowerCase().includes($.toLowerCase())
-  ) : k, F = `${s}-label`, z = `${s}-listbox`, N = `${s}-helper`, q = `${s}-error`, ee = S ? "" : [y ? N : null, l ? q : null].filter(Boolean).join(" ");
-  C(() => {
-    if (!n) return;
-    const e = requestAnimationFrame(() => {
-      w && A.current && A.current.focus(), requestAnimationFrame(() => {
-        j.current?.scrollIntoView({
-          behavior: "smooth",
-          block: "nearest",
-          inline: "nearest"
-        });
-      });
-    });
-    return () => cancelAnimationFrame(e);
-  }, [n, w]), C(() => {
-    n || (t(-1), O(""));
-  }, [n]), C(() => {
-    a >= 0 && R.current[a] && R.current[a]?.scrollIntoView({
-      block: "nearest",
-      inline: "nearest"
-    });
-  }, [a]), C(() => () => {
-    h.current && clearTimeout(h.current);
-  }, []);
-  const oe = () => {
-    f || d((e) => !e);
-  }, I = (e) => {
-    Q(e), d(!1), t(-1), m.current?.focus();
-  }, re = () => {
-    L(!0);
-  }, ne = (e) => {
-    L(!1), B.current?.contains(e.relatedTarget) || (d(!1), J?.());
-  }, te = (e) => {
-    if (f) return;
-    G?.(e);
-    const { key: i } = e;
-    if (i.length === 1 && /^[a-zA-Z0-9]$/.test(i)) {
-      e.preventDefault(), h.current && clearTimeout(h.current), E.current += i.toLowerCase();
-      const r = c.findIndex(
-        (se) => se.label.toLowerCase().startsWith(E.current)
-      );
-      r !== -1 && (n || d(!0), t(r)), h.current = setTimeout(() => {
-        E.current = "";
-      }, 500);
-      return;
-    }
-    switch (i) {
-      case "ArrowDown":
-        e.preventDefault(), n ? t(
-          (r) => r < c.length - 1 ? r + 1 : r
-        ) : (d(!0), t(0));
-        break;
-      case "ArrowUp":
-        e.preventDefault(), n ? t((r) => r > 0 ? r - 1 : r) : (d(!0), t(c.length - 1));
-        break;
-      case "Home":
-        e.preventDefault(), n && t(0);
-        break;
-      case "End":
-        e.preventDefault(), n && t(c.length - 1);
-        break;
-      case "Enter":
-        e.preventDefault(), n && a >= 0 && c[a] ? I(c[a].value) : n || d(!0);
-        break;
-      case " ":
-        e.preventDefault(), n && a >= 0 && c[a] ? I(c[a].value) : n || (d(!0), t(0));
-        break;
-      case "Escape":
-        e.preventDefault(), n && (d(!1), t(-1), m.current?.focus());
-        break;
-      case "Tab":
-        n && (d(!1), t(-1));
-        break;
-    }
-  }, ae = (e) => {
-    const { key: i } = e;
-    switch (i) {
-      case "ArrowDown":
-        e.preventDefault(), t(
-          (r) => r < c.length - 1 ? r + 1 : r
-        );
-        break;
-      case "ArrowUp":
-        e.preventDefault(), t((r) => r > 0 ? r - 1 : r);
-        break;
-      case "Home":
-        e.preventDefault(), t(0);
-        break;
-      case "End":
-        e.preventDefault(), t(c.length - 1);
-        break;
-      case "Enter":
-        e.preventDefault(), a >= 0 && c[a] && I(c[a].value);
-        break;
-      case "Escape":
-        e.preventDefault(), d(!1), t(-1), m.current?.focus();
-        break;
-      case "Tab":
-        d(!1), t(-1);
-        break;
-    }
-  };
-  return /* @__PURE__ */ o(
-    "div",
-    {
-      class: M("IncodeDropdownComposed", P),
-      ref: B,
-      onBlur: ne,
-      children: [
-        H && /* @__PURE__ */ o(
-          "input",
-          {
-            type: "hidden",
-            name: H,
-            value: g || "",
-            disabled: f,
-            required: T
-          }
-        ),
-        u && /* @__PURE__ */ o(
-          "label",
-          {
-            class: "IncodeDropdownComposedLabel",
-            id: F,
-            htmlFor: s,
-            "data-testid": `${s}-label`,
-            children: [
-              u,
-              T && /* @__PURE__ */ o("span", { class: "IncodeDropdownComposedRequired", children: " *" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ o("div", { class: "IncodeDropdownComposedWrapper", children: [
-          /* @__PURE__ */ o(
-            "div",
-            {
-              class: M("IncodeDropdownComposedTriggerRow", {
-                IncodeDropdownComposedTriggerRowWithSibling: !!x
-              }),
-              children: [
-                /* @__PURE__ */ o(
-                  "button",
-                  {
-                    ref: m,
-                    type: "button",
-                    id: s,
-                    class: "IncodeDropdownComposedTrigger",
-                    onClick: oe,
-                    onFocus: re,
-                    onKeyDown: te,
-                    tabIndex: f ? -1 : _ ?? 0,
-                    disabled: f,
-                    "aria-haspopup": "listbox",
-                    "aria-expanded": n ? "true" : "false",
-                    "aria-disabled": f ? "true" : void 0,
-                    "aria-labelledby": u ? F : void 0,
-                    "aria-label": u ? void 0 : b,
-                    "aria-controls": n ? z : void 0,
-                    "aria-activedescendant": n && a >= 0 ? `${s}-option-${a}` : void 0,
-                    "aria-invalid": l ? "true" : void 0,
-                    "aria-required": T ? "true" : void 0,
-                    "aria-describedby": ee || void 0,
-                    "data-error": l ? "true" : void 0,
-                    "data-focused": Y || n ? "true" : void 0,
-                    "data-testid": X,
-                    children: [
-                      /* @__PURE__ */ o(
-                        "span",
-                        {
-                          class: v ? "IncodeDropdownComposedTriggerText" : "IncodeDropdownComposedTriggerPlaceholder",
-                          children: v ? K ? K(v) : v.label : b
-                        }
-                      ),
-                      /* @__PURE__ */ o(
-                        "span",
-                        {
-                          class: "IncodeDropdownComposedTriggerIcon",
-                          "aria-hidden": "true",
-                          "data-open": n,
-                          children: /* @__PURE__ */ o(ce, {})
-                        }
-                      )
-                    ]
-                  }
-                ),
-                x && /* @__PURE__ */ o("div", { class: "IncodeDropdownComposedSibling", children: x })
-              ]
-            }
-          ),
-          n && /* @__PURE__ */ o(
-            "div",
-            {
-              ref: j,
-              id: z,
-              class: "IncodeDropdownComposedList",
-              role: "listbox",
-              "aria-labelledby": u ? F : void 0,
-              "aria-label": u ? void 0 : b,
-              "data-error": l ? "true" : void 0,
-              children: [
-                w && /* @__PURE__ */ o("div", { class: "IncodeDropdownComposedSearchWrapper", children: /* @__PURE__ */ o("div", { class: "IncodeDropdownComposedSearchInner", children: [
-                  /* @__PURE__ */ o(
-                    "input",
-                    {
-                      ref: A,
-                      type: "text",
-                      class: "IncodeDropdownComposedSearchInput",
-                      value: $,
-                      onInput: (e) => {
-                        O(e.target.value), t(0);
-                      },
-                      onKeyDown: ae,
-                      placeholder: W,
-                      "aria-label": W,
-                      autocomplete: "off"
-                    }
-                  ),
-                  /* @__PURE__ */ o(
-                    "span",
-                    {
-                      class: "IncodeDropdownComposedSearchIcon",
-                      "aria-hidden": "true",
-                      children: /* @__PURE__ */ o(le, { size: 20 })
-                    }
-                  )
-                ] }) }),
-                /* @__PURE__ */ o("div", { class: "IncodeDropdownComposedOptionsScroll", children: c.length === 0 ? /* @__PURE__ */ o("div", { class: "IncodeDropdownComposedNoResults", children: Z }) : c.map((e, i) => /* @__PURE__ */ o(
-                  "div",
-                  {
-                    id: `${s}-option-${i}`,
-                    role: "option",
-                    "aria-selected": g === e.value ? "true" : "false",
-                    class: "IncodeDropdownComposedOption",
-                    "data-highlighted": a === i,
-                    ref: (r) => {
-                      R.current[i] = r;
-                    },
-                    onClick: () => I(e.value),
-                    onMouseDown: (r) => r.preventDefault(),
-                    onMouseEnter: () => t(i),
-                    children: e.label
-                  },
-                  e.value
-                )) })
-              ]
-            }
-          )
-        ] }),
-        !S && l && /* @__PURE__ */ o(
-          "div",
-          {
-            class: "IncodeDropdownComposedErrorWrapper",
-            "data-testid": `${s}-error-wrapper`,
-            children: [
-              U && /* @__PURE__ */ o("div", { class: "IncodeDropdownComposedIconWrapper", children: /* @__PURE__ */ o(de, { size: 17 }) }),
-              /* @__PURE__ */ o("p", { id: q, class: "IncodeDropdownComposedError", children: l })
-            ]
-          }
-        ),
-        !S && y && !l && /* @__PURE__ */ o(
-          "div",
-          {
-            class: "IncodeDropdownComposedHelperWrapper",
-            "data-testid": `${s}-helper-wrapper`,
-            children: [
-              V && /* @__PURE__ */ o("div", { class: "IncodeDropdownComposedIconWrapper", children: /* @__PURE__ */ o(ie, { size: 17 }) }),
-              /* @__PURE__ */ o("p", { id: N, class: "IncodeDropdownComposedHelper", children: y })
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  ve as D,
-  le as S
-};