@incodetech/web 0.0.0-dev-20260302-ad37d43 → 0.0.0-dev-20260302-e38ab90

package/dist/curp-validation/styles.css

@@ -65,7 +65,8 @@
   --tw-outline-style: none;
   appearance: none;
   -moz-appearance: textfield;
-  min-height: 57px;
+  height: 56px;
+  min-height: 56px;
   font-family: var(--input-text-field-font-family);
   outline-style: none;
   padding-right: 44px;
@@ -253,6 +254,8 @@
   transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
   --tw-duration: .2s;
   --tw-outline-style: none;
+  height: 56px;
+  min-height: 56px;
   color: var(--color-dropdown-text-input-default, var(--dropdown-text-input-default));
   font-family: var(--dropdown-text-input-font-family);
   outline-style: none;

package/dist/dateInputComposed-BwjWmZFc.js

@@ -0,0 +1,172 @@
+import { u as e, c as E } from "./incodeModule-_kfNnq5z.js";
+import { g as W, D as Z, A as $ } from "./vendor-preact-BDue3y7V.js";
+import { E as g } from "./errorIcon-hyIEsKoP.js";
+import { S as x } from "./successIcon-Ci24t3I5.js";
+const B = ({ class: o }) => {
+  const t = W();
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      role: "img",
+      "aria-labelledby": t,
+      class: o,
+      children: [
+        /* @__PURE__ */ e("title", { id: t, children: "Calendar icon" }),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M7.50244 10.1563C7.50244 9.74204 7.83823 9.40625 8.25244 9.40625H16.7485C17.1627 9.40625 17.4985 9.74204 17.4985 10.1563C17.4985 10.5705 17.1627 10.9063 16.7485 10.9063H8.25244C7.83823 10.9063 7.50244 10.5705 7.50244 10.1563Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M16.1406 2.25C16.5548 2.25 16.8906 2.58579 16.8906 3V5.96174C16.8906 6.37595 16.5548 6.71174 16.1406 6.71174C15.7264 6.71174 15.3906 6.37595 15.3906 5.96174V3C15.3906 2.58579 15.7264 2.25 16.1406 2.25Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M8.86816 2.25C9.28238 2.25 9.61816 2.58579 9.61816 3V5.96174C9.61816 6.37595 9.28238 6.71174 8.86816 6.71174C8.45395 6.71174 8.11816 6.37595 8.11816 5.96174V3C8.11816 2.58579 8.45395 2.25 8.86816 2.25Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M5.0392 4.95256C5.95822 4.07897 7.23731 3.67188 8.69414 3.67188H16.3145C17.7746 3.67188 19.0544 4.07865 19.9721 4.95323C20.8955 5.83327 21.3546 7.094 21.3504 8.60132C21.3504 8.6011 21.3504 8.60154 21.3504 8.60132V16.8137C21.3504 18.3212 20.8891 19.5831 19.9657 20.4646C19.0476 21.341 17.768 21.7504 16.3067 21.7504H8.69414C7.23281 21.7504 5.95209 21.3322 5.03394 20.4423C4.11207 19.5488 3.65039 18.2716 3.65039 16.7456V8.59984C3.65039 7.09167 4.11438 5.83167 5.0392 4.95256ZM6.07265 6.03976C5.51149 6.57317 5.15039 7.40215 5.15039 8.59984V16.7456C5.15039 17.9683 5.5138 18.8185 6.0779 19.3652C6.64573 19.9156 7.51189 20.2504 8.69414 20.2504H16.3067C17.4968 20.2504 18.364 19.9198 18.93 19.3796C19.4906 18.8445 19.8504 18.013 19.8504 16.8137V8.59984V8.59768C19.8539 7.39945 19.4958 6.57144 18.9372 6.03908C18.3728 5.50115 17.5058 5.17187 16.3145 5.17187H8.69414C7.50739 5.17187 6.6396 5.50083 6.07265 6.03976Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}, M = Z(
+  ({
+    id: o,
+    label: t,
+    value: s,
+    onInput: m,
+    min: f,
+    max: v,
+    placeholder: D = "mm/dd/yyyy",
+    error: n,
+    showErrorIcon: y,
+    helper: a,
+    showHelperIcon: R,
+    suppressMessages: r = !1,
+    disabled: i,
+    required: p,
+    class: w,
+    "data-testid": H,
+    ...V
+  }, c) => {
+    const C = $(null), u = `${o}-helper`, I = `${o}-error`, b = r ? "" : [a ? u : null, n ? I : null].filter(Boolean).join(" "), k = (l) => {
+      C.current = l, typeof c == "function" ? c(l) : c && (c.current = l);
+    }, h = (l) => {
+      l.preventDefault();
+      const d = C.current;
+      if (!(!d || i))
+        if (d.focus(), "showPicker" in HTMLInputElement.prototype)
+          try {
+            d.showPicker();
+          } catch {
+            d.click();
+          }
+        else
+          d.click();
+    };
+    return /* @__PURE__ */ e("div", { class: E("IncodeDateInputComposed", w), children: [
+      t && /* @__PURE__ */ e(
+        "label",
+        {
+          class: "IncodeDateInputComposedLabel",
+          htmlFor: o,
+          "data-testid": `${o}-label`,
+          children: [
+            t,
+            p && /* @__PURE__ */ e("span", { class: "IncodeDateInputComposedRequired", children: " *" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ e("div", { class: "IncodeDateInputComposedWrapper", children: [
+        /* @__PURE__ */ e(
+          "input",
+          {
+            ref: k,
+            id: o,
+            type: "date",
+            class: "IncodeDateInputComposedInput",
+            value: s,
+            onInput: m,
+            min: f,
+            max: v,
+            placeholder: D,
+            disabled: i,
+            required: p,
+            "data-has-value": !!s,
+            "data-testid": H,
+            "aria-describedby": b || void 0,
+            "aria-required": p ? "true" : void 0,
+            "aria-invalid": n ? "true" : void 0,
+            ...V
+          }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            class: "IncodeDateInputComposedIconButton",
+            onClick: h,
+            onTouchEnd: h,
+            disabled: i,
+            "aria-label": t ?? "Date",
+            tabIndex: -1,
+            children: /* @__PURE__ */ e("span", { class: "IncodeDateInputComposedIcon", children: /* @__PURE__ */ e(B, {}) })
+          }
+        )
+      ] }),
+      !r && n && /* @__PURE__ */ e(
+        "div",
+        {
+          class: "IncodeDateInputComposedErrorWrapper",
+          "data-testid": `${o}-error-wrapper`,
+          children: [
+            y && /* @__PURE__ */ e("div", { class: "IncodeDateInputComposedIconWrapper", children: /* @__PURE__ */ e(g, { size: 17 }) }),
+            /* @__PURE__ */ e("p", { id: I, class: "IncodeDateInputComposedError", children: n })
+          ]
+        }
+      ),
+      !r && a && !n && /* @__PURE__ */ e(
+        "div",
+        {
+          class: "IncodeDateInputComposedHelperWrapper",
+          "data-testid": `${o}-helper-wrapper`,
+          children: [
+            R && /* @__PURE__ */ e("div", { class: "IncodeDateInputComposedIconWrapper", children: /* @__PURE__ */ e(x, { size: 17 }) }),
+            /* @__PURE__ */ e("p", { id: u, class: "IncodeDateInputComposedHelper", children: a })
+          ]
+        }
+      )
+    ] });
+  }
+);
+M.displayName = "DateInputComposed";
+export {
+  M as D
+};

package/dist/{documentUpload-h5GfSa2m.js → documentUpload-BnXvLmkL.js}

@@ -1,9 +1,9 @@
-import { u as e, B as u, a as s, r as p } from "./incodeModule-BwGymwZT.js";
+import { u as e, B as u, a as s, r as p } from "./incodeModule-_kfNnq5z.js";
 import { createDocumentUploadManager as m } from "@incodetech/core/document-upload";
-import { A as h, y as g, q as I } from "./vendor-preact-CM6KQyKc.js";
+import { A as h, y as g, q as I } from "./vendor-preact-BDue3y7V.js";
 import "@incodetech/core";
-import { I as f, P as c } from "./incodeComponent-BUltqUSz.js";
-import { S as l } from "./spinner-BiENeSCl.js";
+import { I as f, P as c } from "./incodeComponent-DSqGVqSo.js";
+import { S as l } from "./spinner-Ogo-u91P.js";
 function U(a) {
   if (a.readyState < 2 || a.videoWidth === 0 || a.videoHeight === 0)
     return null;

package/dist/dropdownComposed-vWK3dHjS.js

@@ -0,0 +1,461 @@
+import { u as e, c as E } from "./incodeModule-_kfNnq5z.js";
+import { D as _, d as R, A as w, y as W } from "./vendor-preact-BDue3y7V.js";
+import { E as G } from "./errorIcon-hyIEsKoP.js";
+import { S as J } from "./successIcon-Ci24t3I5.js";
+import { C as ie } from "./chevronDown-CIyU9-x9.js";
+const pe = ({
+  width: n = 14,
+  height: c = 14,
+  class: h
+}) => /* @__PURE__ */ e(
+  "svg",
+  {
+    width: n,
+    height: c,
+    viewBox: "0 0 14 14",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    class: `IncodeCloseIcon ${h || ""}`,
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ e(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M1.61595 0.355755C1.26799 0.00779831 0.70414 0.00779831 0.356183 0.355755C0.00822556 0.703713 0.00822556 1.26756 0.356183 1.61552L5.74046 6.9998L0.356183 12.3841C0.00825542 12.732 0.00831515 13.2959 0.356183 13.6438C0.70414 13.9918 1.26799 13.9918 1.61595 13.6438L7.00023 8.25956L12.3845 13.6438C12.7325 13.9918 13.2963 13.9918 13.6443 13.6438C13.9922 13.2959 13.9922 12.732 13.6443 12.3841L8.25999 6.9998L13.6443 1.61552C13.9922 1.26756 13.9922 0.703713 13.6443 0.355755C13.2963 0.0078879 12.7324 0.00782818 12.3845 0.355755L7.00023 5.74003L1.61595 0.355755Z",
+        fill: "var(--icon-neutral-800)"
+      }
+    )
+  }
+), ue = ({ size: n = 20 }) => /* @__PURE__ */ e(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: n,
+    height: n,
+    viewBox: "0 0 20 20",
+    fill: "none",
+    class: "IncodeSearchIcon",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ e("title", { children: "Search" }),
+      /* @__PURE__ */ e(
+        "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__ */ e(
+        "path",
+        {
+          d: "M19 19L14.65 14.65",
+          stroke: "var(--icon-neutral-300)",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }
+      )
+    ]
+  }
+), he = _((n, c) => {
+  const { class: h, type: I = "text", ...i } = n;
+  return /* @__PURE__ */ e(
+    "input",
+    {
+      ...i,
+      ref: c,
+      type: I,
+      class: E("IncodeInput", h)
+    }
+  );
+}), De = _(
+  ({
+    id: n,
+    label: c,
+    "aria-label": h,
+    type: I,
+    error: i,
+    showErrorIcon: A,
+    helper: p,
+    showHelperIcon: D,
+    closeButton: k,
+    required: y,
+    suppressMessages: v = !1,
+    class: f,
+    value: m,
+    ...C
+  }, $) => {
+    const S = `${n}-helper`, b = `${n}-error`, F = v ? "" : [p ? S : null, i ? b : null].filter(Boolean).join(" ");
+    return /* @__PURE__ */ e("div", { class: E("IncodeInputComposed", f), children: [
+      c && /* @__PURE__ */ e(
+        "label",
+        {
+          class: "IncodeInputComposedLabel",
+          htmlFor: n,
+          "data-testid": `${n}-label`,
+          children: c
+        }
+      ),
+      /* @__PURE__ */ e("div", { class: "IncodeInputComposedWrapper", children: [
+        /* @__PURE__ */ e(
+          he,
+          {
+            id: n,
+            type: I,
+            ...C,
+            ref: $,
+            required: y,
+            "data-has-value": !!(m && String(m).length > 0),
+            ...!c && h ? { "aria-label": h } : {},
+            "aria-describedby": F || void 0,
+            "aria-required": y ? "true" : void 0,
+            "aria-invalid": i ? "true" : void 0,
+            value: m
+          }
+        ),
+        k?.show && /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Clear",
+            class: "IncodeInputComposedClearButton",
+            onClick: k.onClose,
+            "data-testid": `${n}-clear`,
+            children: /* @__PURE__ */ e(pe, {})
+          }
+        )
+      ] }),
+      !v && i && /* @__PURE__ */ e(
+        "div",
+        {
+          class: "IncodeInputComposedErrorWrapper",
+          "data-testid": `${n}-error-wrapper`,
+          children: [
+            A && /* @__PURE__ */ e("div", { class: "IncodeInputComposedIconWrapper", children: /* @__PURE__ */ e(G, { size: 17 }) }),
+            /* @__PURE__ */ e("p", { id: b, class: "IncodeInputComposedError", children: i })
+          ]
+        }
+      ),
+      !v && p && !i && /* @__PURE__ */ e(
+        "div",
+        {
+          class: "IncodeInputComposedHelperWrapper",
+          "data-testid": `${n}-helper-wrapper`,
+          children: [
+            D && /* @__PURE__ */ e("div", { class: "IncodeInputComposedIconWrapper", children: /* @__PURE__ */ e(J, { size: 17 }) }),
+            /* @__PURE__ */ e("p", { id: S, class: "IncodeInputComposedHelper", children: p })
+          ]
+        }
+      )
+    ] });
+  }
+), be = ({
+  id: n,
+  label: c,
+  placeholder: h = "Choose an option",
+  value: I,
+  options: i,
+  onChange: A,
+  error: p,
+  helper: D,
+  showErrorIcon: k,
+  showHelperIcon: y,
+  suppressMessages: v = !1,
+  disabled: f = !1,
+  required: m,
+  searchable: C = !1,
+  searchPlaceholder: $ = "Search...",
+  noResultsText: S = "No results found",
+  name: b,
+  tabIndex: F,
+  onKeyDown: X,
+  onBlur: Y,
+  renderSelectedLabel: N,
+  siblingElement: H,
+  enterKeyHint: fe,
+  class: ee,
+  "data-testid": oe
+}) => {
+  const [t, l] = R(!1), [ne, Z] = R(!1), [s, a] = R(-1), [B, q] = R(""), Q = w(null), x = w(null), U = w(null), K = w([]), O = w(null), z = w(""), g = w(), T = i.find((o) => o.value === I), d = C && B ? i.filter(
+    (o) => o.label.toLowerCase().includes(B.toLowerCase())
+  ) : i, j = `${n}-label`, V = `${n}-listbox`, M = `${n}-helper`, P = `${n}-error`, re = v ? "" : [D ? M : null, p ? P : null].filter(Boolean).join(" ");
+  W(() => {
+    if (!t) return;
+    const o = requestAnimationFrame(() => {
+      C && O.current && O.current.focus(), requestAnimationFrame(() => {
+        U.current?.scrollIntoView({
+          behavior: "smooth",
+          block: "nearest",
+          inline: "nearest"
+        });
+      });
+    });
+    return () => cancelAnimationFrame(o);
+  }, [t, C]), W(() => {
+    t || (a(-1), q(""));
+  }, [t]), W(() => {
+    s >= 0 && K.current[s] && K.current[s]?.scrollIntoView({
+      block: "nearest",
+      inline: "nearest"
+    });
+  }, [s]), W(() => () => {
+    g.current && clearTimeout(g.current);
+  }, []);
+  const te = () => {
+    f || l((o) => !o);
+  }, L = (o) => {
+    A(o), l(!1), a(-1), x.current?.focus();
+  }, ae = () => {
+    Z(!0);
+  }, se = (o) => {
+    Z(!1), Q.current?.contains(o.relatedTarget) || (l(!1), Y?.());
+  }, ce = (o) => {
+    if (f) return;
+    X?.(o);
+    const { key: u } = o;
+    if (u.length === 1 && /^[a-zA-Z0-9]$/.test(u)) {
+      o.preventDefault(), g.current && clearTimeout(g.current), z.current += u.toLowerCase();
+      const r = d.findIndex(
+        (le) => le.label.toLowerCase().startsWith(z.current)
+      );
+      r !== -1 && (t || l(!0), a(r)), g.current = setTimeout(() => {
+        z.current = "";
+      }, 500);
+      return;
+    }
+    switch (u) {
+      case "ArrowDown":
+        o.preventDefault(), t ? a(
+          (r) => r < d.length - 1 ? r + 1 : r
+        ) : (l(!0), a(0));
+        break;
+      case "ArrowUp":
+        o.preventDefault(), t ? a((r) => r > 0 ? r - 1 : r) : (l(!0), a(d.length - 1));
+        break;
+      case "Home":
+        o.preventDefault(), t && a(0);
+        break;
+      case "End":
+        o.preventDefault(), t && a(d.length - 1);
+        break;
+      case "Enter":
+        o.preventDefault(), t && s >= 0 && d[s] ? L(d[s].value) : t || l(!0);
+        break;
+      case " ":
+        o.preventDefault(), t && s >= 0 && d[s] ? L(d[s].value) : t || (l(!0), a(0));
+        break;
+      case "Escape":
+        o.preventDefault(), t && (l(!1), a(-1), x.current?.focus());
+        break;
+      case "Tab":
+        t && (l(!1), a(-1));
+        break;
+    }
+  }, de = (o) => {
+    const { key: u } = o;
+    switch (u) {
+      case "ArrowDown":
+        o.preventDefault(), a(
+          (r) => r < d.length - 1 ? r + 1 : r
+        );
+        break;
+      case "ArrowUp":
+        o.preventDefault(), a((r) => r > 0 ? r - 1 : r);
+        break;
+      case "Home":
+        o.preventDefault(), a(0);
+        break;
+      case "End":
+        o.preventDefault(), a(d.length - 1);
+        break;
+      case "Enter":
+        o.preventDefault(), s >= 0 && d[s] && L(d[s].value);
+        break;
+      case "Escape":
+        o.preventDefault(), l(!1), a(-1), x.current?.focus();
+        break;
+      case "Tab":
+        l(!1), a(-1);
+        break;
+    }
+  };
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      class: E("IncodeDropdownComposed", ee),
+      ref: Q,
+      onBlur: se,
+      children: [
+        b && /* @__PURE__ */ e(
+          "input",
+          {
+            type: "hidden",
+            name: b,
+            value: I || "",
+            disabled: f,
+            required: m
+          }
+        ),
+        c && /* @__PURE__ */ e(
+          "label",
+          {
+            class: "IncodeDropdownComposedLabel",
+            id: j,
+            htmlFor: n,
+            "data-testid": `${n}-label`,
+            children: [
+              c,
+              m && /* @__PURE__ */ e("span", { class: "IncodeDropdownComposedRequired", children: " *" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e("div", { class: "IncodeDropdownComposedWrapper", children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              class: E("IncodeDropdownComposedTriggerRow", {
+                IncodeDropdownComposedTriggerRowWithSibling: !!H
+              }),
+              children: [
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    ref: x,
+                    type: "button",
+                    id: n,
+                    class: "IncodeDropdownComposedTrigger",
+                    onClick: te,
+                    onFocus: ae,
+                    onKeyDown: ce,
+                    tabIndex: f ? -1 : F ?? 0,
+                    disabled: f,
+                    "aria-haspopup": "listbox",
+                    "aria-expanded": t ? "true" : "false",
+                    "aria-disabled": f ? "true" : void 0,
+                    "aria-labelledby": c ? j : void 0,
+                    "aria-label": c ? void 0 : h,
+                    "aria-controls": t ? V : void 0,
+                    "aria-activedescendant": t && s >= 0 ? `${n}-option-${s}` : void 0,
+                    "aria-invalid": p ? "true" : void 0,
+                    "aria-required": m ? "true" : void 0,
+                    "aria-describedby": re || void 0,
+                    "data-error": p ? "true" : void 0,
+                    "data-focused": ne || t ? "true" : void 0,
+                    "data-testid": oe,
+                    children: [
+                      /* @__PURE__ */ e(
+                        "span",
+                        {
+                          class: T ? "IncodeDropdownComposedTriggerText" : "IncodeDropdownComposedTriggerPlaceholder",
+                          children: T ? N ? N(T) : T.label : h
+                        }
+                      ),
+                      /* @__PURE__ */ e(
+                        "span",
+                        {
+                          class: "IncodeDropdownComposedTriggerIcon",
+                          "aria-hidden": "true",
+                          "data-open": t,
+                          children: /* @__PURE__ */ e(ie, {})
+                        }
+                      )
+                    ]
+                  }
+                ),
+                H && /* @__PURE__ */ e("div", { class: "IncodeDropdownComposedSibling", children: H })
+              ]
+            }
+          ),
+          t && /* @__PURE__ */ e(
+            "div",
+            {
+              ref: U,
+              id: V,
+              class: "IncodeDropdownComposedList",
+              role: "listbox",
+              "aria-labelledby": c ? j : void 0,
+              "aria-label": c ? void 0 : h,
+              "data-error": p ? "true" : void 0,
+              children: [
+                C && /* @__PURE__ */ e("div", { class: "IncodeDropdownComposedSearchWrapper", children: /* @__PURE__ */ e("div", { class: "IncodeDropdownComposedSearchInner", children: [
+                  /* @__PURE__ */ e(
+                    "input",
+                    {
+                      ref: O,
+                      type: "text",
+                      class: "IncodeDropdownComposedSearchInput",
+                      value: B,
+                      onInput: (o) => {
+                        q(o.target.value), a(0);
+                      },
+                      onKeyDown: de,
+                      placeholder: $,
+                      "aria-label": $,
+                      autocomplete: "off"
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "span",
+                    {
+                      class: "IncodeDropdownComposedSearchIcon",
+                      "aria-hidden": "true",
+                      children: /* @__PURE__ */ e(ue, { size: 20 })
+                    }
+                  )
+                ] }) }),
+                /* @__PURE__ */ e("div", { class: "IncodeDropdownComposedOptionsScroll", children: d.length === 0 ? /* @__PURE__ */ e("div", { class: "IncodeDropdownComposedNoResults", children: S }) : d.map((o, u) => /* @__PURE__ */ e(
+                  "div",
+                  {
+                    id: `${n}-option-${u}`,
+                    role: "option",
+                    "aria-selected": I === o.value ? "true" : "false",
+                    class: "IncodeDropdownComposedOption",
+                    "data-highlighted": s === u,
+                    ref: (r) => {
+                      K.current[u] = r;
+                    },
+                    onClick: () => L(o.value),
+                    onMouseDown: (r) => r.preventDefault(),
+                    onMouseEnter: () => a(u),
+                    children: o.label
+                  },
+                  o.value
+                )) })
+              ]
+            }
+          )
+        ] }),
+        !v && p && /* @__PURE__ */ e(
+          "div",
+          {
+            class: "IncodeDropdownComposedErrorWrapper",
+            "data-testid": `${n}-error-wrapper`,
+            children: [
+              k && /* @__PURE__ */ e("div", { class: "IncodeDropdownComposedIconWrapper", children: /* @__PURE__ */ e(G, { size: 17 }) }),
+              /* @__PURE__ */ e("p", { id: P, class: "IncodeDropdownComposedError", children: p })
+            ]
+          }
+        ),
+        !v && D && !p && /* @__PURE__ */ e(
+          "div",
+          {
+            class: "IncodeDropdownComposedHelperWrapper",
+            "data-testid": `${n}-helper-wrapper`,
+            children: [
+              y && /* @__PURE__ */ e("div", { class: "IncodeDropdownComposedIconWrapper", children: /* @__PURE__ */ e(J, { size: 17 }) }),
+              /* @__PURE__ */ e("p", { id: M, class: "IncodeDropdownComposedHelper", children: D })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  be as D,
+  De as I
+};