@alfadocs/ui-kit 1.45.0 → 1.47.0

package/dist/_chunks/{phone-input-BsZIoE36.js → phone-input-IWrGOCwm.js}

@@ -1,12 +1,12 @@
 import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import { forwardRef as Te, useContext as Ae, useMemo as b, useState as $, useRef as B, useEffect as ue, useCallback as ce } from "react";
+import { forwardRef as Te, useContext as Ae, useMemo as b, useState as B, useRef as K, useEffect as ue, useCallback as ce } from "react";
 import { u as $e } from "./registry-DvAUVLHh.js";
 import { u as Be } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import * as K from "@radix-ui/react-popover";
+import * as L from "@radix-ui/react-popover";
 import { R as Ke, _ as N } from "./index-4xgbg-sn.js";
 import { c as ee } from "./index-D2ZczOXr.js";
 import { useTranslation as Le } from "react-i18next";
-import { getCountries as qe, parsePhoneNumberFromString as L, AsYouType as q, getCountryCallingCode as Me } from "libphonenumber-js/min";
+import { getCountries as qe, parsePhoneNumberFromString as q, AsYouType as M, getCountryCallingCode as Me } from "libphonenumber-js/min";
 import { u as He, F as _e } from "./form-field-context-B3APVHKx.js";
 import { c as Ge } from "./compose-refs-C0k0tdqF.js";
 import { n as J } from "./normalize-diacritics-BNGbFNlJ.js";
