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

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

@@ -1,926 +1,311 @@
-import { u as e, c as E, S, B as N, r as be, a as ge } from "../incodeModule-BwGymwZT.js";
-import { mexicanStates as we, createCurpValidationManager as De } from "@incodetech/core/curp-validation";
-import { g as ye, D as _, A as V, d as O, y as A, k as ce } from "../vendor-preact-CM6KQyKc.js";
+import { u as e, S as c, B as h, r as S, a as N } from "../incodeModule-_kfNnq5z.js";
+import { mexicanStates as G, createCurpValidationManager as R } from "@incodetech/core/curp-validation";
+import { k as y } from "../vendor-preact-BDue3y7V.js";
 import "@incodetech/core";
 import "../instance-B-q0ZREN.js";
-import { u as J } from "../useTranslation-Cm51-Wm-.js";
-import { I as ke, P as H } from "../incodeComponent-BUltqUSz.js";
-import { E as Z } from "../errorIcon-BT7Rf4z7.js";
-import { S as K } from "../successIcon-CTA9p_2h.js";
-import { S as Le } from "../spinner-BiENeSCl.js";
-import { C as Re } from "../chevronDown-C5Kn1woB.js";
-const Ve = ({ class: t }) => {
-  const l = ye();
-  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": l,
-      class: t,
-      children: [
-        /* @__PURE__ */ e("title", { id: l, 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"
-          }
-        )
-      ]
-    }
-  );
-}, Se = ({
-  width: t = 14,
-  height: l = 14,
-  class: i
-}) => /* @__PURE__ */ e(
-  "svg",
-  {
-    width: t,
-    height: l,
-    viewBox: "0 0 14 14",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    class: `IncodeCloseIcon ${i || ""}`,
-    "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)"
-      }
-    )
-  }
-), Pe = ({ size: t = 20 }) => /* @__PURE__ */ e(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: t,
-    height: t,
-    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 = _((t, l) => {
-  const { class: i, type: o = "text", ...n } = t;
-  return /* @__PURE__ */ e(
-    "input",
-    {
-      ...n,
-      ref: l,
-      type: o,
-      class: E("IncodeInput", i)
-    }
-  );
-}), M = _(
-  ({
-    id: t,
-    label: l,
-    "aria-label": i,
-    type: o,
-    error: n,
-    showErrorIcon: h,
-    helper: r,
-    showHelperIcon: I,
-    closeButton: c,
-    required: C,
-    suppressMessages: g = !1,
-    class: f,
-    value: d,
-    ...v
-  }, y) => {
-    const L = `${t}-helper`, k = `${t}-error`, R = g ? "" : [r ? L : null, n ? k : null].filter(Boolean).join(" ");
-    return /* @__PURE__ */ e("div", { class: E("IncodeInputComposed", f), children: [
-      l && /* @__PURE__ */ e(
-        "label",
-        {
-          class: "IncodeInputComposedLabel",
-          htmlFor: t,
-          "data-testid": `${t}-label`,
-          children: l
-        }
-      ),
-      /* @__PURE__ */ e("div", { class: "IncodeInputComposedWrapper", children: [
-        /* @__PURE__ */ e(
-          He,
-          {
-            id: t,
-            type: o,
-            ...v,
-            ref: y,
-            required: C,
-            "data-has-value": !!(d && String(d).length > 0),
-            ...!l && i ? { "aria-label": i } : {},
-            "aria-describedby": R || void 0,
-            "aria-required": C ? "true" : void 0,
-            "aria-invalid": n ? "true" : void 0,
-            value: d
-          }
-        ),
-        c?.show && /* @__PURE__ */ e(
-          "button",
-          {
-            type: "button",
-            "aria-label": "Clear",
-            class: "IncodeInputComposedClearButton",
-            onClick: c.onClose,
-            "data-testid": `${t}-clear`,
-            children: /* @__PURE__ */ e(Se, {})
-          }
-        )
-      ] }),
-      !g && n && /* @__PURE__ */ e(
-        "div",
-        {
-          class: "IncodeInputComposedErrorWrapper",
-          "data-testid": `${t}-error-wrapper`,
-          children: [
-            h && /* @__PURE__ */ e("div", { class: "IncodeInputComposedIconWrapper", children: /* @__PURE__ */ e(Z, { size: 17 }) }),
-            /* @__PURE__ */ e("p", { id: k, class: "IncodeInputComposedError", children: n })
-          ]
-        }
-      ),
-      !g && r && !n && /* @__PURE__ */ e(
-        "div",
-        {
-          class: "IncodeInputComposedHelperWrapper",
-          "data-testid": `${t}-helper-wrapper`,
-          children: [
-            I && /* @__PURE__ */ e("div", { class: "IncodeInputComposedIconWrapper", children: /* @__PURE__ */ e(K, { size: 17 }) }),
-            /* @__PURE__ */ e("p", { id: L, class: "IncodeInputComposedHelper", children: r })
-          ]
-        }
-      )
-    ] });
-  }
-), Te = ({
-  curp: t,
-  isValid: l,
-  onCurpChange: i,
-  onVerify: o,
-  onSwitchToGenerate: n,
-  disabled: h = !1,
-  placeholder: r,
-  continueLabel: I,
-  dontHaveLabel: c
+import { u as I } from "../useTranslation-B1jrtqlW.js";
+import { I as U, P as p } from "../incodeComponent-DSqGVqSo.js";
+import { E as D } from "../errorIcon-hyIEsKoP.js";
+import { S as k } from "../successIcon-Ci24t3I5.js";
+import { S as E } from "../spinner-Ogo-u91P.js";
+import { I as C, D as P } from "../dropdownComposed-vWK3dHjS.js";
+import { D as F } from "../dateInputComposed-BwjWmZFc.js";
+const T = ({
+  curp: s,
+  isValid: d,
+  onCurpChange: o,
+  onVerify: r,
+  onSwitchToGenerate: t,
+  disabled: l = !1,
+  placeholder: a,
+  continueLabel: m,
+  dontHaveLabel: n
 }) => {
-  const { t: C } = J(), g = r ?? C("curp.placeholder.curp") ?? "CURP", f = I ?? C("curp.continue") ?? "Continue", d = c ?? C("curp.dontHave") ?? "I don't have my CURP", v = C("curp.placeholder.curp") ?? "CURP";
+  const { t: u } = I(), f = a ?? u("curp.placeholder.curp") ?? "CURP", g = m ?? u("curp.continue") ?? "Continue", i = n ?? u("curp.dontHave") ?? "I don't have my CURP", b = u("curp.placeholder.curp") ?? "CURP";
   return /* @__PURE__ */ e("div", { class: "IncodeCurpValidation IncodeCurpInput", children: [
     /* @__PURE__ */ e(
-      M,
+      C,
       {
         id: "curp-input",
         label: "",
-        value: t,
-        onInput: (L) => {
-          const k = L.target;
-          i(k.value.toUpperCase());
+        value: s,
+        onInput: (V) => {
+          const L = V.target;
+          o(L.value.toUpperCase());
         },
-        placeholder: g,
-        disabled: h,
+        placeholder: f,
+        disabled: l,
         maxLength: 18,
-        "aria-label": v
+        "aria-label": b
       }
     ),
-    /* @__PURE__ */ e(S, {}),
+    /* @__PURE__ */ e(c, {}),
     /* @__PURE__ */ e(
-      N,
+      h,
       {
         type: "button",
-        onClick: o,
-        disabled: !l || h,
+        onClick: r,
+        disabled: !d || l,
         "data-testid": "curp-verify",
-        children: f
+        children: g
       }
     ),
     /* @__PURE__ */ e(
-      N,
+      h,
       {
         type: "button",
-        onClick: n,
-        disabled: h,
+        onClick: t,
+        disabled: l,
         "data-testid": "curp-switch-to-generate",
         class: "IncodeCurpInputDontHaveButton",
-        children: d
+        children: i
       }
     )
   ] });
-}, de = _(
-  ({
-    id: t,
-    label: l,
-    value: i,
-    onInput: o,
-    min: n,
-    max: h,
-    placeholder: r = "mm/dd/yyyy",
-    error: I,
-    showErrorIcon: c,
-    helper: C,
-    showHelperIcon: g,
-    suppressMessages: f = !1,
-    disabled: d,
-    required: v,
-    class: y,
-    "data-testid": L,
-    ...k
-  }, R) => {
-    const F = V(null), W = `${t}-helper`, T = `${t}-error`, $ = f ? "" : [C ? W : null, I ? T : null].filter(Boolean).join(" "), ee = (P) => {
-      F.current = P, typeof R == "function" ? R(P) : R && (R.current = P);
-    }, B = (P) => {
-      P.preventDefault();
-      const s = F.current;
-      if (!(!s || d))
-        if (s.focus(), "showPicker" in HTMLInputElement.prototype)
-          try {
-            s.showPicker();
-          } catch {
-            s.click();
-          }
-        else
-          s.click();
-    };
-    return /* @__PURE__ */ e("div", { class: E("IncodeDateInputComposed", y), children: [
-      l && /* @__PURE__ */ e(
-        "label",
-        {
-          class: "IncodeDateInputComposedLabel",
-          htmlFor: t,
-          "data-testid": `${t}-label`,
-          children: [
-            l,
-            v && /* @__PURE__ */ e("span", { class: "IncodeDateInputComposedRequired", children: " *" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ e("div", { class: "IncodeDateInputComposedWrapper", children: [
-        /* @__PURE__ */ e(
-          "input",
-          {
-            ref: ee,
-            id: t,
-            type: "date",
-            class: "IncodeDateInputComposedInput",
-            value: i,
-            onInput: o,
-            min: n,
-            max: h,
-            placeholder: r,
-            disabled: d,
-            required: v,
-            "data-has-value": !!i,
-            "data-testid": L,
-            "aria-describedby": $ || void 0,
-            "aria-required": v ? "true" : void 0,
-            "aria-invalid": I ? "true" : void 0,
-            ...k
-          }
-        ),
-        /* @__PURE__ */ e(
-          "button",
-          {
-            type: "button",
-            class: "IncodeDateInputComposedIconButton",
-            onClick: B,
-            onTouchEnd: B,
-            disabled: d,
-            "aria-label": l ?? "Date",
-            tabIndex: -1,
-            children: /* @__PURE__ */ e("span", { class: "IncodeDateInputComposedIcon", children: /* @__PURE__ */ e(Ve, {}) })
-          }
-        )
-      ] }),
-      !f && I && /* @__PURE__ */ e(
-        "div",
-        {
-          class: "IncodeDateInputComposedErrorWrapper",
-          "data-testid": `${t}-error-wrapper`,
-          children: [
-            c && /* @__PURE__ */ e("div", { class: "IncodeDateInputComposedIconWrapper", children: /* @__PURE__ */ e(Z, { size: 17 }) }),
-            /* @__PURE__ */ e("p", { id: T, class: "IncodeDateInputComposedError", children: I })
-          ]
-        }
-      ),
-      !f && C && !I && /* @__PURE__ */ e(
-        "div",
-        {
-          class: "IncodeDateInputComposedHelperWrapper",
-          "data-testid": `${t}-helper-wrapper`,
-          children: [
-            g && /* @__PURE__ */ e("div", { class: "IncodeDateInputComposedIconWrapper", children: /* @__PURE__ */ e(K, { size: 17 }) }),
-            /* @__PURE__ */ e("p", { id: W, class: "IncodeDateInputComposedHelper", children: C })
-          ]
-        }
-      )
-    ] });
-  }
-);
-de.displayName = "DateInputComposed";
-const ie = ({
-  id: t,
-  label: l,
-  placeholder: i = "Choose an option",
-  value: o,
-  options: n,
-  onChange: h,
-  error: r,
-  helper: I,
-  showErrorIcon: c,
-  showHelperIcon: C,
-  suppressMessages: g = !1,
-  disabled: f = !1,
-  required: d,
-  searchable: v = !1,
-  searchPlaceholder: y = "Search...",
-  noResultsText: L = "No results found",
-  name: k,
-  tabIndex: R,
-  onKeyDown: F,
-  onBlur: W,
-  renderSelectedLabel: T,
-  siblingElement: $,
-  enterKeyHint: ee,
-  class: B,
-  "data-testid": P
-}) => {
-  const [s, w] = O(!1), [ue, te] = O(!1), [m, p] = O(-1), [j, ne] = O(""), re = V(null), U = V(null), ae = V(null), q = V([]), Y = V(null), Q = V(""), x = V(), z = n.find((a) => a.value === o), b = v && j ? n.filter(
-    (a) => a.label.toLowerCase().includes(j.toLowerCase())
-  ) : n, X = `${t}-label`, oe = `${t}-listbox`, le = `${t}-helper`, se = `${t}-error`, pe = g ? "" : [I ? le : null, r ? se : null].filter(Boolean).join(" ");
-  A(() => {
-    if (!s) return;
-    const a = requestAnimationFrame(() => {
-      v && Y.current && Y.current.focus(), requestAnimationFrame(() => {
-        ae.current?.scrollIntoView({
-          behavior: "smooth",
-          block: "nearest",
-          inline: "nearest"
-        });
-      });
-    });
-    return () => cancelAnimationFrame(a);
-  }, [s, v]), A(() => {
-    s || (p(-1), ne(""));
-  }, [s]), A(() => {
-    m >= 0 && q.current[m] && q.current[m]?.scrollIntoView({
-      block: "nearest",
-      inline: "nearest"
-    });
-  }, [m]), A(() => () => {
-    x.current && clearTimeout(x.current);
-  }, []);
-  const he = () => {
-    f || w((a) => !a);
-  }, G = (a) => {
-    h(a), w(!1), p(-1), U.current?.focus();
-  }, Ce = () => {
-    te(!0);
-  }, Ie = (a) => {
-    te(!1), re.current?.contains(a.relatedTarget) || (w(!1), W?.());
-  }, fe = (a) => {
-    if (f) return;
-    F?.(a);
-    const { key: D } = a;
-    if (D.length === 1 && /^[a-zA-Z0-9]$/.test(D)) {
-      a.preventDefault(), x.current && clearTimeout(x.current), Q.current += D.toLowerCase();
-      const u = b.findIndex(
-        (ve) => ve.label.toLowerCase().startsWith(Q.current)
-      );
-      u !== -1 && (s || w(!0), p(u)), x.current = setTimeout(() => {
-        Q.current = "";
-      }, 500);
-      return;
-    }
-    switch (D) {
-      case "ArrowDown":
-        a.preventDefault(), s ? p(
-          (u) => u < b.length - 1 ? u + 1 : u
-        ) : (w(!0), p(0));
-        break;
-      case "ArrowUp":
-        a.preventDefault(), s ? p((u) => u > 0 ? u - 1 : u) : (w(!0), p(b.length - 1));
-        break;
-      case "Home":
-        a.preventDefault(), s && p(0);
-        break;
-      case "End":
-        a.preventDefault(), s && p(b.length - 1);
-        break;
-      case "Enter":
-        a.preventDefault(), s && m >= 0 && b[m] ? G(b[m].value) : s || w(!0);
-        break;
-      case " ":
-        a.preventDefault(), s && m >= 0 && b[m] ? G(b[m].value) : s || (w(!0), p(0));
-        break;
-      case "Escape":
-        a.preventDefault(), s && (w(!1), p(-1), U.current?.focus());
-        break;
-      case "Tab":
-        s && (w(!1), p(-1));
-        break;
-    }
-  }, me = (a) => {
-    const { key: D } = a;
-    switch (D) {
-      case "ArrowDown":
-        a.preventDefault(), p(
-          (u) => u < b.length - 1 ? u + 1 : u
-        );
-        break;
-      case "ArrowUp":
-        a.preventDefault(), p((u) => u > 0 ? u - 1 : u);
-        break;
-      case "Home":
-        a.preventDefault(), p(0);
-        break;
-      case "End":
-        a.preventDefault(), p(b.length - 1);
-        break;
-      case "Enter":
-        a.preventDefault(), m >= 0 && b[m] && G(b[m].value);
-        break;
-      case "Escape":
-        a.preventDefault(), w(!1), p(-1), U.current?.focus();
-        break;
-      case "Tab":
-        w(!1), p(-1);
-        break;
-    }
-  };
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      class: E("IncodeDropdownComposed", B),
-      ref: re,
-      onBlur: Ie,
-      children: [
-        k && /* @__PURE__ */ e(
-          "input",
-          {
-            type: "hidden",
-            name: k,
-            value: o || "",
-            disabled: f,
-            required: d
-          }
-        ),
-        l && /* @__PURE__ */ e(
-          "label",
-          {
-            class: "IncodeDropdownComposedLabel",
-            id: X,
-            htmlFor: t,
-            "data-testid": `${t}-label`,
-            children: [
-              l,
-              d && /* @__PURE__ */ e("span", { class: "IncodeDropdownComposedRequired", children: " *" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ e("div", { class: "IncodeDropdownComposedWrapper", children: [
-          /* @__PURE__ */ e(
-            "div",
-            {
-              class: E("IncodeDropdownComposedTriggerRow", {
-                IncodeDropdownComposedTriggerRowWithSibling: !!$
-              }),
-              children: [
-                /* @__PURE__ */ e(
-                  "button",
-                  {
-                    ref: U,
-                    type: "button",
-                    id: t,
-                    class: "IncodeDropdownComposedTrigger",
-                    onClick: he,
-                    onFocus: Ce,
-                    onKeyDown: fe,
-                    tabIndex: f ? -1 : R ?? 0,
-                    disabled: f,
-                    "aria-haspopup": "listbox",
-                    "aria-expanded": s ? "true" : "false",
-                    "aria-disabled": f ? "true" : void 0,
-                    "aria-labelledby": l ? X : void 0,
-                    "aria-label": l ? void 0 : i,
-                    "aria-controls": s ? oe : void 0,
-                    "aria-activedescendant": s && m >= 0 ? `${t}-option-${m}` : void 0,
-                    "aria-invalid": r ? "true" : void 0,
-                    "aria-required": d ? "true" : void 0,
-                    "aria-describedby": pe || void 0,
-                    "data-error": r ? "true" : void 0,
-                    "data-focused": ue || s ? "true" : void 0,
-                    "data-testid": P,
-                    children: [
-                      /* @__PURE__ */ e(
-                        "span",
-                        {
-                          class: z ? "IncodeDropdownComposedTriggerText" : "IncodeDropdownComposedTriggerPlaceholder",
-                          children: z ? T ? T(z) : z.label : i
-                        }
-                      ),
-                      /* @__PURE__ */ e(
-                        "span",
-                        {
-                          class: "IncodeDropdownComposedTriggerIcon",
-                          "aria-hidden": "true",
-                          "data-open": s,
-                          children: /* @__PURE__ */ e(Re, {})
-                        }
-                      )
-                    ]
-                  }
-                ),
-                $ && /* @__PURE__ */ e("div", { class: "IncodeDropdownComposedSibling", children: $ })
-              ]
-            }
-          ),
-          s && /* @__PURE__ */ e(
-            "div",
-            {
-              ref: ae,
-              id: oe,
-              class: "IncodeDropdownComposedList",
-              role: "listbox",
-              "aria-labelledby": l ? X : void 0,
-              "aria-label": l ? void 0 : i,
-              "data-error": r ? "true" : void 0,
-              children: [
-                v && /* @__PURE__ */ e("div", { class: "IncodeDropdownComposedSearchWrapper", children: /* @__PURE__ */ e("div", { class: "IncodeDropdownComposedSearchInner", children: [
-                  /* @__PURE__ */ e(
-                    "input",
-                    {
-                      ref: Y,
-                      type: "text",
-                      class: "IncodeDropdownComposedSearchInput",
-                      value: j,
-                      onInput: (a) => {
-                        ne(a.target.value), p(0);
-                      },
-                      onKeyDown: me,
-                      placeholder: y,
-                      "aria-label": y,
-                      autocomplete: "off"
-                    }
-                  ),
-                  /* @__PURE__ */ e(
-                    "span",
-                    {
-                      class: "IncodeDropdownComposedSearchIcon",
-                      "aria-hidden": "true",
-                      children: /* @__PURE__ */ e(Pe, { size: 20 })
-                    }
-                  )
-                ] }) }),
-                /* @__PURE__ */ e("div", { class: "IncodeDropdownComposedOptionsScroll", children: b.length === 0 ? /* @__PURE__ */ e("div", { class: "IncodeDropdownComposedNoResults", children: L }) : b.map((a, D) => /* @__PURE__ */ e(
-                  "div",
-                  {
-                    id: `${t}-option-${D}`,
-                    role: "option",
-                    "aria-selected": o === a.value ? "true" : "false",
-                    class: "IncodeDropdownComposedOption",
-                    "data-highlighted": m === D,
-                    ref: (u) => {
-                      q.current[D] = u;
-                    },
-                    onClick: () => G(a.value),
-                    onMouseDown: (u) => u.preventDefault(),
-                    onMouseEnter: () => p(D),
-                    children: a.label
-                  },
-                  a.value
-                )) })
-              ]
-            }
-          )
-        ] }),
-        !g && r && /* @__PURE__ */ e(
-          "div",
-          {
-            class: "IncodeDropdownComposedErrorWrapper",
-            "data-testid": `${t}-error-wrapper`,
-            children: [
-              c && /* @__PURE__ */ e("div", { class: "IncodeDropdownComposedIconWrapper", children: /* @__PURE__ */ e(Z, { size: 17 }) }),
-              /* @__PURE__ */ e("p", { id: se, class: "IncodeDropdownComposedError", children: r })
-            ]
-          }
-        ),
-        !g && I && !r && /* @__PURE__ */ e(
-          "div",
-          {
-            class: "IncodeDropdownComposedHelperWrapper",
-            "data-testid": `${t}-helper-wrapper`,
-            children: [
-              C && /* @__PURE__ */ e("div", { class: "IncodeDropdownComposedIconWrapper", children: /* @__PURE__ */ e(K, { size: 17 }) }),
-              /* @__PURE__ */ e("p", { id: le, class: "IncodeDropdownComposedHelper", children: I })
-            ]
-          }
-        )
-      ]
-    }
-  );
-}, $e = ({
-  form: t,
-  isValid: l,
-  onFormChange: i,
-  onGenerate: o,
-  disabled: n = !1,
-  labels: h
+}, w = ({
+  form: s,
+  isValid: d,
+  onFormChange: o,
+  onGenerate: r,
+  disabled: t = !1,
+  labels: l
 }) => {
-  const { t: r } = J(), c = { ...{
-    firstName: r("curp.labels.firstName") ?? "Your First name",
-    firstLast: r("curp.labels.firstLast") ?? "Your First last name",
-    secondLast: r("curp.labels.secondLast") ?? "Your Second last name",
-    gender: r("curp.labels.genderV2") ?? "Gender",
-    genderPlaceholder: r("curp.placeholder.gender") ?? "Choose gender",
-    male: r("curp.labels.maleV2") ?? "Male",
-    female: r("curp.labels.femaleV2") ?? "Female",
-    other: r("curp.labels.other") ?? "Other",
-    dob: r("curp.labels.dob") ?? "Date of birth",
-    birthState: r("curp.labels.birthState") ?? "State of birth",
-    statePlaceholder: r("curp.placeholder.state") ?? "Select state",
-    generate: r("curp.generateCta") ?? "Generate CURP"
-  }, ...h }, C = (d) => (v) => {
-    const y = v.target;
-    i({ [d]: y.value });
-  }, g = [
-    { value: "H", label: c.male },
-    { value: "M", label: c.female },
-    { value: "X", label: c.other }
-  ], f = we.map((d) => ({
-    value: d.value,
-    label: d.label
+  const { t: a } = I(), n = { ...{
+    firstName: a("curp.labels.firstName") ?? "Your First name",
+    firstLast: a("curp.labels.firstLast") ?? "Your First last name",
+    secondLast: a("curp.labels.secondLast") ?? "Your Second last name",
+    gender: a("curp.labels.genderV2") ?? "Gender",
+    genderPlaceholder: a("curp.placeholder.gender") ?? "Choose gender",
+    male: a("curp.labels.maleV2") ?? "Male",
+    female: a("curp.labels.femaleV2") ?? "Female",
+    other: a("curp.labels.other") ?? "Other",
+    dob: a("curp.labels.dob") ?? "Date of birth",
+    birthState: a("curp.labels.birthState") ?? "State of birth",
+    statePlaceholder: a("curp.placeholder.state") ?? "Select state",
+    generate: a("curp.generateCta") ?? "Generate CURP"
+  }, ...l }, u = (i) => (b) => {
+    const v = b.target;
+    o({ [i]: v.value });
+  }, f = [
+    { value: "H", label: n.male },
+    { value: "M", label: n.female },
+    { value: "X", label: n.other }
+  ], g = G.map((i) => ({
+    value: i.value,
+    label: i.label
   }));
   return /* @__PURE__ */ e("div", { class: "IncodeCurpValidation IncodeGenerateCurpForm", children: [
     /* @__PURE__ */ e(
-      M,
+      C,
       {
         id: "curp-first-name",
-        label: c.firstName,
-        value: t.name,
-        onInput: C("name"),
-        placeholder: c.firstName,
-        disabled: n,
+        label: n.firstName,
+        value: s.name,
+        onInput: u("name"),
+        placeholder: n.firstName,
+        disabled: t,
         autoComplete: "given-name"
       }
     ),
     /* @__PURE__ */ e(
-      M,
+      C,
       {
         id: "curp-first-last",
-        label: c.firstLast,
-        value: t.firstLastName,
-        onInput: C("firstLastName"),
-        placeholder: c.firstLast,
-        disabled: n
+        label: n.firstLast,
+        value: s.firstLastName,
+        onInput: u("firstLastName"),
+        placeholder: n.firstLast,
+        disabled: t
       }
     ),
     /* @__PURE__ */ e(
-      M,
+      C,
       {
         id: "curp-second-last",
-        label: c.secondLast,
-        value: t.secondLastName,
-        onInput: C("secondLastName"),
-        placeholder: c.secondLast,
-        disabled: n
+        label: n.secondLast,
+        value: s.secondLastName,
+        onInput: u("secondLastName"),
+        placeholder: n.secondLast,
+        disabled: t
       }
     ),
     /* @__PURE__ */ e(
-      ie,
+      P,
       {
         id: "curp-gender",
-        label: c.gender,
-        placeholder: c.genderPlaceholder,
-        value: t.gender,
-        options: g,
-        disabled: n,
-        onChange: (d) => i({ gender: d }),
+        label: n.gender,
+        placeholder: n.genderPlaceholder,
+        value: s.gender,
+        options: f,
+        disabled: t,
+        onChange: (i) => o({ gender: i }),
         "data-testid": "curp-gender"
       }
     ),
     /* @__PURE__ */ e(
-      de,
+      F,
       {
         id: "curp-birth-date",
-        label: c.dob,
-        value: t.birthDate,
-        onInput: C("birthDate"),
+        label: n.dob,
+        value: s.birthDate,
+        onInput: u("birthDate"),
         max: (/* @__PURE__ */ new Date()).toISOString().split("T")[0],
-        placeholder: r("curp.placeholder.dob") ?? "mm/dd/yyyy",
-        disabled: n,
+        placeholder: a("curp.placeholder.dob") ?? "mm/dd/yyyy",
+        disabled: t,
         "data-testid": "curp-birth-date"
       }
     ),
     /* @__PURE__ */ e(
-      ie,
+      P,
       {
         id: "curp-birth-state",
-        label: c.birthState,
-        placeholder: c.statePlaceholder,
-        value: t.birthState,
-        options: f,
-        disabled: n,
-        onChange: (d) => i({ birthState: d }),
+        label: n.birthState,
+        placeholder: n.statePlaceholder,
+        value: s.birthState,
+        options: g,
+        disabled: t,
+        onChange: (i) => o({ birthState: i }),
         "data-testid": "curp-birth-state",
         searchable: !0
       }
     ),
-    /* @__PURE__ */ e(S, { size: 16 }),
+    /* @__PURE__ */ e(c, { size: 16 }),
     /* @__PURE__ */ e(
-      N,
+      h,
       {
         type: "button",
-        onClick: o,
-        disabled: !l || n,
+        onClick: r,
+        disabled: !d || t,
         "data-testid": "curp-generate",
-        children: c.generate
+        children: n.generate
       }
     )
   ] });
-}, xe = ({
-  config: t,
-  onFinish: l,
-  onError: i
+}, H = ({
+  config: s,
+  onFinish: d,
+  onError: o
 }) => {
-  const { t: o } = J(), [n, h] = ge(() => {
-    if (!t)
+  const { t: r } = I(), [t, l] = N(() => {
+    if (!s)
       throw new Error("CURP validation config is required");
-    return De({ config: t });
+    return R({ config: s });
   });
-  if (n.status === "idle" || n.status === "loading" || n.status === "verifying" || n.status === "generating") {
-    const r = n.status === "generating" ? o("curp.status.generating") ?? "Generating..." : o("curp.status.verifying") ?? "Verifying...";
-    return /* @__PURE__ */ e(H, { className: "IncodeCurpValidationPage", children: /* @__PURE__ */ e("div", { class: "IncodeCurpValidation IncodeCurpLoading", children: /* @__PURE__ */ e(Le, { title: r, fullScreen: !1 }) }) });
+  if (t.status === "idle" || t.status === "loading" || t.status === "verifying" || t.status === "generating") {
+    const a = t.status === "generating" ? r("curp.status.generating") ?? "Generating..." : r("curp.status.verifying") ?? "Verifying...";
+    return /* @__PURE__ */ e(p, { className: "IncodeCurpValidationPage", children: /* @__PURE__ */ e("div", { class: "IncodeCurpValidation IncodeCurpLoading", children: /* @__PURE__ */ e(E, { title: a, fullScreen: !1 }) }) });
   }
-  if (n.status === "enterCurp")
+  if (t.status === "enterCurp")
     return /* @__PURE__ */ e(
-      H,
+      p,
       {
         className: "IncodeCurpValidationPage",
-        title: o("curp.enterCurp") ?? "Enter your CURP",
+        title: r("curp.enterCurp") ?? "Enter your CURP",
         children: /* @__PURE__ */ e(
-          Te,
+          T,
           {
-            curp: n.curp,
-            isValid: n.isValid,
-            onCurpChange: (r) => h.setCurp(r),
-            onVerify: () => h.verify(),
-            onSwitchToGenerate: () => h.switchToGenerate(),
-            placeholder: o("curp.placeholder.curp") ?? "CURP",
-            continueLabel: o("curp.continue") ?? "Continue",
-            dontHaveLabel: o("curp.dontHave") ?? "I don't have my CURP"
+            curp: t.curp,
+            isValid: t.isValid,
+            onCurpChange: (a) => l.setCurp(a),
+            onVerify: () => l.verify(),
+            onSwitchToGenerate: () => l.switchToGenerate(),
+            placeholder: r("curp.placeholder.curp") ?? "CURP",
+            continueLabel: r("curp.continue") ?? "Continue",
+            dontHaveLabel: r("curp.dontHave") ?? "I don't have my CURP"
           }
         )
       }
     );
-  if (n.status === "generateCurp")
+  if (t.status === "generateCurp")
     return /* @__PURE__ */ e(
-      H,
+      p,
       {
         className: "IncodeCurpValidationPage",
-        title: o("curp.generate") ?? "Generate your CURP",
+        title: r("curp.generate") ?? "Generate your CURP",
         children: /* @__PURE__ */ e(
-          $e,
+          w,
           {
-            form: n.form,
-            isValid: n.isValid,
-            onFormChange: (r) => h.setGenerateForm(r),
-            onGenerate: () => h.generate()
+            form: t.form,
+            isValid: t.isValid,
+            onFormChange: (a) => l.setGenerateForm(a),
+            onGenerate: () => l.generate()
           }
         )
       }
     );
-  if (n.status === "confirmCurp")
+  if (t.status === "confirmCurp")
     return /* @__PURE__ */ e(
-      H,
+      p,
       {
         className: "IncodeCurpValidationPage",
-        title: o("curp.status.confirm") ?? "Confirm your CURP",
+        title: r("curp.status.confirm") ?? "Confirm your CURP",
         children: /* @__PURE__ */ e("div", { class: "IncodeCurpValidation IncodeCurpConfirm", children: [
           /* @__PURE__ */ e(
             "input",
             {
               type: "text",
               class: "IncodeCurpConfirmInput",
-              value: n.curp,
+              value: t.curp,
               readOnly: !0,
-              "aria-label": o("curp.status.generatedCurp") ?? "Generated CURP"
+              "aria-label": r("curp.status.generatedCurp") ?? "Generated CURP"
             }
           ),
-          /* @__PURE__ */ e(S, {}),
+          /* @__PURE__ */ e(c, {}),
           /* @__PURE__ */ e(
-            N,
+            h,
             {
               type: "button",
-              onClick: () => h.confirmGenerated(),
+              onClick: () => l.confirmGenerated(),
               "data-testid": "curp-confirm",
-              children: o("curp.continue") ?? "Continue"
+              children: r("curp.continue") ?? "Continue"
             }
           )
         ] })
       }
     );
-  if (n.status === "success")
-    return /* @__PURE__ */ e(H, { className: "IncodeCurpValidationPage", children: /* @__PURE__ */ e("div", { class: "IncodeCurpValidation IncodeCurpSuccess", children: [
-      /* @__PURE__ */ e(K, { size: 32 }),
-      /* @__PURE__ */ e(S, { size: 16 }),
-      /* @__PURE__ */ e("h2", { class: "IncodeCurpSuccessTitle", children: o("curp.status.verified") ?? "Verified" })
+  if (t.status === "success")
+    return /* @__PURE__ */ e(p, { className: "IncodeCurpValidationPage", children: /* @__PURE__ */ e("div", { class: "IncodeCurpValidation IncodeCurpSuccess", children: [
+      /* @__PURE__ */ e(k, { size: 32 }),
+      /* @__PURE__ */ e(c, { size: 16 }),
+      /* @__PURE__ */ e("h2", { class: "IncodeCurpSuccessTitle", children: r("curp.status.verified") ?? "Verified" })
     ] }) });
-  if (n.status === "failure" || n.status === "generateError") {
-    const r = n.retriesLeft > 0, I = n.status === "failure" ? o("curp.status.notVerified") ?? "Not verified" : o("curp.status.couldntGenerate") ?? "Couldn't generate CURP";
-    return /* @__PURE__ */ e(H, { className: "IncodeCurpValidationPage", children: /* @__PURE__ */ e("div", { class: "IncodeCurpValidation IncodeCurpFailure", children: [
-      /* @__PURE__ */ e(S, {}),
-      /* @__PURE__ */ e(Z, { size: 32 }),
-      /* @__PURE__ */ e(S, { size: 16 }),
-      /* @__PURE__ */ e("h2", { class: "IncodeCurpFailureTitle", children: I }),
-      n.status === "generateError" && r && /* @__PURE__ */ e(ce, { children: [
-        /* @__PURE__ */ e(S, { size: 12 }),
-        /* @__PURE__ */ e("p", { class: "IncodeCurpFailureHint", children: o("curp.status.checkInfo") ?? "Please check your information" })
+  if (t.status === "failure" || t.status === "generateError") {
+    const a = t.retriesLeft > 0, m = t.status === "failure" ? r("curp.status.notVerified") ?? "Not verified" : r("curp.status.couldntGenerate") ?? "Couldn't generate CURP";
+    return /* @__PURE__ */ e(p, { className: "IncodeCurpValidationPage", children: /* @__PURE__ */ e("div", { class: "IncodeCurpValidation IncodeCurpFailure", children: [
+      /* @__PURE__ */ e(c, {}),
+      /* @__PURE__ */ e(D, { size: 32 }),
+      /* @__PURE__ */ e(c, { size: 16 }),
+      /* @__PURE__ */ e("h2", { class: "IncodeCurpFailureTitle", children: m }),
+      t.status === "generateError" && a && /* @__PURE__ */ e(y, { children: [
+        /* @__PURE__ */ e(c, { size: 12 }),
+        /* @__PURE__ */ e("p", { class: "IncodeCurpFailureHint", children: r("curp.status.checkInfo") ?? "Please check your information" })
       ] }),
-      /* @__PURE__ */ e(S, {}),
-      r && /* @__PURE__ */ e(ce, { children: /* @__PURE__ */ e(
-        N,
+      /* @__PURE__ */ e(c, {}),
+      a && /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(
+        h,
         {
           type: "button",
-          onClick: () => h.retry(),
+          onClick: () => l.retry(),
           "data-testid": "curp-retry",
-          children: n.status === "failure" ? o("curp.status.tryAgain") ?? "Try again" : o("curp.status.edit") ?? "Edit information"
+          children: t.status === "failure" ? r("curp.status.tryAgain") ?? "Try again" : r("curp.status.edit") ?? "Edit information"
         }
       ) })
     ] }) });
   }
-  return n.status === "finished" ? (l?.(), null) : (n.status === "closed" && i?.(void 0), null);
-}, Ee = ({
-  config: t,
-  onFinish: l,
-  onError: i
-}) => /* @__PURE__ */ e(ke, { children: t ? /* @__PURE__ */ e(
-  xe,
+  return t.status === "finished" ? (d?.(), null) : (t.status === "closed" && o?.(void 0), null);
+}, z = ({
+  config: s,
+  onFinish: d,
+  onError: o
+}) => /* @__PURE__ */ e(U, { children: s ? /* @__PURE__ */ e(
+  H,
   {
-    config: t,
-    onFinish: l,
-    onError: i
+    config: s,
+    onFinish: d,
+    onError: o
   }
 ) : null });
-be(Ee, "incode-curp-validation");
+S(z, "incode-curp-validation");
 export {
-  Ee as CurpValidation
+  z as CurpValidation
 };