react-country-kit 1.1.0 → 1.1.2

package/dist/ui.es.js

@@ -1,1161 +0,0 @@
-import { jsx as e, jsxs as n, Fragment as R } from "react/jsx-runtime";
-import L, { useState as w, useEffect as G } from "react";
-import * as V from "@radix-ui/react-popover";
-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 Y = V.Root, Z = V.Trigger, z = ({ className: t }) => /* @__PURE__ */ e(
-  "svg",
-  {
-    className: y("h-4 w-4 text-primary", t),
-    viewBox: "0 0 20 20",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2.5",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    children: /* @__PURE__ */ e("polyline", { points: "4 10 8 14 16 6" })
-  }
-);
-z.displayName = "CheckIcon";
-const q = ({
-  children: t,
-  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: t
-  }
-);
-q.displayName = "FieldLabel";
-const v = ({ children: t, className: r }) => /* @__PURE__ */ e(
-  "span",
-  {
-    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
-  }
-);
-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: c,
-    align: r,
-    sideOffset: p,
-    onCloseAutoFocus: (g) => {
-      g.preventDefault(), l == null || l(g);
-    },
-    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",
-      t
-    ),
-    ...i
-  }
-) }));
-D.displayName = "PopoverContent";
-const P = L.forwardRef(({ className: t, ...r }, p) => /* @__PURE__ */ e(
-  "div",
-  {
-    ref: p,
-    className: y(
-      "flex h-full w-full flex-col overflow-hidden rounded-xl bg-popover text-popover-foreground",
-      t
-    ),
-    ...r
-  }
-));
-P.displayName = "CommandRoot";
-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: [
-    /* @__PURE__ */ n(
-      "svg",
-      {
-        className: "h-3.5 w-3.5 shrink-0 text-muted-foreground",
-        viewBox: "0 0 20 20",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "2",
-        children: [
-          /* @__PURE__ */ e("circle", { cx: "8.5", cy: "8.5", r: "5.5" }),
-          /* @__PURE__ */ e("path", { d: "M17 17l-4-4", strokeLinecap: "round" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(
-      "input",
-      {
-        ref: l,
-        type: "text",
-        autoComplete: "off",
-        autoCorrect: "off",
-        spellCheck: !1,
-        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: (i) => r == null ? void 0 : r(i.target.value),
-        ...p
-      }
-    )
-  ] }) })
-);
-S.displayName = "CommandInput";
-const _ = L.forwardRef(({ className: t, ...r }, p) => /* @__PURE__ */ e(
-  "div",
-  {
-    ref: p,
-    role: "listbox",
-    className: y("max-h-72 overflow-y-auto overflow-x-hidden p-1", t),
-    ...r
-  }
-));
-_.displayName = "CommandList";
-const B = L.forwardRef((t, r) => /* @__PURE__ */ e(
-  "div",
-  {
-    ref: r,
-    className: "flex flex-col items-center justify-center gap-1 py-8 text-sm text-muted-foreground",
-    ...t
-  }
-));
-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": 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",
-        c && "bg-accent text-accent-foreground font-semibold",
-        t
-      ),
-      onMouseDown: (s) => {
-        s.preventDefault(), p == null || p(s);
-      },
-      onClick: i ? void 0 : () => r == null ? void 0 : r(),
-      onKeyDown: (s) => {
-        !i && s.key === "Enter" && (s.preventDefault(), r == null || r()), l == null || l(s);
-      },
-      ...k
-    }
-  )
-);
-O.displayName = "CommandItem";
-const E = L.forwardRef(
-  ({ className: t, isOpen: r, children: p, placeholder: l, hasValue: i, ...c }, g) => /* @__PURE__ */ n(
-    "button",
-    {
-      ref: g,
-      type: "button",
-      role: "combobox",
-      "aria-expanded": r,
-      "aria-haspopup": "listbox",
-      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",
-        !i && "text-muted-foreground",
-        t
-      ),
-      ...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: y(
-              "h-4 w-4 shrink-0 text-muted-foreground/60 transition-transform duration-200",
-              r && "rotate-180"
-            ),
-            viewBox: "0 0 20 20",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2.5",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            children: /* @__PURE__ */ e("polyline", { points: "6 8 10 12 14 8" })
-          }
-        )
-      ]
-    }
-  )
-);
-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 })
-    ] })
-  ] })
-);
-T.displayName = "BasePicker";
-const M = L.forwardRef(
-  ({
-    value: t,
-    onRemove: r,
-    onClear: p,
-    isOpen: l,
-    placeholder: i,
-    renderChip: c,
-    maxVisible: g = 3,
-    className: k,
-    disabled: x,
-    ...s
-  }, d) => {
-    const u = t.slice(0, g), N = t.length - g;
-    return /* @__PURE__ */ n(
-      "button",
-      {
-        ref: d,
-        type: "button",
-        "aria-haspopup": "listbox",
-        "aria-expanded": l,
-        disabled: x,
-        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",
-          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: 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: [
-                  c(f),
-                  /* @__PURE__ */ e(
-                    "span",
-                    {
-                      role: "button",
-                      tabIndex: x ? -1 : 0,
-                      onClick: (m) => {
-                        m.stopPropagation(), x || r(f, m);
-                      },
-                      onKeyDown: (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",
-                      children: /* @__PURE__ */ n("svg", { width: "9", height: "9", viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", children: [
-                        /* @__PURE__ */ e("line", { x1: "5", y1: "5", x2: "15", y2: "15" }),
-                        /* @__PURE__ */ e("line", { x1: "15", y1: "5", x2: "5", y2: "15" })
-                      ] })
-                    }
-                  )
-                ]
-              },
-              b
-            )),
-            N > 0 && /* @__PURE__ */ n(v, { className: "bg-muted text-muted-foreground/80 px-2", children: [
-              "+",
-              N
-            ] })
-          ] }) }),
-          /* @__PURE__ */ n("div", { className: "flex shrink-0 items-center gap-1 ml-auto", children: [
-            t.length > 0 && /* @__PURE__ */ e(
-              "span",
-              {
-                role: "button",
-                tabIndex: x ? -1 : 0,
-                onClick: (f) => {
-                  f.stopPropagation(), x || p(f);
-                },
-                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",
-                children: /* @__PURE__ */ n("svg", { width: "14", height: "14", viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: [
-                  /* @__PURE__ */ e("line", { x1: "5", y1: "5", x2: "15", y2: "15" }),
-                  /* @__PURE__ */ e("line", { x1: "15", y1: "5", x2: "5", y2: "15" })
-                ] })
-              }
-            ),
-            /* @__PURE__ */ e(
-              "svg",
-              {
-                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",
-                strokeWidth: "2.5",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                children: /* @__PURE__ */ e("polyline", { points: "6 8 10 12 14 8" })
-              }
-            )
-          ] })
-        ]
-      }
-    );
-  }
-);
-M.displayName = "MultiSelectTrigger";
-function pe({
-  value: t,
-  onChange: r,
-  placeholder: p = "Select a country...",
-  searchable: l = !0,
-  showFlag: i = !0,
-  showPhoneCode: c = !1,
-  disabled: g = !1,
-  className: k,
-  label: x
-}) {
-  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()
-    );
-    a && (r(a), d(!1), N(""));
-  };
-  return /* @__PURE__ */ e(
-    T,
-    {
-      label: x,
-      className: k,
-      open: s,
-      onOpenChange: d,
-      trigger: /* @__PURE__ */ e(
-        E,
-        {
-          isOpen: s,
-          hasValue: !!t,
-          placeholder: p,
-          disabled: g,
-          children: t && /* @__PURE__ */ n(R, { children: [
-            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 }),
-            c && /* @__PURE__ */ n(v, { children: [
-              "+",
-              t.phone_code
-            ] })
-          ] })
-        }
-      ),
-      children: /* @__PURE__ */ n(P, { children: [
-        l && /* @__PURE__ */ e(
-          S,
-          {
-            placeholder: "Search country...",
-            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" })
-          ] }),
-          f.map((m) => {
-            const a = (t == null ? void 0 : t.iso2) === m.iso2;
-            return /* @__PURE__ */ n(
-              O,
-              {
-                onSelect: () => b(m.iso2),
-                selected: a,
-                children: [
-                  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: [
-                      m.iso3,
-                      " · ",
-                      m.division_type
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ n("div", { className: "flex items-center gap-1.5 ml-auto shrink-0", 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
-                    ] }),
-                    a && /* @__PURE__ */ e(z, {})
-                  ] })
-                ]
-              },
-              m.iso2
-            );
-          })
-        ] })
-      ] })
-    }
-  );
-}
-function fe({
-  value: t,
-  onChange: r,
-  placeholder: p = "Select a currency...",
-  searchable: l = !0,
-  showSymbol: i = !0,
-  countryIso2: c,
-  autoSelect: g = !0,
-  disabled: k = !1,
-  className: x,
-  label: s
-}) {
-  const [d, u] = w(!1), [N, f] = w("");
-  G(() => {
-    if (c && g && !t) {
-      const h = U(c);
-      h && r(h);
-    }
-  }, [c, g, t, r]);
-  const m = N ? J(N, c) : (() => {
-    if (c) {
-      const h = U(c);
-      return h ? [h] : [];
-    }
-    return W();
-  })(), a = (h) => {
-    const o = W().find(
-      (C) => C.code.toLowerCase() === h.toLowerCase()
-    );
-    o && (r(o), u(!1), f(""));
-  };
-  return /* @__PURE__ */ e(
-    T,
-    {
-      label: s,
-      className: x,
-      open: d,
-      onOpenChange: u,
-      trigger: /* @__PURE__ */ e(
-        E,
-        {
-          isOpen: d,
-          hasValue: !!t,
-          placeholder: p,
-          disabled: k,
-          children: t && /* @__PURE__ */ n(R, { children: [
-            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,
-              " — ",
-              t.name
-            ] })
-          ] })
-        }
-      ),
-      children: /* @__PURE__ */ n(P, { children: [
-        l && /* @__PURE__ */ e(
-          S,
-          {
-            placeholder: "Search currency...",
-            value: N,
-            onValueChange: f
-          }
-        ),
-        /* @__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((h) => {
-            const o = (t == null ? void 0 : t.code) === h.code;
-            return /* @__PURE__ */ n(
-              O,
-              {
-                onSelect: () => a(h.code),
-                selected: o,
-                children: [
-                  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: h.name }),
-                    /* @__PURE__ */ e("span", { className: "text-[0.7rem] text-muted-foreground", children: h.code })
-                  ] }),
-                  o && /* @__PURE__ */ e(z, { className: "ml-auto shrink-0" })
-                ]
-              },
-              h.code
-            );
-          })
-        ] })
-      ] })
-    }
-  );
-}
-function he({
-  value: t,
-  onChange: r,
-  placeholder: p = "Select a timezone...",
-  searchable: l = !0,
-  countryIso2: i,
-  autoSelect: c = !0,
-  disabled: g = !1,
-  className: k,
-  label: x
-}) {
-  const [s, d] = w(!1), [u, N] = w("");
-  G(() => {
-    if (i && c && !t) {
-      const a = $(i);
-      a && a.length > 0 && r(a[0]);
-    }
-  }, [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(
-    T,
-    {
-      label: x,
-      className: k,
-      open: s,
-      onOpenChange: d,
-      trigger: /* @__PURE__ */ e(
-        E,
-        {
-          isOpen: s,
-          hasValue: !!t,
-          placeholder: p,
-          disabled: g,
-          children: t && /* @__PURE__ */ n(R, { children: [
-            /* @__PURE__ */ e("span", { className: "flex-1 text-start truncate", children: t.name }),
-            /* @__PURE__ */ e(v, { children: t.offset_name })
-          ] })
-        }
-      ),
-      children: /* @__PURE__ */ n(P, { children: [
-        l && /* @__PURE__ */ e(
-          S,
-          {
-            placeholder: "Search timezone...",
-            value: u,
-            onValueChange: N
-          }
-        ),
-        /* @__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((a) => {
-            const h = (t == null ? void 0 : t.name) === a.name;
-            return /* @__PURE__ */ n(
-              O,
-              {
-                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: a.name }),
-                    /* @__PURE__ */ n("span", { className: "text-[0.7rem] text-muted-foreground", children: [
-                      a.tzName,
-                      " · ",
-                      a.abbreviation
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ n("div", { className: "flex items-center gap-1.5 ml-auto shrink-0", children: [
-                    /* @__PURE__ */ e(v, { className: "tabular-nums text-[0.65rem]", children: a.offset_name }),
-                    h && /* @__PURE__ */ e(z, {})
-                  ] })
-                ]
-              },
-              a.name
-            );
-          })
-        ] })
-      ] })
-    }
-  );
-}
-function ue({
-  value: t,
-  onChange: r,
-  placeholder: p = "Select a language...",
-  searchable: l = !0,
-  showNativeName: i = !0,
-  disabled: c = !1,
-  className: g,
-  label: k
-}) {
-  const [x, s] = w(!1), [d, u] = w(""), N = d ? re(d) : I(), f = (b) => {
-    const m = I().find(
-      (a) => a.code.toLowerCase() === b.toLowerCase()
-    );
-    m && (r(m), s(!1), u(""));
-  };
-  return /* @__PURE__ */ e(
-    T,
-    {
-      label: k,
-      className: g,
-      open: x,
-      onOpenChange: s,
-      trigger: /* @__PURE__ */ e(
-        E,
-        {
-          isOpen: x,
-          hasValue: !!t,
-          placeholder: p,
-          disabled: c,
-          children: t && /* @__PURE__ */ n(R, { children: [
-            /* @__PURE__ */ e("span", { className: "flex-1 text-start truncate", children: t.english_name }),
-            i && t.native_name !== t.english_name && /* @__PURE__ */ e("span", { className: "text-xs italic text-muted-foreground shrink-0", children: t.native_name })
-          ] })
-        }
-      ),
-      children: /* @__PURE__ */ n(P, { children: [
-        l && /* @__PURE__ */ e(
-          S,
-          {
-            placeholder: "Search language...",
-            value: d,
-            onValueChange: u
-          }
-        ),
-        /* @__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: () => 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 }),
-                    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(v, { className: "text-[0.6rem]", children: b.code }),
-                    m && /* @__PURE__ */ e(z, {})
-                  ] })
-                ]
-              },
-              b.code
-            );
-          })
-        ] })
-      ] })
-    }
-  );
-}
-function ge({
-  countryIso2: t,
-  value: r,
-  onChange: p,
-  placeholder: l = "Select a division...",
-  searchable: i = !0,
-  disabled: c = !1,
-  className: g,
-  label: k
-}) {
-  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(
-    T,
-    {
-      label: k,
-      className: g,
-      open: x,
-      onOpenChange: (a) => !b && s(a),
-      trigger: /* @__PURE__ */ e(
-        E,
-        {
-          isOpen: x,
-          hasValue: !!r,
-          placeholder: t ? l : "Select a country first",
-          disabled: b,
-          children: r && /* @__PURE__ */ n(R, { children: [
-            /* @__PURE__ */ e("span", { className: "flex-1 text-start truncate", children: r.name }),
-            /* @__PURE__ */ e(v, { children: r.iso2 })
-          ] })
-        }
-      ),
-      children: /* @__PURE__ */ n(P, { children: [
-        i && /* @__PURE__ */ e(
-          S,
-          {
-            placeholder: "Search division...",
-            value: d,
-            onValueChange: u
-          }
-        ),
-        /* @__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" })
-          ] }),
-          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(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: 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(v, { children: a.iso2 }),
-                    h && /* @__PURE__ */ e(z, {})
-                  ] })
-                ]
-              },
-              `${a.iso2}-${a.name}`
-            );
-          })
-        ] })
-      ] })
-    }
-  );
-}
-const ie = L.forwardRef(
-  ({
-    value: t,
-    onChange: r,
-    defaultCountryIso2: p = "US",
-    placeholder: l = "Phone number",
-    showFlag: i = !0,
-    disabled: c = !1,
-    className: g,
-    label: k
-  }, x) => {
-    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: 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",
-            c && "opacity-50 pointer-events-none"
-          ),
-          children: [
-            /* @__PURE__ */ n(
-              Y,
-              {
-                open: s.isOpen,
-                onOpenChange: (d) => d ? s.toggle() : s.close(),
-                children: [
-                  /* @__PURE__ */ e(Z, { asChild: !0, children: /* @__PURE__ */ n(
-                    "button",
-                    {
-                      type: "button",
-                      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: [
-                        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: y(
-                              "h-3.5 w-3.5 shrink-0 text-muted-foreground transition-transform duration-200",
-                              s.isOpen && "rotate-180"
-                            ),
-                            viewBox: "0 0 20 20",
-                            fill: "none",
-                            stroke: "currentColor",
-                            strokeWidth: "2",
-                            strokeLinecap: "round",
-                            children: /* @__PURE__ */ e("polyline", { points: "5 8 10 13 15 8" })
-                          }
-                        )
-                      ]
-                    }
-                  ) }),
-                  /* @__PURE__ */ e(
-                    D,
-                    {
-                      align: "start",
-                      side: "bottom",
-                      sideOffset: 4,
-                      className: "w-72",
-                      children: /* @__PURE__ */ n(P, { children: [
-                        /* @__PURE__ */ e(
-                          S,
-                          {
-                            placeholder: "Search country or code...",
-                            value: s.searchQuery,
-                            onValueChange: s.setSearchQuery
-                          }
-                        ),
-                        /* @__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((d) => {
-                            var N;
-                            const u = ((N = s.country) == null ? void 0 : N.iso2) === d.iso2;
-                            return /* @__PURE__ */ n(
-                              O,
-                              {
-                                onSelect: () => s.selectCountry(d),
-                                selected: u,
-                                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: [
-                                    "+",
-                                    d.phone_code
-                                  ] })
-                                ]
-                              },
-                              d.iso2
-                            );
-                          })
-                        ] })
-                      ] })
-                    }
-                  )
-                ]
-              }
-            ),
-            /* @__PURE__ */ e(
-              "input",
-              {
-                type: "tel",
-                value: s.number,
-                onChange: (d) => s.setNumber(d.target.value),
-                placeholder: l,
-                disabled: c,
-                minLength: s.minLength,
-                maxLength: s.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"
-                )
-              }
-            )
-          ]
-        }
-      ),
-      s.value && /* @__PURE__ */ n("p", { className: "text-[0.7rem] text-muted-foreground tabular-nums pl-0.5", children: [
-        "Full:",
-        " ",
-        /* @__PURE__ */ e("span", { className: "font-mono text-primary", children: s.value.full })
-      ] })
-    ] });
-  }
-);
-ie.displayName = "PhoneInput";
-const F = 3;
-function xe({
-  value: t,
-  onChange: r,
-  placeholder: p = "Select countries...",
-  maxItems: l,
-  showFlags: i = !0,
-  searchable: c = !0,
-  disabled: g = !1,
-  className: k,
-  label: x
-}) {
-  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((C) => C.iso2 !== o.iso2));
-    else {
-      if (l !== void 0 && t.length >= l) return;
-      r([...t, o]);
-    }
-  }, a = (o, C) => {
-    C.stopPropagation(), r(t.filter((A) => A.iso2 !== o.iso2));
-  }, h = (o) => {
-    o.stopPropagation(), r([]);
-  };
-  return t.slice(0, F), t.length - F, /* @__PURE__ */ n(
-    T,
-    {
-      label: x,
-      className: k,
-      open: s,
-      onOpenChange: d,
-      trigger: /* @__PURE__ */ e(
-        M,
-        {
-          value: t,
-          onRemove: a,
-          onClear: h,
-          isOpen: s,
-          placeholder: p,
-          disabled: g,
-          renderChip: (o) => /* @__PURE__ */ n(R, { children: [
-            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: [
-          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" })
-            ] }),
-            f.map((o) => {
-              const C = b(o);
-              return /* @__PURE__ */ n(
-                O,
-                {
-                  onSelect: () => m(o),
-                  selected: C,
-                  children: [
-                    /* @__PURE__ */ e("div", { className: y(
-                      "h-4 w-4 shrink-0 rounded-full border border-border flex items-center justify-center",
-                      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: [
-                        o.iso3,
-                        " · +",
-                        o.phone_code
-                      ] })
-                    ] })
-                  ]
-                },
-                o.iso2
-              );
-            })
-          ] })
-        ] }),
-        t.length > 0 && /* @__PURE__ */ n("div", { className: "flex items-center justify-between border-t border-border px-3 py-2 text-xs text-muted-foreground", children: [
-          /* @__PURE__ */ n("span", { children: [
-            t.length,
-            " selected",
-            l ? ` / ${l}` : ""
-          ] }),
-          /* @__PURE__ */ e(
-            "button",
-            {
-              type: "button",
-              onClick: () => {
-                r([]), d(!1);
-              },
-              className: "text-destructive hover:underline font-medium",
-              children: "Clear all"
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-const X = 3;
-function Ne({
-  value: t,
-  onChange: r,
-  placeholder: p = "Select currencies...",
-  maxItems: l,
-  showSymbol: i = !0,
-  searchable: c = !0,
-  disabled: g = !1,
-  className: k,
-  label: x
-}) {
-  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((C) => C.code !== o.code));
-    else {
-      if (l !== void 0 && t.length >= l) return;
-      r([...t, o]);
-    }
-  }, a = (o, C) => {
-    C.stopPropagation(), r(t.filter((A) => A.code !== o.code));
-  }, h = (o) => {
-    o.stopPropagation(), r([]);
-  };
-  return t.slice(0, X), t.length - X, /* @__PURE__ */ n(
-    T,
-    {
-      label: x,
-      className: k,
-      open: s,
-      onOpenChange: d,
-      trigger: /* @__PURE__ */ e(
-        M,
-        {
-          value: t,
-          onRemove: a,
-          onClear: h,
-          isOpen: s,
-          placeholder: p,
-          disabled: g,
-          renderChip: (o) => /* @__PURE__ */ n(R, { children: [
-            i && /* @__PURE__ */ e("span", { className: "font-bold", children: o.symbol }),
-            /* @__PURE__ */ e("span", { children: o.code })
-          ] })
-        }
-      ),
-      children: [
-        /* @__PURE__ */ n(P, { 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" })
-            ] }),
-            f.map((o) => {
-              const C = b(o);
-              return /* @__PURE__ */ n(
-                O,
-                {
-                  onSelect: () => m(o),
-                  selected: C,
-                  children: [
-                    /* @__PURE__ */ e("div", { className: y(
-                      "h-4 w-4 shrink-0 rounded-full border border-border flex items-center justify-center",
-                      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 })
-                    ] })
-                  ]
-                },
-                o.code
-              );
-            })
-          ] })
-        ] }),
-        t.length > 0 && /* @__PURE__ */ n("div", { className: "flex items-center justify-between border-t border-border px-3 py-2 text-xs text-muted-foreground", children: [
-          /* @__PURE__ */ n("span", { children: [
-            t.length,
-            " selected",
-            l ? ` / ${l}` : ""
-          ] }),
-          /* @__PURE__ */ e(
-            "button",
-            {
-              type: "button",
-              onClick: () => {
-                r([]), d(!1);
-              },
-              className: "text-destructive hover:underline font-medium",
-              children: "Clear all"
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-export {
-  v as Badge,
-  z as CheckIcon,
-  B as CommandEmpty,
-  S as CommandInput,
-  O as CommandItem,
-  _ as CommandList,
-  P as CommandRoot,
-  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,
-  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