@@ -253,7 +253,7 @@ const rt = Te(
     popularCountries: V,
     allowedCountries: F,
     className: ge,
-    id: M,
+    id: H,
     name: be,
     required: ye,
     "aria-label": ve
@@ -265,7 +265,7 @@ const rt = Te(
       if (!F || F.length === 0) return null;
       const e = /* @__PURE__ */ new Set(), t = F.filter((n) => !h.has(n) || e.has(n) ? !1 : (e.add(n), !0));
       return t.length > 0 ? t : null;
-    }, [F, h]), xe = c !== null && c.length === 1, H = b(() => {
+    }, [F, h]), xe = c !== null && c.length === 1, _ = b(() => {
       const e = me(
         o,
         h,
@@ -274,23 +274,23 @@ const rt = Te(
         c
       ), t = a ?? l;
       if (t) {
-        const n = L(t);
+        const n = q(t);
         return n != null && n.country ? !c || c.includes(n.country) ? {
           country: n.country,
           display: n.formatNational(),
           pinned: !0
         } : {
           country: e,
-          display: new q(e).input(
+          display: new M(e).input(
             n.nationalNumber
           ),
           pinned: !0
         } : { country: e, display: t, pinned: !1 };
       }
       return { country: e, display: "", pinned: !1 };
-    }, []), [u, E] = $(H.country), [te, g] = $(
-      H.display
-    ), [_, G] = $(!1), [Ne, ne] = $(""), se = a !== void 0, O = B(""), j = B(null), D = B(H.pinned), T = B(null), we = Ge(Ce, T);
+    }, []), [u, E] = B(_.country), [te, g] = B(
+      _.display
+    ), [G, O] = B(!1), [Ne, ne] = B(""), se = a !== void 0, U = K(""), j = K(null), D = K(_.pinned), T = K(null), we = Ge(Ce, T);
     ue(() => {
       if (D.current) return;
       const e = me(
@@ -310,12 +310,12 @@ const rt = Te(
     ]), ue(() => {
       if (!se) return;
       const e = a ?? "";
-      if (e === O.current) return;
+      if (e === U.current) return;
       if (e === "") {
         g("");
         return;
       }
-      const t = L(e);
+      const t = q(e);
       t != null && t.country && (!c || c.includes(t.country)) ? (D.current = !0, E(t.country), g(t.formatNational())) : g(t ? t.formatNational() : e);
     }, [a, se, c]), Be(() => {
       if (j.current == null) return;
@@ -326,8 +326,8 @@ const rt = Te(
     });
     const C = ce(
       (e, t) => {
-        const n = L(e, t), p = (n == null ? void 0 : n.number) ?? "";
-        O.current = p, i == null || i(p, {
+        const n = q(e, t), p = (n == null ? void 0 : n.number) ?? "";
+        U.current = p, i == null || i(p, {
           country: t,
           isValid: (n == null ? void 0 : n.isValid()) ?? !1,
           isPossible: (n == null ? void 0 : n.isPossible()) ?? !1,
@@ -335,11 +335,11 @@ const rt = Te(
         });
       },
       [i]
-    ), ze = M ?? (k ? z.id : void 0), oe = (k ? z.disabled : !1) || !!y, Ie = (k ? z.required : !1) || !!ye, re = k ? z.invalid : !1, Se = re ? "error" : v, Re = k && z.describedBy ? z.describedBy : void 0, ke = he ?? w("inputs.phone.placeholder", "Phone number"), Pe = (e) => {
+    ), ze = H ?? (k ? z.id : void 0), oe = (k ? z.disabled : !1) || !!y, Ie = (k ? z.required : !1) || !!ye, re = k ? z.invalid : !1, Se = re ? "error" : v, Re = k && z.describedBy ? z.describedBy : void 0, ke = he ?? w("inputs.phone.placeholder", "Phone number"), Pe = (e) => {
       if (S) return;
-      const t = e.target, n = t.value, p = t.selectionStart ?? n.length, I = nt(n, p), Z = new q(u).input(n);
+      const t = e.target, n = t.value, p = t.selectionStart ?? n.length, I = nt(n, p), Z = new M(u).input(n);
       j.current = st(Z, I), g(Z), C(Z, u);
-    }, ae = O, Ve = b(
+    }, ae = U, Ve = b(
       () => ({
         getValue: () => ae.current,
         setValue: (e) => {
@@ -347,11 +347,11 @@ const rt = Te(
             g(""), C("", u);
             return;
           }
-          const t = L(e);
+          const t = q(e);
           if (t != null && t.country)
             D.current = !0, E(t.country), g(t.formatNational()), C(t.formatNational(), t.country);
           else {
-            const p = new q(u).input(e);
+            const p = new M(u).input(e);
             g(p), C(p, u);
           }
         },
@@ -365,14 +365,14 @@ const rt = Te(
       }),
       [u, C, ae]
     );
-    $e(Ue, Ve, M);
+    $e(Ue, Ve, H);
     const Fe = (e) => {
       if (e === u) {
-        G(!1);
+        O(!1);
         return;
       }
-      const t = te.replace(/\D/g, ""), n = new q(e), p = t ? n.input(t) : "";
-      D.current = !0, E(e), g(p), G(!1), ne(""), C(p, e), requestAnimationFrame(() => {
+      const t = te.replace(/\D/g, ""), n = new M(e), p = t ? n.input(t) : "";
+      D.current = !0, E(e), g(p), O(!1), ne(""), C(p, e), requestAnimationFrame(() => {
         var I;
         (I = T.current) == null || I.focus();
       });
@@ -386,16 +386,16 @@ const rt = Te(
       if (!V || V.length === 0) return [];
       const e = new Map(x.map((t) => [t.code, t]));
       return V.filter((t) => h.has(t)).map((t) => e.get(t)).filter((t) => !!t);
-    }, [V, x, h]), U = b(
+    }, [V, x, h]), W = b(
       () => new Set(P.map((e) => e.code)),
       [P]
     ), Ee = b(
-      () => U.size > 0 ? x.filter((e) => !U.has(e.code)) : x,
-      [x, U]
+      () => W.size > 0 ? x.filter((e) => !W.has(e.code)) : x,
+      [x, W]
     ), A = b(
       () => x.find((e) => e.code === u),
       [x, u]
-    ), W = A ? A.dialCode : "", ie = A ? A.name : u, Y = w("inputs.phone.countryPickerLabel", "Country"), je = `${Y}: ${ie}, +${W}`, De = ce(
+    ), Y = A ? A.dialCode : "", ie = A ? A.name : u, $ = w("inputs.phone.countryPickerLabel", "Country"), je = `${$}: ${ie}, +${Y}`, De = ce(
       (e, t, n) => {
         const p = J(e), I = J(t), le = n == null ? void 0 : n.map(J);
         return Ke(
@@ -431,7 +431,7 @@ const rt = Te(
       "div",
       {
         "data-component": "phone-input",
-        "data-component-id": M,
+        "data-component-id": H,
         "data-slot": "phone-input",
         className: We({
           size: d,
@@ -445,29 +445,29 @@ const rt = Te(
               "data-slot": "phone-country-fixed",
               className: `${pe({ size: d })} ds:cursor-default ds:hover:bg-transparent`,
               children: [
-                /* @__PURE__ */ r("span", { className: "ds:sr-only", children: `${Y}: ${ie}` }),
+                /* @__PURE__ */ r("span", { className: "ds:sr-only", children: `${$}: ${ie}` }),
                 /* @__PURE__ */ r(Q, { country: u, size: X[d] }),
                 /* @__PURE__ */ m("bdi", { dir: "ltr", className: "ds:tabular-nums", children: [
                   "+",
-                  W
+                  Y
                 ] })
               ]
             }
-          ) : /* @__PURE__ */ m(K.Root, { open: _, onOpenChange: G, children: [
-            /* @__PURE__ */ r(K.Trigger, { asChild: !0, children: /* @__PURE__ */ m(
+          ) : /* @__PURE__ */ m(L.Root, { open: G, onOpenChange: O, children: [
+            /* @__PURE__ */ r(L.Trigger, { asChild: !0, children: /* @__PURE__ */ m(
               "button",
               {
                 type: "button",
                 disabled: oe,
                 "aria-haspopup": "listbox",
-                "aria-expanded": _,
+                "aria-expanded": G,
                 "aria-label": je,
                 className: pe({ size: d }),
                 children: [
                   /* @__PURE__ */ r(Q, { country: u, size: X[d] }),
                   /* @__PURE__ */ m("bdi", { dir: "ltr", className: "ds:tabular-nums", children: [
                     "+",
-                    W
+                    Y
                   ] }),
                   /* @__PURE__ */ r(
                     Oe,
@@ -477,18 +477,19 @@ const rt = Te(
                         tt[d],
                         "ds:shrink-0 ds:text-muted-foreground",
                         "ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-                        _ ? "ds:rotate-180" : ""
+                        G ? "ds:rotate-180" : ""
                       ].join(" ")
                     }
                   )
                 ]
               }
             ) }),
-            /* @__PURE__ */ r(K.Portal, { children: /* @__PURE__ */ r(
-              K.Content,
+            /* @__PURE__ */ r(L.Portal, { children: /* @__PURE__ */ r(
+              L.Content,
               {
                 sideOffset: 6,
                 align: "start",
+                "aria-label": $,
                 className: Ze,
                 children: /* @__PURE__ */ m(
                   N,
@@ -496,7 +497,7 @@ const rt = Te(
                     filter: De,
                     shouldFilter: !0,
                     loop: !0,
-                    label: Y,
+                    label: $,
                     children: [
                       /* @__PURE__ */ r(
                         N.Input,
@@ -577,4 +578,4 @@ export {
   pe as c,
   We as p
 };
-//# sourceMappingURL=phone-input-BsZIoE36.js.map
+//# sourceMappingURL=phone-input-IWrGOCwm.js.map