@alfadocs/ui-kit-debug 1.56.0 → 1.57.0

package/dist/_chunks/{phone-input-DxkHMYmu.js → phone-input-O9camxkq.js}

@@ -1,20 +1,21 @@
 import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import { forwardRef as Qe, useContext as Xe, useMemo as v, useState as q, useRef as y, useEffect as de, useCallback as G } from "react";
-import { u as et } from "./registry-DvAUVLHh.js";
-import { u as tt } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { u as nt } from "./use-dom-value-DTxHhQAN.js";
+import { forwardRef as Xe, useContext as et, useMemo as v, useState as G, useRef as y, useEffect as de, useCallback as O } from "react";
+import { u as tt } from "./registry-DvAUVLHh.js";
+import { u as nt } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as st } from "./use-dom-value-DTxHhQAN.js";
 import * as U from "@radix-ui/react-popover";
-import { R as st, _ as I } from "./index-4xgbg-sn.js";
+import { u as ot, f as rt } from "./non-modal-tab-exit-j3CPOuE3.js";
+import { R as at, _ as w } from "./index-4xgbg-sn.js";
 import { c as pe } from "./index-D2ZczOXr.js";
-import { useTranslation as ot } from "react-i18next";
-import { getCountries as rt, parsePhoneNumberFromString as V, AsYouType as O, getCountryCallingCode as at } from "libphonenumber-js/min";
-import { u as it, F as dt, a as lt } from "./form-field-context-DtiROUJV.js";
-import { c as ct } from "./compose-refs-C0k0tdqF.js";
+import { useTranslation as it } from "react-i18next";
+import { getCountries as dt, parsePhoneNumberFromString as T, AsYouType as W, getCountryCallingCode as lt } from "libphonenumber-js/min";
+import { u as ut, F as ct, a as pt } from "./form-field-context-DtiROUJV.js";
+import { c as ft } from "./compose-refs-C0k0tdqF.js";
 import { n as le } from "./normalize-diacritics-BNGbFNlJ.js";
