react-country-kit 2.1.1 → 2.1.3

package/dist/ui.es.js

@@ -3,12 +3,12 @@ import * as M from "@radix-ui/react-popover";
 import { clsx as Z } from "clsx";
 import { twMerge as ee } from "tailwind-merge";
 import { Fragment as R, jsx as e, jsxs as t } from "react/jsx-runtime";
-import { getAllCountries as z, getAllCurrencies as A, getAllLanguages as U, getAllTimezones as ne, getCurrencyByCountry as $, getDivisionsByCountry as te, getTimezonesByCountry as F, searchCountries as H, searchCurrencies as I, searchLanguages as re, searchTimezones as oe, useCountry as ae, usePhoneInput as le } from "react-country-kit-core";
+import { getAllCountries as z, getAllCurrencies as A, getAllLanguages as U, getAllTimezones as ne, getCurrencyByCountry as $, getDivisionsByCountry as te, getTimezonesByCountry as F, searchCountries as H, searchCurrencies as I, searchLanguages as re, searchTimezones as oe, usePhoneInput as ae } from "react-country-kit-core";
 export * from "react-country-kit-core";
 function y(...n) {
   return ee(Z(n));
 }
-var J = M.Root, Y = M.Trigger, V = ({ className: n }) => /* @__PURE__ */ e("svg", {
+var J = M.Root, Y = M.Trigger, D = ({ className: n }) => /* @__PURE__ */ e("svg", {
   className: y("h-4 w-4 text-primary", n),
   viewBox: "0 0 20 20",
   fill: "none",
@@ -18,7 +18,7 @@ var J = M.Root, Y = M.Trigger, V = ({ className: n }) => /* @__PURE__ */ e("svg"
   strokeLinejoin: "round",
   children: /* @__PURE__ */ e("polyline", { points: "4 10 8 14 16 6" })
 });
-V.displayName = "CheckIcon";
+D.displayName = "CheckIcon";
 var Q = ({ children: n, className: r }) => /* @__PURE__ */ e("label", {
   className: y("text-[0.65rem] font-bold uppercase tracking-[0.12em] text-muted-foreground/80 ml-1 mb-1.5 block", r),
   children: n
@@ -29,7 +29,7 @@ var S = ({ children: n, className: r }) => /* @__PURE__ */ e("span", {
   children: n
 });
 S.displayName = "Badge";
-var D = ({ iso2: n, flag: r, flagUrl: p, className: m }) => /* @__PURE__ */ e("span", {
+var V = ({ iso2: n, flag: r, flagUrl: p, className: m }) => /* @__PURE__ */ e("span", {
   className: y("inline-flex items-center justify-center shrink-0 overflow-hidden", m),
   children: /* @__PURE__ */ e("img", {
     src: p,
@@ -43,13 +43,13 @@ var D = ({ iso2: n, flag: r, flagUrl: p, className: m }) => /* @__PURE__ */ e("s
     }
   })
 });
-D.displayName = "Flag";
+V.displayName = "Flag";
 var W = C.forwardRef(({ className: n, align: r = "start", sideOffset: p = 6, onCloseAutoFocus: m, ...l }, s) => /* @__PURE__ */ e(M.Portal, { children: /* @__PURE__ */ e(M.Content, {
   ref: s,
   align: r,
   sideOffset: p,
-  onCloseAutoFocus: (g) => {
-    g.preventDefault(), m?.(g);
+  onCloseAutoFocus: (u) => {
+    u.preventDefault(), m?.(u);
   },
   className: y("z-50 w-[var(--radix-popover-trigger-width)] rounded-xl border border-border bg-popover p-0 shadow-lg", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2", n),
   ...l
@@ -105,8 +105,8 @@ var O = C.forwardRef((n, r) => /* @__PURE__ */ e("div", {
   ...n
 }));
 O.displayName = "CommandEmpty";
-var B = C.forwardRef(({ className: n, onSelect: r, onMouseDown: p, onKeyDown: m, disabled: l, selected: s, value: g, ...v }, x) => /* @__PURE__ */ e("div", {
-  ref: x,
+var B = C.forwardRef(({ className: n, onSelect: r, onMouseDown: p, onKeyDown: m, disabled: l, selected: s, value: u, ...v }, g) => /* @__PURE__ */ e("div", {
+  ref: g,
   role: "option",
   "aria-disabled": l || void 0,
   "aria-selected": s,
@@ -124,8 +124,8 @@ var B = C.forwardRef(({ className: n, onSelect: r, onMouseDown: p, onKeyDown: m,
   ...v
 }));
 B.displayName = "CommandItem";
-var E = C.forwardRef(({ className: n, isOpen: r, children: p, placeholder: m, hasValue: l, ...s }, g) => /* @__PURE__ */ t("button", {
-  ref: g,
+var E = C.forwardRef(({ className: n, isOpen: r, children: p, placeholder: m, hasValue: l, ...s }, u) => /* @__PURE__ */ t("button", {
+  ref: u,
   type: "button",
   role: "combobox",
   "aria-expanded": r,
@@ -147,8 +147,8 @@ var E = C.forwardRef(({ className: n, isOpen: r, children: p, placeholder: m, ha
   })]
 }));
 E.displayName = "PickerTrigger";
-var j = C.forwardRef(({ label: n, trigger: r, children: p, open: m, onOpenChange: l, className: s }, g) => /* @__PURE__ */ t("div", {
-  ref: g,
+var j = C.forwardRef(({ label: n, trigger: r, children: p, open: m, onOpenChange: l, className: s }, u) => /* @__PURE__ */ t("div", {
+  ref: u,
   className: y("flex flex-col gap-0", s),
   children: [n && /* @__PURE__ */ e(Q, { children: n }), /* @__PURE__ */ t(J, {
     open: m,
@@ -163,14 +163,14 @@ var j = C.forwardRef(({ label: n, trigger: r, children: p, open: m, onOpenChange
   })]
 }));
 j.displayName = "BasePicker";
-var q = C.forwardRef(({ value: n, onRemove: r, onClear: p, isOpen: m, placeholder: l, renderChip: s, maxVisible: g = 3, className: v, disabled: x, ...a }, u) => {
-  const c = n.slice(0, g), N = n.length - g;
+var q = C.forwardRef(({ value: n, onRemove: r, onClear: p, isOpen: m, placeholder: l, renderChip: s, maxVisible: u = 3, className: v, disabled: g, ...a }, c) => {
+  const b = n.slice(0, u), N = n.length - u;
   return /* @__PURE__ */ t("button", {
-    ref: u,
+    ref: c,
     type: "button",
     "aria-haspopup": "listbox",
     "aria-expanded": m,
-    disabled: x,
+    disabled: g,
     className: y("flex min-h-[3rem] w-full items-center gap-3 rounded-xl border border-input bg-background px-4 py-2", "text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", "disabled:cursor-not-allowed disabled:opacity-50 hover:bg-accent/10 transition-all text-start", m && "ring-2 ring-ring ring-offset-2", v),
     ...a,
     children: [/* @__PURE__ */ e("div", {
@@ -178,16 +178,16 @@ var q = C.forwardRef(({ value: n, onRemove: r, onClear: p, isOpen: m, placeholde
       children: n.length === 0 ? /* @__PURE__ */ e("span", {
         className: "text-muted-foreground",
         children: l
-      }) : /* @__PURE__ */ t(R, { children: [c.map((f, b) => /* @__PURE__ */ t("span", {
+      }) : /* @__PURE__ */ t(R, { children: [b.map((f, x) => /* @__PURE__ */ t("span", {
         className: "inline-flex items-center gap-1 rounded-full bg-primary/10 px-2 py-0.5 text-[0.75rem] font-semibold text-primary",
         children: [s(f), /* @__PURE__ */ e("span", {
           role: "button",
-          tabIndex: x ? -1 : 0,
+          tabIndex: g ? -1 : 0,
           onClick: (d) => {
-            d.stopPropagation(), x || r(f, d);
+            d.stopPropagation(), g || r(f, d);
           },
           onKeyDown: (d) => {
-            (d.key === "Enter" || d.key === " ") && (d.preventDefault(), d.stopPropagation(), x || r(f, d));
+            (d.key === "Enter" || d.key === " ") && (d.preventDefault(), d.stopPropagation(), g || r(f, d));
           },
           className: "ml-0.5 rounded-full text-primary/60 hover:text-primary transition-colors cursor-pointer",
           "aria-label": "Remove",
@@ -212,7 +212,7 @@ var q = C.forwardRef(({ value: n, onRemove: r, onClear: p, isOpen: m, placeholde
             })]
           })
         })]
-      }, b)), N > 0 && /* @__PURE__ */ t(S, {
+      }, x)), N > 0 && /* @__PURE__ */ t(S, {
         className: "bg-muted text-muted-foreground/80 px-2",
         children: ["+", N]
       })] })
@@ -220,12 +220,12 @@ var q = C.forwardRef(({ value: n, onRemove: r, onClear: p, isOpen: m, placeholde
       className: "flex shrink-0 items-center gap-1 ml-auto",
       children: [n.length > 0 && /* @__PURE__ */ e("span", {
         role: "button",
-        tabIndex: x ? -1 : 0,
+        tabIndex: g ? -1 : 0,
         onClick: (f) => {
-          f.stopPropagation(), x || p(f);
+          f.stopPropagation(), g || p(f);
         },
         onKeyDown: (f) => {
-          (f.key === "Enter" || f.key === " ") && (f.preventDefault(), f.stopPropagation(), x || p(f));
+          (f.key === "Enter" || f.key === " ") && (f.preventDefault(), f.stopPropagation(), g || p(f));
         },
         className: "rounded p-0.5 text-muted-foreground hover:text-foreground hover:bg-accent/30 transition-colors cursor-pointer",
         "aria-label": "Clear all",
@@ -264,9 +264,9 @@ var q = C.forwardRef(({ value: n, onRemove: r, onClear: p, isOpen: m, placeholde
 });
 q.displayName = "MultiSelectTrigger";
 var K = 3;
-function fe({ value: n, onChange: r, placeholder: p = "Select countries...", maxItems: m, showFlags: l = !0, searchable: s = !0, disabled: g = !1, className: v, label: x }) {
-  const [a, u] = k(!1), [c, N] = k(""), f = c ? H(c) : z(), b = (o) => n.some((w) => w.iso2 === o.iso2), d = (o) => {
-    if (b(o)) r(n.filter((w) => w.iso2 !== o.iso2));
+function pe({ value: n, onChange: r, placeholder: p = "Select countries...", maxItems: m, showFlags: l = !0, searchable: s = !0, disabled: u = !1, className: v, label: g }) {
+  const [a, c] = k(!1), [b, N] = k(""), f = b ? H(b) : z(), x = (o) => n.some((w) => w.iso2 === o.iso2), d = (o) => {
+    if (x(o)) r(n.filter((w) => w.iso2 !== o.iso2));
     else {
       if (m !== void 0 && n.length >= m) return;
       r([...n, o]);
@@ -277,18 +277,18 @@ function fe({ value: n, onChange: r, placeholder: p = "Select countries...", max
     o.stopPropagation(), r([]);
   };
   return n.slice(0, K), n.length - K, /* @__PURE__ */ t(j, {
-    label: x,
+    label: g,
     className: v,
     open: a,
-    onOpenChange: u,
+    onOpenChange: c,
     trigger: /* @__PURE__ */ e(q, {
       value: n,
       onRemove: i,
       onClear: h,
       isOpen: a,
       placeholder: p,
-      disabled: g,
-      renderChip: (o) => /* @__PURE__ */ t(R, { children: [l && /* @__PURE__ */ e(D, {
+      disabled: u,
+      renderChip: (o) => /* @__PURE__ */ t(R, { children: [l && /* @__PURE__ */ e(V, {
         iso2: o.iso2,
         flag: o.flag,
         flagUrl: o.flag_url
@@ -299,13 +299,13 @@ function fe({ value: n, onChange: r, placeholder: p = "Select countries...", max
     }),
     children: [/* @__PURE__ */ t(L, { children: [s && /* @__PURE__ */ e(P, {
       placeholder: "Search countries...",
-      value: c,
+      value: b,
       onValueChange: N
     }), /* @__PURE__ */ t(_, { children: [f.length === 0 && /* @__PURE__ */ t(O, { children: [/* @__PURE__ */ e("span", {
       className: "text-2xl opacity-40",
       children: "🌍"
     }), /* @__PURE__ */ e("span", { children: "No countries found" })] }), f.map((o) => {
-      const w = b(o);
+      const w = x(o);
       return /* @__PURE__ */ t(B, {
         onSelect: () => d(o),
         selected: w,
@@ -322,7 +322,7 @@ function fe({ value: n, onChange: r, placeholder: p = "Select countries...", max
               children: /* @__PURE__ */ e("polyline", { points: "4 10 8 14 16 6" })
             })
           }),
-          l && /* @__PURE__ */ e(D, {
+          l && /* @__PURE__ */ e(V, {
             iso2: o.iso2,
             flag: o.flag,
             flagUrl: o.flag_url
@@ -352,7 +352,7 @@ function fe({ value: n, onChange: r, placeholder: p = "Select countries...", max
       ] }), /* @__PURE__ */ e("button", {
         type: "button",
         onClick: () => {
-          r([]), u(!1);
+          r([]), c(!1);
         },
         className: "text-destructive hover:underline font-medium",
         children: "Clear all"
@@ -360,23 +360,23 @@ function fe({ value: n, onChange: r, placeholder: p = "Select countries...", max
     })]
   });
 }
-function he({ value: n, onChange: r, placeholder: p = "Select a country...", searchable: m = !0, showFlag: l = !0, showPhoneCode: s = !1, disabled: g = !1, className: v, label: x }) {
-  const [a, u] = k(!1), [c, N] = k(""), f = c ? H(c) : z(), b = (d) => {
+function fe({ value: n, onChange: r, placeholder: p = "Select a country...", searchable: m = !0, showFlag: l = !0, showPhoneCode: s = !1, disabled: u = !1, className: v, label: g }) {
+  const [a, c] = k(!1), [b, N] = k(""), f = b ? H(b) : z(), x = (d) => {
     const i = z().find((h) => h.iso2.toLowerCase() === d.toLowerCase());
-    i && (r(i), u(!1), N(""));
+    i && (r(i), c(!1), N(""));
   };
   return /* @__PURE__ */ e(j, {
-    label: x,
+    label: g,
     className: v,
     open: a,
-    onOpenChange: u,
+    onOpenChange: c,
     trigger: /* @__PURE__ */ e(E, {
       isOpen: a,
       hasValue: !!n,
       placeholder: p,
-      disabled: g,
+      disabled: u,
       children: n && /* @__PURE__ */ t(R, { children: [
-        l && /* @__PURE__ */ e(D, {
+        l && /* @__PURE__ */ e(V, {
           iso2: n.iso2,
           flag: n.flag,
           flagUrl: n.flag_url
@@ -390,7 +390,7 @@ function he({ value: n, onChange: r, placeholder: p = "Select a country...", sea
     }),
     children: /* @__PURE__ */ t(L, { children: [m && /* @__PURE__ */ e(P, {
       placeholder: "Search country...",
-      value: c,
+      value: b,
       onValueChange: N
     }), /* @__PURE__ */ t(_, { children: [f.length === 0 && /* @__PURE__ */ t(O, { children: [/* @__PURE__ */ e("span", {
       className: "text-2xl opacity-40",
@@ -398,10 +398,10 @@ function he({ value: n, onChange: r, placeholder: p = "Select a country...", sea
     }), /* @__PURE__ */ e("span", { children: "No countries found" })] }), f.map((d) => {
       const i = n?.iso2 === d.iso2;
       return /* @__PURE__ */ t(B, {
-        onSelect: () => b(d.iso2),
+        onSelect: () => x(d.iso2),
         selected: i,
         children: [
-          l && /* @__PURE__ */ e(D, {
+          l && /* @__PURE__ */ e(V, {
             iso2: d.iso2,
             flag: d.flag,
             flagUrl: d.flag_url
@@ -425,7 +425,7 @@ function he({ value: n, onChange: r, placeholder: p = "Select a country...", sea
             children: [s && /* @__PURE__ */ t("span", {
               className: "text-[0.7rem] text-muted-foreground tabular-nums bg-muted px-1.5 py-0.5 rounded",
               children: ["+", d.phone_code]
-            }), i && /* @__PURE__ */ e(V, {})]
+            }), i && /* @__PURE__ */ e(D, {})]
           })
         ]
       }, d.iso2);
@@ -433,9 +433,9 @@ function he({ value: n, onChange: r, placeholder: p = "Select a country...", sea
   });
 }
 var X = 3;
-function ue({ value: n, onChange: r, placeholder: p = "Select currencies...", maxItems: m, showSymbol: l = !0, searchable: s = !0, disabled: g = !1, className: v, label: x }) {
-  const [a, u] = k(!1), [c, N] = k(""), f = c ? I(c) : A(), b = (o) => n.some((w) => w.code === o.code), d = (o) => {
-    if (b(o)) r(n.filter((w) => w.code !== o.code));
+function he({ value: n, onChange: r, placeholder: p = "Select currencies...", maxItems: m, showSymbol: l = !0, searchable: s = !0, disabled: u = !1, className: v, label: g }) {
+  const [a, c] = k(!1), [b, N] = k(""), f = b ? I(b) : A(), x = (o) => n.some((w) => w.code === o.code), d = (o) => {
+    if (x(o)) r(n.filter((w) => w.code !== o.code));
     else {
       if (m !== void 0 && n.length >= m) return;
       r([...n, o]);
@@ -446,17 +446,17 @@ function ue({ value: n, onChange: r, placeholder: p = "Select currencies...", ma
     o.stopPropagation(), r([]);
   };
   return n.slice(0, X), n.length - X, /* @__PURE__ */ t(j, {
-    label: x,
+    label: g,
     className: v,
     open: a,
-    onOpenChange: u,
+    onOpenChange: c,
     trigger: /* @__PURE__ */ e(q, {
       value: n,
       onRemove: i,
       onClear: h,
       isOpen: a,
       placeholder: p,
-      disabled: g,
+      disabled: u,
       renderChip: (o) => /* @__PURE__ */ t(R, { children: [l && /* @__PURE__ */ e("span", {
         className: "font-bold",
         children: o.symbol
@@ -464,13 +464,13 @@ function ue({ value: n, onChange: r, placeholder: p = "Select currencies...", ma
     }),
     children: [/* @__PURE__ */ t(L, { children: [s && /* @__PURE__ */ e(P, {
       placeholder: "Search currencies...",
-      value: c,
+      value: b,
       onValueChange: N
     }), /* @__PURE__ */ t(_, { children: [f.length === 0 && /* @__PURE__ */ t(O, { children: [/* @__PURE__ */ e("span", {
       className: "text-2xl opacity-40",
       children: "💰"
     }), /* @__PURE__ */ e("span", { children: "No currencies found" })] }), f.map((o) => {
-      const w = b(o);
+      const w = x(o);
       return /* @__PURE__ */ t(B, {
         onSelect: () => d(o),
         selected: w,
@@ -512,7 +512,7 @@ function ue({ value: n, onChange: r, placeholder: p = "Select currencies...", ma
       ] }), /* @__PURE__ */ e("button", {
         type: "button",
         onClick: () => {
-          r([]), u(!1);
+          r([]), c(!1);
         },
         className: "text-destructive hover:underline font-medium",
         children: "Clear all"
@@ -520,16 +520,16 @@ function ue({ value: n, onChange: r, placeholder: p = "Select currencies...", ma
     })]
   });
 }
-function ge({ value: n, onChange: r, placeholder: p = "Select a currency...", searchable: m = !0, showSymbol: l = !0, countryIso2: s, autoSelect: g = !0, disabled: v = !1, className: x, label: a }) {
-  const [u, c] = k(!1), [N, f] = k("");
+function ue({ value: n, onChange: r, placeholder: p = "Select a currency...", searchable: m = !0, showSymbol: l = !0, countryIso2: s, autoSelect: u = !0, disabled: v = !1, className: g, label: a }) {
+  const [c, b] = k(!1), [N, f] = k("");
   G(() => {
-    if (s && g && !n) {
+    if (s && u && !n) {
       const h = $(s);
       h && r(h);
     }
   }, [
     s,
-    g,
+    u,
     n,
     r
   ]);
@@ -541,15 +541,15 @@ function ge({ value: n, onChange: r, placeholder: p = "Select a currency...", se
     return A();
   })(), i = (h) => {
     const o = A().find((w) => w.code.toLowerCase() === h.toLowerCase());
-    o && (r(o), c(!1), f(""));
+    o && (r(o), b(!1), f(""));
   };
   return /* @__PURE__ */ e(j, {
     label: a,
-    className: x,
-    open: u,
-    onOpenChange: c,
+    className: g,
+    open: c,
+    onOpenChange: b,
     trigger: /* @__PURE__ */ e(E, {
-      isOpen: u,
+      isOpen: c,
       hasValue: !!n,
       placeholder: p,
       disabled: v,
@@ -592,27 +592,27 @@ function ge({ value: n, onChange: r, placeholder: p = "Select a currency...", se
               children: h.code
             })]
           }),
-          o && /* @__PURE__ */ e(V, { className: "ml-auto shrink-0" })
+          o && /* @__PURE__ */ e(D, { className: "ml-auto shrink-0" })
         ]
       }, h.code);
     })] })] })
   });
 }
-function xe({ countryIso2: n, value: r, onChange: p, placeholder: m = "Select a division...", searchable: l = !0, disabled: s = !1, className: g, label: v }) {
-  const [x, a] = k(!1), [u, c] = k(""), N = te(n), f = u ? N.filter((i) => i.name.toLowerCase().includes(u.toLowerCase()) || i.iso2.toLowerCase().includes(u.toLowerCase()) || i.timezone.toLowerCase().includes(u.toLowerCase())) : N, b = s || !n || N.length === 0, d = (i) => {
+function ge({ countryIso2: n, value: r, onChange: p, placeholder: m = "Select a division...", searchable: l = !0, disabled: s = !1, className: u, label: v }) {
+  const [g, a] = k(!1), [c, b] = k(""), N = te(n), f = c ? N.filter((i) => i.name.toLowerCase().includes(c.toLowerCase()) || i.iso2.toLowerCase().includes(c.toLowerCase()) || i.timezone.toLowerCase().includes(c.toLowerCase())) : N, x = s || !n || N.length === 0, d = (i) => {
     const h = N.find((o) => o.name === i);
-    h && (p(h), a(!1), c(""));
+    h && (p(h), a(!1), b(""));
   };
   return /* @__PURE__ */ e(j, {
     label: v,
-    className: g,
-    open: x,
-    onOpenChange: (i) => !b && a(i),
+    className: u,
+    open: g,
+    onOpenChange: (i) => !x && a(i),
     trigger: /* @__PURE__ */ e(E, {
-      isOpen: x,
+      isOpen: g,
       hasValue: !!r,
       placeholder: n ? m : "Select a country first",
-      disabled: b,
+      disabled: x,
       children: r && /* @__PURE__ */ t(R, { children: [/* @__PURE__ */ e("span", {
         className: "flex-1 text-start truncate",
         children: r.name
@@ -620,8 +620,8 @@ function xe({ countryIso2: n, value: r, onChange: p, placeholder: m = "Select a
     }),
     children: /* @__PURE__ */ t(L, { children: [l && /* @__PURE__ */ e(P, {
       placeholder: "Search division...",
-      value: u,
-      onValueChange: c
+      value: c,
+      onValueChange: b
     }), /* @__PURE__ */ t(_, { children: [f.length === 0 && /* @__PURE__ */ t(O, { children: [/* @__PURE__ */ e("span", {
       className: "text-2xl opacity-40",
       children: "🗺️"
@@ -641,24 +641,24 @@ function xe({ countryIso2: n, value: r, onChange: p, placeholder: m = "Select a
           })]
         }), /* @__PURE__ */ t("div", {
           className: "flex items-center gap-1.5 ml-auto shrink-0",
-          children: [/* @__PURE__ */ e(S, { children: i.iso2 }), h && /* @__PURE__ */ e(V, {})]
+          children: [/* @__PURE__ */ e(S, { children: i.iso2 }), h && /* @__PURE__ */ e(D, {})]
         })]
       }, `${i.iso2}-${i.name}`);
     })] })] })
   });
 }
-function be({ value: n, onChange: r, placeholder: p = "Select a language...", searchable: m = !0, showNativeName: l = !0, disabled: s = !1, className: g, label: v }) {
-  const [x, a] = k(!1), [u, c] = k(""), N = u ? re(u) : U(), f = (b) => {
-    const d = U().find((i) => i.code.toLowerCase() === b.toLowerCase());
-    d && (r(d), a(!1), c(""));
+function xe({ value: n, onChange: r, placeholder: p = "Select a language...", searchable: m = !0, showNativeName: l = !0, disabled: s = !1, className: u, label: v }) {
+  const [g, a] = k(!1), [c, b] = k(""), N = c ? re(c) : U(), f = (x) => {
+    const d = U().find((i) => i.code.toLowerCase() === x.toLowerCase());
+    d && (r(d), a(!1), b(""));
   };
   return /* @__PURE__ */ e(j, {
     label: v,
-    className: g,
-    open: x,
+    className: u,
+    open: g,
     onOpenChange: a,
     trigger: /* @__PURE__ */ e(E, {
-      isOpen: x,
+      isOpen: g,
       hasValue: !!n,
       placeholder: p,
       disabled: s,
@@ -672,41 +672,41 @@ function be({ value: n, onChange: r, placeholder: p = "Select a language...", se
     }),
     children: /* @__PURE__ */ t(L, { children: [m && /* @__PURE__ */ e(P, {
       placeholder: "Search language...",
-      value: u,
-      onValueChange: c
+      value: c,
+      onValueChange: b
     }), /* @__PURE__ */ t(_, { children: [N.length === 0 && /* @__PURE__ */ t(O, { children: [/* @__PURE__ */ e("span", {
       className: "text-2xl opacity-40",
       children: "🌐"
-    }), /* @__PURE__ */ e("span", { children: "No languages found" })] }), N.map((b) => {
-      const d = n?.code === b.code;
+    }), /* @__PURE__ */ e("span", { children: "No languages found" })] }), N.map((x) => {
+      const d = n?.code === x.code;
       return /* @__PURE__ */ t(B, {
-        onSelect: () => f(b.code),
+        onSelect: () => f(x.code),
         selected: d,
         children: [/* @__PURE__ */ t("div", {
           className: "flex flex-1 flex-col gap-0 min-w-0",
           children: [/* @__PURE__ */ e("span", {
             className: "truncate font-medium",
-            children: b.english_name
-          }), l && b.native_name !== b.english_name && /* @__PURE__ */ e("span", {
+            children: x.english_name
+          }), l && x.native_name !== x.english_name && /* @__PURE__ */ e("span", {
             className: "text-[0.7rem] text-muted-foreground italic",
-            children: b.native_name
+            children: x.native_name
           })]
         }), /* @__PURE__ */ t("div", {
           className: "flex items-center gap-1.5 ml-auto shrink-0",
           children: [/* @__PURE__ */ e(S, {
             className: "text-[0.6rem]",
-            children: b.code
-          }), d && /* @__PURE__ */ e(V, {})]
+            children: x.code
+          }), d && /* @__PURE__ */ e(D, {})]
         })]
-      }, b.code);
+      }, x.code);
     })] })] })
   });
 }
-var ie = C.forwardRef(({ value: n, onChange: r, defaultCountryIso2: p = "US", placeholder: m = "Phone number", showFlag: l = !0, disabled: s = !1, className: g, label: v }, x) => {
-  const a = le(n, r, p), u = ae(a.country?.iso2);
+var le = C.forwardRef(({ value: n, onChange: r, defaultCountryIso2: p = "US", placeholder: m = "Phone number", showFlag: l = !0, disabled: s = !1, className: u, label: v }, g) => {
+  const a = ae(n, r, p);
   return /* @__PURE__ */ t("div", {
-    ref: x,
-    className: y("flex flex-col gap-0", g),
+    ref: g,
+    className: y("flex flex-col gap-0", u),
     children: [
       v && /* @__PURE__ */ e(Q, { children: v }),
       /* @__PURE__ */ t("div", {
@@ -721,7 +721,7 @@ var ie = C.forwardRef(({ value: n, onChange: r, defaultCountryIso2: p = "US", pl
               disabled: s,
               className: y("flex h-full shrink-0 items-center gap-1.5 border-r border-input bg-muted px-3", "text-sm font-semibold text-foreground transition-colors outline-none", "hover:bg-accent/30 focus-visible:bg-accent/30"),
               children: [
-                l && a.country && /* @__PURE__ */ e(D, {
+                l && a.country && /* @__PURE__ */ e(V, {
                   iso2: a.country.iso2,
                   flag: a.country.flag,
                   flagUrl: a.country.flag_url
@@ -757,7 +757,7 @@ var ie = C.forwardRef(({ value: n, onChange: r, defaultCountryIso2: p = "US", pl
               onSelect: () => a.selectCountry(c),
               selected: a.country?.iso2 === c.iso2,
               children: [
-                /* @__PURE__ */ e(D, {
+                /* @__PURE__ */ e(V, {
                   iso2: c.iso2,
                   flag: c.flag,
                   flagUrl: c.flag_url
@@ -782,8 +782,8 @@ var ie = C.forwardRef(({ value: n, onChange: r, defaultCountryIso2: p = "US", pl
           onChange: (c) => a.setNumber(c.target.value),
           placeholder: m,
           disabled: s,
-          minLength: u.phoneLengths.min,
-          maxLength: u.phoneLengths.max,
+          minLength: a.validation?.minLength,
+          maxLength: a.validation?.maxLength,
           inputMode: "numeric",
           autoComplete: "tel-national",
           className: y("flex-1 min-w-0 bg-transparent px-3 text-sm text-foreground", "placeholder:text-muted-foreground", "focus:outline-none")
@@ -803,9 +803,9 @@ var ie = C.forwardRef(({ value: n, onChange: r, defaultCountryIso2: p = "US", pl
     ]
   });
 });
-ie.displayName = "PhoneInput";
-function Ne({ value: n, onChange: r, placeholder: p = "Select a timezone...", searchable: m = !0, countryIso2: l, autoSelect: s = !0, disabled: g = !1, className: v, label: x }) {
-  const [a, u] = k(!1), [c, N] = k("");
+le.displayName = "PhoneInput";
+function be({ value: n, onChange: r, placeholder: p = "Select a timezone...", searchable: m = !0, countryIso2: l, autoSelect: s = !0, disabled: u = !1, className: v, label: g }) {
+  const [a, c] = k(!1), [b, N] = k("");
   G(() => {
     if (l && s && !n) {
       const i = F(l);
@@ -817,20 +817,20 @@ function Ne({ value: n, onChange: r, placeholder: p = "Select a timezone...", se
     n,
     r
   ]);
-  const f = l ? F(l) : ne(), b = c ? oe(c, l) : f, d = (i) => {
+  const f = l ? F(l) : ne(), x = b ? oe(b, l) : f, d = (i) => {
     const h = f.find((o) => o.name === i);
-    h && (r(h), u(!1), N(""));
+    h && (r(h), c(!1), N(""));
   };
   return /* @__PURE__ */ e(j, {
-    label: x,
+    label: g,
     className: v,
     open: a,
-    onOpenChange: u,
+    onOpenChange: c,
     trigger: /* @__PURE__ */ e(E, {
       isOpen: a,
       hasValue: !!n,
       placeholder: p,
-      disabled: g,
+      disabled: u,
       children: n && /* @__PURE__ */ t(R, { children: [/* @__PURE__ */ e("span", {
         className: "flex-1 text-start truncate",
         children: n.name
@@ -838,12 +838,12 @@ function Ne({ value: n, onChange: r, placeholder: p = "Select a timezone...", se
     }),
     children: /* @__PURE__ */ t(L, { children: [m && /* @__PURE__ */ e(P, {
       placeholder: "Search timezone...",
-      value: c,
+      value: b,
       onValueChange: N
-    }), /* @__PURE__ */ t(_, { children: [b.length === 0 && /* @__PURE__ */ t(O, { children: [/* @__PURE__ */ e("span", {
+    }), /* @__PURE__ */ t(_, { children: [x.length === 0 && /* @__PURE__ */ t(O, { children: [/* @__PURE__ */ e("span", {
       className: "text-2xl opacity-40",
       children: "🕐"
-    }), /* @__PURE__ */ e("span", { children: "No timezones found" })] }), b.map((i) => {
+    }), /* @__PURE__ */ e("span", { children: "No timezones found" })] }), x.map((i) => {
       const h = n?.name === i.name;
       return /* @__PURE__ */ t(B, {
         onSelect: () => d(i.name),
@@ -866,7 +866,7 @@ function Ne({ value: n, onChange: r, placeholder: p = "Select a timezone...", se
           children: [/* @__PURE__ */ e(S, {
             className: "tabular-nums text-[0.65rem]",
             children: i.offset_name
-          }), h && /* @__PURE__ */ e(V, {})]
+          }), h && /* @__PURE__ */ e(D, {})]
         })]
       }, i.name);
     })] })] })
@@ -874,25 +874,25 @@ function Ne({ value: n, onChange: r, placeholder: p = "Select a timezone...", se
 }
 export {
   S as Badge,
-  V as CheckIcon,
+  D as CheckIcon,
   O as CommandEmpty,
   P as CommandInput,
   B as CommandItem,
   _ as CommandList,
   L as CommandRoot,
-  fe as CountryMultiSelect,
-  he as CountryPicker,
-  ue as CurrencyMultiSelect,
-  ge as CurrencyPicker,
-  xe as DivisionPicker,
-  D as Flag,
-  be as LanguagePicker,
-  ie as PhoneInput,
+  pe as CountryMultiSelect,
+  fe as CountryPicker,
+  he as CurrencyMultiSelect,
+  ue as CurrencyPicker,
+  ge as DivisionPicker,
+  V as Flag,
+  xe as LanguagePicker,
+  le as PhoneInput,
   E as PickerTrigger,
   J as Popover,
   W as PopoverContent,
   Y as PopoverTrigger,
-  Ne as TimezonePicker,
+  be as TimezonePicker,
   y as cn
 };