react-country-kit 1.0.0 → 1.1.0

package/dist/ui.es.js

@@ -1,17 +1,17 @@
 import { jsx as e, jsxs as n, Fragment as R } from "react/jsx-runtime";
-import v, { useState as C, useEffect as F } from "react";
+import L, { useState as w, useEffect as G } from "react";
 import * as V from "@radix-ui/react-popover";
-import { clsx as Z } from "clsx";
-import { twMerge as K } from "tailwind-merge";
-import { s as G, g as W, p as $, b as H, c as q, v as A, k as ee, y as te, x as ne, j as I, q as re, h as oe } from "./useTimezonePicker-BMFPsn3E.mjs";
-import { l as ye, m as ke, n as we, o as Ce, r as ve, t as Le, w as Pe, a as Se, d as Be, e as Oe, f as _e, u as Re, i as je } from "./useTimezonePicker-BMFPsn3E.mjs";
-function k(...t) {
-  return K(Z(t));
+import { clsx as K } from "clsx";
+import { twMerge as ee } from "tailwind-merge";
+import { searchCountries as H, getAllCountries as Q, getCurrencyByCountry as U, searchCurrencies as J, getAllCurrencies as W, getTimezonesByCountry as $, getAllTimezones as te, searchTimezones as ne, searchLanguages as re, getAllLanguages as I, getDivisionsByCountry as oe, usePhoneInput as se } from "react-country-kit-core";
+import { getAllCountries as Ce, getAllCurrencies as ke, getAllLanguages as we, getAllTimezones as Le, getCountryByIso2 as ve, getCountryByIso3 as Pe, getCountryByName as Se, getCurrencyByCode as _e, getCurrencyByCountry as Be, getDivisionsByCountry as Oe, getLanguageByCode as Re, getTimezoneByName as Te, getTimezonesByCountry as je, iso2ToFlag as ze, searchCountries as Ee, searchCurrencies as Ve, searchLanguages as Ae, searchTimezones as Qe, useCountryPicker as We, useCurrencyPicker as qe, useDivisionPicker as De, useLanguagePicker as Me, useMultiSelect as Ue, usePhoneInput as $e, useTimezonePicker as Ie } from "react-country-kit-core";
+function y(...t) {
+  return ee(K(t));
 }
-const J = V.Root, Y = V.Trigger, T = ({ className: t }) => /* @__PURE__ */ e(
+const Y = V.Root, Z = V.Trigger, z = ({ className: t }) => /* @__PURE__ */ e(
   "svg",
   {
-    className: k("h-4 w-4 text-primary", t),
+    className: y("h-4 w-4 text-primary", t),
     viewBox: "0 0 20 20",
     fill: "none",
     stroke: "currentColor",
@@ -21,42 +21,62 @@ const J = V.Root, Y = V.Trigger, T = ({ className: t }) => /* @__PURE__ */ e(
     children: /* @__PURE__ */ e("polyline", { points: "4 10 8 14 16 6" })
   }
 );
-T.displayName = "CheckIcon";
-const E = ({
+z.displayName = "CheckIcon";
+const q = ({
   children: t,
   className: r
 }) => /* @__PURE__ */ e(
   "label",
   {
-    className: k(
+    className: y(
       "text-[0.65rem] font-bold uppercase tracking-[0.12em] text-muted-foreground/80 ml-1 mb-1.5 block",
       r
     ),
     children: t
   }
 );
-E.displayName = "FieldLabel";
-const L = ({ children: t, className: r }) => /* @__PURE__ */ e(
+q.displayName = "FieldLabel";
+const v = ({ children: t, className: r }) => /* @__PURE__ */ e(
   "span",
   {
-    className: k(
+    className: y(
       "inline-flex items-center rounded-full bg-primary/20 px-2.5 py-0.5 text-[0.7rem] font-bold text-primary tracking-tight",
       r
     ),
     children: t
   }
 );
-L.displayName = "Badge";
-const M = v.forwardRef(({ className: t, align: r = "start", sideOffset: p = 6, onCloseAutoFocus: l, ...a }, d) => /* @__PURE__ */ e(V.Portal, { children: /* @__PURE__ */ e(
+v.displayName = "Badge";
+const j = ({
+  iso2: t,
+  flag: r,
+  flagUrl: p,
+  className: l
+}) => /* @__PURE__ */ e("span", { className: y("inline-flex items-center justify-center shrink-0 overflow-hidden", l), children: /* @__PURE__ */ e(
+  "img",
+  {
+    src: p,
+    alt: t,
+    className: "h-[1em] w-[1.5em] object-cover rounded-[1px] shadow-[0_0_0_1px_rgba(0,0,0,0.05)]",
+    onError: (i) => {
+      if (i.target.style.display = "none", i.target.parentElement) {
+        const c = document.createElement("span");
+        c.textContent = r, i.target.parentElement.appendChild(c);
+      }
+    }
+  }
+) });
+j.displayName = "Flag";
+const D = L.forwardRef(({ className: t, align: r = "start", sideOffset: p = 6, onCloseAutoFocus: l, ...i }, c) => /* @__PURE__ */ e(V.Portal, { children: /* @__PURE__ */ e(
   V.Content,
   {
-    ref: d,
+    ref: c,
     align: r,
     sideOffset: p,
     onCloseAutoFocus: (g) => {
       g.preventDefault(), l == null || l(g);
     },
-    className: k(
+    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",
@@ -64,15 +84,15 @@ const M = v.forwardRef(({ className: t, align: r = "start", sideOffset: p = 6, o
       "data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2",
       t
     ),
-    ...a
+    ...i
   }
 ) }));
-M.displayName = "PopoverContent";
-const P = v.forwardRef(({ className: t, ...r }, p) => /* @__PURE__ */ e(
+D.displayName = "PopoverContent";
+const P = L.forwardRef(({ className: t, ...r }, p) => /* @__PURE__ */ e(
   "div",
   {
     ref: p,
-    className: k(
+    className: y(
       "flex h-full w-full flex-col overflow-hidden rounded-xl bg-popover text-popover-foreground",
       t
     ),
@@ -80,8 +100,8 @@ const P = v.forwardRef(({ className: t, ...r }, p) => /* @__PURE__ */ e(
   }
 ));
 P.displayName = "CommandRoot";
-const S = v.forwardRef(
-  ({ className: t, onValueChange: r, ...p }, l) => /* @__PURE__ */ e("div", { className: "px-3 pt-3 pb-2 border-b border-border", children: /* @__PURE__ */ n("div", { className: k(
+const S = L.forwardRef(
+  ({ className: t, onValueChange: r, ...p }, l) => /* @__PURE__ */ e("div", { className: "px-3 pt-3 pb-2 border-b border-border", children: /* @__PURE__ */ n("div", { className: y(
     "flex items-center gap-2 px-3 py-1.5 rounded-lg border border-border bg-muted/40 transition-colors",
     "focus-within:border-primary/50 focus-within:ring-2 focus-within:ring-primary/10"
   ), children: [
@@ -107,29 +127,29 @@ const S = v.forwardRef(
         autoComplete: "off",
         autoCorrect: "off",
         spellCheck: !1,
-        className: k(
+        className: y(
           "flex h-8 w-full bg-transparent text-sm outline-none",
           "placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
           t
         ),
-        onChange: (a) => r == null ? void 0 : r(a.target.value),
+        onChange: (i) => r == null ? void 0 : r(i.target.value),
         ...p
       }
     )
   ] }) })
 );
 S.displayName = "CommandInput";
-const B = v.forwardRef(({ className: t, ...r }, p) => /* @__PURE__ */ e(
+const _ = L.forwardRef(({ className: t, ...r }, p) => /* @__PURE__ */ e(
   "div",
   {
     ref: p,
     role: "listbox",
-    className: k("max-h-72 overflow-y-auto overflow-x-hidden p-1", t),
+    className: y("max-h-72 overflow-y-auto overflow-x-hidden p-1", t),
     ...r
   }
 ));
-B.displayName = "CommandList";
-const O = v.forwardRef((t, r) => /* @__PURE__ */ e(
+_.displayName = "CommandList";
+const B = L.forwardRef((t, r) => /* @__PURE__ */ e(
   "div",
   {
     ref: r,
@@ -137,40 +157,40 @@ const O = v.forwardRef((t, r) => /* @__PURE__ */ e(
     ...t
   }
 ));
-O.displayName = "CommandEmpty";
-const _ = v.forwardRef(
-  ({ className: t, onSelect: r, onMouseDown: p, onKeyDown: l, disabled: a, selected: d, value: g, ...w }, x) => /* @__PURE__ */ e(
+B.displayName = "CommandEmpty";
+const O = L.forwardRef(
+  ({ className: t, onSelect: r, onMouseDown: p, onKeyDown: l, disabled: i, selected: c, value: g, ...k }, x) => /* @__PURE__ */ e(
     "div",
     {
       ref: x,
       role: "option",
-      "aria-disabled": a || void 0,
-      "aria-selected": d,
-      "data-disabled": a || void 0,
-      "data-selected": d || void 0,
-      tabIndex: a ? void 0 : 0,
-      className: k(
+      "aria-disabled": i || void 0,
+      "aria-selected": c,
+      "data-disabled": i || void 0,
+      "data-selected": c || void 0,
+      tabIndex: i ? void 0 : 0,
+      className: y(
         "relative flex cursor-pointer select-none items-center gap-2 rounded-lg px-2 py-2 text-sm outline-none",
         "focus:bg-accent focus:text-accent-foreground",
         "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
         "hover:bg-accent/50 transition-colors",
-        d && "bg-accent text-accent-foreground font-semibold",
+        c && "bg-accent text-accent-foreground font-semibold",
         t
       ),
       onMouseDown: (s) => {
         s.preventDefault(), p == null || p(s);
       },
-      onClick: a ? void 0 : () => r == null ? void 0 : r(),
+      onClick: i ? void 0 : () => r == null ? void 0 : r(),
       onKeyDown: (s) => {
-        !a && s.key === "Enter" && (s.preventDefault(), r == null || r()), l == null || l(s);
+        !i && s.key === "Enter" && (s.preventDefault(), r == null || r()), l == null || l(s);
       },
-      ...w
+      ...k
     }
   )
 );
-_.displayName = "CommandItem";
-const z = v.forwardRef(
-  ({ className: t, isOpen: r, children: p, placeholder: l, hasValue: a, ...d }, g) => /* @__PURE__ */ n(
+O.displayName = "CommandItem";
+const E = L.forwardRef(
+  ({ className: t, isOpen: r, children: p, placeholder: l, hasValue: i, ...c }, g) => /* @__PURE__ */ n(
     "button",
     {
       ref: g,
@@ -178,22 +198,22 @@ const z = v.forwardRef(
       role: "combobox",
       "aria-expanded": r,
       "aria-haspopup": "listbox",
-      className: k(
+      className: y(
         "flex h-12 w-full items-center justify-between gap-3 rounded-xl border border-input bg-background px-4 py-2 text-sm ring-offset-background",
         "placeholder:text-muted-foreground",
         "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",
-        !a && "text-muted-foreground",
+        !i && "text-muted-foreground",
         t
       ),
-      ...d,
+      ...c,
       children: [
         /* @__PURE__ */ e("span", { className: "flex min-w-0 flex-1 items-center gap-2 truncate", children: p || /* @__PURE__ */ e("span", { children: l }) }),
         /* @__PURE__ */ e(
           "svg",
           {
-            className: k(
+            className: y(
               "h-4 w-4 shrink-0 text-muted-foreground/60 transition-transform duration-200",
               r && "rotate-180"
             ),
@@ -210,65 +230,65 @@ const z = v.forwardRef(
     }
   )
 );
-z.displayName = "PickerTrigger";
-const j = v.forwardRef(
-  ({ label: t, trigger: r, children: p, open: l, onOpenChange: a, className: d }, g) => /* @__PURE__ */ n("div", { ref: g, className: k("flex flex-col gap-0", d), children: [
-    t && /* @__PURE__ */ e(E, { children: t }),
-    /* @__PURE__ */ n(J, { open: l, onOpenChange: a, children: [
-      /* @__PURE__ */ e(Y, { asChild: !0, children: r }),
-      /* @__PURE__ */ e(M, { className: "p-0", children: p })
+E.displayName = "PickerTrigger";
+const T = L.forwardRef(
+  ({ label: t, trigger: r, children: p, open: l, onOpenChange: i, className: c }, g) => /* @__PURE__ */ n("div", { ref: g, className: y("flex flex-col gap-0", c), children: [
+    t && /* @__PURE__ */ e(q, { children: t }),
+    /* @__PURE__ */ n(Y, { open: l, onOpenChange: i, children: [
+      /* @__PURE__ */ e(Z, { asChild: !0, children: r }),
+      /* @__PURE__ */ e(D, { className: "p-0", children: p })
     ] })
   ] })
 );
-j.displayName = "BasePicker";
-const D = v.forwardRef(
+T.displayName = "BasePicker";
+const M = L.forwardRef(
   ({
     value: t,
     onRemove: r,
     onClear: p,
     isOpen: l,
-    placeholder: a,
-    renderChip: d,
+    placeholder: i,
+    renderChip: c,
     maxVisible: g = 3,
-    className: w,
+    className: k,
     disabled: x,
     ...s
-  }, c) => {
+  }, d) => {
     const u = t.slice(0, g), N = t.length - g;
     return /* @__PURE__ */ n(
       "button",
       {
-        ref: c,
+        ref: d,
         type: "button",
         "aria-haspopup": "listbox",
         "aria-expanded": l,
         disabled: x,
-        className: k(
+        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",
           l && "ring-2 ring-ring ring-offset-2",
-          w
+          k
         ),
         ...s,
         children: [
-          /* @__PURE__ */ e("div", { className: "flex flex-1 flex-wrap gap-1.5 min-w-0 items-center", children: t.length === 0 ? /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: a }) : /* @__PURE__ */ n(R, { children: [
-            u.map((h, b) => /* @__PURE__ */ n(
+          /* @__PURE__ */ e("div", { className: "flex flex-1 flex-wrap gap-1.5 min-w-0 items-center", children: t.length === 0 ? /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: i }) : /* @__PURE__ */ n(R, { children: [
+            u.map((f, b) => /* @__PURE__ */ n(
               "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: [
-                  d(h),
+                  c(f),
                   /* @__PURE__ */ e(
                     "span",
                     {
                       role: "button",
                       tabIndex: x ? -1 : 0,
                       onClick: (m) => {
-                        m.stopPropagation(), x || r(h, m);
+                        m.stopPropagation(), x || r(f, m);
                       },
                       onKeyDown: (m) => {
-                        (m.key === "Enter" || m.key === " ") && (m.preventDefault(), m.stopPropagation(), x || r(h, m));
+                        (m.key === "Enter" || m.key === " ") && (m.preventDefault(), m.stopPropagation(), x || r(f, m));
                       },
                       className: "ml-0.5 rounded-full text-primary/60 hover:text-primary transition-colors cursor-pointer",
                       "aria-label": "Remove",
@@ -282,7 +302,7 @@ const D = v.forwardRef(
               },
               b
             )),
-            N > 0 && /* @__PURE__ */ n(L, { className: "bg-muted text-muted-foreground/80 px-2", children: [
+            N > 0 && /* @__PURE__ */ n(v, { className: "bg-muted text-muted-foreground/80 px-2", children: [
               "+",
               N
             ] })
@@ -293,11 +313,11 @@ const D = v.forwardRef(
               {
                 role: "button",
                 tabIndex: x ? -1 : 0,
-                onClick: (h) => {
-                  h.stopPropagation(), x || p(h);
+                onClick: (f) => {
+                  f.stopPropagation(), x || p(f);
                 },
-                onKeyDown: (h) => {
-                  (h.key === "Enter" || h.key === " ") && (h.preventDefault(), h.stopPropagation(), x || p(h));
+                onKeyDown: (f) => {
+                  (f.key === "Enter" || f.key === " ") && (f.preventDefault(), f.stopPropagation(), x || 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",
@@ -310,7 +330,7 @@ const D = v.forwardRef(
             /* @__PURE__ */ e(
               "svg",
               {
-                className: k("h-4 w-4 text-muted-foreground/60 transition-transform duration-200", l && "rotate-180"),
+                className: y("h-4 w-4 text-muted-foreground/60 transition-transform duration-200", l && "rotate-180"),
                 viewBox: "0 0 20 20",
                 fill: "none",
                 stroke: "currentColor",
@@ -326,42 +346,42 @@ const D = v.forwardRef(
     );
   }
 );
-D.displayName = "MultiSelectTrigger";
-function me({
+M.displayName = "MultiSelectTrigger";
+function pe({
   value: t,
   onChange: r,
   placeholder: p = "Select a country...",
   searchable: l = !0,
-  showFlag: a = !0,
-  showPhoneCode: d = !1,
+  showFlag: i = !0,
+  showPhoneCode: c = !1,
   disabled: g = !1,
-  className: w,
+  className: k,
   label: x
 }) {
-  const [s, c] = C(!1), [u, N] = C(""), h = u ? G(u) : W(), b = (m) => {
-    const i = W().find(
-      (f) => f.iso2.toLowerCase() === m.toLowerCase()
+  const [s, d] = w(!1), [u, N] = w(""), f = u ? H(u) : Q(), b = (m) => {
+    const a = Q().find(
+      (h) => h.iso2.toLowerCase() === m.toLowerCase()
     );
-    i && (r(i), c(!1), N(""));
+    a && (r(a), d(!1), N(""));
   };
   return /* @__PURE__ */ e(
-    j,
+    T,
     {
       label: x,
-      className: w,
+      className: k,
       open: s,
-      onOpenChange: c,
+      onOpenChange: d,
       trigger: /* @__PURE__ */ e(
-        z,
+        E,
         {
           isOpen: s,
           hasValue: !!t,
           placeholder: p,
           disabled: g,
           children: t && /* @__PURE__ */ n(R, { children: [
-            a && /* @__PURE__ */ e("span", { className: "text-lg leading-none", children: t.flag }),
+            i && /* @__PURE__ */ e(j, { iso2: t.iso2, flag: t.flag, flagUrl: t.flag_url }),
             /* @__PURE__ */ e("span", { className: "flex-1 text-start truncate", children: t.name }),
-            d && /* @__PURE__ */ n(L, { children: [
+            c && /* @__PURE__ */ n(v, { children: [
               "+",
               t.phone_code
             ] })
@@ -377,20 +397,20 @@ function me({
             onValueChange: N
           }
         ),
-        /* @__PURE__ */ n(B, { children: [
-          h.length === 0 && /* @__PURE__ */ n(O, { children: [
+        /* @__PURE__ */ n(_, { children: [
+          f.length === 0 && /* @__PURE__ */ n(B, { children: [
             /* @__PURE__ */ e("span", { className: "text-2xl opacity-40", children: "🌍" }),
             /* @__PURE__ */ e("span", { children: "No countries found" })
           ] }),
-          h.map((m) => {
-            const i = (t == null ? void 0 : t.iso2) === m.iso2;
+          f.map((m) => {
+            const a = (t == null ? void 0 : t.iso2) === m.iso2;
             return /* @__PURE__ */ n(
-              _,
+              O,
               {
                 onSelect: () => b(m.iso2),
-                selected: i,
+                selected: a,
                 children: [
-                  a && /* @__PURE__ */ e("span", { className: "text-lg leading-none", children: m.flag }),
+                  i && /* @__PURE__ */ e(j, { iso2: m.iso2, flag: m.flag, flagUrl: m.flag_url }),
                   /* @__PURE__ */ n("div", { className: "flex flex-1 flex-col gap-0 min-w-0", children: [
                     /* @__PURE__ */ e("span", { className: "truncate font-medium", children: m.name }),
                     /* @__PURE__ */ n("span", { className: "text-[0.7rem] text-muted-foreground", children: [
@@ -400,11 +420,11 @@ function me({
                     ] })
                   ] }),
                   /* @__PURE__ */ n("div", { className: "flex items-center gap-1.5 ml-auto shrink-0", children: [
-                    d && /* @__PURE__ */ n("span", { className: "text-[0.7rem] text-muted-foreground tabular-nums bg-muted px-1.5 py-0.5 rounded", children: [
+                    c && /* @__PURE__ */ n("span", { className: "text-[0.7rem] text-muted-foreground tabular-nums bg-muted px-1.5 py-0.5 rounded", children: [
                       "+",
                       m.phone_code
                     ] }),
-                    i && /* @__PURE__ */ e(T, {})
+                    a && /* @__PURE__ */ e(z, {})
                   ] })
                 ]
               },
@@ -416,53 +436,53 @@ function me({
     }
   );
 }
-function pe({
+function fe({
   value: t,
   onChange: r,
   placeholder: p = "Select a currency...",
   searchable: l = !0,
-  showSymbol: a = !0,
-  countryIso2: d,
+  showSymbol: i = !0,
+  countryIso2: c,
   autoSelect: g = !0,
-  disabled: w = !1,
+  disabled: k = !1,
   className: x,
   label: s
 }) {
-  const [c, u] = C(!1), [N, h] = C("");
-  F(() => {
-    if (d && g && !t) {
-      const f = $(d);
-      f && r(f);
+  const [d, u] = w(!1), [N, f] = w("");
+  G(() => {
+    if (c && g && !t) {
+      const h = U(c);
+      h && r(h);
     }
-  }, [d, g, t, r]);
-  const m = N ? H(N, d) : (() => {
-    if (d) {
-      const f = $(d);
-      return f ? [f] : [];
+  }, [c, g, t, r]);
+  const m = N ? J(N, c) : (() => {
+    if (c) {
+      const h = U(c);
+      return h ? [h] : [];
     }
-    return q();
-  })(), i = (f) => {
-    const o = q().find(
-      (y) => y.code.toLowerCase() === f.toLowerCase()
+    return W();
+  })(), a = (h) => {
+    const o = W().find(
+      (C) => C.code.toLowerCase() === h.toLowerCase()
     );
-    o && (r(o), u(!1), h(""));
+    o && (r(o), u(!1), f(""));
   };
   return /* @__PURE__ */ e(
-    j,
+    T,
     {
       label: s,
       className: x,
-      open: c,
+      open: d,
       onOpenChange: u,
       trigger: /* @__PURE__ */ e(
-        z,
+        E,
         {
-          isOpen: c,
+          isOpen: d,
           hasValue: !!t,
           placeholder: p,
-          disabled: w,
+          disabled: k,
           children: t && /* @__PURE__ */ n(R, { children: [
-            a && /* @__PURE__ */ e("span", { className: "min-w-[1.5rem] text-center font-bold text-primary text-base", children: t.symbol }),
+            i && /* @__PURE__ */ e("span", { className: "min-w-[1.5rem] text-center font-bold text-primary text-base", children: t.symbol }),
             /* @__PURE__ */ n("span", { className: "flex-1 text-start truncate", children: [
               t.code,
               " — ",
@@ -477,31 +497,31 @@ function pe({
           {
             placeholder: "Search currency...",
             value: N,
-            onValueChange: h
+            onValueChange: f
           }
         ),
-        /* @__PURE__ */ n(B, { children: [
-          m.length === 0 && /* @__PURE__ */ n(O, { children: [
+        /* @__PURE__ */ n(_, { children: [
+          m.length === 0 && /* @__PURE__ */ n(B, { children: [
             /* @__PURE__ */ e("span", { className: "text-2xl opacity-40", children: "💰" }),
             /* @__PURE__ */ e("span", { children: "No currencies found" })
           ] }),
-          m.map((f) => {
-            const o = (t == null ? void 0 : t.code) === f.code;
+          m.map((h) => {
+            const o = (t == null ? void 0 : t.code) === h.code;
             return /* @__PURE__ */ n(
-              _,
+              O,
               {
-                onSelect: () => i(f.code),
+                onSelect: () => a(h.code),
                 selected: o,
                 children: [
-                  a && /* @__PURE__ */ e("span", { className: "min-w-[1.5rem] text-center font-bold text-primary", children: f.symbol }),
+                  i && /* @__PURE__ */ e("span", { className: "min-w-[1.5rem] text-center font-bold text-primary", children: h.symbol }),
                   /* @__PURE__ */ n("div", { className: "flex flex-1 flex-col gap-0 min-w-0", children: [
-                    /* @__PURE__ */ e("span", { className: "truncate font-medium", children: f.name }),
-                    /* @__PURE__ */ e("span", { className: "text-[0.7rem] text-muted-foreground", children: f.code })
+                    /* @__PURE__ */ e("span", { className: "truncate font-medium", children: h.name }),
+                    /* @__PURE__ */ e("span", { className: "text-[0.7rem] text-muted-foreground", children: h.code })
                   ] }),
-                  o && /* @__PURE__ */ e(T, { className: "ml-auto shrink-0" })
+                  o && /* @__PURE__ */ e(z, { className: "ml-auto shrink-0" })
                 ]
               },
-              f.code
+              h.code
             );
           })
         ] })
@@ -514,32 +534,32 @@ function he({
   onChange: r,
   placeholder: p = "Select a timezone...",
   searchable: l = !0,
-  countryIso2: a,
-  autoSelect: d = !0,
+  countryIso2: i,
+  autoSelect: c = !0,
   disabled: g = !1,
-  className: w,
+  className: k,
   label: x
 }) {
-  const [s, c] = C(!1), [u, N] = C("");
-  F(() => {
-    if (a && d && !t) {
-      const i = A(a);
-      i && i.length > 0 && r(i[0]);
+  const [s, d] = w(!1), [u, N] = w("");
+  G(() => {
+    if (i && c && !t) {
+      const a = $(i);
+      a && a.length > 0 && r(a[0]);
     }
-  }, [a, d, t, r]);
-  const h = a ? A(a) : ee(), b = u ? te(u, a) : h, m = (i) => {
-    const f = h.find((o) => o.name === i);
-    f && (r(f), c(!1), N(""));
+  }, [i, c, t, r]);
+  const f = i ? $(i) : te(), b = u ? ne(u, i) : f, m = (a) => {
+    const h = f.find((o) => o.name === a);
+    h && (r(h), d(!1), N(""));
   };
   return /* @__PURE__ */ e(
-    j,
+    T,
     {
       label: x,
-      className: w,
+      className: k,
       open: s,
-      onOpenChange: c,
+      onOpenChange: d,
       trigger: /* @__PURE__ */ e(
-        z,
+        E,
         {
           isOpen: s,
           hasValue: !!t,
@@ -547,7 +567,7 @@ function he({
           disabled: g,
           children: t && /* @__PURE__ */ n(R, { children: [
             /* @__PURE__ */ e("span", { className: "flex-1 text-start truncate", children: t.name }),
-            /* @__PURE__ */ e(L, { children: t.offset_name })
+            /* @__PURE__ */ e(v, { children: t.offset_name })
           ] })
         }
       ),
@@ -560,34 +580,34 @@ function he({
             onValueChange: N
           }
         ),
-        /* @__PURE__ */ n(B, { children: [
-          b.length === 0 && /* @__PURE__ */ n(O, { children: [
+        /* @__PURE__ */ n(_, { children: [
+          b.length === 0 && /* @__PURE__ */ n(B, { children: [
             /* @__PURE__ */ e("span", { className: "text-2xl opacity-40", children: "🕐" }),
             /* @__PURE__ */ e("span", { children: "No timezones found" })
           ] }),
-          b.map((i) => {
-            const f = (t == null ? void 0 : t.name) === i.name;
+          b.map((a) => {
+            const h = (t == null ? void 0 : t.name) === a.name;
             return /* @__PURE__ */ n(
-              _,
+              O,
               {
-                onSelect: () => m(i.name),
-                selected: f,
+                onSelect: () => m(a.name),
+                selected: h,
                 children: [
                   /* @__PURE__ */ n("div", { className: "flex flex-1 flex-col gap-0 min-w-0", children: [
-                    /* @__PURE__ */ e("span", { className: "truncate font-medium", children: i.name }),
+                    /* @__PURE__ */ e("span", { className: "truncate font-medium", children: a.name }),
                     /* @__PURE__ */ n("span", { className: "text-[0.7rem] text-muted-foreground", children: [
-                      i.tzName,
+                      a.tzName,
                       " · ",
-                      i.abbreviation
+                      a.abbreviation
                     ] })
                   ] }),
                   /* @__PURE__ */ n("div", { className: "flex items-center gap-1.5 ml-auto shrink-0", children: [
-                    /* @__PURE__ */ e(L, { className: "tabular-nums text-[0.65rem]", children: i.offset_name }),
-                    f && /* @__PURE__ */ e(T, {})
+                    /* @__PURE__ */ e(v, { className: "tabular-nums text-[0.65rem]", children: a.offset_name }),
+                    h && /* @__PURE__ */ e(z, {})
                   ] })
                 ]
               },
-              i.name
+              a.name
             );
           })
         ] })
@@ -595,39 +615,39 @@ function he({
     }
   );
 }
-function fe({
+function ue({
   value: t,
   onChange: r,
   placeholder: p = "Select a language...",
   searchable: l = !0,
-  showNativeName: a = !0,
-  disabled: d = !1,
+  showNativeName: i = !0,
+  disabled: c = !1,
   className: g,
-  label: w
+  label: k
 }) {
-  const [x, s] = C(!1), [c, u] = C(""), N = c ? ne(c) : I(), h = (b) => {
+  const [x, s] = w(!1), [d, u] = w(""), N = d ? re(d) : I(), f = (b) => {
     const m = I().find(
-      (i) => i.code.toLowerCase() === b.toLowerCase()
+      (a) => a.code.toLowerCase() === b.toLowerCase()
     );
     m && (r(m), s(!1), u(""));
   };
   return /* @__PURE__ */ e(
-    j,
+    T,
     {
-      label: w,
+      label: k,
       className: g,
       open: x,
       onOpenChange: s,
       trigger: /* @__PURE__ */ e(
-        z,
+        E,
         {
           isOpen: x,
           hasValue: !!t,
           placeholder: p,
-          disabled: d,
+          disabled: c,
           children: t && /* @__PURE__ */ n(R, { children: [
             /* @__PURE__ */ e("span", { className: "flex-1 text-start truncate", children: t.english_name }),
-            a && t.native_name !== t.english_name && /* @__PURE__ */ e("span", { className: "text-xs italic text-muted-foreground shrink-0", children: t.native_name })
+            i && t.native_name !== t.english_name && /* @__PURE__ */ e("span", { className: "text-xs italic text-muted-foreground shrink-0", children: t.native_name })
           ] })
         }
       ),
@@ -636,30 +656,30 @@ function fe({
           S,
           {
             placeholder: "Search language...",
-            value: c,
+            value: d,
             onValueChange: u
           }
         ),
-        /* @__PURE__ */ n(B, { children: [
-          N.length === 0 && /* @__PURE__ */ n(O, { children: [
+        /* @__PURE__ */ n(_, { children: [
+          N.length === 0 && /* @__PURE__ */ n(B, { children: [
             /* @__PURE__ */ e("span", { className: "text-2xl opacity-40", children: "🌐" }),
             /* @__PURE__ */ e("span", { children: "No languages found" })
           ] }),
           N.map((b) => {
             const m = (t == null ? void 0 : t.code) === b.code;
             return /* @__PURE__ */ n(
-              _,
+              O,
               {
-                onSelect: () => h(b.code),
+                onSelect: () => f(b.code),
                 selected: m,
                 children: [
                   /* @__PURE__ */ n("div", { className: "flex flex-1 flex-col gap-0 min-w-0", children: [
                     /* @__PURE__ */ e("span", { className: "truncate font-medium", children: b.english_name }),
-                    a && b.native_name !== b.english_name && /* @__PURE__ */ e("span", { className: "text-[0.7rem] text-muted-foreground italic", children: b.native_name })
+                    i && b.native_name !== b.english_name && /* @__PURE__ */ e("span", { className: "text-[0.7rem] text-muted-foreground italic", children: b.native_name })
                   ] }),
                   /* @__PURE__ */ n("div", { className: "flex items-center gap-1.5 ml-auto shrink-0", children: [
-                    /* @__PURE__ */ e(L, { className: "text-[0.6rem]", children: b.code }),
-                    m && /* @__PURE__ */ e(T, {})
+                    /* @__PURE__ */ e(v, { className: "text-[0.6rem]", children: b.code }),
+                    m && /* @__PURE__ */ e(z, {})
                   ] })
                 ]
               },
@@ -671,31 +691,31 @@ function fe({
     }
   );
 }
-function ue({
+function ge({
   countryIso2: t,
   value: r,
   onChange: p,
   placeholder: l = "Select a division...",
-  searchable: a = !0,
-  disabled: d = !1,
+  searchable: i = !0,
+  disabled: c = !1,
   className: g,
-  label: w
+  label: k
 }) {
-  const [x, s] = C(!1), [c, u] = C(""), N = re(t), h = c ? N.filter(
-    (i) => i.name.toLowerCase().includes(c.toLowerCase()) || i.iso2.toLowerCase().includes(c.toLowerCase()) || i.timezone.toLowerCase().includes(c.toLowerCase())
-  ) : N, b = d || !t || N.length === 0, m = (i) => {
-    const f = N.find((o) => o.name === i);
-    f && (p(f), s(!1), u(""));
+  const [x, s] = w(!1), [d, u] = w(""), N = oe(t), f = d ? N.filter(
+    (a) => a.name.toLowerCase().includes(d.toLowerCase()) || a.iso2.toLowerCase().includes(d.toLowerCase()) || a.timezone.toLowerCase().includes(d.toLowerCase())
+  ) : N, b = c || !t || N.length === 0, m = (a) => {
+    const h = N.find((o) => o.name === a);
+    h && (p(h), s(!1), u(""));
   };
   return /* @__PURE__ */ e(
-    j,
+    T,
     {
-      label: w,
+      label: k,
       className: g,
       open: x,
-      onOpenChange: (i) => !b && s(i),
+      onOpenChange: (a) => !b && s(a),
       trigger: /* @__PURE__ */ e(
-        z,
+        E,
         {
           isOpen: x,
           hasValue: !!r,
@@ -703,43 +723,43 @@ function ue({
           disabled: b,
           children: r && /* @__PURE__ */ n(R, { children: [
             /* @__PURE__ */ e("span", { className: "flex-1 text-start truncate", children: r.name }),
-            /* @__PURE__ */ e(L, { children: r.iso2 })
+            /* @__PURE__ */ e(v, { children: r.iso2 })
           ] })
         }
       ),
       children: /* @__PURE__ */ n(P, { children: [
-        a && /* @__PURE__ */ e(
+        i && /* @__PURE__ */ e(
           S,
           {
             placeholder: "Search division...",
-            value: c,
+            value: d,
             onValueChange: u
           }
         ),
-        /* @__PURE__ */ n(B, { children: [
-          h.length === 0 && /* @__PURE__ */ n(O, { children: [
+        /* @__PURE__ */ n(_, { children: [
+          f.length === 0 && /* @__PURE__ */ n(B, { children: [
             /* @__PURE__ */ e("span", { className: "text-2xl opacity-40", children: "🗺️" }),
             /* @__PURE__ */ e("span", { children: "No divisions found" })
           ] }),
-          h.map((i) => {
-            const f = (r == null ? void 0 : r.iso2) === i.iso2 && (r == null ? void 0 : r.name) === i.name;
+          f.map((a) => {
+            const h = (r == null ? void 0 : r.iso2) === a.iso2 && (r == null ? void 0 : r.name) === a.name;
             return /* @__PURE__ */ n(
-              _,
+              O,
               {
-                onSelect: () => m(i.name),
-                selected: f,
+                onSelect: () => m(a.name),
+                selected: h,
                 children: [
                   /* @__PURE__ */ n("div", { className: "flex flex-1 flex-col gap-0 min-w-0", children: [
-                    /* @__PURE__ */ e("span", { className: "truncate font-medium", children: i.name }),
-                    /* @__PURE__ */ e("span", { className: "text-[0.7rem] text-muted-foreground truncate", children: i.timezone })
+                    /* @__PURE__ */ e("span", { className: "truncate font-medium", children: a.name }),
+                    /* @__PURE__ */ e("span", { className: "text-[0.7rem] text-muted-foreground truncate", children: a.timezone })
                   ] }),
                   /* @__PURE__ */ n("div", { className: "flex items-center gap-1.5 ml-auto shrink-0", children: [
-                    /* @__PURE__ */ e(L, { children: i.iso2 }),
-                    f && /* @__PURE__ */ e(T, {})
+                    /* @__PURE__ */ e(v, { children: a.iso2 }),
+                    h && /* @__PURE__ */ e(z, {})
                   ] })
                 ]
               },
-              `${i.iso2}-${i.name}`
+              `${a.iso2}-${a.name}`
             );
           })
         ] })
@@ -747,53 +767,53 @@ function ue({
     }
   );
 }
-const se = v.forwardRef(
+const ie = L.forwardRef(
   ({
     value: t,
     onChange: r,
     defaultCountryIso2: p = "US",
     placeholder: l = "Phone number",
-    showFlag: a = !0,
-    disabled: d = !1,
+    showFlag: i = !0,
+    disabled: c = !1,
     className: g,
-    label: w
+    label: k
   }, x) => {
-    const s = oe(t, r, p);
-    return /* @__PURE__ */ n("div", { ref: x, className: k("flex flex-col gap-0", g), children: [
-      w && /* @__PURE__ */ e(E, { children: w }),
+    const s = se(t, r, p);
+    return /* @__PURE__ */ n("div", { ref: x, className: y("flex flex-col gap-0", g), children: [
+      k && /* @__PURE__ */ e(q, { children: k }),
       /* @__PURE__ */ n(
         "div",
         {
-          className: k(
+          className: y(
             "flex h-12 items-stretch overflow-hidden rounded-xl border border-input bg-background ring-offset-background",
             "focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
             "transition-shadow",
-            d && "opacity-50 pointer-events-none"
+            c && "opacity-50 pointer-events-none"
           ),
           children: [
             /* @__PURE__ */ n(
-              J,
+              Y,
               {
                 open: s.isOpen,
-                onOpenChange: (c) => c ? s.toggle() : s.close(),
+                onOpenChange: (d) => d ? s.toggle() : s.close(),
                 children: [
-                  /* @__PURE__ */ e(Y, { asChild: !0, children: /* @__PURE__ */ n(
+                  /* @__PURE__ */ e(Z, { asChild: !0, children: /* @__PURE__ */ n(
                     "button",
                     {
                       type: "button",
-                      disabled: d,
-                      className: k(
+                      disabled: c,
+                      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: [
-                        a && s.country && /* @__PURE__ */ e("span", { className: "text-lg leading-none", children: s.country.flag }),
+                        i && s.country && /* @__PURE__ */ e(j, { iso2: s.country.iso2, flag: s.country.flag, flagUrl: s.country.flag_url }),
                         /* @__PURE__ */ e("span", { className: "tabular-nums text-primary", children: s.country ? `+${s.country.phone_code}` : "+?" }),
                         /* @__PURE__ */ e(
                           "svg",
                           {
-                            className: k(
+                            className: y(
                               "h-3.5 w-3.5 shrink-0 text-muted-foreground transition-transform duration-200",
                               s.isOpen && "rotate-180"
                             ),
@@ -809,7 +829,7 @@ const se = v.forwardRef(
                     }
                   ) }),
                   /* @__PURE__ */ e(
-                    M,
+                    D,
                     {
                       align: "start",
                       side: "bottom",
@@ -824,29 +844,29 @@ const se = v.forwardRef(
                             onValueChange: s.setSearchQuery
                           }
                         ),
-                        /* @__PURE__ */ n(B, { children: [
-                          s.filteredCountries.length === 0 && /* @__PURE__ */ n(O, { children: [
+                        /* @__PURE__ */ n(_, { children: [
+                          s.filteredCountries.length === 0 && /* @__PURE__ */ n(B, { children: [
                             /* @__PURE__ */ e("span", { className: "text-2xl opacity-40", children: "🌍" }),
                             /* @__PURE__ */ e("span", { children: "No countries found" })
                           ] }),
-                          s.filteredCountries.map((c) => {
+                          s.filteredCountries.map((d) => {
                             var N;
-                            const u = ((N = s.country) == null ? void 0 : N.iso2) === c.iso2;
+                            const u = ((N = s.country) == null ? void 0 : N.iso2) === d.iso2;
                             return /* @__PURE__ */ n(
-                              _,
+                              O,
                               {
-                                onSelect: () => s.selectCountry(c),
+                                onSelect: () => s.selectCountry(d),
                                 selected: u,
                                 children: [
-                                  /* @__PURE__ */ e("span", { className: "text-lg leading-none", children: c.flag }),
-                                  /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col min-w-0", children: /* @__PURE__ */ e("span", { className: "truncate font-medium text-sm", children: c.name }) }),
-                                  /* @__PURE__ */ n(L, { className: "ml-auto tabular-nums text-[0.7rem]", children: [
+                                  /* @__PURE__ */ e(j, { iso2: d.iso2, flag: d.flag, flagUrl: d.flag_url }),
+                                  /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col min-w-0", children: /* @__PURE__ */ e("span", { className: "truncate font-medium text-sm", children: d.name }) }),
+                                  /* @__PURE__ */ n(v, { className: "ml-auto tabular-nums text-[0.7rem]", children: [
                                     "+",
-                                    c.phone_code
+                                    d.phone_code
                                   ] })
                                 ]
                               },
-                              c.iso2
+                              d.iso2
                             );
                           })
                         ] })
@@ -861,14 +881,14 @@ const se = v.forwardRef(
               {
                 type: "tel",
                 value: s.number,
-                onChange: (c) => s.setNumber(c.target.value),
+                onChange: (d) => s.setNumber(d.target.value),
                 placeholder: l,
-                disabled: d,
+                disabled: c,
                 minLength: s.minLength,
                 maxLength: s.maxLength,
                 inputMode: "numeric",
                 autoComplete: "tel-national",
-                className: k(
+                className: y(
                   "flex-1 min-w-0 bg-transparent px-3 text-sm text-foreground",
                   "placeholder:text-muted-foreground",
                   "focus:outline-none"
@@ -886,74 +906,74 @@ const se = v.forwardRef(
     ] });
   }
 );
-se.displayName = "PhoneInput";
-const X = 3;
-function ge({
+ie.displayName = "PhoneInput";
+const F = 3;
+function xe({
   value: t,
   onChange: r,
   placeholder: p = "Select countries...",
   maxItems: l,
-  showFlags: a = !0,
-  searchable: d = !0,
+  showFlags: i = !0,
+  searchable: c = !0,
   disabled: g = !1,
-  className: w,
+  className: k,
   label: x
 }) {
-  const [s, c] = C(!1), [u, N] = C(""), h = u ? G(u) : W(), b = (o) => t.some((y) => y.iso2 === o.iso2), m = (o) => {
+  const [s, d] = w(!1), [u, N] = w(""), f = u ? H(u) : Q(), b = (o) => t.some((C) => C.iso2 === o.iso2), m = (o) => {
     if (b(o))
-      r(t.filter((y) => y.iso2 !== o.iso2));
+      r(t.filter((C) => C.iso2 !== o.iso2));
     else {
       if (l !== void 0 && t.length >= l) return;
       r([...t, o]);
     }
-  }, i = (o, y) => {
-    y.stopPropagation(), r(t.filter((Q) => Q.iso2 !== o.iso2));
-  }, f = (o) => {
+  }, a = (o, C) => {
+    C.stopPropagation(), r(t.filter((A) => A.iso2 !== o.iso2));
+  }, h = (o) => {
     o.stopPropagation(), r([]);
   };
-  return t.slice(0, X), t.length - X, /* @__PURE__ */ n(
-    j,
+  return t.slice(0, F), t.length - F, /* @__PURE__ */ n(
+    T,
     {
       label: x,
-      className: w,
+      className: k,
       open: s,
-      onOpenChange: c,
+      onOpenChange: d,
       trigger: /* @__PURE__ */ e(
-        D,
+        M,
         {
           value: t,
-          onRemove: i,
-          onClear: f,
+          onRemove: a,
+          onClear: h,
           isOpen: s,
           placeholder: p,
           disabled: g,
           renderChip: (o) => /* @__PURE__ */ n(R, { children: [
-            a && /* @__PURE__ */ e("span", { children: o.flag }),
+            i && /* @__PURE__ */ e(j, { iso2: o.iso2, flag: o.flag, flagUrl: o.flag_url }),
             /* @__PURE__ */ e("span", { className: "max-w-[80px] truncate", children: o.name })
           ] })
         }
       ),
       children: [
         /* @__PURE__ */ n(P, { children: [
-          d && /* @__PURE__ */ e(S, { placeholder: "Search countries...", value: u, onValueChange: N }),
-          /* @__PURE__ */ n(B, { children: [
-            h.length === 0 && /* @__PURE__ */ n(O, { children: [
+          c && /* @__PURE__ */ e(S, { placeholder: "Search countries...", value: u, onValueChange: N }),
+          /* @__PURE__ */ n(_, { children: [
+            f.length === 0 && /* @__PURE__ */ n(B, { children: [
               /* @__PURE__ */ e("span", { className: "text-2xl opacity-40", children: "🌍" }),
               /* @__PURE__ */ e("span", { children: "No countries found" })
             ] }),
-            h.map((o) => {
-              const y = b(o);
+            f.map((o) => {
+              const C = b(o);
               return /* @__PURE__ */ n(
-                _,
+                O,
                 {
                   onSelect: () => m(o),
-                  selected: y,
+                  selected: C,
                   children: [
-                    /* @__PURE__ */ e("div", { className: k(
+                    /* @__PURE__ */ e("div", { className: y(
                       "h-4 w-4 shrink-0 rounded-full border border-border flex items-center justify-center",
-                      y && "bg-primary border-primary"
-                    ), children: y && /* @__PURE__ */ e("svg", { className: "h-2.5 w-2.5 stroke-white", viewBox: "0 0 20 20", fill: "none", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ e("polyline", { points: "4 10 8 14 16 6" }) }) }),
-                    a && /* @__PURE__ */ e("span", { className: "text-lg leading-none", children: o.flag }),
+                      C && "bg-primary border-primary"
+                    ), children: C && /* @__PURE__ */ e("svg", { className: "h-2.5 w-2.5 stroke-white", viewBox: "0 0 20 20", fill: "none", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ e("polyline", { points: "4 10 8 14 16 6" }) }) }),
+                    i && /* @__PURE__ */ e(j, { iso2: o.iso2, flag: o.flag, flagUrl: o.flag_url }),
                     /* @__PURE__ */ n("div", { className: "flex flex-1 flex-col min-w-0", children: [
                       /* @__PURE__ */ e("span", { className: "truncate font-medium", children: o.name }),
                       /* @__PURE__ */ n("span", { className: "text-[0.7rem] text-muted-foreground", children: [
@@ -980,7 +1000,7 @@ function ge({
             {
               type: "button",
               onClick: () => {
-                r([]), c(!1);
+                r([]), d(!1);
               },
               className: "text-destructive hover:underline font-medium",
               children: "Clear all"
@@ -991,73 +1011,73 @@ function ge({
     }
   );
 }
-const U = 3;
-function xe({
+const X = 3;
+function Ne({
   value: t,
   onChange: r,
   placeholder: p = "Select currencies...",
   maxItems: l,
-  showSymbol: a = !0,
-  searchable: d = !0,
+  showSymbol: i = !0,
+  searchable: c = !0,
   disabled: g = !1,
-  className: w,
+  className: k,
   label: x
 }) {
-  const [s, c] = C(!1), [u, N] = C(""), h = u ? H(u) : q(), b = (o) => t.some((y) => y.code === o.code), m = (o) => {
+  const [s, d] = w(!1), [u, N] = w(""), f = u ? J(u) : W(), b = (o) => t.some((C) => C.code === o.code), m = (o) => {
     if (b(o))
-      r(t.filter((y) => y.code !== o.code));
+      r(t.filter((C) => C.code !== o.code));
     else {
       if (l !== void 0 && t.length >= l) return;
       r([...t, o]);
     }
-  }, i = (o, y) => {
-    y.stopPropagation(), r(t.filter((Q) => Q.code !== o.code));
-  }, f = (o) => {
+  }, a = (o, C) => {
+    C.stopPropagation(), r(t.filter((A) => A.code !== o.code));
+  }, h = (o) => {
     o.stopPropagation(), r([]);
   };
-  return t.slice(0, U), t.length - U, /* @__PURE__ */ n(
-    j,
+  return t.slice(0, X), t.length - X, /* @__PURE__ */ n(
+    T,
     {
       label: x,
-      className: w,
+      className: k,
       open: s,
-      onOpenChange: c,
+      onOpenChange: d,
       trigger: /* @__PURE__ */ e(
-        D,
+        M,
         {
           value: t,
-          onRemove: i,
-          onClear: f,
+          onRemove: a,
+          onClear: h,
           isOpen: s,
           placeholder: p,
           disabled: g,
           renderChip: (o) => /* @__PURE__ */ n(R, { children: [
-            a && /* @__PURE__ */ e("span", { className: "font-bold", children: o.symbol }),
+            i && /* @__PURE__ */ e("span", { className: "font-bold", children: o.symbol }),
             /* @__PURE__ */ e("span", { children: o.code })
           ] })
         }
       ),
       children: [
         /* @__PURE__ */ n(P, { children: [
-          d && /* @__PURE__ */ e(S, { placeholder: "Search currencies...", value: u, onValueChange: N }),
-          /* @__PURE__ */ n(B, { children: [
-            h.length === 0 && /* @__PURE__ */ n(O, { children: [
+          c && /* @__PURE__ */ e(S, { placeholder: "Search currencies...", value: u, onValueChange: N }),
+          /* @__PURE__ */ n(_, { children: [
+            f.length === 0 && /* @__PURE__ */ n(B, { children: [
               /* @__PURE__ */ e("span", { className: "text-2xl opacity-40", children: "💰" }),
               /* @__PURE__ */ e("span", { children: "No currencies found" })
             ] }),
-            h.map((o) => {
-              const y = b(o);
+            f.map((o) => {
+              const C = b(o);
               return /* @__PURE__ */ n(
-                _,
+                O,
                 {
                   onSelect: () => m(o),
-                  selected: y,
+                  selected: C,
                   children: [
-                    /* @__PURE__ */ e("div", { className: k(
+                    /* @__PURE__ */ e("div", { className: y(
                       "h-4 w-4 shrink-0 rounded-full border border-border flex items-center justify-center",
-                      y && "bg-primary border-primary"
-                    ), children: y && /* @__PURE__ */ e("svg", { className: "h-2.5 w-2.5 stroke-white", viewBox: "0 0 20 20", fill: "none", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ e("polyline", { points: "4 10 8 14 16 6" }) }) }),
-                    a && /* @__PURE__ */ e("span", { className: "min-w-[1.5rem] text-center font-bold text-primary", children: o.symbol }),
+                      C && "bg-primary border-primary"
+                    ), children: C && /* @__PURE__ */ e("svg", { className: "h-2.5 w-2.5 stroke-white", viewBox: "0 0 20 20", fill: "none", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ e("polyline", { points: "4 10 8 14 16 6" }) }) }),
+                    i && /* @__PURE__ */ e("span", { className: "min-w-[1.5rem] text-center font-bold text-primary", children: o.symbol }),
                     /* @__PURE__ */ n("div", { className: "flex flex-1 flex-col min-w-0", children: [
                       /* @__PURE__ */ e("span", { className: "truncate font-medium", children: o.name }),
                       /* @__PURE__ */ e("span", { className: "text-[0.7rem] text-muted-foreground", children: o.code })
@@ -1080,7 +1100,7 @@ function xe({
             {
               type: "button",
               onClick: () => {
-                r([]), c(!1);
+                r([]), d(!1);
               },
               className: "text-destructive hover:underline font-medium",
               children: "Clear all"
@@ -1092,50 +1112,50 @@ function xe({
   );
 }
 export {
-  L as Badge,
-  T as CheckIcon,
-  O as CommandEmpty,
+  v as Badge,
+  z as CheckIcon,
+  B as CommandEmpty,
   S as CommandInput,
-  _ as CommandItem,
-  B as CommandList,
+  O as CommandItem,
+  _ as CommandList,
   P as CommandRoot,
-  ge as CountryMultiSelect,
-  me as CountryPicker,
-  xe as CurrencyMultiSelect,
-  pe as CurrencyPicker,
-  ue as DivisionPicker,
-  fe as LanguagePicker,
-  se as PhoneInput,
-  z as PickerTrigger,
-  J as Popover,
-  M as PopoverContent,
-  Y as PopoverTrigger,
+  xe as CountryMultiSelect,
+  pe as CountryPicker,
+  Ne as CurrencyMultiSelect,
+  fe as CurrencyPicker,
+  ge as DivisionPicker,
+  ue as LanguagePicker,
+  ie as PhoneInput,
+  E as PickerTrigger,
+  Y as Popover,
+  D as PopoverContent,
+  Z as PopoverTrigger,
   he as TimezonePicker,
-  k as cn,
-  W as getAllCountries,
-  q as getAllCurrencies,
-  I as getAllLanguages,
-  ee as getAllTimezones,
-  ye as getCountryByIso2,
-  ke as getCountryByIso3,
-  we as getCountryByName,
-  Ce as getCurrencyByCode,
-  $ as getCurrencyByCountry,
-  re as getDivisionsByCountry,
-  ve as getLanguageByCode,
-  Le as getTimezoneByName,
-  A as getTimezonesByCountry,
-  Pe as iso2ToFlag,
-  G as searchCountries,
-  H as searchCurrencies,
-  ne as searchLanguages,
-  te as searchTimezones,
-  Se as useCountryPicker,
-  Be as useCurrencyPicker,
-  Oe as useDivisionPicker,
-  _e as useLanguagePicker,
-  Re as useMultiSelect,
-  oe as usePhoneInput,
-  je as useTimezonePicker
+  y as cn,
+  Ce as getAllCountries,
+  ke as getAllCurrencies,
+  we as getAllLanguages,
+  Le as getAllTimezones,
+  ve as getCountryByIso2,
+  Pe as getCountryByIso3,
+  Se as getCountryByName,
+  _e as getCurrencyByCode,
+  Be as getCurrencyByCountry,
+  Oe as getDivisionsByCountry,
+  Re as getLanguageByCode,
+  Te as getTimezoneByName,
+  je as getTimezonesByCountry,
+  ze as iso2ToFlag,
+  Ee as searchCountries,
+  Ve as searchCurrencies,
+  Ae as searchLanguages,
+  Qe as searchTimezones,
+  We as useCountryPicker,
+  qe as useCurrencyPicker,
+  De as useDivisionPicker,
+  Me as useLanguagePicker,
+  Ue as useMultiSelect,
+  $e as usePhoneInput,
+  Ie as useTimezonePicker
 };
 //# sourceMappingURL=ui.es.js.map