-import { b as ut } from "./menu-row-BAr8bx1I.js";
-import { a as ce } from "./flag-DVBE6DnB.js";
-import { C as pt } from "./chevron-down-DWE7GSq9.js";
-const ft = {
+import { b as mt } from "./menu-row-BAr8bx1I.js";
+import { a as ue } from "./flag-DVBE6DnB.js";
+import { C as ht } from "./chevron-down-DWE7GSq9.js";
+const gt = {
   id: "phone-input",
   // A phone number is a single form value, not free-form rich text — `set_value`
   // (not `edit_inline`, which is reserved for in-place rich/cell editing).
@@ -87,7 +88,7 @@ const ft = {
       description: "Sourced from the id prop."
     }
   }
-}, mt = pe(
+}, vt = pe(
   [
     "ds:group ds:relative ds:inline-flex ds:items-stretch ds:w-full",
     "ds:rounded-[var(--radius-sm)] ds:border ds:border-[color:var(--control-border)] ds:bg-input",
@@ -118,7 +119,7 @@ const ft = {
       tone: "default"
     }
   }
-), we = pe(
+), Ie = pe(
   [
     "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
     "ds:bg-transparent ds:text-foreground",
@@ -142,7 +143,7 @@ const ft = {
     },
     defaultVariants: { size: "md" }
   }
-), ht = pe(
+), yt = pe(
   [
     "ds:flex-1 ds:min-w-0 ds:bg-transparent ds:text-foreground ds:placeholder:text-muted-foreground",
     "ds:border-0 ds:outline-none",
@@ -159,7 +160,7 @@ const ft = {
     },
     defaultVariants: { size: "md" }
   }
-), gt = [
+), bt = [
   "ds:z-[var(--z-popover)] ds:overflow-hidden ds:w-72",
   "ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-background ds:text-foreground",
   "ds:shadow-[var(--shadow-lg)]",
@@ -169,46 +170,46 @@ const ft = {
   "ds:data-[side=bottom]:slide-in-from-top-2",
   "ds:data-[side=top]:slide-in-from-bottom-2",
   "ds:motion-reduce:animate-none"
-].join(" "), vt = [
+].join(" "), Ct = [
   "ds:w-full ds:bg-transparent ds:text-foreground ds:placeholder:text-muted-foreground",
   "ds:border-0 ds:border-b ds:border-b-border ds:outline-none",
   "ds:ps-3 ds:pe-3 ds:py-2 ds:text-[var(--font-size-sm)]",
   "ds:focus:outline-none"
-].join(" "), yt = "ds:max-h-72 ds:overflow-y-auto ds:p-[var(--spacing-xs)]", bt = [
+].join(" "), xt = "ds:max-h-72 ds:overflow-y-auto ds:p-[var(--spacing-xs)]", Nt = [
   "ds:relative ds:flex ds:cursor-pointer ds:items-center ds:gap-[var(--spacing-sm)]",
   "ds:rounded-[var(--radius-sm)] ds:ps-3 ds:pe-3 ds:py-2 ds:text-[var(--font-size-sm)]",
   "ds:text-foreground ds:outline-none ds:select-none",
-  ut.selected
+  mt.selected
 ].join(" "), ze = [
   "ds:ps-3 ds:pe-3 ds:py-1.5",
   "type-eyebrow ds:text-muted-foreground"
-].join(" "), Ct = "ds:ps-3 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground", xt = {
+].join(" "), wt = "ds:ps-3 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground", It = {
   sm: "ds:size-3.5",
   md: "ds:size-4",
   lg: "ds:size-5"
-}, ue = {
+}, ce = {
   sm: "sm",
   md: "md",
   lg: "lg"
 };
-function Nt(s, a) {
-  let u = 0;
+function zt(s, a) {
+  let c = 0;
   for (let o = 0; o < a && o < s.length; o++)
-    s[o] >= "0" && s[o] <= "9" && u++;
-  return u;
+    s[o] >= "0" && s[o] <= "9" && c++;
+  return c;
 }
-function It(s, a) {
+function Rt(s, a) {
   if (a === 0) return 0;
-  let u = 0;
+  let c = 0;
   for (let o = 0; o < s.length; o++)
-    if (s[o] >= "0" && s[o] <= "9" && (u++, u === a))
+    if (s[o] >= "0" && s[o] <= "9" && (c++, c === a))
       return o + 1;
   return s.length;
 }
-function Re(s, a, u, o, f) {
+function Re(s, a, c, o, f) {
   const i = f && f.length ? new Set(f) : null, d = (C) => a.has(C) && (!i || i.has(C));
   if (s && d(s)) return s;
-  if (u) {
+  if (c) {
     const C = typeof navigator < "u" ? navigator.language : void 0;
     if (C) {
       const b = C.match(/-([A-Za-z]{2})/);
@@ -226,24 +227,24 @@ function Re(s, a, u, o, f) {
   }
   return i ? f[0] : "IT";
 }
-function wt(s, a) {
-  let u;
+function St(s, a) {
+  let c;
   try {
-    u = new Intl.DisplayNames([s], { type: "region" });
+    c = new Intl.DisplayNames([s], { type: "region" });
   } catch {
-    u = new Intl.DisplayNames(["en"], { type: "region" });
+    c = new Intl.DisplayNames(["en"], { type: "region" });
   }
   const o = a.map((i) => ({
     code: i,
-    name: u.of(i) ?? i,
-    dialCode: at(i)
+    name: c.of(i) ?? i,
+    dialCode: lt(i)
   })), f = new Intl.Collator(s);
   return o.sort((i, d) => f.compare(i.name, d.name));
 }
-const zt = Qe(
+const Et = Xe(
   function({
     value: a,
-    defaultValue: u,
+    defaultValue: c,
     defaultCountry: o,
     detectBrowserCountry: f = !1,
     onChange: i,
@@ -252,52 +253,52 @@ const zt = Qe(
     disabled: b,
     readOnly: S,
     placeholder: Se,
-    popularCountries: T,
+    popularCountries: V,
     allowedCountries: D,
     className: Ee,
     id: L,
-    name: W,
+    name: Y,
     nameFormat: ke = "national",
-    required: Fe,
-    onBlur: Y,
-    "aria-label": Pe
-  }, Ve) {
+    required: Pe,
+    onBlur: Z,
+    "aria-label": Fe
+  }, Te) {
     var Ne;
-    const { t: w, i18n: E } = ot("ui"), z = it(), k = Xe(dt) !== null, h = v(
-      () => new Set(rt()),
+    const { t: I, i18n: E } = it("ui"), z = ut(), k = et(ct) !== null, h = v(
+      () => new Set(dt()),
       []
     ), p = v(() => {
       if (!D || D.length === 0) return null;
       const e = /* @__PURE__ */ new Set(), t = D.filter((n) => !h.has(n) || e.has(n) ? !1 : (e.add(n), !0));
       return t.length > 0 ? t : null;
-    }, [D, h]), Te = p !== null && p.length === 1, Z = v(() => {
+    }, [D, h]), Ve = p !== null && p.length === 1, J = v(() => {
       const e = Re(
         o,
         h,
         f,
         E.language,
         p
-      ), t = a ?? u;
+      ), t = a ?? c;
       if (t) {
-        const n = V(t);
+        const n = T(t);
         return n != null && n.country ? !p || p.includes(n.country) ? {
           country: n.country,
           display: n.formatNational(),
           pinned: !0
         } : {
           country: e,
-          display: new O(e).input(
+          display: new W(e).input(
             n.nationalNumber
           ),
           pinned: !0
         } : { country: e, display: t, pinned: !1 };
       }
       return { country: e, display: "", pinned: !1 };
-    }, []), [l, j] = q(Z.country), [J, g] = q(
-      Z.display
-    ), [Q, X] = q(!1), [De, fe] = q(""), me = a !== void 0, ee = y(""), A = y(null), B = y(Z.pinned), F = y(null), Le = ct(Ve, F), je = nt(F, J), he = y(null), ge = y(null);
+    }, []), [l, j] = G(J.country), [Q, g] = G(
+      J.display
+    ), [X, A] = G(!1), [De, fe] = G(""), me = a !== void 0, ee = y(""), B = y(null), $ = y(J.pinned), P = y(null), Le = ft(Te, P), je = st(P, Q), he = y(null), ge = y(null);
     de(() => {
-      if (B.current) return;
+      if ($.current) return;
       const e = Re(
         o,
         h,
@@ -320,19 +321,19 @@ const zt = Qe(
         g("");
         return;
       }
-      const t = V(e);
-      t != null && t.country && (!p || p.includes(t.country)) ? (B.current = !0, j(t.country), g(t.formatNational())) : g(t ? t.formatNational() : e);
-    }, [a, me, p]), tt(() => {
-      if (A.current == null) return;
-      const e = A.current;
-      A.current = null;
-      const t = F.current;
+      const t = T(e);
+      t != null && t.country && (!p || p.includes(t.country)) ? ($.current = !0, j(t.country), g(t.formatNational())) : g(t ? t.formatNational() : e);
+    }, [a, me, p]), nt(() => {
+      if (B.current == null) return;
+      const e = B.current;
+      B.current = null;
+      const t = P.current;
       t && document.activeElement === t && t.setSelectionRange(e, e);
     });
-    const x = G(
+    const x = O(
       (e, t) => {
-        const n = V(e, t), c = (n == null ? void 0 : n.number) ?? "";
-        ee.current = c, i == null || i(c, {
+        const n = T(e, t), u = (n == null ? void 0 : n.number) ?? "";
+        ee.current = u, i == null || i(u, {
           country: t,
           isValid: (n == null ? void 0 : n.isValid()) ?? !1,
           isPossible: (n == null ? void 0 : n.isPossible()) ?? !1,
@@ -340,42 +341,42 @@ const zt = Qe(
         });
       },
       [i]
-    ), Ae = lt(z, L), Be = L ?? (k ? Ae : void 0), te = (k ? z.disabled : !1) || !!b, $e = (k ? z.required : !1) || !!Fe, ve = k ? z.invalid : !1, He = ve ? "error" : C, Ke = k && z.describedBy ? z.describedBy : void 0, Me = Se ?? w("inputs.phone.placeholder", "Phone number"), $ = y(Y);
-    $.current = Y;
-    const ne = y(!1), H = y(!1), K = G(
+    ), Ae = pt(z, L), Be = L ?? (k ? Ae : void 0), te = (k ? z.disabled : !1) || !!b, $e = (k ? z.required : !1) || !!Pe, ve = k ? z.invalid : !1, He = ve ? "error" : C, Ke = k && z.describedBy ? z.describedBy : void 0, Me = Se ?? I("inputs.phone.placeholder", "Phone number"), H = y(Z);
+    H.current = Z;
+    const ne = y(!1), K = y(!1), M = O(
       (e) => {
         var t, n;
         return e instanceof Node && !!((t = he.current) != null && t.contains(e) || (n = ge.current) != null && n.contains(e));
       },
       []
-    ), se = G(() => {
+    ), se = O(() => {
       var e;
-      ne.current && (ne.current = !1, (e = $.current) == null || e.call($));
+      ne.current && (ne.current = !1, (e = H.current) == null || e.call(H));
     }, []), _e = () => {
       ne.current = !0;
     }, qe = (e) => {
       const t = e.relatedTarget;
-      K(t) || t === null && H.current || se();
-    }, ye = Y !== void 0;
+      M(t) || t === null && K.current || se();
+    }, ye = Z !== void 0;
     de(() => {
       if (!ye) return;
       let e;
-      const t = (c) => {
-        H.current = K(c.target), !H.current && (e = window.setTimeout(() => {
-          K(document.activeElement) || se();
+      const t = (u) => {
+        K.current = M(u.target), !K.current && (e = window.setTimeout(() => {
+          M(document.activeElement) || se();
         }, 0));
       }, n = () => {
-        H.current = !1;
+        K.current = !1;
       };
       return document.addEventListener("pointerdown", t, !0), document.addEventListener("pointerup", n, !0), document.addEventListener("pointercancel", n, !0), () => {
         window.clearTimeout(e), document.removeEventListener("pointerdown", t, !0), document.removeEventListener("pointerup", n, !0), document.removeEventListener("pointercancel", n, !0);
       };
-    }, [ye, K, se]);
-    const oe = ke === "e164" && W !== void 0, Ge = oe ? ((Ne = V(J, l)) == null ? void 0 : Ne.number) ?? "" : "", Ue = (e) => {
+    }, [ye, M, se]);
+    const oe = ke === "e164" && Y !== void 0, Ge = oe ? ((Ne = T(Q, l)) == null ? void 0 : Ne.number) ?? "" : "", Oe = (e) => {
       if (je(), S) return;
-      const t = e.target, n = t.value, c = t.selectionStart ?? n.length, R = Nt(n, c), ie = new O(l).input(n);
-      A.current = It(ie, R), g(ie), x(ie, l);
-    }, be = ee, Oe = v(
+      const t = e.target, n = t.value, u = t.selectionStart ?? n.length, R = zt(n, u), ie = new W(l).input(n);
+      B.current = Rt(ie, R), g(ie), x(ie, l);
+    }, be = ee, Ue = v(
       () => ({
         getValue: () => be.current,
         setValue: (e) => {
@@ -383,12 +384,12 @@ const zt = Qe(
             g(""), x("", l);
             return;
           }
-          const t = V(e);
+          const t = T(e);
           if (t != null && t.country)
-            B.current = !0, j(t.country), g(t.formatNational()), x(t.formatNational(), t.country);
+            $.current = !0, j(t.country), g(t.formatNational()), x(t.formatNational(), t.country);
           else {
-            const c = new O(l).input(e);
-            g(c), x(c, l);
+            const u = new W(l).input(e);
+            g(u), x(u, l);
           }
         },
         clear: () => {
@@ -396,63 +397,66 @@ const zt = Qe(
         },
         focus: () => {
           var e;
-          return (e = F.current) == null ? void 0 : e.focus();
+          return (e = P.current) == null ? void 0 : e.focus();
         }
       }),
       [l, x, be]
     );
-    et(ft, Oe, L);
-    const We = (e) => {
+    tt(gt, Ue, L);
+    const We = ot(!0, {
+      getAnchor: rt,
+      onReturnToTrigger: () => A(!1)
+    }), Ye = (e) => {
       if (e === l) {
-        X(!1);
+        A(!1);
         return;
       }
-      const t = J.replace(/\D/g, ""), n = new O(e), c = t ? n.input(t) : "";
-      B.current = !0, j(e), g(c), X(!1), fe(""), x(c, e), requestAnimationFrame(() => {
+      const t = Q.replace(/\D/g, ""), n = new W(e), u = t ? n.input(t) : "";
+      $.current = !0, j(e), g(u), A(!1), fe(""), x(u, e), requestAnimationFrame(() => {
         var R;
-        (R = F.current) == null || R.focus();
+        (R = P.current) == null || R.focus();
       });
     }, N = v(
-      () => wt(
+      () => St(
         E.language,
         p ?? Array.from(h)
       ),
       [E.language, h, p]
-    ), P = v(() => {
-      if (!T || T.length === 0) return [];
+    ), F = v(() => {
+      if (!V || V.length === 0) return [];
       const e = new Map(N.map((t) => [t.code, t]));
-      return T.filter((t) => h.has(t)).map((t) => e.get(t)).filter((t) => !!t);
-    }, [T, N, h]), re = v(
-      () => new Set(P.map((e) => e.code)),
-      [P]
-    ), Ye = v(
+      return V.filter((t) => h.has(t)).map((t) => e.get(t)).filter((t) => !!t);
+    }, [V, N, h]), re = v(
+      () => new Set(F.map((e) => e.code)),
+      [F]
+    ), Ze = v(
       () => re.size > 0 ? N.filter((e) => !re.has(e.code)) : N,
       [N, re]
-    ), M = v(
+    ), _ = v(
       () => N.find((e) => e.code === l),
       [N, l]
-    ), ae = M ? M.dialCode : "", Ce = M ? M.name : l, _ = w("inputs.phone.countryPickerLabel", "Country"), Ze = `${_}: ${Ce}, +${ae}`, Je = G(
+    ), ae = _ ? _.dialCode : "", Ce = _ ? _.name : l, q = I("inputs.phone.countryPickerLabel", "Country"), Je = `${q}: ${Ce}, +${ae}`, Qe = O(
       (e, t, n) => {
-        const c = le(e), R = le(t), Ie = n == null ? void 0 : n.map(le);
-        return st(
-          c,
+        const u = le(e), R = le(t), we = n == null ? void 0 : n.map(le);
+        return at(
+          u,
           R,
-          Ie
+          we
         );
       },
       []
     ), xe = (e) => {
       const t = `${e.name}, +${e.dialCode}`;
       return /* @__PURE__ */ m(
-        I.Item,
+        w.Item,
         {
           value: e.code,
           keywords: [e.name, e.dialCode, `+${e.dialCode}`],
-          onSelect: () => We(e.code),
-          className: bt,
+          onSelect: () => Ye(e.code),
+          className: Nt,
           "aria-label": t,
           children: [
-            /* @__PURE__ */ r(ce, { country: e.code, size: ue[d] }),
+            /* @__PURE__ */ r(ue, { country: e.code, size: ce[d] }),
             /* @__PURE__ */ r("span", { className: "ds:flex-1 ds:truncate", children: e.name }),
             /* @__PURE__ */ m("bdi", { dir: "ltr", className: "ds:text-muted-foreground ds:tabular-nums", children: [
               "+",
@@ -472,51 +476,51 @@ const zt = Qe(
         "data-component": "phone-input",
         "data-component-id": L,
         "data-slot": "phone-input",
-        className: mt({
+        className: vt({
           size: d,
           tone: He,
           className: Ee
         }),
         children: [
-          Te ? /* @__PURE__ */ m(
+          Ve ? /* @__PURE__ */ m(
             "span",
             {
               "data-slot": "phone-country-fixed",
-              className: `${we({ size: d })} ds:cursor-default ds:hover:bg-transparent`,
+              className: `${Ie({ size: d })} ds:cursor-default ds:hover:bg-transparent`,
               children: [
-                /* @__PURE__ */ r("span", { className: "ds:sr-only", children: `${_}: ${Ce}` }),
-                /* @__PURE__ */ r(ce, { country: l, size: ue[d] }),
+                /* @__PURE__ */ r("span", { className: "ds:sr-only", children: `${q}: ${Ce}` }),
+                /* @__PURE__ */ r(ue, { country: l, size: ce[d] }),
                 /* @__PURE__ */ m("bdi", { dir: "ltr", className: "ds:tabular-nums", children: [
                   "+",
                   ae
                 ] })
               ]
             }
-          ) : /* @__PURE__ */ m(U.Root, { open: Q, onOpenChange: X, children: [
+          ) : /* @__PURE__ */ m(U.Root, { open: X, onOpenChange: A, children: [
             /* @__PURE__ */ r(U.Trigger, { asChild: !0, children: /* @__PURE__ */ m(
               "button",
               {
                 type: "button",
                 disabled: te,
                 "aria-haspopup": "dialog",
-                "aria-expanded": Q,
-                "aria-label": Ze,
-                className: we({ size: d }),
+                "aria-expanded": X,
+                "aria-label": Je,
+                className: Ie({ size: d }),
                 children: [
-                  /* @__PURE__ */ r(ce, { country: l, size: ue[d] }),
+                  /* @__PURE__ */ r(ue, { country: l, size: ce[d] }),
                   /* @__PURE__ */ m("bdi", { dir: "ltr", className: "ds:tabular-nums", children: [
                     "+",
                     ae
                   ] }),
                   /* @__PURE__ */ r(
-                    pt,
+                    ht,
                     {
                       "aria-hidden": "true",
                       className: [
-                        xt[d],
+                        It[d],
                         "ds:shrink-0 ds:text-muted-foreground",
                         "ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-                        Q ? "ds:rotate-180" : ""
+                        X ? "ds:rotate-180" : ""
                       ].join(" ")
                     }
                   )
@@ -527,20 +531,21 @@ const zt = Qe(
               U.Content,
               {
                 ref: ge,
+                onKeyDown: We,
                 sideOffset: 6,
                 align: "start",
-                "aria-label": _,
-                className: gt,
+                "aria-label": q,
+                className: bt,
                 children: /* @__PURE__ */ m(
-                  I,
+                  w,
                   {
-                    filter: Je,
+                    filter: Qe,
                     shouldFilter: !0,
                     loop: !0,
-                    label: _,
+                    label: q,
                     children: [
                       /* @__PURE__ */ r(
-                        I.Input,
+                        w.Input,
                         {
                           asChild: !0,
                           value: De,
@@ -553,29 +558,29 @@ const zt = Qe(
                               autoComplete: "off",
                               autoCorrect: "off",
                               spellCheck: !1,
-                              placeholder: w(
+                              placeholder: I(
                                 "inputs.phone.searchCountry",
                                 "Search countries…"
                               ),
-                              className: vt
+                              className: Ct
                             }
                           )
                         }
                       ),
-                      /* @__PURE__ */ m(I.List, { className: yt, children: [
-                        /* @__PURE__ */ r(I.Empty, { className: Ct, children: w("inputs.phone.noCountryFound", "No country found") }),
-                        P.length > 0 ? /* @__PURE__ */ r(
-                          I.Group,
+                      /* @__PURE__ */ m(w.List, { className: xt, children: [
+                        /* @__PURE__ */ r(w.Empty, { className: wt, children: I("inputs.phone.noCountryFound", "No country found") }),
+                        F.length > 0 ? /* @__PURE__ */ r(
+                          w.Group,
                           {
-                            heading: /* @__PURE__ */ r("span", { className: ze, children: w("inputs.phone.popularCountries", "Popular") }),
-                            children: P.map(xe)
+                            heading: /* @__PURE__ */ r("span", { className: ze, children: I("inputs.phone.popularCountries", "Popular") }),
+                            children: F.map(xe)
                           }
                         ) : null,
                         /* @__PURE__ */ r(
-                          I.Group,
+                          w.Group,
                           {
-                            heading: P.length > 0 ? /* @__PURE__ */ r("span", { className: ze, children: w("inputs.phone.allCountries", "All countries") }) : void 0,
-                            children: Ye.map(xe)
+                            heading: F.length > 0 ? /* @__PURE__ */ r("span", { className: ze, children: I("inputs.phone.allCountries", "All countries") }) : void 0,
+                            children: Ze.map(xe)
                           }
                         )
                       ] })
@@ -590,7 +595,7 @@ const zt = Qe(
             {
               ref: Le,
               id: Be,
-              name: oe ? void 0 : W,
+              name: oe ? void 0 : Y,
               type: "tel",
               inputMode: "tel",
               autoComplete: "tel-national",
@@ -598,18 +603,18 @@ const zt = Qe(
               disabled: te,
               readOnly: S,
               required: $e,
-              "aria-label": Pe,
+              "aria-label": Fe,
               "aria-describedby": Ke,
               "aria-invalid": ve || void 0,
-              onChange: Ue,
-              className: ht({ size: d })
+              onChange: Oe,
+              className: yt({ size: d })
             }
           ),
           oe ? /* @__PURE__ */ r(
             "input",
             {
               type: "hidden",
-              name: W,
+              name: Y,
               value: Ge,
               disabled: te
             }
@@ -619,11 +624,11 @@ const zt = Qe(
     );
   }
 );
-zt.displayName = "PhoneInput";
+Et.displayName = "PhoneInput";
 export {
-  zt as P,
-  ht as a,
-  we as c,
-  mt as p
+  Et as P,
+  yt as a,
+  Ie as c,
+  vt as p
 };
-//# sourceMappingURL=phone-input-DxkHMYmu.js.map
+//# sourceMappingURL=phone-input-O9camxkq.js.map