react-country-kit 1.0.0 → 1.1.1

package/dist/react-country-kit.es.js

@@ -1,31 +1,31 @@
-import { jsx as e, jsxs as n, Fragment as C } from "react/jsx-runtime";
-import { useRef as b, useEffect as N } from "react";
-import { u as I, s as L, g as S, a as $, b as E, c as B, d as O, e as P, f as _, h as W, i as Q } from "./useTimezonePicker-BMFPsn3E.mjs";
-import { j as ce, k as se, l as ie, m as te, n as le, o as oe, p as ae, q as de, r as me, t as he, v as pe, w as ke, x as ue, y as ge, z as Ne } from "./useTimezonePicker-BMFPsn3E.mjs";
-function f({ value: s, onChange: o, placeholder: u = "Search...", autoFocus: h = !0 }) {
-  const m = b(null);
-  return N(() => {
+import { useMultiSelect as L, getAllCountries as S, searchCountries as $, useCountryPicker as E, getAllCurrencies as _, searchCurrencies as O, useCurrencyPicker as B, useDivisionPicker as P, useLanguagePicker as W, usePhoneInput as Q, useTimezonePicker as D } from "react-country-kit-core";
+export * from "react-country-kit-core";
+import { jsx as e, jsxs as c, Fragment as b } from "react/jsx-runtime";
+import { useRef as x, useEffect as f } from "react";
+function N({ value: n, onChange: o, placeholder: k = "Search...", autoFocus: h = !0 }) {
+  const a = x(null);
+  return f(() => {
     h && setTimeout(() => {
       var d;
-      return (d = m.current) == null ? void 0 : d.focus();
+      return (d = a.current) == null ? void 0 : d.focus();
     }, 50);
-  }, [h]), /* @__PURE__ */ e("div", { className: "rck-search-wrapper", children: /* @__PURE__ */ n("div", { className: "rck-search", children: [
-    /* @__PURE__ */ n("svg", { className: "rck-search-icon", viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+  }, [h]), /* @__PURE__ */ e("div", { className: "rck-search-wrapper", children: /* @__PURE__ */ c("div", { className: "rck-search", children: [
+    /* @__PURE__ */ c("svg", { className: "rck-search-icon", 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: m,
+        ref: a,
         type: "text",
-        value: s,
+        value: n,
         onChange: (d) => o(d.target.value),
-        placeholder: u,
+        placeholder: k,
         "aria-label": "Search"
       }
     ),
-    s && /* @__PURE__ */ e(
+    n && /* @__PURE__ */ e(
       "button",
       {
         style: { background: "none", border: "none", cursor: "pointer", color: "var(--rck-text-placeholder)", padding: 0, display: "flex" },
@@ -37,91 +37,109 @@ function f({ value: s, onChange: o, placeholder: u = "Search...", autoFocus: h =
     )
   ] }) });
 }
-const v = 3;
-function T() {
+const C = ({
+  iso2: n,
+  flag: o,
+  flagUrl: k,
+  className: h = "",
+  alt: a = "",
+  mode: d = "auto"
+}) => {
+  const u = k || `https://flagcdn.com/w320/${n.toLowerCase()}.png`;
+  return d === "image" ? /* @__PURE__ */ e(
+    "img",
+    {
+      src: u,
+      alt: a || n,
+      className: `rck-flag-img ${h}`,
+      loading: "lazy"
+    }
+  ) : /* @__PURE__ */ e("span", { className: `rck-flag-wrapper ${h}`, title: a || n, children: o || n });
+}, w = 3;
+function j() {
   return /* @__PURE__ */ e("svg", { 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" }) });
 }
-function U({
-  value: s,
+function G({
+  value: n,
   onChange: o,
-  placeholder: u = "Select countries...",
+  placeholder: k = "Select countries...",
   maxItems: h,
-  showFlags: m = !0,
+  showFlags: a = !0,
   searchable: d = !0,
-  disabled: g = !1,
-  className: k,
+  disabled: u = !1,
+  className: g,
   label: r
 }) {
-  const c = I(
+  const i = L(
     S(),
-    (t, a) => a ? L(a) : t,
+    (t, m) => m ? $(m) : t,
     (t) => t.iso2,
-    s,
+    n,
     o,
     h
-  ), i = b(null);
-  N(() => {
-    if (!c.isOpen) return;
-    const t = (a) => {
-      i.current && !i.current.contains(a.target) && c.close();
+  ), s = x(null);
+  f(() => {
+    if (!i.isOpen) return;
+    const t = (m) => {
+      s.current && !s.current.contains(m.target) && i.close();
     };
     return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
-  }, [c.isOpen, c.close]), N(() => {
-    if (!c.isOpen) return;
-    const t = (a) => {
-      a.key === "Escape" && c.close();
+  }, [i.isOpen, i.close]), f(() => {
+    if (!i.isOpen) return;
+    const t = (m) => {
+      m.key === "Escape" && i.close();
     };
     return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
-  }, [c.isOpen, c.close]);
-  const l = s.slice(0, v), p = s.length - v;
-  return /* @__PURE__ */ n("div", { ref: i, className: `rck-picker${k ? ` ${k}` : ""}`, children: [
+  }, [i.isOpen, i.close]);
+  const l = n.slice(0, w), p = n.length - w;
+  return /* @__PURE__ */ c("div", { ref: s, className: `rck-picker${g ? ` ${g}` : ""}`, children: [
     r && /* @__PURE__ */ e("span", { className: "rck-label", children: r }),
-    /* @__PURE__ */ n(
+    /* @__PURE__ */ c(
       "button",
       {
         type: "button",
-        className: `rck-multiselect-trigger${c.isOpen ? " rck-open" : ""}`,
-        disabled: g,
-        onClick: c.toggle,
+        className: `rck-multiselect-trigger${i.isOpen ? " rck-open" : ""}`,
+        disabled: u,
+        onClick: i.toggle,
         "aria-haspopup": "listbox",
-        "aria-expanded": c.isOpen,
+        "aria-expanded": i.isOpen,
         children: [
-          /* @__PURE__ */ e("div", { className: "rck-chips-area", children: s.length === 0 ? /* @__PURE__ */ e("span", { style: { color: "var(--rck-text-placeholder)", fontSize: "0.9375rem" }, children: u }) : /* @__PURE__ */ n(C, { children: [
-            l.map((t) => /* @__PURE__ */ n("span", { className: "rck-chip", children: [
-              m && /* @__PURE__ */ e("span", { children: t.flag }),
+          /* @__PURE__ */ e("div", { className: "rck-chips-area", children: n.length === 0 ? /* @__PURE__ */ e("span", { style: { color: "var(--rck-text-placeholder)", fontSize: "0.9375rem" }, children: k }) : /* @__PURE__ */ c(b, { children: [
+            l.map((t) => /* @__PURE__ */ c("span", { className: "rck-chip", children: [
+              a && /* @__PURE__ */ e("span", { className: "rck-flag", children: /* @__PURE__ */ e(C, { iso2: t.iso2, flag: t.flag, flagUrl: t.flag_url }) }),
               /* @__PURE__ */ e("span", { className: "rck-chip-label", children: t.name }),
               /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
                   className: "rck-chip-remove",
-                  onClick: (a) => {
-                    a.stopPropagation(), c.removeItem(t), o(s.filter((y) => y.iso2 !== t.iso2));
+                  onClick: (m) => {
+                    m.stopPropagation(), i.removeItem(t), o(n.filter((y) => y.iso2 !== t.iso2));
                   },
                   "aria-label": `Remove ${t.name}`,
-                  children: /* @__PURE__ */ n("svg", { width: "10", height: "10", viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", children: [
+                  children: /* @__PURE__ */ c("svg", { width: "10", height: "10", 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" })
                   ] })
                 }
               )
             ] }, t.iso2)),
-            p > 0 && /* @__PURE__ */ n("span", { className: "rck-chip-overflow", children: [
+            p > 0 && /* @__PURE__ */ c("span", { className: "rck-chip-overflow", children: [
               "+",
               p,
               " more"
             ] })
           ] }) }),
-          s.length > 0 && /* @__PURE__ */ e(
+          n.length > 0 && /* @__PURE__ */ e(
             "button",
             {
               type: "button",
               className: "rck-multiselect-clear",
               onClick: (t) => {
-                t.stopPropagation(), c.clearAll(), o([]);
+                t.stopPropagation(), i.clearAll(), o([]);
               },
               "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: [
+              children: /* @__PURE__ */ c("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" })
               ] })
@@ -131,28 +149,28 @@ function U({
         ]
       }
     ),
-    c.isOpen && /* @__PURE__ */ n("div", { className: "rck-dropdown", role: "listbox", "aria-multiselectable": "true", children: [
-      d && /* @__PURE__ */ e(f, { value: c.searchQuery, onChange: c.setSearchQuery, placeholder: "Search countries..." }),
-      /* @__PURE__ */ e("ul", { className: "rck-list", children: c.filteredItems.length === 0 ? /* @__PURE__ */ n("li", { className: "rck-empty", children: [
+    i.isOpen && /* @__PURE__ */ c("div", { className: "rck-dropdown", role: "listbox", "aria-multiselectable": "true", children: [
+      d && /* @__PURE__ */ e(N, { value: i.searchQuery, onChange: i.setSearchQuery, placeholder: "Search countries..." }),
+      /* @__PURE__ */ e("ul", { className: "rck-list", children: i.filteredItems.length === 0 ? /* @__PURE__ */ c("li", { className: "rck-empty", children: [
         /* @__PURE__ */ e("span", { className: "rck-empty-icon", children: "🌍" }),
         /* @__PURE__ */ e("span", { children: "No countries found" })
-      ] }) : c.filteredItems.map((t) => {
-        const a = c.isSelected(t);
-        return /* @__PURE__ */ n(
+      ] }) : i.filteredItems.map((t) => {
+        const m = i.isSelected(t);
+        return /* @__PURE__ */ c(
           "li",
           {
             role: "option",
-            "aria-selected": a,
-            className: `rck-item${a ? " rck-item-selected" : ""}`,
-            onClick: () => c.toggleItem(t),
+            "aria-selected": m,
+            className: `rck-item${m ? " rck-item-selected" : ""}`,
+            onClick: () => i.toggleItem(t),
             tabIndex: 0,
-            onKeyDown: (y) => y.key === "Enter" && c.toggleItem(t),
+            onKeyDown: (y) => y.key === "Enter" && i.toggleItem(t),
             children: [
-              /* @__PURE__ */ e("div", { className: a ? "rck-item-check-multi" : "rck-item-check-empty", children: a && /* @__PURE__ */ e(T, {}) }),
-              m && /* @__PURE__ */ e("span", { className: "rck-item-flag", children: t.flag }),
-              /* @__PURE__ */ n("div", { className: "rck-item-main", children: [
+              /* @__PURE__ */ e("div", { className: m ? "rck-item-check-multi" : "rck-item-check-empty", children: m && /* @__PURE__ */ e(j, {}) }),
+              a && /* @__PURE__ */ e("span", { className: "rck-item-flag", children: /* @__PURE__ */ e(C, { iso2: t.iso2, flag: t.flag, flagUrl: t.flag_url }) }),
+              /* @__PURE__ */ c("div", { className: "rck-item-main", children: [
                 /* @__PURE__ */ e("span", { className: "rck-item-name", children: t.name }),
-                /* @__PURE__ */ n("span", { className: "rck-item-sub", children: [
+                /* @__PURE__ */ c("span", { className: "rck-item-sub", children: [
                   t.iso3,
                   " · +",
                   t.phone_code
@@ -166,7 +184,7 @@ function U({
     ] })
   ] });
 }
-const D = () => /* @__PURE__ */ e(
+const M = () => /* @__PURE__ */ e(
   "svg",
   {
     className: "rck-chevron",
@@ -179,122 +197,122 @@ const D = () => /* @__PURE__ */ e(
     children: /* @__PURE__ */ e("polyline", { points: "5 8 10 13 15 8" })
   }
 );
-function x({
-  isOpen: s,
+function v({
+  isOpen: n,
   onClose: o,
-  onToggle: u,
+  onToggle: k,
   label: h,
-  disabled: m,
+  disabled: a,
   className: d,
-  triggerContent: g,
-  children: k,
+  triggerContent: u,
+  children: g,
   id: r
 }) {
-  const c = b(null);
-  return N(() => {
-    if (!s) return;
-    const i = (l) => {
-      c.current && !c.current.contains(l.target) && o();
+  const i = x(null);
+  return f(() => {
+    if (!n) return;
+    const s = (l) => {
+      i.current && !i.current.contains(l.target) && o();
     };
-    return document.addEventListener("mousedown", i), () => document.removeEventListener("mousedown", i);
-  }, [s, o]), N(() => {
-    if (!s) return;
-    const i = (l) => {
+    return document.addEventListener("mousedown", s), () => document.removeEventListener("mousedown", s);
+  }, [n, o]), f(() => {
+    if (!n) return;
+    const s = (l) => {
       l.key === "Escape" && o();
     };
-    return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
-  }, [s, o]), /* @__PURE__ */ n("div", { ref: c, className: `rck-picker${d ? ` ${d}` : ""}`, children: [
+    return document.addEventListener("keydown", s), () => document.removeEventListener("keydown", s);
+  }, [n, o]), /* @__PURE__ */ c("div", { ref: i, className: `rck-picker${d ? ` ${d}` : ""}`, children: [
     h && /* @__PURE__ */ e("span", { className: "rck-label", id: r ? `${r}-label` : void 0, children: h }),
-    /* @__PURE__ */ n(
+    /* @__PURE__ */ c(
       "button",
       {
         type: "button",
-        className: `rck-trigger${s ? " rck-open" : ""}`,
-        disabled: m,
+        className: `rck-trigger${n ? " rck-open" : ""}`,
+        disabled: a,
         "aria-haspopup": "listbox",
-        "aria-expanded": s,
+        "aria-expanded": n,
         "aria-labelledby": r && h ? `${r}-label` : void 0,
         id: r,
-        onClick: u,
+        onClick: k,
         children: [
-          g,
-          /* @__PURE__ */ e(D, {})
+          u,
+          /* @__PURE__ */ e(M, {})
         ]
       }
     ),
-    s && /* @__PURE__ */ e("div", { className: "rck-dropdown", role: "listbox", children: k })
+    n && /* @__PURE__ */ e("div", { className: "rck-dropdown", role: "listbox", children: g })
   ] });
 }
-const j = () => /* @__PURE__ */ e("svg", { className: "rck-item-check", 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" }) });
-function G({
-  value: s,
+const T = () => /* @__PURE__ */ e("svg", { className: "rck-item-check", 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" }) });
+function J({
+  value: n,
   onChange: o,
-  placeholder: u = "Select a country",
+  placeholder: k = "Select a country",
   searchable: h = !0,
-  showFlag: m = !0,
+  showFlag: a = !0,
   showPhoneCode: d = !1,
-  disabled: g = !1,
-  className: k,
+  disabled: u = !1,
+  className: g,
   label: r
 }) {
-  const c = $(s, o), i = /* @__PURE__ */ e("div", { className: "rck-trigger-content", children: s ? /* @__PURE__ */ n(C, { children: [
-    m && /* @__PURE__ */ e("span", { className: "rck-flag", children: s.flag }),
-    /* @__PURE__ */ e("span", { className: "rck-trigger-text", children: s.name }),
-    d && /* @__PURE__ */ n("span", { className: "rck-badge", children: [
+  const i = E(n, o), s = /* @__PURE__ */ e("div", { className: "rck-trigger-content", children: n ? /* @__PURE__ */ c(b, { children: [
+    a && /* @__PURE__ */ e("span", { className: "rck-flag", children: /* @__PURE__ */ e(C, { iso2: n.iso2, flag: n.flag, flagUrl: n.flag_url }) }),
+    /* @__PURE__ */ e("span", { className: "rck-trigger-text", children: n.name }),
+    d && /* @__PURE__ */ c("span", { className: "rck-badge", children: [
       "+",
-      s.phone_code
+      n.phone_code
     ] })
-  ] }) : /* @__PURE__ */ e("span", { className: "rck-trigger-text rck-placeholder", children: u }) });
-  return /* @__PURE__ */ n(
-    x,
+  ] }) : /* @__PURE__ */ e("span", { className: "rck-trigger-text rck-placeholder", children: k }) });
+  return /* @__PURE__ */ c(
+    v,
     {
-      isOpen: c.isOpen,
-      onClose: c.close,
-      onToggle: c.toggle,
+      isOpen: i.isOpen,
+      onClose: i.close,
+      onToggle: i.toggle,
       label: r,
-      disabled: g,
-      className: k,
-      triggerContent: i,
+      disabled: u,
+      className: g,
+      triggerContent: s,
       id: "rck-country-picker",
       children: [
         h && /* @__PURE__ */ e(
-          f,
+          N,
           {
-            value: c.searchQuery,
-            onChange: c.setSearchQuery,
+            value: i.searchQuery,
+            onChange: i.setSearchQuery,
             placeholder: "Search country..."
           }
         ),
-        /* @__PURE__ */ e("ul", { className: "rck-list", role: "listbox", "aria-label": "Countries", children: c.filteredItems.length === 0 ? /* @__PURE__ */ n("li", { className: "rck-empty", children: [
+        /* @__PURE__ */ e("ul", { className: "rck-list", role: "listbox", "aria-label": "Countries", children: i.filteredItems.length === 0 ? /* @__PURE__ */ c("li", { className: "rck-empty", children: [
           /* @__PURE__ */ e("span", { className: "rck-empty-icon", children: "🌍" }),
           /* @__PURE__ */ e("span", { children: "No countries found" })
-        ] }) : c.filteredItems.map((l) => {
-          const p = (s == null ? void 0 : s.iso2) === l.iso2;
-          return /* @__PURE__ */ n(
+        ] }) : i.filteredItems.map((l) => {
+          const p = (n == null ? void 0 : n.iso2) === l.iso2;
+          return /* @__PURE__ */ c(
             "li",
             {
               role: "option",
               "aria-selected": p,
               className: `rck-item${p ? " rck-item-selected" : ""}`,
-              onClick: () => c.selectItem(l),
+              onClick: () => i.selectItem(l),
               tabIndex: 0,
-              onKeyDown: (t) => t.key === "Enter" && c.selectItem(l),
+              onKeyDown: (t) => t.key === "Enter" && i.selectItem(l),
               children: [
-                m && /* @__PURE__ */ e("span", { className: "rck-item-flag", children: l.flag }),
-                /* @__PURE__ */ n("div", { className: "rck-item-main", children: [
+                a && /* @__PURE__ */ e("span", { className: "rck-item-flag", children: /* @__PURE__ */ e(C, { iso2: l.iso2, flag: l.flag, flagUrl: l.flag_url }) }),
+                /* @__PURE__ */ c("div", { className: "rck-item-main", children: [
                   /* @__PURE__ */ e("span", { className: "rck-item-name", children: l.name }),
-                  /* @__PURE__ */ n("span", { className: "rck-item-sub", children: [
+                  /* @__PURE__ */ c("span", { className: "rck-item-sub", children: [
                     l.iso3,
                     " · ",
                     l.division_type
                   ] })
                 ] }),
-                /* @__PURE__ */ n("div", { className: "rck-item-right", children: [
-                  d && /* @__PURE__ */ n("span", { className: "rck-item-phone", children: [
+                /* @__PURE__ */ c("div", { className: "rck-item-right", children: [
+                  d && /* @__PURE__ */ c("span", { className: "rck-item-phone", children: [
                     "+",
                     l.phone_code
                   ] }),
-                  p && /* @__PURE__ */ e(j, {})
+                  p && /* @__PURE__ */ e(T, {})
                 ] })
               ]
             },
@@ -305,91 +323,91 @@ function G({
     }
   );
 }
-const w = 3;
-function z() {
+const I = 3;
+function K() {
   return /* @__PURE__ */ e("svg", { 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" }) });
 }
-function J({
-  value: s,
+function Y({
+  value: n,
   onChange: o,
-  placeholder: u = "Select currencies...",
+  placeholder: k = "Select currencies...",
   maxItems: h,
-  showSymbol: m = !0,
+  showSymbol: a = !0,
   searchable: d = !0,
-  disabled: g = !1,
-  className: k,
+  disabled: u = !1,
+  className: g,
   label: r
 }) {
-  const c = I(
-    B(),
-    (t, a) => a ? E(a) : t,
+  const i = L(
+    _(),
+    (t, m) => m ? O(m) : t,
     (t) => t.code,
-    s,
+    n,
     o,
     h
-  ), i = b(null);
-  N(() => {
-    if (!c.isOpen) return;
-    const t = (a) => {
-      i.current && !i.current.contains(a.target) && c.close();
+  ), s = x(null);
+  f(() => {
+    if (!i.isOpen) return;
+    const t = (m) => {
+      s.current && !s.current.contains(m.target) && i.close();
     };
     return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
-  }, [c.isOpen, c.close]), N(() => {
-    if (!c.isOpen) return;
-    const t = (a) => {
-      a.key === "Escape" && c.close();
+  }, [i.isOpen, i.close]), f(() => {
+    if (!i.isOpen) return;
+    const t = (m) => {
+      m.key === "Escape" && i.close();
     };
     return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
-  }, [c.isOpen, c.close]);
-  const l = s.slice(0, w), p = s.length - w;
-  return /* @__PURE__ */ n("div", { ref: i, className: `rck-picker${k ? ` ${k}` : ""}`, children: [
+  }, [i.isOpen, i.close]);
+  const l = n.slice(0, I), p = n.length - I;
+  return /* @__PURE__ */ c("div", { ref: s, className: `rck-picker${g ? ` ${g}` : ""}`, children: [
     r && /* @__PURE__ */ e("span", { className: "rck-label", children: r }),
-    /* @__PURE__ */ n(
+    /* @__PURE__ */ c(
       "button",
       {
         type: "button",
-        className: `rck-multiselect-trigger${c.isOpen ? " rck-open" : ""}`,
-        disabled: g,
-        onClick: c.toggle,
+        className: `rck-multiselect-trigger${i.isOpen ? " rck-open" : ""}`,
+        disabled: u,
+        onClick: i.toggle,
         "aria-haspopup": "listbox",
-        "aria-expanded": c.isOpen,
+        "aria-expanded": i.isOpen,
         children: [
-          /* @__PURE__ */ e("div", { className: "rck-chips-area", children: s.length === 0 ? /* @__PURE__ */ e("span", { style: { color: "var(--rck-text-placeholder)", fontSize: "0.9375rem" }, children: u }) : /* @__PURE__ */ n(C, { children: [
-            l.map((t) => /* @__PURE__ */ n("span", { className: "rck-chip", children: [
-              m && /* @__PURE__ */ e("span", { children: t.symbol }),
+          /* @__PURE__ */ e("div", { className: "rck-chips-area", children: n.length === 0 ? /* @__PURE__ */ e("span", { style: { color: "var(--rck-text-placeholder)", fontSize: "0.9375rem" }, children: k }) : /* @__PURE__ */ c(b, { children: [
+            l.map((t) => /* @__PURE__ */ c("span", { className: "rck-chip", children: [
+              a && /* @__PURE__ */ e("span", { children: t.symbol }),
               /* @__PURE__ */ e("span", { className: "rck-chip-label", children: t.code }),
               /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
                   className: "rck-chip-remove",
-                  onClick: (a) => {
-                    a.stopPropagation(), o(s.filter((y) => y.code !== t.code));
+                  onClick: (m) => {
+                    m.stopPropagation(), o(n.filter((y) => y.code !== t.code));
                   },
                   "aria-label": `Remove ${t.code}`,
-                  children: /* @__PURE__ */ n("svg", { width: "10", height: "10", viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", children: [
+                  children: /* @__PURE__ */ c("svg", { width: "10", height: "10", 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" })
                   ] })
                 }
               )
             ] }, t.code)),
-            p > 0 && /* @__PURE__ */ n("span", { className: "rck-chip-overflow", children: [
+            p > 0 && /* @__PURE__ */ c("span", { className: "rck-chip-overflow", children: [
               "+",
               p,
               " more"
             ] })
           ] }) }),
-          s.length > 0 && /* @__PURE__ */ e(
+          n.length > 0 && /* @__PURE__ */ e(
             "button",
             {
               type: "button",
               className: "rck-multiselect-clear",
               onClick: (t) => {
-                t.stopPropagation(), c.clearAll(), o([]);
+                t.stopPropagation(), i.clearAll(), o([]);
               },
               "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: [
+              children: /* @__PURE__ */ c("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" })
               ] })
@@ -399,26 +417,26 @@ function J({
         ]
       }
     ),
-    c.isOpen && /* @__PURE__ */ n("div", { className: "rck-dropdown", role: "listbox", "aria-multiselectable": "true", children: [
-      d && /* @__PURE__ */ e(f, { value: c.searchQuery, onChange: c.setSearchQuery, placeholder: "Search currencies..." }),
-      /* @__PURE__ */ e("ul", { className: "rck-list", children: c.filteredItems.length === 0 ? /* @__PURE__ */ n("li", { className: "rck-empty", children: [
+    i.isOpen && /* @__PURE__ */ c("div", { className: "rck-dropdown", role: "listbox", "aria-multiselectable": "true", children: [
+      d && /* @__PURE__ */ e(N, { value: i.searchQuery, onChange: i.setSearchQuery, placeholder: "Search currencies..." }),
+      /* @__PURE__ */ e("ul", { className: "rck-list", children: i.filteredItems.length === 0 ? /* @__PURE__ */ c("li", { className: "rck-empty", children: [
         /* @__PURE__ */ e("span", { className: "rck-empty-icon", children: "💰" }),
         /* @__PURE__ */ e("span", { children: "No currencies found" })
-      ] }) : c.filteredItems.map((t) => {
-        const a = c.isSelected(t);
-        return /* @__PURE__ */ n(
+      ] }) : i.filteredItems.map((t) => {
+        const m = i.isSelected(t);
+        return /* @__PURE__ */ c(
           "li",
           {
             role: "option",
-            "aria-selected": a,
-            className: `rck-item${a ? " rck-item-selected" : ""}`,
-            onClick: () => c.toggleItem(t),
+            "aria-selected": m,
+            className: `rck-item${m ? " rck-item-selected" : ""}`,
+            onClick: () => i.toggleItem(t),
             tabIndex: 0,
-            onKeyDown: (y) => y.key === "Enter" && c.toggleItem(t),
+            onKeyDown: (y) => y.key === "Enter" && i.toggleItem(t),
             children: [
-              /* @__PURE__ */ e("div", { className: a ? "rck-item-check-multi" : "rck-item-check-empty", children: a && /* @__PURE__ */ e(z, {}) }),
-              m && /* @__PURE__ */ e("span", { className: "rck-item-symbol", children: t.symbol }),
-              /* @__PURE__ */ n("div", { className: "rck-item-main", children: [
+              /* @__PURE__ */ e("div", { className: m ? "rck-item-check-multi" : "rck-item-check-empty", children: m && /* @__PURE__ */ e(K, {}) }),
+              a && /* @__PURE__ */ e("span", { className: "rck-item-symbol", children: t.symbol }),
+              /* @__PURE__ */ c("div", { className: "rck-item-main", children: [
                 /* @__PURE__ */ e("span", { className: "rck-item-name", children: t.name }),
                 /* @__PURE__ */ e("span", { className: "rck-item-sub", children: t.code })
               ] })
@@ -430,116 +448,116 @@ function J({
     ] })
   ] });
 }
-const M = () => /* @__PURE__ */ e("svg", { className: "rck-item-check", 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" }) });
-function Y({
-  value: s,
+const R = () => /* @__PURE__ */ e("svg", { className: "rck-item-check", 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" }) });
+function Z({
+  value: n,
   onChange: o,
-  placeholder: u = "Select a currency",
+  placeholder: k = "Select a currency",
   searchable: h = !0,
-  showSymbol: m = !0,
+  showSymbol: a = !0,
   disabled: d = !1,
-  className: g,
-  label: k
+  className: u,
+  label: g
 }) {
-  const r = O(s, o), c = /* @__PURE__ */ e("div", { className: "rck-trigger-content", children: s ? /* @__PURE__ */ n(C, { children: [
-    m && /* @__PURE__ */ e("span", { className: "rck-item-symbol", children: s.symbol }),
-    /* @__PURE__ */ n("span", { className: "rck-trigger-text", children: [
-      s.code,
+  const r = B(n, o), i = /* @__PURE__ */ e("div", { className: "rck-trigger-content", children: n ? /* @__PURE__ */ c(b, { children: [
+    a && /* @__PURE__ */ e("span", { className: "rck-item-symbol", children: n.symbol }),
+    /* @__PURE__ */ c("span", { className: "rck-trigger-text", children: [
+      n.code,
       " — ",
-      s.name
+      n.name
     ] })
-  ] }) : /* @__PURE__ */ e("span", { className: "rck-trigger-text rck-placeholder", children: u }) });
-  return /* @__PURE__ */ n(
-    x,
+  ] }) : /* @__PURE__ */ e("span", { className: "rck-trigger-text rck-placeholder", children: k }) });
+  return /* @__PURE__ */ c(
+    v,
     {
       isOpen: r.isOpen,
       onClose: r.close,
       onToggle: r.toggle,
-      label: k,
+      label: g,
       disabled: d,
-      className: g,
-      triggerContent: c,
+      className: u,
+      triggerContent: i,
       id: "rck-currency-picker",
       children: [
         h && /* @__PURE__ */ e(
-          f,
+          N,
           {
             value: r.searchQuery,
             onChange: r.setSearchQuery,
             placeholder: "Search currency..."
           }
         ),
-        /* @__PURE__ */ e("ul", { className: "rck-list", role: "listbox", "aria-label": "Currencies", children: r.filteredItems.length === 0 ? /* @__PURE__ */ n("li", { className: "rck-empty", children: [
+        /* @__PURE__ */ e("ul", { className: "rck-list", role: "listbox", "aria-label": "Currencies", children: r.filteredItems.length === 0 ? /* @__PURE__ */ c("li", { className: "rck-empty", children: [
           /* @__PURE__ */ e("span", { className: "rck-empty-icon", children: "💰" }),
           /* @__PURE__ */ e("span", { children: "No currencies found" })
-        ] }) : r.filteredItems.map((i) => {
-          const l = (s == null ? void 0 : s.code) === i.code;
-          return /* @__PURE__ */ n(
+        ] }) : r.filteredItems.map((s) => {
+          const l = (n == null ? void 0 : n.code) === s.code;
+          return /* @__PURE__ */ c(
             "li",
             {
               role: "option",
               "aria-selected": l,
               className: `rck-item${l ? " rck-item-selected" : ""}`,
-              onClick: () => r.selectItem(i),
+              onClick: () => r.selectItem(s),
               tabIndex: 0,
-              onKeyDown: (p) => p.key === "Enter" && r.selectItem(i),
+              onKeyDown: (p) => p.key === "Enter" && r.selectItem(s),
               children: [
-                m && /* @__PURE__ */ e("span", { className: "rck-item-symbol", children: i.symbol }),
-                /* @__PURE__ */ n("div", { className: "rck-item-main", children: [
-                  /* @__PURE__ */ e("span", { className: "rck-item-name", children: i.name }),
-                  /* @__PURE__ */ e("span", { className: "rck-item-sub", children: i.code })
+                a && /* @__PURE__ */ e("span", { className: "rck-item-symbol", children: s.symbol }),
+                /* @__PURE__ */ c("div", { className: "rck-item-main", children: [
+                  /* @__PURE__ */ e("span", { className: "rck-item-name", children: s.name }),
+                  /* @__PURE__ */ e("span", { className: "rck-item-sub", children: s.code })
                 ] }),
-                l && /* @__PURE__ */ e(M, {})
+                l && /* @__PURE__ */ e(R, {})
               ]
             },
-            i.code
+            s.code
           );
         }) })
       ]
     }
   );
 }
-const A = () => /* @__PURE__ */ e("svg", { className: "rck-item-check", 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" }) });
-function Z({
-  countryIso2: s,
+const U = () => /* @__PURE__ */ e("svg", { className: "rck-item-check", 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" }) });
+function F({
+  countryIso2: n,
   value: o,
-  onChange: u,
+  onChange: k,
   placeholder: h = "Select a division",
-  searchable: m = !0,
+  searchable: a = !0,
   disabled: d = !1,
-  className: g,
-  label: k
+  className: u,
+  label: g
 }) {
-  const r = P(s, o, u), c = /* @__PURE__ */ e("div", { className: "rck-trigger-content", children: o ? /* @__PURE__ */ n(C, { children: [
+  const r = P(n, o, k), i = /* @__PURE__ */ e("div", { className: "rck-trigger-content", children: o ? /* @__PURE__ */ c(b, { children: [
     /* @__PURE__ */ e("span", { className: "rck-trigger-text", children: o.name }),
     /* @__PURE__ */ e("span", { className: "rck-badge", children: o.iso2 })
-  ] }) : /* @__PURE__ */ e("span", { className: "rck-trigger-text rck-placeholder", children: h }) }), i = d || !s;
-  return /* @__PURE__ */ n(
-    x,
+  ] }) : /* @__PURE__ */ e("span", { className: "rck-trigger-text rck-placeholder", children: h }) }), s = d || !n;
+  return /* @__PURE__ */ c(
+    v,
     {
       isOpen: r.isOpen,
       onClose: r.close,
       onToggle: r.toggle,
-      label: k,
-      disabled: i,
-      className: g,
-      triggerContent: c,
+      label: g,
+      disabled: s,
+      className: u,
+      triggerContent: i,
       id: "rck-division-picker",
       children: [
-        m && /* @__PURE__ */ e(
-          f,
+        a && /* @__PURE__ */ e(
+          N,
           {
             value: r.searchQuery,
             onChange: r.setSearchQuery,
             placeholder: "Search division..."
           }
         ),
-        /* @__PURE__ */ e("ul", { className: "rck-list", role: "listbox", "aria-label": "Divisions", children: r.filteredItems.length === 0 ? /* @__PURE__ */ n("li", { className: "rck-empty", children: [
+        /* @__PURE__ */ e("ul", { className: "rck-list", role: "listbox", "aria-label": "Divisions", children: r.filteredItems.length === 0 ? /* @__PURE__ */ c("li", { className: "rck-empty", children: [
           /* @__PURE__ */ e("span", { className: "rck-empty-icon", children: "🗺️" }),
           /* @__PURE__ */ e("span", { children: "No divisions found" })
         ] }) : r.filteredItems.map((l) => {
           const p = (o == null ? void 0 : o.iso2) === l.iso2 && (o == null ? void 0 : o.name) === l.name;
-          return /* @__PURE__ */ n(
+          return /* @__PURE__ */ c(
             "li",
             {
               role: "option",
@@ -549,13 +567,13 @@ function Z({
               tabIndex: 0,
               onKeyDown: (t) => t.key === "Enter" && r.selectItem(l),
               children: [
-                /* @__PURE__ */ n("div", { className: "rck-item-main", children: [
+                /* @__PURE__ */ c("div", { className: "rck-item-main", children: [
                   /* @__PURE__ */ e("span", { className: "rck-item-name", children: l.name }),
                   /* @__PURE__ */ e("span", { className: "rck-item-sub", children: l.timezone })
                 ] }),
-                /* @__PURE__ */ n("div", { className: "rck-item-right", children: [
+                /* @__PURE__ */ c("div", { className: "rck-item-right", children: [
                   /* @__PURE__ */ e("span", { className: "rck-badge", children: l.iso2 }),
-                  p && /* @__PURE__ */ e(A, {})
+                  p && /* @__PURE__ */ e(U, {})
                 ] })
               ]
             },
@@ -566,100 +584,100 @@ function Z({
     }
   );
 }
-const K = () => /* @__PURE__ */ e("svg", { className: "rck-item-check", 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" }) });
+const z = () => /* @__PURE__ */ e("svg", { className: "rck-item-check", 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" }) });
 function q({
-  value: s,
+  value: n,
   onChange: o,
-  placeholder: u = "Select a language",
+  placeholder: k = "Select a language",
   searchable: h = !0,
-  showNativeName: m = !0,
+  showNativeName: a = !0,
   disabled: d = !1,
-  className: g,
-  label: k
+  className: u,
+  label: g
 }) {
-  const r = _(s, o), c = /* @__PURE__ */ e("div", { className: "rck-trigger-content", children: s ? /* @__PURE__ */ n(C, { children: [
-    /* @__PURE__ */ e("span", { className: "rck-trigger-text", children: s.english_name }),
-    m && s.native_name !== s.english_name && /* @__PURE__ */ e("span", { className: "rck-native-name", children: s.native_name })
-  ] }) : /* @__PURE__ */ e("span", { className: "rck-trigger-text rck-placeholder", children: u }) });
-  return /* @__PURE__ */ n(
-    x,
+  const r = W(n, o), i = /* @__PURE__ */ e("div", { className: "rck-trigger-content", children: n ? /* @__PURE__ */ c(b, { children: [
+    /* @__PURE__ */ e("span", { className: "rck-trigger-text", children: n.english_name }),
+    a && n.native_name !== n.english_name && /* @__PURE__ */ e("span", { className: "rck-native-name", children: n.native_name })
+  ] }) : /* @__PURE__ */ e("span", { className: "rck-trigger-text rck-placeholder", children: k }) });
+  return /* @__PURE__ */ c(
+    v,
     {
       isOpen: r.isOpen,
       onClose: r.close,
       onToggle: r.toggle,
-      label: k,
+      label: g,
       disabled: d,
-      className: g,
-      triggerContent: c,
+      className: u,
+      triggerContent: i,
       id: "rck-language-picker",
       children: [
         h && /* @__PURE__ */ e(
-          f,
+          N,
           {
             value: r.searchQuery,
             onChange: r.setSearchQuery,
             placeholder: "Search language..."
           }
         ),
-        /* @__PURE__ */ e("ul", { className: "rck-list", role: "listbox", "aria-label": "Languages", children: r.filteredItems.length === 0 ? /* @__PURE__ */ n("li", { className: "rck-empty", children: [
+        /* @__PURE__ */ e("ul", { className: "rck-list", role: "listbox", "aria-label": "Languages", children: r.filteredItems.length === 0 ? /* @__PURE__ */ c("li", { className: "rck-empty", children: [
           /* @__PURE__ */ e("span", { className: "rck-empty-icon", children: "🌐" }),
           /* @__PURE__ */ e("span", { children: "No languages found" })
-        ] }) : r.filteredItems.map((i) => {
-          const l = (s == null ? void 0 : s.code) === i.code;
-          return /* @__PURE__ */ n(
+        ] }) : r.filteredItems.map((s) => {
+          const l = (n == null ? void 0 : n.code) === s.code;
+          return /* @__PURE__ */ c(
             "li",
             {
               role: "option",
               "aria-selected": l,
               className: `rck-item${l ? " rck-item-selected" : ""}`,
-              onClick: () => r.selectItem(i),
+              onClick: () => r.selectItem(s),
               tabIndex: 0,
-              onKeyDown: (p) => p.key === "Enter" && r.selectItem(i),
+              onKeyDown: (p) => p.key === "Enter" && r.selectItem(s),
               children: [
-                /* @__PURE__ */ n("div", { className: "rck-item-main", children: [
-                  /* @__PURE__ */ e("span", { className: "rck-item-name", children: i.english_name }),
-                  m && i.native_name !== i.english_name && /* @__PURE__ */ e("span", { className: "rck-item-sub", children: i.native_name })
+                /* @__PURE__ */ c("div", { className: "rck-item-main", children: [
+                  /* @__PURE__ */ e("span", { className: "rck-item-name", children: s.english_name }),
+                  a && s.native_name !== s.english_name && /* @__PURE__ */ e("span", { className: "rck-item-sub", children: s.native_name })
                 ] }),
-                /* @__PURE__ */ n("div", { className: "rck-item-right", children: [
-                  /* @__PURE__ */ e("span", { className: "rck-badge", style: { fontSize: "0.68rem" }, children: i.code }),
-                  l && /* @__PURE__ */ e(K, {})
+                /* @__PURE__ */ c("div", { className: "rck-item-right", children: [
+                  /* @__PURE__ */ e("span", { className: "rck-badge", style: { fontSize: "0.68rem" }, children: s.code }),
+                  l && /* @__PURE__ */ e(z, {})
                 ] })
               ]
             },
-            i.code
+            s.code
           );
         }) })
       ]
     }
   );
 }
-function F({
-  value: s,
+function ee({
+  value: n,
   onChange: o,
-  defaultCountryIso2: u = "US",
+  defaultCountryIso2: k = "US",
   placeholder: h = "Phone number",
-  showFlag: m = !0,
+  showFlag: a = !0,
   disabled: d = !1,
-  className: g,
-  label: k
+  className: u,
+  label: g
 }) {
-  const r = W(s, o, u), c = b(null);
-  return N(() => {
+  const r = Q(n, o, k), i = x(null);
+  return f(() => {
     if (!r.isOpen) return;
-    const i = (l) => {
-      c.current && !c.current.contains(l.target) && r.close();
+    const s = (l) => {
+      i.current && !i.current.contains(l.target) && r.close();
     };
-    return document.addEventListener("mousedown", i), () => document.removeEventListener("mousedown", i);
-  }, [r.isOpen, r.close]), N(() => {
+    return document.addEventListener("mousedown", s), () => document.removeEventListener("mousedown", s);
+  }, [r.isOpen, r.close]), f(() => {
     if (!r.isOpen) return;
-    const i = (l) => {
+    const s = (l) => {
       l.key === "Escape" && r.close();
     };
-    return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
-  }, [r.isOpen, r.close]), /* @__PURE__ */ n("div", { ref: c, className: `rck-phone-wrapper${g ? ` ${g}` : ""}`, children: [
-    k && /* @__PURE__ */ e("span", { className: "rck-label", children: k }),
-    /* @__PURE__ */ n("div", { className: `rck-phone-field${d ? " rck-phone-disabled" : ""}`, children: [
-      /* @__PURE__ */ n(
+    return document.addEventListener("keydown", s), () => document.removeEventListener("keydown", s);
+  }, [r.isOpen, r.close]), /* @__PURE__ */ c("div", { ref: i, className: `rck-phone-wrapper${u ? ` ${u}` : ""}`, children: [
+    g && /* @__PURE__ */ e("span", { className: "rck-label", children: g }),
+    /* @__PURE__ */ c("div", { className: `rck-phone-field${d ? " rck-phone-disabled" : ""}`, children: [
+      /* @__PURE__ */ c(
         "button",
         {
           type: "button",
@@ -669,7 +687,7 @@ function F({
           "aria-label": "Select country code",
           disabled: d,
           children: [
-            m && r.country && /* @__PURE__ */ e("span", { className: "rck-phone-flag", children: r.country.flag }),
+            a && r.country && /* @__PURE__ */ e("span", { className: "rck-phone-flag", children: /* @__PURE__ */ e(C, { iso2: r.country.iso2, flag: r.country.flag, flagUrl: r.country.flag_url }) }),
             /* @__PURE__ */ e("span", { className: "rck-phone-dial", children: r.country ? `+${r.country.phone_code}` : "+?" }),
             /* @__PURE__ */ e("svg", { className: "rck-phone-chevron", viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ e("polyline", { points: "5 8 10 13 15 8" }) })
           ]
@@ -681,121 +699,121 @@ function F({
           type: "tel",
           className: "rck-phone-input",
           value: r.number,
-          onChange: (i) => r.setNumber(i.target.value),
+          onChange: (s) => r.setNumber(s.target.value),
           placeholder: h,
           disabled: d,
           inputMode: "numeric",
           autoComplete: "tel-national"
         }
       ),
-      r.isOpen && /* @__PURE__ */ n("div", { className: "rck-phone-dropdown", children: [
+      r.isOpen && /* @__PURE__ */ c("div", { className: "rck-phone-dropdown", children: [
         /* @__PURE__ */ e(
-          f,
+          N,
           {
             value: r.searchQuery,
             onChange: r.setSearchQuery,
             placeholder: "Search country or dial code..."
           }
         ),
-        /* @__PURE__ */ e("ul", { className: "rck-list", role: "listbox", "aria-label": "Countries", children: r.filteredCountries.length === 0 ? /* @__PURE__ */ n("li", { className: "rck-empty", children: [
+        /* @__PURE__ */ e("ul", { className: "rck-list", role: "listbox", "aria-label": "Countries", children: r.filteredCountries.length === 0 ? /* @__PURE__ */ c("li", { className: "rck-empty", children: [
           /* @__PURE__ */ e("span", { className: "rck-empty-icon", children: "🌍" }),
           /* @__PURE__ */ e("span", { children: "No countries found" })
-        ] }) : r.filteredCountries.map((i) => {
+        ] }) : r.filteredCountries.map((s) => {
           var p;
-          const l = ((p = r.country) == null ? void 0 : p.iso2) === i.iso2;
-          return /* @__PURE__ */ n(
+          const l = ((p = r.country) == null ? void 0 : p.iso2) === s.iso2;
+          return /* @__PURE__ */ c(
             "li",
             {
               role: "option",
               "aria-selected": l,
               className: `rck-item${l ? " rck-item-selected" : ""}`,
-              onClick: () => r.selectCountry(i),
+              onClick: () => r.selectCountry(s),
               tabIndex: 0,
-              onKeyDown: (t) => t.key === "Enter" && r.selectCountry(i),
+              onKeyDown: (t) => t.key === "Enter" && r.selectCountry(s),
               children: [
-                /* @__PURE__ */ e("span", { className: "rck-item-flag", children: i.flag }),
-                /* @__PURE__ */ n("div", { className: "rck-item-main", children: [
-                  /* @__PURE__ */ e("span", { className: "rck-item-name", children: i.name }),
-                  /* @__PURE__ */ e("span", { className: "rck-item-sub", children: i.iso2 })
+                /* @__PURE__ */ e("span", { className: "rck-item-flag", children: /* @__PURE__ */ e(C, { iso2: s.iso2, flag: s.flag, flagUrl: s.flag_url }) }),
+                /* @__PURE__ */ c("div", { className: "rck-item-main", children: [
+                  /* @__PURE__ */ e("span", { className: "rck-item-name", children: s.name }),
+                  /* @__PURE__ */ e("span", { className: "rck-item-sub", children: s.iso2 })
                 ] }),
-                /* @__PURE__ */ n("span", { className: "rck-item-phone", children: [
+                /* @__PURE__ */ c("span", { className: "rck-item-phone", children: [
                   "+",
-                  i.phone_code
+                  s.phone_code
                 ] })
               ]
             },
-            i.iso2
+            s.iso2
           );
         }) })
       ] })
     ] })
   ] });
 }
-const R = () => /* @__PURE__ */ e("svg", { className: "rck-item-check", 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" }) });
-function ee({
-  value: s,
+const A = () => /* @__PURE__ */ e("svg", { className: "rck-item-check", 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" }) });
+function re({
+  value: n,
   onChange: o,
-  placeholder: u = "Select a timezone",
+  placeholder: k = "Select a timezone",
   searchable: h = !0,
-  countryIso2: m,
+  countryIso2: a,
   disabled: d = !1,
-  className: g,
-  label: k
+  className: u,
+  label: g
 }) {
-  const r = Q(s, o, m), c = /* @__PURE__ */ e("div", { className: "rck-trigger-content", children: s ? /* @__PURE__ */ n(C, { children: [
-    /* @__PURE__ */ e("span", { className: "rck-trigger-text", children: s.name }),
-    /* @__PURE__ */ e("span", { className: "rck-badge", children: s.offset_name })
-  ] }) : /* @__PURE__ */ e("span", { className: "rck-trigger-text rck-placeholder", children: u }) });
-  return /* @__PURE__ */ n(
-    x,
+  const r = D(n, o, a), i = /* @__PURE__ */ e("div", { className: "rck-trigger-content", children: n ? /* @__PURE__ */ c(b, { children: [
+    /* @__PURE__ */ e("span", { className: "rck-trigger-text", children: n.name }),
+    /* @__PURE__ */ e("span", { className: "rck-badge", children: n.offset_name })
+  ] }) : /* @__PURE__ */ e("span", { className: "rck-trigger-text rck-placeholder", children: k }) });
+  return /* @__PURE__ */ c(
+    v,
     {
       isOpen: r.isOpen,
       onClose: r.close,
       onToggle: r.toggle,
-      label: k,
+      label: g,
       disabled: d,
-      className: g,
-      triggerContent: c,
+      className: u,
+      triggerContent: i,
       id: "rck-timezone-picker",
       children: [
         h && /* @__PURE__ */ e(
-          f,
+          N,
           {
             value: r.searchQuery,
             onChange: r.setSearchQuery,
             placeholder: "Search timezone..."
           }
         ),
-        /* @__PURE__ */ e("ul", { className: "rck-list", role: "listbox", "aria-label": "Timezones", children: r.filteredItems.length === 0 ? /* @__PURE__ */ n("li", { className: "rck-empty", children: [
+        /* @__PURE__ */ e("ul", { className: "rck-list", role: "listbox", "aria-label": "Timezones", children: r.filteredItems.length === 0 ? /* @__PURE__ */ c("li", { className: "rck-empty", children: [
           /* @__PURE__ */ e("span", { className: "rck-empty-icon", children: "🕐" }),
           /* @__PURE__ */ e("span", { children: "No timezones found" })
-        ] }) : r.filteredItems.map((i) => {
-          const l = (s == null ? void 0 : s.name) === i.name;
-          return /* @__PURE__ */ n(
+        ] }) : r.filteredItems.map((s) => {
+          const l = (n == null ? void 0 : n.name) === s.name;
+          return /* @__PURE__ */ c(
             "li",
             {
               role: "option",
               "aria-selected": l,
               className: `rck-item${l ? " rck-item-selected" : ""}`,
-              onClick: () => r.selectItem(i),
+              onClick: () => r.selectItem(s),
               tabIndex: 0,
-              onKeyDown: (p) => p.key === "Enter" && r.selectItem(i),
+              onKeyDown: (p) => p.key === "Enter" && r.selectItem(s),
               children: [
-                /* @__PURE__ */ n("div", { className: "rck-item-main", children: [
-                  /* @__PURE__ */ e("span", { className: "rck-item-name", children: i.name }),
-                  /* @__PURE__ */ n("span", { className: "rck-item-sub", children: [
-                    i.tzName,
+                /* @__PURE__ */ c("div", { className: "rck-item-main", children: [
+                  /* @__PURE__ */ e("span", { className: "rck-item-name", children: s.name }),
+                  /* @__PURE__ */ c("span", { className: "rck-item-sub", children: [
+                    s.tzName,
                     " · ",
-                    i.abbreviation
+                    s.abbreviation
                   ] })
                 ] }),
-                /* @__PURE__ */ n("div", { className: "rck-item-right", children: [
-                  /* @__PURE__ */ e("span", { className: "rck-offset-badge", children: i.offset_name }),
-                  l && /* @__PURE__ */ e(R, {})
+                /* @__PURE__ */ c("div", { className: "rck-item-right", children: [
+                  /* @__PURE__ */ e("span", { className: "rck-offset-badge", children: s.offset_name }),
+                  l && /* @__PURE__ */ e(A, {})
                 ] })
               ]
             },
-            i.name
+            s.name
           );
         }) })
       ]
@@ -803,39 +821,13 @@ function ee({
   );
 }
 export {
-  U as CountryMultiSelect,
-  G as CountryPicker,
-  J as CurrencyMultiSelect,
-  Y as CurrencyPicker,
-  Z as DivisionPicker,
+  G as CountryMultiSelect,
+  J as CountryPicker,
+  Y as CurrencyMultiSelect,
+  Z as CurrencyPicker,
+  F as DivisionPicker,
   q as LanguagePicker,
-  F as PhoneInput,
-  ee as TimezonePicker,
-  S as getAllCountries,
-  B as getAllCurrencies,
-  ce as getAllLanguages,
-  se as getAllTimezones,
-  ie as getCountryByIso2,
-  te as getCountryByIso3,
-  le as getCountryByName,
-  oe as getCurrencyByCode,
-  ae as getCurrencyByCountry,
-  de as getDivisionsByCountry,
-  me as getLanguageByCode,
-  he as getTimezoneByName,
-  pe as getTimezonesByCountry,
-  ke as iso2ToFlag,
-  L as searchCountries,
-  E as searchCurrencies,
-  ue as searchLanguages,
-  ge as searchTimezones,
-  Ne as useBasePicker,
-  $ as useCountryPicker,
-  O as useCurrencyPicker,
-  P as useDivisionPicker,
-  _ as useLanguagePicker,
-  I as useMultiSelect,
-  W as usePhoneInput,
-  Q as useTimezonePicker
+  ee as PhoneInput,
+  re as TimezonePicker
 };
 //# sourceMappingURL=react-country-kit.es.js.map