twenty-ui 2.51.3 → 2.53.0

package/dist/{input-CuySKbhm.js → input-BwQqV8Wf.js}

@@ -1,54 +1,54 @@
 import { t as S } from "./isDefined-fMi6eQ4r.js";
 import { t as pe } from "./isRenderableSlot-DT_depzM.js";
-import { Cc as xr, Da as Dr, Dt as tt, It as jt, Lo as Or, Ot as Ar, Xa as Hr, Xs as $r, ic as Mr, kt as Fr, so as Vr, xc as Lr } from "./TablerIcons-B-5Ua_Ne.js";
+import { $a as xr, $s as Dr, Aa as Or, Bo as Ar, Dt as tt, Ec as $r, Lt as kt, Ot as Hr, kt as Mr, sc as Fr, uo as Vr, wc as Lr } from "./TablerIcons-B6BhOlW_.js";
 import { t as P } from "./doNotTranslate-BSVT8Xyd.js";
-import { l as zr, r as kt } from "./theme-B2EaXhye.js";
-import { t as he } from "./mergeClassNames-ClFMR1v0.js";
+import { l as zr, r as Rt } from "./theme-CuGIQBsJ.js";
+import { t as ge } from "./mergeClassNames-ClFMR1v0.js";
 import { t as be } from "./normalizeSearchText-DLmPiBUZ.js";
-import { r as Rt, t as oe } from "./Button-CU8BS-Yd.js";
-import { r as Ur, t as rt } from "./OverflowingTextWithTooltip-D4eZc-7P.js";
+import { r as Nt, t as ae } from "./Button-Dd8cNsn1.js";
+import { r as Ur, t as rt } from "./OverflowingTextWithTooltip-CAQ-5aUp.js";
 import { t as Yr } from "./Separator-0LzwPfOn.js";
-import { i as ct, n as qr, o as Ne, r as Br, t as N } from "./Dropdown-xXsGBv57.js";
-import { n as Fe, t as Nt } from "./Input-D1sIHUZ5.js";
-import { a as Be, i as Q, n as Gr, r as $e, t as Wr } from "./Radio-VTjpEz8M.js";
+import { a as ct, n as Br, r as Wr, s as Ne, t as T } from "./Dropdown-COpO_G9D.js";
+import { n as Fe, t as Tt } from "./Input-BKRR1xlO.js";
+import { a as Q, i as ut, n as Gr, o as We, r as He, t as qr } from "./Radio-D1PpZdqz.js";
 import { t as Kr } from "./Skeleton-BbIF780H.js";
 import { useRender as Te } from "@base-ui/react/use-render";
-import { isFunction as Ve, isNonEmptyArray as Pe, isNonEmptyString as L, isNull as Tt, isNumber as Pt, isString as Jr, isUndefined as Le } from "@sniptt/guards";
+import { isFunction as Ve, isNonEmptyArray as Pe, isNonEmptyString as L, isNull as Pt, isNumber as Jr, isString as Xr, isUndefined as Le } from "@sniptt/guards";
 import { clsx as G } from "clsx";
-import { Fragment as Xr, Suspense as Zr, createContext as Ye, createElement as Qr, forwardRef as xe, lazy as en, memo as De, useCallback as z, useContext as ye, useDebugValue as tn, useDeferredValue as rn, useEffect as te, useId as ae, useImperativeHandle as qe, useLayoutEffect as nn, useMemo as me, useRef as U, useState as K } from "react";
+import { Fragment as Zr, Suspense as Qr, createContext as Ye, createElement as en, forwardRef as xe, lazy as tn, memo as De, useCallback as z, useContext as ye, useDebugValue as rn, useDeferredValue as nn, useEffect as te, useId as oe, useImperativeHandle as Be, useLayoutEffect as an, useMemo as he, useRef as U, useState as K } from "react";
 import { Fragment as Z, jsx as i, jsxs as I } from "react/jsx-runtime";
 import { useMergedRefs as xt } from "@base-ui/utils/useMergedRefs";
 import { useControlled as Dt } from "@base-ui/utils/useControlled";
 import { useDirection as on } from "@base-ui/react/direction-provider";
 import { useStableCallback as Ot } from "@base-ui/utils/useStableCallback";
-import { useValueAsRef as an } from "@base-ui/utils/useValueAsRef";
-import { formatNumber as ut } from "@base-ui/utils/formatNumber";
-import { RadioGroup as ln } from "@base-ui/react/radio-group";
-var At = Ye(void 0), sn = "country:", Ht = (e) => `${sn}${e}`, $t = ({ countries: e, value: t, defaultValue: r = null, onValueChange: n, disabled: a = !1, noCountryLabel: o = P("No country"), children: s }) => {
-  const c = ae(), [l, u] = Dt({
+import { useValueAsRef as ln } from "@base-ui/utils/useValueAsRef";
+import { formatNumber as dt } from "@base-ui/utils/formatNumber";
+import { RadioGroup as sn } from "@base-ui/react/radio-group";
+var At = Ye(void 0), cn = "country:", $t = (e) => `${cn}${e}`, Ht = ({ countries: e, value: t, defaultValue: r = null, onValueChange: n, disabled: o = !1, noCountryLabel: a = P("No country"), children: s }) => {
+  const c = oe(), [l, u] = Dt({
     controlled: t,
     default: r,
     name: P("CountrySelect"),
     state: "value"
-  }), h = me(() => e.map((m) => ({
+  }), h = he(() => e.map((m) => ({
     ...m,
-    selectionValue: Ht(m.value),
+    selectionValue: $t(m.value),
     searchText: be(m.label)
-  })), [e]), d = me(() => new Map(h.map((m) => [m.value, m])), [h]), g = a || !Pe(h);
+  })), [e]), d = he(() => new Map(h.map((m) => [m.value, m])), [h]), g = o || !Pe(h);
   return /* @__PURE__ */ i(At.Provider, {
     value: {
       countries: h,
-      selectedCountry: Tt(l) ? void 0 : d.get(l),
+      selectedCountry: Pt(l) ? void 0 : d.get(l),
       value: l,
       disabled: g,
-      noCountryLabel: o,
+      noCountryLabel: a,
       selectionGroupId: c,
-      changeValue: (m, p) => {
+      changeValue: (m, f) => {
         if (g) {
-          p.cancel();
+          f.cancel();
           return;
         }
-        n?.(m, p), p.isCanceled || u(m);
+        n?.(m, f), f.isCanceled || u(m);
       }
     },
     children: s
@@ -62,11 +62,11 @@ var At = Ye(void 0), sn = "country:", Ht = (e) => `${sn}${e}`, $t = ({ countries
     t,
     n
   ]), null;
-}, cn = "_root_1x3d7_1", un = "_label_1x3d7_6", dn = "_flag_1x3d7_14", je = {
-  root: cn,
-  label: un,
-  flag: dn
-}, mn = ({ ariaLabelledBy: e, ariaLabel: t, visibleLabelId: r }) => {
+}, un = "_root_1x3d7_1", dn = "_label_1x3d7_6", mn = "_flag_1x3d7_14", je = {
+  root: un,
+  label: dn,
+  flag: mn
+}, hn = ({ ariaLabelledBy: e, ariaLabel: t, visibleLabelId: r }) => {
   if (L(e)) return e;
   if (!L(t))
     return r;
@@ -74,47 +74,47 @@ var At = Ye(void 0), sn = "country:", Ht = (e) => `${sn}${e}`, $t = ({ countries
   const e = ye(At);
   if (!S(e)) throw new Error(P("CountrySelect parts must be inside CountrySelect.Root"));
   return e;
-}, we = (e) => e.preventBaseUIHandler?.(), Ft = ({ label: e, wrapperProps: t, children: r, className: n, style: a, render: o, onClick: s, onMouseDown: c, onPointerDown: l, onKeyDown: u, onKeyUp: h, openOnHover: d, id: g, "aria-label": m, "aria-labelledby": p, "aria-describedby": b, ...y }) => {
-  const { selectedCountry: w, disabled: v, noCountryLabel: j } = nt(), { open: k, setOpen: C } = Ne(), f = ae(), E = g ?? f, _ = `${f}-label`, T = `${f}-value`, H = L(e), M = L(m) ? m : void 0, O = mn({
-    ariaLabelledBy: p,
+}, we = (e) => e.preventBaseUIHandler?.(), Ft = ({ label: e, wrapperProps: t, children: r, className: n, style: o, render: a, onClick: s, onMouseDown: c, onPointerDown: l, onKeyDown: u, onKeyUp: h, openOnHover: d, id: g, "aria-label": m, "aria-labelledby": f, "aria-describedby": b, ...y }) => {
+  const { selectedCountry: w, disabled: p, noCountryLabel: j } = nt(), { open: k, setOpen: C } = Ne(), v = oe(), E = g ?? v, _ = `${v}-label`, N = `${v}-value`, $ = L(e), M = L(m) ? m : void 0, O = hn({
+    ariaLabelledBy: f,
     ariaLabel: M,
-    visibleLabelId: H ? _ : void 0
-  }), $ = [b, (S(O) || S(M)) && !S(r) ? T : void 0].filter(L), x = w?.label ?? j, R = S(w) ? w.flag : /* @__PURE__ */ i(jt, {}), A = (Y) => ({
+    visibleLabelId: $ ? _ : void 0
+  }), H = [b, (S(O) || S(M)) && !S(r) ? N : void 0].filter(L), x = w?.label ?? j, R = S(w) ? w.flag : /* @__PURE__ */ i(kt, {}), A = (Y) => ({
     ...Y,
-    disabled: v
-  }), re = he(G(Fe.input, Fe.md, Be.trigger), n);
+    disabled: p
+  }), re = ge(G(Fe.input, Fe.md, We.trigger), n);
   return /* @__PURE__ */ I("div", {
     ...t,
     className: G(je.root, t?.className),
     children: [
       /* @__PURE__ */ i(Mt, {
-        disabled: v,
+        disabled: p,
         open: k,
         onOpenChange: C
       }),
-      H && /* @__PURE__ */ i("label", {
+      $ && /* @__PURE__ */ i("label", {
         id: _,
         className: je.label,
         htmlFor: E,
         children: e
       }),
-      /* @__PURE__ */ i(N.Trigger, {
+      /* @__PURE__ */ i(T.Trigger, {
         ...y,
         id: E,
         "aria-label": M,
         "aria-labelledby": O,
-        "aria-describedby": Pe($) ? $.join(" ") : void 0,
-        "aria-disabled": v || void 0,
-        openOnHover: v ? !1 : d,
-        "data-disabled": v ? "" : void 0,
-        onClick: v ? we : s,
-        onMouseDown: v ? we : c,
-        onPointerDown: v ? we : l,
-        onKeyDown: v ? we : u,
-        onKeyUp: v ? we : h,
+        "aria-describedby": Pe(H) ? H.join(" ") : void 0,
+        "aria-disabled": p || void 0,
+        openOnHover: p ? !1 : d,
+        "data-disabled": p ? "" : void 0,
+        onClick: p ? we : s,
+        onMouseDown: p ? we : c,
+        onPointerDown: p ? we : l,
+        onKeyDown: p ? we : u,
+        onKeyUp: p ? we : h,
         className: (Y) => re(A(Y)),
-        style: Ve(a) ? (Y) => a(A(Y)) : a,
-        render: Ve(o) ? (Y, ge) => o(Y, A(ge)) : o,
+        style: Ve(o) ? (Y) => o(A(Y)) : o,
+        render: Ve(a) ? (Y, ve) => a(Y, A(ve)) : a,
         children: r ?? /* @__PURE__ */ I(Z, { children: [
           /* @__PURE__ */ i("span", {
             className: je.flag,
@@ -122,12 +122,12 @@ var At = Ye(void 0), sn = "country:", Ht = (e) => `${sn}${e}`, $t = ({ countries
             children: R
           }),
           /* @__PURE__ */ i("span", {
-            className: Be.value,
-            id: T,
+            className: We.value,
+            id: N,
             children: /* @__PURE__ */ i(rt, { text: x })
           }),
           /* @__PURE__ */ i("span", {
-            className: Be.icon,
+            className: We.icon,
             "aria-hidden": "true",
             children: /* @__PURE__ */ i(tt, {})
           })
@@ -135,80 +135,81 @@ var At = Ye(void 0), sn = "country:", Ht = (e) => `${sn}${e}`, $t = ({ countries
       })
     ]
   });
-}, hn = "no-country", gn = ({ searchLabel: e = P("Search"), noResultsLabel: t = P("No results"), searchProps: r, render: n, ...a }) => {
-  const { countries: o, value: s, changeValue: c, disabled: l, noCountryLabel: u, selectionGroupId: h } = nt(), { titleId: d, triggerId: g } = Ne(), m = S(a["aria-label"]) || S(a["aria-labelledby"]) ? void 0 : d ?? g, [p, b] = K(""), y = be(p.trim()), w = L(y), v = o.filter((f) => f.searchText.includes(y)), j = be(u).includes(y), k = j || Pe(v), C = j && /* @__PURE__ */ i(N.OptionItem, {
+}, gn = "no-country", vn = ({ searchLabel: e = P("Search"), noResultsLabel: t = P("No results"), searchProps: r, render: n, ...o }) => {
+  const { countries: a, value: s, changeValue: c, disabled: l, noCountryLabel: u, selectionGroupId: h } = nt(), { titleId: d, triggerId: g } = Ne(), m = S(o["aria-label"]) || S(o["aria-labelledby"]) ? void 0 : d ?? g, [f, b] = K(""), y = be(f.trim()), w = L(y), p = a.filter((v) => v.searchText.includes(y)), j = be(u).includes(y), k = j || Pe(p), C = j && /* @__PURE__ */ i(T.OptionItem, {
     value: "no-country",
     disabled: l,
     startIcon: /* @__PURE__ */ i("span", {
       className: je.flag,
       "aria-hidden": "true",
-      children: /* @__PURE__ */ i(jt, {})
+      children: /* @__PURE__ */ i(kt, {})
     }),
     children: u
   });
   return /* @__PURE__ */ I(Z, { children: [
-    /* @__PURE__ */ i(N.Search, {
+    /* @__PURE__ */ i(T.Search, {
       placeholder: e,
       "aria-label": e,
       ...r,
-      value: p,
+      value: f,
       onValueChange: b,
       disabled: l || r?.disabled
     }),
-    k && /* @__PURE__ */ i(N.Separator, {}),
-    /* @__PURE__ */ I(N.SelectionGroup, {
-      ...a,
-      "aria-labelledby": a["aria-labelledby"] ?? m,
-      render: Ve(n) ? (f) => n(f, {
+    k && /* @__PURE__ */ i(T.Separator, {}),
+    /* @__PURE__ */ I(T.SelectionGroup, {
+      ...o,
+      "aria-labelledby": o["aria-labelledby"] ?? m,
+      render: Ve(n) ? (v) => n(v, {
         value: s,
         multiple: !1
       }) : n,
       id: h,
-      value: Tt(s) ? hn : Ht(s),
-      onValueChange: (f, E) => {
-        c(o.find((_) => _.selectionValue === f)?.value ?? null, E);
+      value: Pt(s) ? gn : $t(s),
+      onValueChange: (v, E) => {
+        const _ = a.find((N) => N.selectionValue === v);
+        c(_?.value ?? null, E);
       },
-      children: [k && /* @__PURE__ */ I(N.Section, {
+      children: [k && /* @__PURE__ */ I(T.Section, {
         scrollable: !0,
         children: [
           !w && C,
-          v.map((f) => /* @__PURE__ */ i(N.OptionItem, {
-            value: f.selectionValue,
-            disabled: l || f.disabled,
+          p.map((v) => /* @__PURE__ */ i(T.OptionItem, {
+            value: v.selectionValue,
+            disabled: l || v.disabled,
             startIcon: /* @__PURE__ */ i("span", {
               className: je.flag,
               "aria-hidden": "true",
-              children: f.flag
+              children: v.flag
             }),
-            children: f.label
-          }, f.value)),
+            children: v.label
+          }, v.value)),
           w && C
         ]
-      }), !k && /* @__PURE__ */ i(N.Empty, { children: t })]
+      }), !k && /* @__PURE__ */ i(T.Empty, { children: t })]
     })
   ] });
 }, Vt = (e) => {
-  const { open: t } = Ne(), [r, n] = K(t), [a, o] = K(0);
-  return r !== t && (n(t), t && o(a + 1)), /* @__PURE__ */ Qr(gn, {
+  const { open: t } = Ne(), [r, n] = K(t), [o, a] = K(0);
+  return r !== t && (n(t), t && a(o + 1)), /* @__PURE__ */ en(vn, {
     ...e,
-    key: a
+    key: o
   });
-}, fn = ({ open: e, defaultOpen: t = !1, onOpenChange: r, onEscapeKeyDown: n, onInteractOutside: a, defaultPage: o, popupProps: s, optionsProps: c, searchLabel: l, noResultsLabel: u, searchProps: h, closeOnSelect: d, ...g }) => {
-  const { disabled: m } = nt(), [p, b] = K(t), y = e ?? p, w = !m && y, v = (f) => {
-    f && m || (b(f), r?.(f));
+}, fn = ({ open: e, defaultOpen: t = !1, onOpenChange: r, onEscapeKeyDown: n, onInteractOutside: o, defaultPage: a, popupProps: s, optionsProps: c, searchLabel: l, noResultsLabel: u, searchProps: h, closeOnSelect: d, ...g }) => {
+  const { disabled: m } = nt(), [f, b] = K(t), y = e ?? f, w = !m && y, p = (v) => {
+    v && m || (b(v), r?.(v));
   }, j = [g["aria-label"], g.label].find(L), k = S(s?.["aria-label"]) || S(s?.["aria-labelledby"]), C = S(c?.["aria-label"]) || S(c?.["aria-labelledby"]);
   return /* @__PURE__ */ I(Z, { children: [/* @__PURE__ */ i(Mt, {
     disabled: m,
     open: y,
-    onOpenChange: v
-  }), /* @__PURE__ */ I(N.Root, {
+    onOpenChange: p
+  }), /* @__PURE__ */ I(T.Root, {
     type: "picker",
     open: w,
-    onOpenChange: v,
+    onOpenChange: p,
     onEscapeKeyDown: n,
-    onInteractOutside: a,
-    defaultPage: o,
-    children: [/* @__PURE__ */ i(Ft, { ...g }), /* @__PURE__ */ i(N.Content, {
+    onInteractOutside: o,
+    defaultPage: a,
+    children: [/* @__PURE__ */ i(Ft, { ...g }), /* @__PURE__ */ i(T.Content, {
       "aria-label": k ? void 0 : j,
       "aria-labelledby": k ? void 0 : g["aria-labelledby"],
       ...s,
@@ -223,29 +224,29 @@ var At = Ye(void 0), sn = "country:", Ht = (e) => `${sn}${e}`, $t = ({ countries
       })
     })]
   })] });
-}, vn = ({ countries: e, value: t, defaultValue: r, onValueChange: n, disabled: a, noCountryLabel: o, ...s }) => /* @__PURE__ */ i($t, {
+}, pn = ({ countries: e, value: t, defaultValue: r, onValueChange: n, disabled: o, noCountryLabel: a, ...s }) => /* @__PURE__ */ i(Ht, {
   countries: e,
   value: t,
   defaultValue: r,
   onValueChange: n,
-  disabled: a,
-  noCountryLabel: o,
+  disabled: o,
+  noCountryLabel: a,
   children: /* @__PURE__ */ i(fn, { ...s })
-}), pi = Object.assign(vn, {
-  Root: $t,
+}), yi = Object.assign(pn, {
+  Root: Ht,
   Trigger: Ft,
   Options: Vt
-}), pn = "_trigger_18tlx_1", bn = "_chevron_18tlx_40", yn = "_options_18tlx_45", wn = "_emptyStatus_18tlx_51", ze = {
-  trigger: pn,
-  chevron: bn,
-  options: yn,
-  emptyStatus: wn
+}), bn = "_trigger_18tlx_1", yn = "_chevron_18tlx_40", wn = "_options_18tlx_45", _n = "_emptyStatus_18tlx_51", ze = {
+  trigger: bn,
+  chevron: yn,
+  options: wn,
+  emptyStatus: _n
 }, Lt = Ye(void 0), zt = () => {
   const e = ye(Lt);
   if (!S(e)) throw new Error(P("CurrencyPicker parts must be inside CurrencyPicker.Root"));
   return e;
-}, Ut = ({ disabled: e = !1, searchable: t = !0, searchLabel: r = P("Search"), listLabel: n, emptyLabel: a = P("No results"), searchProps: o, className: s, render: c, ref: l, ...u }) => {
-  const { state: h, groupId: d, options: g, selectionProps: m } = zt(), { titleId: p, triggerId: b } = Ne(), { value: y, defaultValue: w = "", onValueChange: v, ...j } = o ?? {}, [k, C] = K(w), f = y ?? k, E = t ? String(f).trim().toLowerCase() : "", _ = g.filter(({ searchText: O }) => O.includes(E)), T = Pe(_), H = h.disabled || e, M = S(n) ? void 0 : p ?? b;
+}, Ut = ({ disabled: e = !1, searchable: t = !0, searchLabel: r = P("Search"), listLabel: n, emptyLabel: o = P("No results"), searchProps: a, className: s, render: c, ref: l, ...u }) => {
+  const { state: h, groupId: d, options: g, selectionProps: m } = zt(), { titleId: f, triggerId: b } = Ne(), { value: y, defaultValue: w = "", onValueChange: p, ...j } = a ?? {}, [k, C] = K(w), v = y ?? k, E = t ? String(v).trim().toLowerCase() : "", _ = g.filter(({ searchText: O }) => O.includes(E)), N = Pe(_), $ = h.disabled || e, M = S(n) ? void 0 : f ?? b;
   return Te({
     render: c,
     ref: l,
@@ -253,46 +254,46 @@ var At = Ye(void 0), sn = "country:", Ht = (e) => `${sn}${e}`, $t = ({ countries
       ...u,
       className: G(ze.options, s),
       children: /* @__PURE__ */ I(Z, { children: [
-        t && /* @__PURE__ */ I(Z, { children: [/* @__PURE__ */ i(N.Search, {
+        t && /* @__PURE__ */ I(Z, { children: [/* @__PURE__ */ i(T.Search, {
           placeholder: r,
           "aria-label": r,
           ...j,
-          value: f,
+          value: v,
           onValueChange: (O) => {
-            v?.(O), Le(y) && C(O);
+            p?.(O), Le(y) && C(O);
           },
-          disabled: H || o?.disabled
-        }), /* @__PURE__ */ i(N.Separator, {})] }),
-        /* @__PURE__ */ i(N.SelectionGroup, {
+          disabled: $ || a?.disabled
+        }), /* @__PURE__ */ i(T.Separator, {})] }),
+        /* @__PURE__ */ i(T.SelectionGroup, {
           ...m,
           id: d,
           "aria-label": n,
           "aria-labelledby": M,
-          children: T && /* @__PURE__ */ i(N.Section, {
+          children: N && /* @__PURE__ */ i(T.Section, {
             scrollable: !0,
-            children: _.map(({ currency: O, label: $ }) => /* @__PURE__ */ i(N.OptionItem, {
+            children: _.map(({ currency: O, label: H }) => /* @__PURE__ */ i(T.OptionItem, {
               value: O.code,
-              disabled: H || O.disabled,
-              children: Jr($) ? /* @__PURE__ */ i(rt, { text: $ }) : $
+              disabled: $ || O.disabled,
+              children: Xr(H) ? /* @__PURE__ */ i(rt, { text: H }) : H
             }, O.code))
           })
         }),
-        /* @__PURE__ */ i(N.Empty, {
+        /* @__PURE__ */ i(T.Empty, {
           className: ze.emptyStatus,
-          children: T ? null : a
+          children: N ? null : o
         })
       ] })
     }
   });
-}, Yt = ({ code: e, name: t }) => `${t} (${e})`, _n = (e) => `${Yt(e)} ${e.symbol ?? ""}`, qt = ({ currencies: e, value: t, defaultValue: r = null, onValueChange: n, closeOnSelect: a, disabled: o = !1, selectedFirst: s = !1, getOptionLabel: c = Yt, getSearchText: l = _n, renderValue: u, children: h }) => {
-  const d = ae(), { selections: g, initializeSelection: m } = Ne(), p = {
+}, Yt = ({ code: e, name: t }) => `${t} (${e})`, Cn = (e) => `${Yt(e)} ${e.symbol ?? ""}`, Bt = ({ currencies: e, value: t, defaultValue: r = null, onValueChange: n, closeOnSelect: o, disabled: a = !1, selectedFirst: s = !1, getOptionLabel: c = Yt, getSearchText: l = Cn, renderValue: u, children: h }) => {
+  const d = oe(), { selections: g, initializeSelection: m } = Ne(), f = {
     value: t,
     defaultValue: r,
     onValueChange: n,
-    closeOnSelect: a
-  }, b = qr({
+    closeOnSelect: o
+  }, b = Br({
     props: {
-      ...p,
+      ...f,
       id: d
     },
     storedState: g.get(d)
@@ -300,89 +301,89 @@ var At = Ye(void 0), sn = "country:", Ht = (e) => `${sn}${e}`, $t = ({ countries
     currency: C,
     label: c(C),
     searchText: l(C).toLowerCase()
-  })), v = w.find(({ currency: C }) => C.code === y), j = s && S(v) ? [v, ...w.filter((C) => C !== v)] : w, k = {
+  })), p = w.find(({ currency: C }) => C.code === y), j = s && S(p) ? [p, ...w.filter((C) => C !== p)] : w, k = {
     value: y,
-    selectedCurrency: v?.currency,
-    disabled: o
+    selectedCurrency: p?.currency,
+    disabled: a
   };
   return /* @__PURE__ */ I(Lt.Provider, {
     value: {
       state: k,
       groupId: d,
       options: j,
-      selectionProps: p,
+      selectionProps: f,
       renderValue: u
     },
-    children: [Le(t) && /* @__PURE__ */ i(Br, {
+    children: [Le(t) && /* @__PURE__ */ i(Wr, {
       id: d,
       initialState: b,
       initializeSelection: m
     }), Ve(h) ? h(k) : h]
   });
-}, Bt = ({ children: e, placeholder: t, disabled: r = !1, className: n, ...a }) => {
-  const { state: o, renderValue: s } = zt(), c = S(o.value) ? o.value : t;
-  return /* @__PURE__ */ I(N.Trigger, {
-    ...a,
-    disabled: o.disabled || r,
-    className: he(ze.trigger, n),
-    children: [e ?? (S(s) ? s(o) : c), /* @__PURE__ */ i(tt, {
+}, Wt = ({ children: e, placeholder: t, disabled: r = !1, className: n, ...o }) => {
+  const { state: a, renderValue: s } = zt(), c = S(a.value) ? a.value : t;
+  return /* @__PURE__ */ I(T.Trigger, {
+    ...o,
+    disabled: a.disabled || r,
+    className: ge(ze.trigger, n),
+    children: [e ?? (S(s) ? s(a) : c), /* @__PURE__ */ i(tt, {
       "aria-hidden": "true",
       className: ze.chevron
     })]
   });
-}, Cn = ({ currencies: e, value: t, defaultValue: r, onValueChange: n, closeOnSelect: a, disabled: o, selectedFirst: s, getOptionLabel: c, getSearchText: l, renderValue: u, open: h, defaultOpen: d, onOpenChange: g, onEscapeKeyDown: m, onInteractOutside: p, triggerProps: b, contentProps: y, optionsProps: w, ...v }) => /* @__PURE__ */ i(N.Root, {
+}, En = ({ currencies: e, value: t, defaultValue: r, onValueChange: n, closeOnSelect: o, disabled: a, selectedFirst: s, getOptionLabel: c, getSearchText: l, renderValue: u, open: h, defaultOpen: d, onOpenChange: g, onEscapeKeyDown: m, onInteractOutside: f, triggerProps: b, contentProps: y, optionsProps: w, ...p }) => /* @__PURE__ */ i(T.Root, {
   type: "picker",
   open: h,
   defaultOpen: d,
   onOpenChange: g,
   onEscapeKeyDown: m,
-  onInteractOutside: p,
-  children: /* @__PURE__ */ I(qt, {
+  onInteractOutside: f,
+  children: /* @__PURE__ */ I(Bt, {
     currencies: e,
     value: t,
     defaultValue: r,
     onValueChange: n,
-    closeOnSelect: a,
-    disabled: o,
+    closeOnSelect: o,
+    disabled: a,
     selectedFirst: s,
     getOptionLabel: c,
     getSearchText: l,
     renderValue: u,
-    children: [/* @__PURE__ */ i(Bt, {
-      ...v,
+    children: [/* @__PURE__ */ i(Wt, {
+      ...p,
       ...b
-    }), /* @__PURE__ */ i(N.Content, {
+    }), /* @__PURE__ */ i(T.Content, {
       ...y,
       children: /* @__PURE__ */ i(Ut, { ...w })
     })]
   })
-}), bi = Object.assign(Cn, {
-  Root: qt,
-  Trigger: Bt,
+}), wi = Object.assign(En, {
+  Root: Bt,
+  Trigger: Wt,
   Options: Ut
-}), En = "_calendar_s1e8i_1", Sn = "_header_s1e8i_9", In = "_monthSelect_s1e8i_18", jn = "_yearSelect_s1e8i_23", kn = "_navigation_s1e8i_28", Rn = "_chevron_s1e8i_33", le = {
-  calendar: En,
-  header: Sn,
-  monthSelect: In,
-  yearSelect: jn,
-  navigation: kn,
-  chevron: Rn
+}), Sn = "_calendar_s1e8i_1", In = "_header_s1e8i_9", jn = "_monthSelect_s1e8i_18", kn = "_yearSelect_s1e8i_23", Rn = "_navigation_s1e8i_28", Nn = "_chevron_s1e8i_33", se = {
+  calendar: Sn,
+  header: In,
+  monthSelect: jn,
+  yearSelect: kn,
+  navigation: Rn,
+  chevron: Nn
 }, ke = {
   MIN_YEAR: 1,
   MAX_YEAR: 9999,
   DAYS_PER_WEEK: 7,
   MONTHS_PER_YEAR: 12
-}, Nn = ({ isOpenRef: e, onOpenChange: t }) => {
+}, Tn = ({ isOpenRef: e, onOpenChange: t }) => {
   const r = Ot(t);
   return te(() => () => {
     e.current && (e.current = !1, r(!1));
   }, [e, r]), null;
-}, dt = ({ value: e, items: t, onValueChange: r, label: n, disabled: a, portalContainer: o, onOpenChange: s }) => {
+}, mt = ({ value: e, items: t, onValueChange: r, label: n, disabled: o, portalContainer: a, onOpenChange: s }) => {
   const c = U(!1);
   return /* @__PURE__ */ I(Q.Root, {
     value: e,
     items: t,
-    disabled: a,
+    disabled: o,
     onOpenChange: (l) => {
       l && (c.current = !0, s?.(!0));
     },
@@ -390,10 +391,10 @@ var At = Ye(void 0), sn = "country:", Ht = (e) => `${sn}${e}`, $t = ({ countries
       !l && c.current && (c.current = !1, s?.(!1));
     },
     onValueChange: (l) => {
-      Pt(l) && r(l);
+      Jr(l) && r(l);
     },
     children: [
-      /* @__PURE__ */ i(Nn, {
+      /* @__PURE__ */ i(Tn, {
         isOpenRef: c,
         onOpenChange: s
       }),
@@ -402,7 +403,7 @@ var At = Ye(void 0), sn = "country:", Ht = (e) => `${sn}${e}`, $t = ({ countries
         children: [/* @__PURE__ */ i(Q.Value, {}), /* @__PURE__ */ i(Q.Icon, {})]
       }),
       /* @__PURE__ */ i(Q.Portal, {
-        container: o,
+        container: a,
         children: /* @__PURE__ */ i(Q.Positioner, {
           sideOffset: zr.spacingMultiplicator,
           alignItemWithTrigger: !1,
@@ -418,39 +419,39 @@ var At = Ye(void 0), sn = "country:", Ht = (e) => `${sn}${e}`, $t = ({ countries
   constructor({ message: e }) {
     super(e), this.name = P("DatePickerException");
   }
-}, Tn = /^(\d{4})-(\d{2})-(\d{2})$/, Pn = 10, Ue = (e) => {
-  const t = e.match(Tn);
-  if (!S(t) || e.length !== Pn) throw new Xe({ message: P("Calendar dates must use the YYYY-MM-DD format.") });
-  const [, r, n, a] = t, o = Number(r), s = Number(n), c = Number(a), l = /* @__PURE__ */ new Date(0);
-  if (l.setUTCFullYear(o, s - 1, c), !(o >= ke.MIN_YEAR && o <= ke.MAX_YEAR && l.getUTCFullYear() === o && l.getUTCMonth() === s - 1 && l.getUTCDate() === c)) throw new Xe({ message: P("Calendar dates must be valid dates in years 0001 through 9999.") });
+}, Pn = /^(\d{4})-(\d{2})-(\d{2})$/, xn = 10, Ue = (e) => {
+  const t = e.match(Pn);
+  if (!S(t) || e.length !== xn) throw new Xe({ message: P("Calendar dates must use the YYYY-MM-DD format.") });
+  const [, r, n, o] = t, a = Number(r), s = Number(n), c = Number(o), l = /* @__PURE__ */ new Date(0);
+  if (l.setUTCFullYear(a, s - 1, c), !(a >= ke.MIN_YEAR && a <= ke.MAX_YEAR && l.getUTCFullYear() === a && l.getUTCMonth() === s - 1 && l.getUTCDate() === c)) throw new Xe({ message: P("Calendar dates must be valid dates in years 0001 through 9999.") });
   return l;
-}, mt = 100, xn = ({ viewedMonth: e, onPreviousMonth: t, onNextMonth: r, onMonthChange: n, onYearChange: a, isPreviousMonthDisabled: o, isNextMonthDisabled: s, locale: c, previousMonthLabel: l, nextMonthLabel: u, monthLabel: h, yearLabel: d, portalContainer: g, onNavigationOpenChange: m, disabled: p }) => {
-  const b = Ue(`${e}-01`), y = b.getUTCFullYear(), w = b.getUTCMonth() + 1, v = new Intl.DateTimeFormat(c, {
+}, ht = 100, Dn = ({ viewedMonth: e, onPreviousMonth: t, onNextMonth: r, onMonthChange: n, onYearChange: o, isPreviousMonthDisabled: a, isNextMonthDisabled: s, locale: c, previousMonthLabel: l, nextMonthLabel: u, monthLabel: h, yearLabel: d, portalContainer: g, onNavigationOpenChange: m, disabled: f }) => {
+  const b = Ue(`${e}-01`), y = b.getUTCFullYear(), w = b.getUTCMonth() + 1, p = new Intl.DateTimeFormat(c, {
     month: "long",
     calendar: "gregory",
     timeZone: P("UTC")
   }), j = new Intl.NumberFormat(c, { useGrouping: !1 }), k = [];
   for (let _ = 1; _ <= ke.MONTHS_PER_YEAR; _++) {
-    const T = new Date(b);
-    T.setUTCMonth(_ - 1), k.push({
+    const N = new Date(b);
+    N.setUTCMonth(_ - 1), k.push({
       value: _,
-      label: v.format(T)
+      label: p.format(N)
     });
   }
-  const C = [], f = Math.max(ke.MIN_YEAR, y - mt), E = Math.min(ke.MAX_YEAR, y + mt);
-  for (let _ = f; _ <= E; _++) C.push({
+  const C = [], v = Math.max(ke.MIN_YEAR, y - ht), E = Math.min(ke.MAX_YEAR, y + ht);
+  for (let _ = v; _ <= E; _++) C.push({
     value: _,
     label: j.format(_)
   });
   return /* @__PURE__ */ I("div", {
-    className: le.header,
+    className: se.header,
     children: [
       /* @__PURE__ */ i("div", {
-        className: le.monthSelect,
-        children: /* @__PURE__ */ i(dt, {
+        className: se.monthSelect,
+        children: /* @__PURE__ */ i(mt, {
           value: w,
           items: k,
-          disabled: p,
+          disabled: f,
           label: h,
           portalContainer: g,
           onOpenChange: (_) => m?.({
@@ -461,43 +462,43 @@ var At = Ye(void 0), sn = "country:", Ht = (e) => `${sn}${e}`, $t = ({ countries
         })
       }),
       /* @__PURE__ */ i("div", {
-        className: le.yearSelect,
-        children: /* @__PURE__ */ i(dt, {
+        className: se.yearSelect,
+        children: /* @__PURE__ */ i(mt, {
           value: y,
           items: C,
-          disabled: p,
+          disabled: f,
           label: d,
           portalContainer: g,
           onOpenChange: (_) => m?.({
             open: _,
             control: "year"
           }),
-          onValueChange: a
+          onValueChange: o
         })
       }),
       /* @__PURE__ */ I("div", {
-        className: le.navigation,
+        className: se.navigation,
         children: [/* @__PURE__ */ i(ct, {
           size: "md",
-          disabled: p || o,
+          disabled: f || a,
           "aria-label": l,
           onClick: t,
-          children: /* @__PURE__ */ i(Ar, { className: le.chevron })
+          children: /* @__PURE__ */ i(Hr, { className: se.chevron })
         }), /* @__PURE__ */ i(ct, {
           size: "md",
-          disabled: p || s,
+          disabled: f || s,
           "aria-label": u,
           onClick: r,
-          children: /* @__PURE__ */ i(Fr, { className: le.chevron })
+          children: /* @__PURE__ */ i(Mr, { className: se.chevron })
         })]
       })
     ]
   });
-}, se = (e) => {
+}, ce = (e) => {
   const t = Ue(e), r = /* @__PURE__ */ new Date(0);
   return r.setFullYear(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate()), r.setHours(0, 0, 0, 0), r;
-}, Dn = ({ calendarRef: e, engineViewedMonthRef: t, viewedMonth: r }) => (te(() => {
-  t.current !== r && (e.current?.setPreSelection(se(`${r}-01`)), t.current = r);
+}, On = ({ calendarRef: e, engineViewedMonthRef: t, viewedMonth: r }) => (te(() => {
+  t.current !== r && (e.current?.setPreSelection(ce(`${r}-01`)), t.current = r);
 }, [
   e,
   t,
@@ -506,82 +507,82 @@ var At = Ye(void 0), sn = "country:", Ht = (e) => `${sn}${e}`, $t = ({ countries
   e.getFullYear().toString().padStart(4, "0"),
   (e.getMonth() + 1).toString().padStart(2, "0"),
   e.getDate().toString().padStart(2, "0")
-].join("-"), ht = en(async () => {
+].join("-"), gt = tn(async () => {
   const e = (await import("react-datepicker")).default;
   return { default: "default" in e ? e.default : e };
-}), On = ({ start: e, end: t }) => {
+}), An = ({ start: e, end: t }) => {
   if (Ue(e), Ue(t), e > t) throw new Xe({ message: P("Calendar highlighted ranges must end on or after their start date.") });
-}, An = 300, yi = ({ value: e, onValueChange: t, onValueSelect: r, viewedMonth: n, onViewedMonthChange: a, highlightedRange: o, readOnly: s = !1, isGridHidden: c = !1, weekStart: l, locale: u, weekdayLabels: h, previousMonthLabel: d, nextMonthLabel: g, monthLabel: m, yearLabel: p, portalContainer: b, onNavigationOpenChange: y, isDateUnavailable: w, disabled: v = !1, isKeyboardNavigationDisabled: j = !1, renderHeader: k, loadingFallback: C, dir: f, render: E, ref: _, className: T, ...H }) => {
-  const M = U(null), O = U(null), $ = U(e?.slice(0, 7) ?? n), x = on(), R = f === "rtl" || f === "ltr" ? f : x;
-  S(o) && On(o);
+}, $n = 300, _i = ({ value: e, onValueChange: t, onValueSelect: r, viewedMonth: n, onViewedMonthChange: o, highlightedRange: a, readOnly: s = !1, isGridHidden: c = !1, weekStart: l, locale: u, weekdayLabels: h, previousMonthLabel: d, nextMonthLabel: g, monthLabel: m, yearLabel: f, portalContainer: b, onNavigationOpenChange: y, isDateUnavailable: w, disabled: p = !1, isKeyboardNavigationDisabled: j = !1, renderHeader: k, loadingFallback: C, dir: v, render: E, ref: _, className: N, ...$ }) => {
+  const M = U(null), O = U(null), H = U(e?.slice(0, 7) ?? n), x = on(), R = v === "rtl" || v === "ltr" ? v : x;
+  S(a) && An(a);
   const A = (D) => {
-    const B = _e(D).slice(0, 7);
-    $.current = B, B !== n && a(B);
+    const W = _e(D).slice(0, 7);
+    H.current = W, W !== n && o(W);
   }, re = (D) => {
-    s || v || !S(D) || t(_e(D));
+    s || p || !S(D) || t(_e(D));
   }, Y = {
     ref: M,
     open: !0,
     onClickOutside: (D) => {
       O.current === D && D.preventDefault();
     },
-    minDate: se("0001-01-01"),
-    maxDate: se("9999-12-31"),
-    disabled: v,
+    minDate: ce("0001-01-01"),
+    maxDate: ce("9999-12-31"),
+    disabled: p,
     disabledKeyboardNavigation: j,
-    openToDate: se(`${n}-01`),
+    openToDate: ce(`${n}-01`),
     calendarStartDay: l,
     onMonthChange: A,
     onYearChange: A,
     filterDate: (D) => !w?.(_e(D)),
     onSelect: (D) => {
-      if (s || v || !S(D)) return;
-      const B = _e(D);
-      S(o) && B !== e && t(B), r?.(B);
+      if (s || p || !S(D)) return;
+      const W = _e(D);
+      S(a) && W !== e && t(W), r?.(W);
     },
     renderCustomDayName: S(h) ? ({ day: D }) => /* @__PURE__ */ i("span", {
       title: new Intl.DateTimeFormat(u, { weekday: "long" }).format(D),
       children: h[D.getDay()]
     }) : void 0,
-    renderCustomHeader: ({ monthDate: D, decreaseMonth: B, increaseMonth: Oe, changeMonth: Rr, changeYear: Nr, prevMonthButtonDisabled: Tr, nextMonthButtonDisabled: Pr }) => {
+    renderCustomHeader: ({ monthDate: D, decreaseMonth: W, increaseMonth: Oe, changeMonth: Rr, changeYear: Nr, prevMonthButtonDisabled: Tr, nextMonthButtonDisabled: Pr }) => {
       const st = {
         viewedMonth: _e(D).slice(0, 7),
-        onPreviousMonth: B,
+        onPreviousMonth: W,
         onNextMonth: Oe,
         onMonthChange: (Ae) => Rr(Ae - 1),
         onYearChange: (Ae) => {
-          const He = new Date(D);
-          if (He.setFullYear(Ae), He.getMonth() === D.getMonth()) {
+          const $e = new Date(D);
+          if ($e.setFullYear(Ae), $e.getMonth() === D.getMonth()) {
             Nr(Ae);
             return;
           }
-          He.setDate(0), M.current?.setPreSelection(He);
+          $e.setDate(0), M.current?.setPreSelection($e);
         },
-        isPreviousMonthDisabled: v || Tr,
-        isNextMonthDisabled: v || Pr
+        isPreviousMonthDisabled: p || Tr,
+        isNextMonthDisabled: p || Pr
       };
-      return S(k) ? /* @__PURE__ */ i(Z, { children: k(st) }) : /* @__PURE__ */ i(xn, {
+      return S(k) ? /* @__PURE__ */ i(Z, { children: k(st) }) : /* @__PURE__ */ i(Dn, {
         ...st,
         locale: u,
         previousMonthLabel: d,
         nextMonthLabel: g,
         monthLabel: m,
-        yearLabel: p,
+        yearLabel: f,
         portalContainer: b,
         onNavigationOpenChange: y,
-        disabled: v
+        disabled: p
       });
     }
-  }, ge = () => S(o) ? /* @__PURE__ */ i(ht, {
+  }, ve = () => S(a) ? /* @__PURE__ */ i(gt, {
     ...Y,
     selectsRange: !0,
-    startDate: se(o.start),
-    endDate: se(o.end),
+    startDate: ce(a.start),
+    endDate: ce(a.end),
     onChange: () => {
     }
-  }) : /* @__PURE__ */ i(ht, {
+  }) : /* @__PURE__ */ i(gt, {
     ...Y,
-    selected: S(e) ? se(e) : null,
+    selected: S(e) ? ce(e) : null,
     onChange: re
   });
   return Te({
@@ -589,31 +590,31 @@ var At = Ye(void 0), sn = "country:", Ht = (e) => `${sn}${e}`, $t = ({ countries
     ref: _,
     props: {
       role: "group",
-      ...H,
+      ...$,
       dir: R,
       onMouseDownCapture: (D) => {
-        H.onMouseDownCapture?.(D), O.current = D.nativeEvent;
+        $.onMouseDownCapture?.(D), O.current = D.nativeEvent;
       },
-      className: G(le.calendar, T),
+      className: G(se.calendar, N),
       "data-readonly": s || void 0,
       "data-hide-grid": c || void 0,
-      children: /* @__PURE__ */ I(Zr, {
-        fallback: C ?? /* @__PURE__ */ i(Kr, { height: An }),
-        children: [/* @__PURE__ */ i(Dn, {
+      children: /* @__PURE__ */ I(Qr, {
+        fallback: C ?? /* @__PURE__ */ i(Kr, { height: $n }),
+        children: [/* @__PURE__ */ i(On, {
           calendarRef: M,
-          engineViewedMonthRef: $,
+          engineViewedMonthRef: H,
           viewedMonth: n
-        }), ge()]
+        }), ve()]
       })
     }
   });
-}, Hn = Object.defineProperty, $n = (e, t) => {
+}, Hn = Object.defineProperty, Mn = (e, t) => {
   for (var r in t) Hn(e, r, {
     get: t[r],
     enumerable: !0
   });
-}, ce = {};
-$n(ce, {
+}, ue = {};
+Mn(ue, {
   ActiveEmoji: () => _r,
   Empty: () => wr,
   List: () => pr,
@@ -624,7 +625,7 @@ $n(ce, {
   SkinToneSelector: () => br,
   Viewport: () => mr
 });
-var Gt = "'Apple Color Emoji', 'Noto Color Emoji', 'Twemoji Mozilla', 'Android Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', EmojiSymbols, sans-serif", ot = [
+var Gt = "'Apple Color Emoji', 'Noto Color Emoji', 'Twemoji Mozilla', 'Android Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', EmojiSymbols, sans-serif", at = [
   "none",
   "light",
   "medium-light",
@@ -636,7 +637,7 @@ function Ge(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
 var J = 2, V = null;
-function gt(e) {
+function vt(e) {
   try {
     V ??= document.createElement("canvas").getContext("2d", { willReadFrequently: !0 });
   } catch {
@@ -651,7 +652,7 @@ function gt(e) {
   for (let n = 0; n < J * J * 4; n += 4) if (t[n] !== r[n] || t[n + 1] !== r[n + 1] || t[n + 2] !== r[n + 2]) return !1;
   return !0;
 }
-function Wt(e, t, r) {
+function qt(e, t, r) {
   try {
     let n = e.getItem(t);
     if (!n) throw new Error(`No value found for "${t}".`);
@@ -678,13 +679,13 @@ function Jt(e) {
   if (typeof e != "boolean") throw new Error();
   return e;
 }
-function ue(e) {
+function de(e) {
   return (t) => {
     if (typeof t != "object" || t === null) throw new Error();
     let r = {};
     for (let n in e) {
-      let a = t[n];
-      a === void 0 && e[n](void 0), r[n] = e[n](a);
+      let o = t[n];
+      o === void 0 && e[n](void 0), r[n] = e[n](o);
     }
     return r;
   };
@@ -695,9 +696,9 @@ function Ie(e) {
     return t.length > 0 && e(t[0]), t;
   };
 }
-var Mn = "frimousse/data", Fn = ue({
+var Fn = "frimousse/data", Vn = de({
   locale: F,
-  emojis: Ie(ue({
+  emojis: Ie(de({
     emoji: F,
     category: Me,
     label: F,
@@ -705,7 +706,7 @@ var Mn = "frimousse/data", Fn = ue({
     tags: Ie(F),
     aliases: Re(Ie(F)),
     countryFlag: Re(Jt),
-    skins: Re(ue({
+    skins: Re(de({
       light: F,
       "medium-light": F,
       medium: F,
@@ -713,11 +714,11 @@ var Mn = "frimousse/data", Fn = ue({
       dark: F
     }))
   })),
-  categories: Ie(ue({
+  categories: Ie(de({
     index: Me,
     label: F
   })),
-  skinTones: ue({
+  skinTones: de({
     light: F,
     "medium-light": F,
     medium: F,
@@ -725,24 +726,24 @@ var Mn = "frimousse/data", Fn = ue({
     dark: F
   })
 });
-function Vn({ name: e = Mn } = {}) {
-  let t = `${e}/`, r = ue({
-    data: Fn,
+function Ln({ name: e = Fn } = {}) {
+  let t = `${e}/`, r = de({
+    data: Vn,
     metadata: (n) => n
   });
   return {
     get(n) {
       try {
-        return Wt(localStorage, `${t}${n}`, r);
+        return qt(localStorage, `${t}${n}`, r);
       } catch {
         return null;
       }
     },
-    set(n, a, ...[o]) {
+    set(n, o, ...[a]) {
       try {
         Kt(localStorage, `${t}${n}`, {
-          data: a,
-          metadata: o
+          data: o,
+          metadata: a
         });
       } catch {
       }
@@ -761,19 +762,19 @@ function Vn({ name: e = Mn } = {}) {
     }
   };
 }
-var Xt = /* @__PURE__ */ new Map(), Ze = /* @__PURE__ */ new WeakMap(), Ln = /* @__PURE__ */ new Set();
+var Xt = /* @__PURE__ */ new Map(), Ze = /* @__PURE__ */ new WeakMap(), zn = /* @__PURE__ */ new Set();
 function Zt({ emojiVersion: e, emojibaseUrl: t }) {
   return t ?? (typeof e == "number" ? `https://cdn.jsdelivr.net/npm/emojibase-data@${Math.floor(e)}` : "https://cdn.jsdelivr.net/npm/emojibase-data@latest");
 }
-function zn(e, t) {
+function Un(e, t) {
   return (t.resolveEmojiData ? Ze.get(t.resolveEmojiData) : Xt)?.get(er(e, t))?.data;
 }
 function Qt(e, t, r) {
-  let n = Yn(e, t), a = n.load?.status === "pending" ? n.load : void 0;
-  n.data = r, n.load = void 0, a?.complete();
-  for (let o of Ln) o();
+  let n = Bn(e, t), o = n.load?.status === "pending" ? n.load : void 0;
+  n.data = r, n.load = void 0, o?.complete();
+  for (let a of zn) a();
 }
-async function Un(e, t, r) {
+async function Yn(e, t, r) {
   r.signal?.throwIfAborted();
   let n = await e(t, r);
   return r.signal?.throwIfAborted(), Qt(t, {
@@ -788,16 +789,16 @@ function er(e, t) {
     t.emojiVersion
   ]) : JSON.stringify([e, Zt(t)]);
 }
-function Yn(e, t) {
+function Bn(e, t) {
   let r = Xt;
   if (t.resolveEmojiData) {
-    let o = Ze.get(t.resolveEmojiData);
-    r = o ?? /* @__PURE__ */ new Map(), o || Ze.set(t.resolveEmojiData, r);
+    let a = Ze.get(t.resolveEmojiData);
+    r = a ?? /* @__PURE__ */ new Map(), a || Ze.set(t.resolveEmojiData, r);
   }
-  let n = er(e, t), a = r.get(n);
-  return a || (a = {}, r.set(n, a)), a;
+  let n = er(e, t), o = r.get(n);
+  return o || (o = {}, r.set(n, o)), o;
 }
-var at = (e, t) => `${e}/${t}/data.json`, tr = (e, t) => `${e}/${t}/messages.json`, qn = [
+var ot = (e, t) => `${e}/${t}/data.json`, tr = (e, t) => `${e}/${t}/messages.json`, Wn = [
   "bn",
   "da",
   "de",
@@ -828,9 +829,9 @@ var at = (e, t) => `${e}/${t}/data.json`, tr = (e, t) => `${e}/${t}/messages.jso
   "zh"
 ], ft = "en", rr = (e) => `frimousse/metadata/${e}`, Ce = /* @__PURE__ */ new Map();
 function nr(e) {
-  return Vn({ name: `frimousse/data/${e}` });
+  return Ln({ name: `frimousse/data/${e}` });
 }
-async function vt(e, t) {
+async function pt(e, t) {
   try {
     return (await fetch(e, {
       method: "HEAD",
@@ -840,8 +841,8 @@ async function vt(e, t) {
     return null;
   }
 }
-async function Bn(e, t, r) {
-  let [{ emojis: n, emojisEtag: a }, { messages: o, messagesEtag: s }] = await Promise.all([fetch(at(e, t), { signal: r }).then(async (c) => ({
+async function Gn(e, t, r) {
+  let [{ emojis: n, emojisEtag: o }, { messages: a, messagesEtag: s }] = await Promise.all([fetch(ot(e, t), { signal: r }).then(async (c) => ({
     emojis: await c.json(),
     emojisEtag: c.headers.get("etag")
   })), fetch(tr(e, t), { signal: r }).then(async (c) => ({
@@ -850,34 +851,34 @@ async function Bn(e, t, r) {
   }))]);
   return {
     emojis: n,
-    messages: o,
-    emojisEtag: a,
+    messages: a,
+    emojisEtag: o,
     messagesEtag: s
   };
 }
-async function Gn(e, t, r) {
-  let [n, a] = await Promise.all([vt(at(e, t), r), vt(tr(e, t), r)]);
+async function qn(e, t, r) {
+  let [n, o] = await Promise.all([pt(ot(e, t), r), pt(tr(e, t), r)]);
   return {
     emojisEtag: n,
-    messagesEtag: a
+    messagesEtag: o
   };
 }
-function Wn(e) {
+function Kn(e) {
   return e.skins ? e.skins.filter((t) => typeof t.tone == "number").reduce((t, r) => {
-    let n = ot[r.tone];
+    let n = at[r.tone];
     return t[n] = r.emoji, t;
   }, {}) : void 0;
 }
-async function pt(e, t, r) {
-  let { emojis: n, emojisEtag: a, messages: o, messagesEtag: s } = await Bn(e, t, r);
+async function bt(e, t, r) {
+  let { emojis: n, emojisEtag: o, messages: a, messagesEtag: s } = await Gn(e, t, r);
   r?.throwIfAborted();
-  let c = o.subgroups.find((m) => m.key === "country-flag" || m.key === "subdivision-flag"), l = o.groups.filter((m) => m.key !== "component"), u = n.filter((m) => "group" in m), h = l.map((m) => ({
+  let c = a.subgroups.find((m) => m.key === "country-flag" || m.key === "subdivision-flag"), l = a.groups.filter((m) => m.key !== "component"), u = n.filter((m) => "group" in m), h = l.map((m) => ({
     index: m.order,
     label: Ge(m.message)
-  })), d = o.skinTones.reduce((m, p) => (m[p.key] = Ge(p.message), m), {}), g = {
+  })), d = a.skinTones.reduce((m, f) => (m[f.key] = Ge(f.message), m), {}), g = {
     locale: t,
     emojis: u.map((m) => {
-      let p = m.skins?.filter((b) => Array.isArray(b.tone)).map((b) => b.emoji);
+      let f = m.skins?.filter((b) => Array.isArray(b.tone)).map((b) => b.emoji);
       return {
         emoji: m.emoji,
         category: m.group,
@@ -885,65 +886,65 @@ async function pt(e, t, r) {
         label: Ge(m.label),
         tags: m.tags ?? [],
         countryFlag: c && m.subgroup === c.order || void 0,
-        skins: Wn(m),
-        aliases: p?.length ? p : void 0
+        skins: Kn(m),
+        aliases: f?.length ? f : void 0
       };
     }),
     categories: h,
     skinTones: d
   };
   return nr(e).set(t, g, {
-    emojisEtag: a,
+    emojisEtag: o,
     messagesEtag: s
   }), g;
 }
-function Kn(e) {
+function Jn(e) {
   let t = /* @__PURE__ */ new Map();
-  for (let o of e) t.has(o.version) || t.set(o.version, o.emoji);
-  let r = [...t.keys()].sort((o, s) => s - o), n = r[0] ?? 0, a = gt("🇪🇺");
-  for (let o of r) if (gt(t.get(o))) return {
-    emojiVersion: o,
-    countryFlags: a
+  for (let a of e) t.has(a.version) || t.set(a.version, a.emoji);
+  let r = [...t.keys()].sort((a, s) => s - a), n = r[0] ?? 0, o = vt("🇪🇺");
+  for (let a of r) if (vt(t.get(a))) return {
+    emojiVersion: a,
+    countryFlags: o
   };
   return {
     emojiVersion: n,
-    countryFlags: a
+    countryFlags: o
   };
 }
-var Jn = ue({
+var Xn = de({
   emojiVersion: Re(Me),
   countryFlags: Re(Jt),
   revalidated: Ie(F)
 });
 function Qe(e) {
   try {
-    return Wt(sessionStorage, rr(e), Jn);
+    return qt(sessionStorage, rr(e), Xn);
   } catch {
     return null;
   }
 }
-function or(e, t) {
+function ar(e, t) {
   try {
     Kt(sessionStorage, rr(e), t);
   } catch {
   }
 }
-function Xn(e, t, r) {
+function Zn(e, t, r) {
   if (r?.aborted) return Promise.reject(r.reason);
-  let n = at(e, t), a = zn(t, { emojibaseUrl: e });
-  if (a) return Promise.resolve(a);
-  let o = Ce.get(n);
-  if (!o || o.controller.signal.aborted) {
-    let l = new AbortController(), u = Zn(e, t, l.signal).then((h) => (l.signal.throwIfAborted(), Qt(t, { emojibaseUrl: e }, h), h)).finally(() => {
+  let n = ot(e, t), o = Un(t, { emojibaseUrl: e });
+  if (o) return Promise.resolve(o);
+  let a = Ce.get(n);
+  if (!a || a.controller.signal.aborted) {
+    let l = new AbortController(), u = Qn(e, t, l.signal).then((h) => (l.signal.throwIfAborted(), Qt(t, { emojibaseUrl: e }, h), h)).finally(() => {
       Ce.get(n)?.promise === u && Ce.delete(n);
     });
-    o = {
+    a = {
       promise: u,
       controller: l,
       callers: 0
-    }, Ce.set(n, o);
+    }, Ce.set(n, a);
   }
-  let s = o;
+  let s = a;
   s.callers++;
   let c;
   return new Promise((l, u) => {
@@ -952,38 +953,38 @@ function Xn(e, t, r) {
     r?.removeEventListener("abort", c), s.callers--, s.callers === 0 && Ce.get(n) === s && s.controller.abort();
   });
 }
-async function Zn(e, t, r) {
-  let n = Qe(e), a = nr(e).get(t), o;
-  if (!a) o = await pt(e, t, r);
-  else if (n?.revalidated.includes(t)) o = a.data;
+async function Qn(e, t, r) {
+  let n = Qe(e), o = nr(e).get(t), a;
+  if (!o) a = await bt(e, t, r);
+  else if (n?.revalidated.includes(t)) a = o.data;
   else try {
-    let { emojisEtag: l, messagesEtag: u } = await Gn(e, t, r);
-    r.throwIfAborted(), o = !l || !u || l !== a.metadata?.emojisEtag || u !== a.metadata?.messagesEtag ? await pt(e, t, r) : a.data;
+    let { emojisEtag: l, messagesEtag: u } = await qn(e, t, r);
+    r.throwIfAborted(), a = !l || !u || l !== o.metadata?.emojisEtag || u !== o.metadata?.messagesEtag ? await bt(e, t, r) : o.data;
   } catch {
-    r.throwIfAborted(), o = a.data;
+    r.throwIfAborted(), a = o.data;
   }
   r.throwIfAborted();
   let s = Qe(e), c = s?.revalidated ?? [];
-  return or(e, {
+  return ar(e, {
     ...s,
     revalidated: c.includes(t) ? c : [...c, t]
-  }), o;
+  }), a;
 }
-var We = async (e, { emojiVersion: t, emojibaseUrl: r, signal: n } = {}) => {
-  let a = Qn(e), o = Zt({
+var qe = async (e, { emojiVersion: t, emojibaseUrl: r, signal: n } = {}) => {
+  let o = ea(e), a = Zt({
     emojiVersion: t,
     emojibaseUrl: r
-  }), s = await Xn(o, a, n);
+  }), s = await Zn(a, o, n);
   n?.throwIfAborted();
-  let c = Qe(o), l = c?.emojiVersion !== void 0 && c.countryFlags !== void 0 ? {
+  let c = Qe(a), l = c?.emojiVersion !== void 0 && c.countryFlags !== void 0 ? {
     emojiVersion: c.emojiVersion,
     countryFlags: c.countryFlags
-  } : Kn(s.emojis);
-  return or(o, {
+  } : Jn(s.emojis);
+  return ar(a, {
     ...l,
-    revalidated: c?.revalidated ?? [a]
+    revalidated: c?.revalidated ?? [o]
   }), {
-    locale: a,
+    locale: o,
     emojis: s.emojis.filter((u) => {
       let h = u.version <= (t ?? l.emojiVersion);
       return u.countryFlag ? h && l.countryFlags : h;
@@ -992,76 +993,76 @@ var We = async (e, { emojiVersion: t, emojibaseUrl: r, signal: n } = {}) => {
     skinTones: s.skinTones
   };
 };
-function Qn(e) {
-  return qn.find((t) => t === e) || (console.warn(`Locale "${e}" is not supported, using "${ft}" instead.`), ft);
+function ea(e) {
+  return Wn.find((t) => t === e) || (console.warn(`Locale "${e}" is not supported, using "${ft}" instead.`), ft);
 }
-function bt(e) {
-  return ot.includes(e) ? e : (console.warn(`Skin tone "${e}" is not valid, using "none" instead.`), "none");
+function yt(e) {
+  return at.includes(e) ? e : (console.warn(`Skin tone "${e}" is not valid, using "none" instead.`), "none");
 }
-function eo(e, t) {
+function ta(e, t) {
   let r = [];
   if (t <= 0) return r;
-  for (let n = 0, a = e.length; n < a; n += t) r.push(e.slice(n, n + t));
+  for (let n = 0, o = e.length; n < o; n += t) r.push(e.slice(n, n + t));
   return r;
 }
-function to(e, t) {
+function ra(e, t) {
   if (!t) return e;
   let r = t.toLowerCase().trim(), n = /* @__PURE__ */ new WeakMap();
-  return e.filter((a) => {
-    let o = 0;
-    a.label.toLowerCase().includes(r) && (o += 10);
-    for (let s of a.tags) s.toLowerCase().includes(r) && (o += 1);
-    return o > 0 ? (n.set(a, o), !0) : !1;
-  }).sort((a, o) => (n.get(o) ?? 0) - (n.get(a) ?? 0));
-}
-function ro(e, t, r, n) {
-  let a = to(e.emojis, n), o = [], s = [], c = [], l = {}, u = 0, h = 0;
-  for (let d of a) l[d.category] || (l[d.category] = []), l[d.category].push({
+  return e.filter((o) => {
+    let a = 0;
+    o.label.toLowerCase().includes(r) && (a += 10);
+    for (let s of o.tags) s.toLowerCase().includes(r) && (a += 1);
+    return a > 0 ? (n.set(o, a), !0) : !1;
+  }).sort((o, a) => (n.get(a) ?? 0) - (n.get(o) ?? 0));
+}
+function na(e, t, r, n) {
+  let o = ra(e.emojis, n), a = [], s = [], c = [], l = {}, u = 0, h = 0;
+  for (let d of o) l[d.category] || (l[d.category] = []), l[d.category].push({
     emoji: r && r !== "none" && d.skins ? d.skins[r] : d.emoji,
     label: d.label
   });
   for (let d of e.categories) {
     let g = l[d.index];
     if (!g || g.length === 0) continue;
-    let m = eo(Array.from(g), t).map((p) => ({
+    let m = ta(Array.from(g), t).map((f) => ({
       categoryIndex: u,
-      emojis: p
+      emojis: f
     }));
-    o.push(...m), s.push({
+    a.push(...m), s.push({
       label: d.label,
       rowsCount: m.length,
       startRowIndex: h
     }), c.push(h), u++, h += m.length;
   }
   return {
-    count: a.length,
+    count: o.length,
     categories: s,
     categoriesStartRowIndices: c,
-    rows: o,
+    rows: a,
     skinTones: e.skinTones
   };
 }
-function no(e) {
-  let t = {}, r = null, n = null, a = /* @__PURE__ */ new Set(), o = () => {
+function aa(e) {
+  let t = {}, r = null, n = null, o = /* @__PURE__ */ new Set(), a = () => {
     if (r) {
       t = r, r = null;
-      for (let u of a) u(t);
+      for (let u of o) u(t);
     }
     n = null;
   }, s = () => r ?? t, c = (u) => {
-    r ??= t, Object.assign(r, typeof u == "function" ? u(s()) : u), n || (n = requestAnimationFrame(o));
-  }, l = (u) => (a.add(u), () => a.delete(u));
+    r ??= t, Object.assign(r, typeof u == "function" ? u(s()) : u), n || (n = requestAnimationFrame(a));
+  }, l = (u) => (o.add(u), () => o.delete(u));
   return t = e(c, s), {
     get: s,
     set: c,
     subscribe: l
   };
 }
-function oo(e) {
+function oa(e) {
   let [t] = K(e);
   return t;
 }
-function ao(e) {
+function ia(e) {
   let t = Ye(null);
   return {
     useStore: () => {
@@ -1075,28 +1076,28 @@ function ao(e) {
     })
   };
 }
-function W(e, t, r = Object.is) {
-  let [n, a] = K(() => t(e.get()));
+function q(e, t, r = Object.is) {
+  let [n, o] = K(() => t(e.get()));
   return te(() => e.subscribe(() => {
-    let o = t(e.get());
-    a((s) => r(s, o) ? s : o);
+    let a = t(e.get());
+    o((s) => r(s, a) ? s : a);
   }), [
     e,
     t,
     r
-  ]), tn(n), n;
+  ]), rn(n), n;
 }
 function ee(e, t, r) {
-  return W(e, z((n) => n[t], [t]), r);
+  return q(e, z((n) => n[t], [t]), r);
 }
-var yt = 2;
-function io(e, t, r, n, a) {
-  let o = 0;
-  return no((s, c) => ({
+var wt = 2;
+function la(e, t, r, n, o) {
+  let a = 0;
+  return aa((s, c) => ({
     locale: t,
     columns: r,
     sticky: n,
-    skinTone: a,
+    skinTone: o,
     onEmojiSelect: e,
     data: null,
     search: "",
@@ -1123,15 +1124,15 @@ function io(e, t, r, n, a) {
         viewportStartRowIndex: 0,
         viewportEndRowIndex: 0
       });
-      let p = 0, b = 0;
-      for (let _ of h.categories) if (b++ * d + _.startRowIndex * g < o) p += d;
+      let f = 0, b = 0;
+      for (let _ of h.categories) if (b++ * d + _.startRowIndex * g < a) f += d;
       else break;
-      let y = h.categories.length * d + h.rows.length * g, w = Math.floor(yt * g / 2), v = Math.ceil(yt * g / 2), j = Math.min(o - p - w, y - m), k = j + m + v, C = Math.max(0, Math.floor(j / g)), f = Math.min(h.rows.length - 1, Math.ceil(k / g)), E = h.rows[C]?.categoryIndex;
+      let y = h.categories.length * d + h.rows.length * g, w = Math.floor(wt * g / 2), p = Math.ceil(wt * g / 2), j = Math.min(a - f - w, y - m), k = j + m + p, C = Math.max(0, Math.floor(j / g)), v = Math.min(h.rows.length - 1, Math.ceil(k / g)), E = h.rows[C]?.categoryIndex;
       return s(E === void 0 && l ? l : {
         ...l,
         viewportStartCategoryIndex: E,
         viewportStartRowIndex: C,
-        viewportEndRowIndex: f
+        viewportEndRowIndex: v
       });
     },
     onDataChange: (l) => {
@@ -1153,20 +1154,20 @@ function io(e, t, r, n, a) {
         activeColumnIndex: u,
         activeRowIndex: h
       }), l !== "keyboard") return;
-      let { listRef: d, viewportRef: g, sticky: m, rowHeight: p, viewportHeight: b, categoryHeaderHeight: y } = c(), w = d?.current, v = g?.current;
-      if (!w || !v || !p || !y || !b) return;
+      let { listRef: d, viewportRef: g, sticky: m, rowHeight: f, viewportHeight: b, categoryHeaderHeight: y } = c(), w = d?.current, p = g?.current;
+      if (!w || !p || !f || !y || !b) return;
       let j = h;
-      j === 0 && v.scrollTo({
+      j === 0 && p.scrollTo({
         top: 0,
         behavior: "instant"
       });
       let k = w.querySelector(`[aria-rowindex="${j}"]`);
       if (!(k instanceof HTMLElement)) return;
-      let C = k.offsetTop, f = getComputedStyle(k), E = Number.parseFloat(f.scrollMarginTop), _ = Number.parseFloat(f.scrollMarginBottom), T = o + E;
-      m && C < o + b / 2 && (T += y);
-      let H = T + b - _;
-      (C < T || C + p > H) && v.scrollTo({
-        top: Math.max(C < T + y ? C - Math.max(m ? y : 0, E) : C - b + p + _, 0),
+      let C = k.offsetTop, v = getComputedStyle(k), E = Number.parseFloat(v.scrollMarginTop), _ = Number.parseFloat(v.scrollMarginBottom), N = a + E;
+      m && C < a + b / 2 && (N += y);
+      let $ = N + b - _;
+      (C < N || C + f > $) && p.scrollTo({
+        top: Math.max(C < N + y ? C - Math.max(m ? y : 0, E) : C - b + f + _, 0),
         behavior: "instant"
       });
     },
@@ -1190,71 +1191,71 @@ function io(e, t, r, n, a) {
       });
     },
     onViewportScroll: (l) => {
-      o = l, c().updateViewportState();
+      a = l, c().updateViewportState();
     }
   }));
 }
-var { useStore: q, Provider: lo } = ao("EmojiPicker.Root is missing.");
-function so(e) {
+var { useStore: B, Provider: sa } = ia("EmojiPicker.Root is missing.");
+function ca(e) {
   return e.search;
 }
 function it(e) {
   return e.interaction === "none" ? void 0 : e.data?.rows[e.activeRowIndex]?.emojis[e.activeColumnIndex];
 }
-function co(e) {
+function ua(e) {
   return e.data === void 0 || typeof e.data?.count == "number" && e.data.count === 0;
 }
-function uo(e) {
+function da(e) {
   return e.data === null || e.viewportHeight === null || e.rowHeight === null || e.categoryHeaderHeight === null;
 }
-function ar(e) {
+function or(e) {
   return e.data?.rows.length;
 }
-function mo(e) {
+function ma(e) {
   return e.data?.categories.length;
 }
-function ho(e) {
+function ha(e) {
   return e.data?.categoriesStartRowIndices;
 }
-function go(e) {
+function ga(e) {
   return e.data?.skinTones;
 }
 function ir(e, t) {
   return e?.emoji === t?.emoji;
 }
-function fo(e, t) {
+function va(e, t) {
   return e?.categoryIndex !== t?.categoryIndex || e?.emojis.length !== t?.emojis.length ? !1 : !!e?.emojis.every((r, n) => ir(r, t?.emojis[n]));
 }
-var Ee = "‍", wt = new RegExp("\\p{Emoji_Modifier_Base}", "u"), vo = /\uFE0F$/, po = /\u{1F3FB}|\u{1F3FC}|\u{1F3FD}|\u{1F3FE}|\u{1F3FF}/gu, bo = {
+var Ee = "‍", _t = new RegExp("\\p{Emoji_Modifier_Base}", "u"), fa = /\uFE0F$/, pa = /\u{1F3FB}|\u{1F3FC}|\u{1F3FD}|\u{1F3FE}|\u{1F3FF}/gu, ba = {
   light: "🏻",
   "medium-light": "🏼",
   medium: "🏽",
   "medium-dark": "🏾",
   dark: "🏿"
 };
-function yo(e, t) {
-  if (!e.split(Ee).some((n) => wt.test(n))) return e;
-  let r = e.split(Ee).map((n) => n.replace(po, "")).join(Ee);
-  return t === "none" ? r : r.split(Ee).map((n, a, o) => {
-    let s = o.length > 1;
-    return !wt.test(n) || s && n === "🤝" ? n : n.replace(vo, "") + bo[t];
+function ya(e, t) {
+  if (!e.split(Ee).some((n) => _t.test(n))) return e;
+  let r = e.split(Ee).map((n) => n.replace(pa, "")).join(Ee);
+  return t === "none" ? r : r.split(Ee).map((n, o, a) => {
+    let s = a.length > 1;
+    return !_t.test(n) || s && n === "🤝" ? n : n.replace(fa, "") + ba[t];
   }).join(Ee);
 }
-function wo(e) {
-  return ot.map((t) => ({
+function wa(e) {
+  return at.map((t) => ({
     skinTone: t,
-    emoji: yo(e, t)
+    emoji: ya(e, t)
   }));
 }
 function lr() {
-  return rn(W(q(), it, ir));
+  return nn(q(B(), it, ir));
 }
 function sr(e = "✋") {
-  let t = q(), r = ee(t, "skinTone"), n = me(() => wo(e), [e]);
+  let t = B(), r = ee(t, "skinTone"), n = he(() => wa(e), [e]);
   return [
     r,
-    z((a) => {
-      t.set({ skinTone: a });
+    z((o) => {
+      t.set({ skinTone: o });
     }, []),
     n
   ];
@@ -1263,11 +1264,11 @@ function lt(e, t) {
   if (Object.is(e, t)) return !0;
   if (typeof e != "object" || typeof t != "object" || e === null || t === null || Array.isArray(e) !== Array.isArray(t)) return !1;
   let r = Object.keys(e), n = Object.keys(t);
-  return r.length !== n.length ? !1 : r.every((a) => a in t && e[a] === t[a]);
+  return r.length !== n.length ? !1 : r.every((o) => o in t && e[o] === t[o]);
 }
-function _o(...e) {
+function _a(...e) {
 }
-function Co(e, t) {
+function Ca(e, t) {
   let r = null;
   if (typeof window.requestIdleCallback == "function") r = window.requestIdleCallback(e, t);
   else {
@@ -1283,15 +1284,15 @@ function Co(e, t) {
     typeof window.cancelIdleCallback == "function" ? window.cancelIdleCallback(r) : window.clearTimeout(r);
   };
 }
-var X = typeof window < "u" ? nn : te;
+var X = typeof window < "u" ? an : te;
 function cr(e) {
   let t = U(e);
   return X(() => {
     t.current = e;
   }), z((...r) => t.current(...r), []);
 }
-function Eo({ emojiVersion: e, emojibaseUrl: t, resolveEmojiData: r = We }) {
-  let [n, a] = K(void 0), o = q(), s = ee(o, "locale"), c = ee(o, "columns"), l = ee(o, "skinTone"), u = ee(o, "search"), h = cr((d, g) => r === We ? We(d, g) : Un(r, d, g));
+function Ea({ emojiVersion: e, emojibaseUrl: t, resolveEmojiData: r = qe }) {
+  let [n, o] = K(void 0), a = B(), s = ee(a, "locale"), c = ee(a, "columns"), l = ee(a, "skinTone"), u = ee(a, "search"), h = cr((d, g) => r === qe ? qe(d, g) : Yn(r, d, g));
   return te(() => {
     let d = new AbortController(), g = d.signal;
     return Promise.resolve().then(() => h(s, {
@@ -1299,7 +1300,7 @@ function Eo({ emojiVersion: e, emojibaseUrl: t, resolveEmojiData: r = We }) {
       emojibaseUrl: t,
       signal: g
     })).then((m) => {
-      g.aborted || a(m);
+      g.aborted || o(m);
     }).catch((m) => {
       g.aborted || console.error(m);
     }), () => {
@@ -1311,8 +1312,8 @@ function Eo({ emojiVersion: e, emojibaseUrl: t, resolveEmojiData: r = We }) {
     s,
     h
   ]), te(() => {
-    if (n) return Co(() => {
-      o.get().onDataChange(ro(n, c, l, u));
+    if (n) return Ca(() => {
+      a.get().onDataChange(na(n, c, l, u));
     }, { timeout: 100 });
   }, [
     n,
@@ -1321,9 +1322,9 @@ function Eo({ emojiVersion: e, emojibaseUrl: t, resolveEmojiData: r = We }) {
     u
   ]), null;
 }
-var ur = xe(({ locale: e = "en", columns: t = 9, skinTone: r = "none", onEmojiSelect: n = _o, emojiVersion: a, emojibaseUrl: o, resolveEmojiData: s, onFocusCapture: c, onBlurCapture: l, children: u, style: h, sticky: d = !0, ...g }, m) => {
-  let p = cr(n), b = oo(() => io(p, e, t, d, bt(r))), [y, w] = K(!1), v = U(null), j = z((f) => {
-    f && (v.current = f, b.set({ rootRef: v }));
+var ur = xe(({ locale: e = "en", columns: t = 9, skinTone: r = "none", onEmojiSelect: n = _a, emojiVersion: o, emojibaseUrl: a, resolveEmojiData: s, onFocusCapture: c, onBlurCapture: l, children: u, style: h, sticky: d = !0, ...g }, m) => {
+  let f = cr(n), b = oa(() => la(f, e, t, d, yt(r))), [y, w] = K(!1), p = U(null), j = z((v) => {
+    v && (p.current = v, b.set({ rootRef: p }));
   }, []);
   X(() => {
     b.set({ locale: e });
@@ -1332,28 +1333,28 @@ var ur = xe(({ locale: e = "en", columns: t = 9, skinTone: r = "none", onEmojiSe
   }, [t]), X(() => {
     b.set({ sticky: d });
   }, [d]), X(() => {
-    b.set({ skinTone: bt(r) });
+    b.set({ skinTone: yt(r) });
   }, [r]);
-  let k = z((f) => {
-    c?.(f);
-    let { searchRef: E, viewportRef: _ } = b.get(), T = f.target === E?.current || f.target.hasAttribute("frimousse-search"), H = f.target === _?.current || f.target.hasAttribute("frimousse-viewport");
-    f.isDefaultPrevented() || (w(T || H), f.isDefaultPrevented() || (w(T || H), H ? b.get().onActiveEmojiChange("keyboard", 0, 0) : T && b.get().search === "" && b.set({ interaction: "none" })));
-  }, [c]), C = z((f) => {
-    l?.(f), !f.isDefaultPrevented() && !f.currentTarget.contains(f.relatedTarget) && w(!1);
+  let k = z((v) => {
+    c?.(v);
+    let { searchRef: E, viewportRef: _ } = b.get(), N = v.target === E?.current || v.target.hasAttribute("frimousse-search"), $ = v.target === _?.current || v.target.hasAttribute("frimousse-viewport");
+    v.isDefaultPrevented() || (w(N || $), v.isDefaultPrevented() || (w(N || $), $ ? b.get().onActiveEmojiChange("keyboard", 0, 0) : N && b.get().search === "" && b.set({ interaction: "none" })));
+  }, [c]), C = z((v) => {
+    l?.(v), !v.isDefaultPrevented() && !v.currentTarget.contains(v.relatedTarget) && w(!1);
   }, [l]);
   return X(() => {
     y || b.get().onActiveEmojiReset();
-  }, [y]), qe(m, () => v.current), te(() => {
+  }, [y]), Be(m, () => p.current), te(() => {
     if (!y) return;
-    function f(E) {
+    function v(E) {
       if (E.defaultPrevented || !E.key.startsWith("Arrow") && E.key !== "Enter") return;
-      let { data: _, onEmojiSelect: T, onActiveEmojiChange: H, interaction: M, activeColumnIndex: O, activeRowIndex: $ } = b.get();
+      let { data: _, onEmojiSelect: N, onActiveEmojiChange: $, interaction: M, activeColumnIndex: O, activeRowIndex: H } = b.get();
       if (E.key === "Enter") {
         let x = it(b.get());
-        x && (E.preventDefault(), T(x));
+        x && (E.preventDefault(), N(x));
       }
       if (E.key.startsWith("Arrow")) {
-        let x = O, R = $;
+        let x = O, R = H;
         if (E.preventDefault(), M !== "none") {
           if (_?.rows && _.rows.length > 0) switch (E.key) {
             case "ArrowLeft":
@@ -1379,18 +1380,18 @@ var ur = xe(({ locale: e = "en", columns: t = 9, skinTone: r = "none", onEmojiSe
               break;
             }
           }
-          H("keyboard", x, R);
-        } else H("keyboard", 0, 0);
+          $("keyboard", x, R);
+        } else $("keyboard", 0, 0);
       }
     }
-    return document.addEventListener("keydown", f), () => {
-      document.removeEventListener("keydown", f);
+    return document.addEventListener("keydown", v), () => {
+      document.removeEventListener("keydown", v);
     };
   }, [y]), X(() => {
-    let f = null, E = null, _ = null, T = null, H = b.subscribe((R) => {
-      v.current && (f !== R.viewportWidth && (f = R.viewportWidth, v.current.style.setProperty("--frimousse-viewport-width", `${R.viewportWidth}px`)), E !== R.viewportHeight && (E = R.viewportHeight, v.current.style.setProperty("--frimousse-viewport-height", `${R.viewportHeight}px`)), _ !== R.rowHeight && (_ = R.rowHeight, v.current.style.setProperty("--frimousse-row-height", `${R.rowHeight}px`)), T !== R.categoryHeaderHeight && (T = R.categoryHeaderHeight, v.current.style.setProperty("--frimousse-category-header-height", `${R.categoryHeaderHeight}px`)));
-    }), { viewportWidth: M, viewportHeight: O, rowHeight: $, categoryHeaderHeight: x } = b.get();
-    return M && v.current.style.setProperty("--frimousse-viewport-width", `${M}px`), O && v.current.style.setProperty("--frimousse-viewport-height", `${O}px`), $ && v.current.style.setProperty("--frimousse-row-height", `${$}px`), x && v.current.style.setProperty("--frimousse-category-header-height", `${x}px`), H;
+    let v = null, E = null, _ = null, N = null, $ = b.subscribe((R) => {
+      p.current && (v !== R.viewportWidth && (v = R.viewportWidth, p.current.style.setProperty("--frimousse-viewport-width", `${R.viewportWidth}px`)), E !== R.viewportHeight && (E = R.viewportHeight, p.current.style.setProperty("--frimousse-viewport-height", `${R.viewportHeight}px`)), _ !== R.rowHeight && (_ = R.rowHeight, p.current.style.setProperty("--frimousse-row-height", `${R.rowHeight}px`)), N !== R.categoryHeaderHeight && (N = R.categoryHeaderHeight, p.current.style.setProperty("--frimousse-category-header-height", `${R.categoryHeaderHeight}px`)));
+    }), { viewportWidth: M, viewportHeight: O, rowHeight: H, categoryHeaderHeight: x } = b.get();
+    return M && p.current.style.setProperty("--frimousse-viewport-width", `${M}px`), O && p.current.style.setProperty("--frimousse-viewport-height", `${O}px`), H && p.current.style.setProperty("--frimousse-row-height", `${H}px`), x && p.current.style.setProperty("--frimousse-category-header-height", `${x}px`), $;
   }, []), i("div", {
     "data-focused": y ? "" : void 0,
     "frimousse-root": "",
@@ -1402,30 +1403,30 @@ var ur = xe(({ locale: e = "en", columns: t = 9, skinTone: r = "none", onEmojiSe
       "--frimousse-emoji-font": Gt,
       ...h
     },
-    children: I(lo, {
+    children: I(sa, {
       store: b,
-      children: [i(Eo, {
-        emojibaseUrl: o,
-        emojiVersion: a,
+      children: [i(Ea, {
+        emojibaseUrl: a,
+        emojiVersion: o,
         resolveEmojiData: s
       }), u]
     })
   });
-}), dr = xe(({ value: e, defaultValue: t, onChange: r, ...n }, a) => {
-  let o = q(), s = U(null), c = z((d) => {
-    d && (s.current = d, o.set({ searchRef: s }));
+}), dr = xe(({ value: e, defaultValue: t, onChange: r, ...n }, o) => {
+  let a = B(), s = U(null), c = z((d) => {
+    d && (s.current = d, a.set({ searchRef: s }));
   }, []), l = typeof e == "string", u = U(l);
   te(() => {
     process.env.NODE_ENV !== "production" && u.current !== l && console.warn(`EmojiPicker.Search is changing from ${u ? "controlled" : "uncontrolled"} to ${l ? "controlled" : "uncontrolled"}.`), u.current = l;
   }, [l]), X(() => {
-    o.set({ search: typeof e == "string" ? e : typeof t == "string" ? t : "" });
+    a.set({ search: typeof e == "string" ? e : typeof t == "string" ? t : "" });
   }, []), X(() => {
-    typeof e == "string" && o.get().onSearchChange(e);
+    typeof e == "string" && a.get().onSearchChange(e);
   }, [e]);
   let h = z((d) => {
-    r?.(d), d.isDefaultPrevented() || o.get().onSearchChange(d.target.value);
+    r?.(d), d.isDefaultPrevented() || a.get().onSearchChange(d.target.value);
   }, [r]);
-  return qe(a, () => s.current), i("input", {
+  return Be(o, () => s.current), i("input", {
     autoCapitalize: "off",
     autoComplete: "off",
     autoCorrect: "off",
@@ -1440,7 +1441,7 @@ var ur = xe(({ locale: e = "en", columns: t = 9, skinTone: r = "none", onEmojiSe
     ref: c,
     value: e
   });
-}), So = De(() => {
+}), Sa = De(() => {
   let e = lr();
   return e ? i("div", {
     "aria-live": "polite",
@@ -1458,24 +1459,24 @@ var ur = xe(({ locale: e = "en", columns: t = 9, skinTone: r = "none", onEmojiSe
     },
     children: e.label
   }) : null;
-}), mr = xe(({ children: e, onScroll: t, onKeyDown: r, style: n, ...a }, o) => {
-  let s = q(), c = U(null), l = z((g) => {
+}), mr = xe(({ children: e, onScroll: t, onKeyDown: r, style: n, ...o }, a) => {
+  let s = B(), c = U(null), l = z((g) => {
     g && (c.current = g, s.set({ viewportRef: c }));
-  }, []), u = W(s, ar), h = W(s, mo), d = z((g) => {
+  }, []), u = q(s, or), h = q(s, ma), d = z((g) => {
     t?.(g), s.get().onViewportScroll(g.currentTarget.scrollTop);
   }, [t]);
   return X(() => {
     if (!c.current) return;
     let g = new ResizeObserver(([m]) => {
-      let p = m?.borderBoxSize[0]?.inlineSize ?? 0, b = m?.borderBoxSize[0]?.blockSize ?? 0, { onViewportSizeChange: y, viewportHeight: w, viewportWidth: v } = s.get();
-      (w !== b || v !== p) && y(p, b);
+      let f = m?.borderBoxSize[0]?.inlineSize ?? 0, b = m?.borderBoxSize[0]?.blockSize ?? 0, { onViewportSizeChange: y, viewportHeight: w, viewportWidth: p } = s.get();
+      (w !== b || p !== f) && y(f, b);
     });
     return g.observe(c.current), s.get().onViewportSizeChange(c.current.offsetWidth, c.current.clientHeight), () => {
       g.disconnect();
     };
-  }, []), qe(o, () => c.current), I("div", {
+  }, []), Be(a, () => c.current), I("div", {
     "frimousse-viewport": "",
-    ...a,
+    ...o,
     onScroll: d,
     ref: l,
     style: {
@@ -1489,7 +1490,7 @@ var ur = xe(({ locale: e = "en", columns: t = 9, skinTone: r = "none", onEmojiSe
       willChange: "scroll-position",
       ...n
     },
-    children: [i(So, {}), e]
+    children: [i(Sa, {}), e]
   });
 });
 function hr(e, t, r) {
@@ -1520,7 +1521,7 @@ function gr(e, t = !1) {
     }
   };
 }
-function fr(e, t) {
+function vr(e, t) {
   return {
     "frimousse-category": "",
     style: {
@@ -1533,7 +1534,7 @@ function fr(e, t) {
     }
   };
 }
-function vr(e, t = !1, r = !0) {
+function fr(e, t = !1, r = !0) {
   return {
     category: e,
     "frimousse-category-header": "",
@@ -1546,7 +1547,7 @@ function vr(e, t = !1, r = !0) {
     }
   };
 }
-function _t(e, t, r, n) {
+function Ct(e, t, r, n) {
   return {
     "frimousse-list-sizer": "",
     style: {
@@ -1557,7 +1558,7 @@ function _t(e, t, r, n) {
     }
   };
 }
-function Ct(e, t, r) {
+function Et(e, t, r) {
   return {
     "aria-colcount": e,
     "aria-rowcount": t,
@@ -1569,57 +1570,57 @@ function Ct(e, t, r) {
     role: "grid"
   };
 }
-function Io(e) {
+function Ia(e) {
   e.preventDefault();
 }
-var jo = De(({ Emoji: e, emoji: t, columnIndex: r, rowIndex: n }) => {
-  let a = q(), o = W(a, (u) => it(u)?.emoji === t.emoji), s = z(() => {
-    a.get().onEmojiSelect(t);
+var ja = De(({ Emoji: e, emoji: t, columnIndex: r, rowIndex: n }) => {
+  let o = B(), a = q(o, (u) => it(u)?.emoji === t.emoji), s = z(() => {
+    o.get().onEmojiSelect(t);
   }, [t]), c = z(() => {
-    a.get().onActiveEmojiChange("pointer", r, n);
+    o.get().onActiveEmojiChange("pointer", r, n);
   }, [r, n]), l = z(() => {
-    a.get().onActiveEmojiReset();
+    o.get().onActiveEmojiReset();
   }, []);
   return i(e, {
-    ...hr(t, r, o),
+    ...hr(t, r, a),
     onClick: s,
-    onPointerDown: Io,
+    onPointerDown: Ia,
     onPointerEnter: c,
     onPointerLeave: l
   });
-}), ko = De(({ Row: e, Emoji: t, rowIndex: r }) => {
-  let n = W(q(), (a) => a.data?.rows[r], fo);
+}), ka = De(({ Row: e, Emoji: t, rowIndex: r }) => {
+  let n = q(B(), (o) => o.data?.rows[r], va);
   return n ? i(e, {
     ...gr(r),
-    children: n.emojis.map((a, o) => i(jo, {
-      columnIndex: o,
+    children: n.emojis.map((o, a) => i(ja, {
+      columnIndex: a,
       Emoji: t,
-      emoji: a,
+      emoji: o,
       rowIndex: r
-    }, a.label))
+    }, o.label))
   }) : null;
-}), Ro = De(({ CategoryHeader: e, categoryIndex: t }) => {
-  let r = q(), n = W(r, (o) => o.data?.categories[t], lt), a = ee(r, "sticky");
+}), Ra = De(({ CategoryHeader: e, categoryIndex: t }) => {
+  let r = B(), n = q(r, (a) => a.data?.categories[t], lt), o = ee(r, "sticky");
   return n ? i("div", {
-    ...fr(t, n),
-    children: i(e, { ...vr({ label: n.label }, !1, a) })
+    ...vr(t, n),
+    children: i(e, { ...fr({ label: n.label }, !1, o) })
   }) : null;
-}), Et = De(({ CategoryHeader: e, Row: t, Emoji: r }) => {
-  let n = U(null), a = q(), o = ee(a, "columns"), s = me(() => Array(o).fill({
+}), St = De(({ CategoryHeader: e, Row: t, Emoji: r }) => {
+  let n = U(null), o = B(), a = ee(o, "columns"), s = he(() => Array(a).fill({
     emoji: "🙂",
     label: ""
-  }), [o]), c = me(() => ({ label: "Category" }), []), l = U(null), u = U(null);
+  }), [a]), c = he(() => ({ label: "Category" }), []), l = U(null), u = U(null);
   return X(() => {
     let h = n.current?.parentElement?.parentElement;
     if (!h || !l.current || !u.current) return;
-    let d = new ResizeObserver((p) => {
-      for (let b of p) {
-        let y = b.contentRect.height, { onRowHeightChange: w, onCategoryHeaderHeightChange: v, rowHeight: j, categoryHeaderHeight: k } = a.get();
-        b.target === l.current && j !== y && w(y), b.target === u.current && k !== y && v(y);
+    let d = new ResizeObserver((f) => {
+      for (let b of f) {
+        let y = b.contentRect.height, { onRowHeightChange: w, onCategoryHeaderHeightChange: p, rowHeight: j, categoryHeaderHeight: k } = o.get();
+        b.target === l.current && j !== y && w(y), b.target === u.current && k !== y && p(y);
       }
     });
     d.observe(h), d.observe(l.current), d.observe(u.current);
-    let { onRowHeightChange: g, onCategoryHeaderHeightChange: m } = a.get();
+    let { onRowHeightChange: g, onCategoryHeaderHeightChange: m } = o.get();
     return g(l.current.clientHeight), m(u.current.clientHeight), () => {
       d.disconnect();
     };
@@ -1638,76 +1639,76 @@ var jo = De(({ Emoji: e, emoji: t, columnIndex: r, rowIndex: n }) => {
         children: s.map((h, d) => i(r, { ...hr(h, d, !1) }, d))
       })
     }), i("div", {
-      ...fr(-1),
+      ...vr(-1),
       children: i("div", {
         "frimousse-category-header-sizer": "",
         ref: u,
-        children: i(e, { ...vr(c, !0) })
+        children: i(e, { ...fr(c, !0) })
       })
     })]
   });
 });
-function No({ category: e, ...t }) {
+function Na({ category: e, ...t }) {
   return i("div", {
     ...t,
     children: e.label
   });
 }
-function To({ emoji: e, ...t }) {
+function Ta({ emoji: e, ...t }) {
   return i("button", {
     type: "button",
     ...t,
     children: e.emoji
   });
 }
-function Po({ ...e }) {
+function Pa({ ...e }) {
   return i("div", { ...e });
 }
 var pr = xe(({ style: e, components: t, ...r }, n) => {
-  let a = q(), o = U(null), s = z((w) => {
-    w && (o.current = w, a.set({ listRef: o }));
-  }, []), c = t?.CategoryHeader ?? No, l = t?.Emoji ?? To, u = t?.Row ?? Po, h = ee(a, "columns"), d = ee(a, "viewportStartRowIndex"), g = ee(a, "viewportEndRowIndex"), m = W(a, ar), p = W(a, ho, lt), b = me(() => p?.filter((w) => w < d).length ?? 0, [p, d]), y = p?.length ?? 0;
-  return qe(n, () => o.current), !m || !p || y === 0 ? i("div", {
-    ...Ct(h, 0, e),
+  let o = B(), a = U(null), s = z((w) => {
+    w && (a.current = w, o.set({ listRef: a }));
+  }, []), c = t?.CategoryHeader ?? Na, l = t?.Emoji ?? Ta, u = t?.Row ?? Pa, h = ee(o, "columns"), d = ee(o, "viewportStartRowIndex"), g = ee(o, "viewportEndRowIndex"), m = q(o, or), f = q(o, ha, lt), b = he(() => f?.filter((w) => w < d).length ?? 0, [f, d]), y = f?.length ?? 0;
+  return Be(n, () => a.current), !m || !f || y === 0 ? i("div", {
+    ...Et(h, 0, e),
     ...r,
     children: i("div", {
-      ..._t(0, 0, 0, 0),
-      children: i(Et, {
+      ...Ct(0, 0, 0, 0),
+      children: i(St, {
         CategoryHeader: c,
         Emoji: l,
         Row: u
       })
     })
   }) : i("div", {
-    ...Ct(h, m, e),
+    ...Et(h, m, e),
     ...r,
     ref: s,
     children: I("div", {
-      ..._t(m, y, d, b),
+      ...Ct(m, y, d, b),
       children: [
-        i(Et, {
+        i(St, {
           CategoryHeader: c,
           Emoji: l,
           Row: u
         }),
-        Array.from({ length: g - d + 1 }, (w, v) => {
-          let j = d + v;
-          return I(Xr, { children: [p.indexOf(j) >= 0 && i("div", { style: { height: "var(--frimousse-category-header-height)" } }), i(ko, {
+        Array.from({ length: g - d + 1 }, (w, p) => {
+          let j = d + p;
+          return I(Zr, { children: [f.indexOf(j) >= 0 && i("div", { style: { height: "var(--frimousse-category-header-height)" } }), i(ka, {
             Emoji: l,
             Row: u,
             rowIndex: j
           })] }, j);
         }),
-        Array.from({ length: y }, (w, v) => i(Ro, {
+        Array.from({ length: y }, (w, p) => i(Ra, {
           CategoryHeader: c,
-          categoryIndex: v
-        }, v))
+          categoryIndex: p
+        }, p))
       ]
     })
   });
-}), br = xe(({ emoji: e, onClick: t, "aria-label": r = "Change skin tone", ...n }, a) => {
-  let o = W(q(), go, lt), [s, c, l] = sr(e), u = me(() => Math.max(0, l.findIndex((p) => p.skinTone === s)), [s, l]), h = l[u], d = l[(u + 1) % l.length].skinTone, g = d === "none" ? void 0 : o?.[d], m = z((p) => {
-    t?.(p), p.isDefaultPrevented() || c(d);
+}), br = xe(({ emoji: e, onClick: t, "aria-label": r = "Change skin tone", ...n }, o) => {
+  let a = q(B(), ga, lt), [s, c, l] = sr(e), u = he(() => Math.max(0, l.findIndex((f) => f.skinTone === s)), [s, l]), h = l[u], d = l[(u + 1) % l.length].skinTone, g = d === "none" ? void 0 : a?.[d], m = z((f) => {
+    t?.(f), f.isDefaultPrevented() || c(d);
   }, [
     t,
     c,
@@ -1720,36 +1721,36 @@ var pr = xe(({ style: e, components: t, ...r }, n) => {
     "aria-live": "polite",
     "frimousse-skin-tone-selector": "",
     onClick: m,
-    ref: a,
+    ref: o,
     children: h.emoji
   });
 });
 function yr({ children: e, ...t }) {
-  return W(q(), uo) ? i("span", {
+  return q(B(), da) ? i("span", {
     "frimousse-loading": "",
     ...t,
     children: e
   }) : null;
 }
-function xo({ children: e }) {
-  return e({ search: W(q(), so) });
+function xa({ children: e }) {
+  return e({ search: q(B(), ca) });
 }
 function wr({ children: e, ...t }) {
-  return W(q(), co) ? i("span", {
+  return q(B(), ua) ? i("span", {
     "frimousse-empty": "",
     ...t,
-    children: typeof e == "function" ? i(xo, { children: e }) : e
+    children: typeof e == "function" ? i(xa, { children: e }) : e
   }) : null;
 }
 function _r({ children: e }) {
   return e({ emoji: lr() });
 }
 function Cr({ children: e, emoji: t }) {
-  let [r, n, a] = sr(t);
+  let [r, n, o] = sr(t);
   return e({
     skinTone: r,
     setSkinTone: n,
-    skinToneVariations: a
+    skinToneVariations: o
   });
 }
 ur.displayName = "EmojiPicker.Root";
@@ -1761,111 +1762,112 @@ wr.displayName = "EmojiPicker.Empty";
 br.displayName = "EmojiPicker.SkinToneSelector";
 _r.displayName = "EmojiPicker.ActiveEmoji";
 Cr.displayName = "EmojiPicker.SkinTone";
-var Do = "_root_1elk3_1", Oo = "_search_1elk3_29", Ao = "_viewport_1elk3_33", Ho = "_message_1elk3_42", Se = {
-  root: Do,
-  search: Oo,
-  viewport: Ao,
-  message: Ho
-}, $o = ({ emoji: e, "aria-colindex": t, ...r }) => /* @__PURE__ */ i("button", {
+var Da = "_root_1elk3_1", Oa = "_search_1elk3_29", Aa = "_viewport_1elk3_33", $a = "_message_1elk3_42", Se = {
+  root: Da,
+  search: Oa,
+  viewport: Aa,
+  message: $a
+}, Ha = ({ emoji: e, "aria-colindex": t, ...r }) => /* @__PURE__ */ i("button", {
   ...r,
   type: "button",
   role: "gridcell",
   "aria-colindex": S(t) ? t + 1 : void 0,
   children: e.emoji
-}), Mo = ({ "aria-rowindex": e, ...t }) => /* @__PURE__ */ i("div", {
+}), Ma = ({ "aria-rowindex": e, ...t }) => /* @__PURE__ */ i("div", {
   ...t,
   "aria-rowindex": S(e) ? e + 1 : void 0
-}), Fo = "[frimousse-viewport]", Vo = "[frimousse-emoji][data-active]", Lo = "--frimousse-category-header-height", zo = (e) => {
-  const t = e.querySelector(Fo), r = t?.querySelector(Vo);
+}), Fa = "[frimousse-viewport]", Va = "[frimousse-emoji][data-active]", La = "--frimousse-category-header-height", za = (e) => {
+  const t = e.querySelector(Fa), r = t?.querySelector(Va);
   if (!S(t) || !S(r)) return;
-  const n = t.getBoundingClientRect(), a = r.getBoundingClientRect(), o = Number.parseFloat(getComputedStyle(t).getPropertyValue(Lo)), s = a.top - n.top - o;
+  const n = t.getBoundingClientRect(), o = r.getBoundingClientRect(), a = Number.parseFloat(getComputedStyle(t).getPropertyValue(La)), s = o.top - n.top - a;
   if (s < 0) {
     t.scrollTop += s;
     return;
   }
-  const c = a.bottom - n.bottom;
+  const c = o.bottom - n.bottom;
   c > 0 && (t.scrollTop += c);
-}, Uo = P("Arrow"), St = P("keydown"), It = P("pointerover"), Yo = ({ rootRef: e }) => (te(() => {
+}, Ua = P("Arrow"), It = P("keydown"), jt = P("pointerover"), Ya = ({ rootRef: e }) => (te(() => {
   const t = e.current;
   if (!S(t)) return;
   let r;
   const n = () => {
     S(r) && (cancelAnimationFrame(r), r = void 0);
-  }, a = (o) => {
-    o.defaultPrevented || !o.key.startsWith(Uo) || (n(), r = requestAnimationFrame(() => {
+  }, o = (a) => {
+    a.defaultPrevented || !a.key.startsWith(Ua) || (n(), r = requestAnimationFrame(() => {
       r = requestAnimationFrame(() => {
-        r = void 0, zo(t);
+        r = void 0, za(t);
       });
     }));
   };
-  return t.addEventListener(St, a, !0), t.addEventListener(It, n, !0), () => {
-    n(), t.removeEventListener(St, a, !0), t.removeEventListener(It, n, !0);
+  return t.addEventListener(It, o, !0), t.addEventListener(jt, n, !0), () => {
+    n(), t.removeEventListener(It, o, !0), t.removeEventListener(jt, n, !0);
   };
-}, [e]), null), qo = 8, wi = ({ emojibaseUrl: e, locale: t = "en", searchLabel: r, searchPlaceholder: n = r, loadingLabel: a, emptyLabel: o, onEmojiSelect: s, autoFocus: c = !1, className: l, ref: u, ...h }) => {
+}, [e]), null), Ba = 8, Ci = ({ emojibaseUrl: e, locale: t = "en", searchLabel: r, searchPlaceholder: n = r, loadingLabel: o, emptyLabel: a, onEmojiSelect: s, autoFocus: c = !1, className: l, ref: u, ...h }) => {
   const d = U(null), g = xt(d, u);
-  return /* @__PURE__ */ I(ce.Root, {
+  return /* @__PURE__ */ I(ue.Root, {
     ...h,
     ref: g,
     className: G(Se.root, l),
     emojibaseUrl: e,
     locale: t,
-    columns: qo,
+    columns: Ba,
     onEmojiSelect: ({ emoji: m }) => s(m),
     children: [
       /* @__PURE__ */ i("div", {
         className: Se.search,
-        children: /* @__PURE__ */ i(Nt, {
-          render: /* @__PURE__ */ i(ce.Search, {}),
+        children: /* @__PURE__ */ i(Tt, {
+          render: /* @__PURE__ */ i(ue.Search, {}),
           "aria-label": r,
           placeholder: n,
           autoFocus: c
         })
       }),
-      /* @__PURE__ */ I(ce.Viewport, {
+      /* @__PURE__ */ I(ue.Viewport, {
         className: Se.viewport,
         tabIndex: 0,
         children: [
-          /* @__PURE__ */ i(ce.Loading, {
+          /* @__PURE__ */ i(ue.Loading, {
             className: Se.message,
-            children: a
+            children: o
           }),
-          /* @__PURE__ */ i(ce.Empty, {
+          /* @__PURE__ */ i(ue.Empty, {
             className: Se.message,
-            children: o
+            children: a
           }),
-          /* @__PURE__ */ i(ce.List, { components: {
-            Row: Mo,
-            Emoji: $o
+          /* @__PURE__ */ i(ue.List, { components: {
+            Row: Ma,
+            Emoji: Ha
           } })
         ]
       }),
-      /* @__PURE__ */ i(Yo, { rootRef: d })
+      /* @__PURE__ */ i(Ya, { rootRef: d })
     ]
   });
-}, Bo = "_root_138q3_1", Go = "_surface_138q3_17", Wo = "_icon_138q3_28", Ko = "_label_138q3_35", Jo = "_content_138q3_42", Xo = "_trailing_138q3_53", Zo = "_divider_138q3_60", ie = {
-  root: Bo,
-  surface: Go,
-  icon: Wo,
-  label: Ko,
-  content: Jo,
-  trailing: Xo,
-  divider: Zo
-}, _i = ({ label: e, startIcon: t, trailing: r, trailingProps: n, children: a, labelWidth: o = 80, isHoverable: s = !1, hasDivider: c = !0, render: l, ref: u, className: h, style: d, ...g }) => {
-  const m = {
-    "--form-field-row-label-width": Pt(o) ? `${o}px` : o,
-    ...d
+}, Wa = "_root_euz6z_1", Ga = "_surface_euz6z_17", qa = "_icon_euz6z_28", Ka = "_label_euz6z_35", Ja = "_content_euz6z_42", Xa = "_trailing_euz6z_53", Za = "_divider_euz6z_60", ie = {
+  root: Wa,
+  surface: Ga,
+  icon: qa,
+  label: Ka,
+  content: Ja,
+  trailing: Xa,
+  divider: Za
+}, Ei = ({ label: e, startIcon: t, trailing: r, trailingProps: n, children: o, labelWidth: a = 80, contentPaddingInline: s, isHoverable: c = !1, hasDivider: l = !0, render: u, ref: h, className: d, style: g, ...m }) => {
+  const f = {
+    "--form-field-row-label-width": ut(a),
+    "--form-field-row-content-padding-inline": S(s) ? ut(s) : void 0,
+    ...g
   };
   return Te({
-    render: l,
-    ref: u,
+    render: u,
+    ref: h,
     props: {
       role: "group",
       "aria-label": e,
-      ...g,
-      "data-clickable": S(g.onClick) || void 0,
-      "data-hoverable": s || void 0,
-      className: G(ie.root, h),
-      style: m,
+      ...m,
+      "data-clickable": S(m.onClick) || void 0,
+      "data-hoverable": c || void 0,
+      className: G(ie.root, d),
+      style: f,
       children: /* @__PURE__ */ I(Z, { children: [/* @__PURE__ */ I("div", {
         className: ie.surface,
         children: [
@@ -1885,7 +1887,7 @@ var Do = "_root_1elk3_1", Oo = "_search_1elk3_29", Ao = "_viewport_1elk3_33", Ho
           }),
           /* @__PURE__ */ i("div", {
             className: ie.content,
-            children: a
+            children: o
           }),
           pe(r) && /* @__PURE__ */ i("div", {
             ...n,
@@ -1893,24 +1895,24 @@ var Do = "_root_1elk3_1", Oo = "_search_1elk3_29", Ao = "_viewport_1elk3_33", Ho
             children: r
           })
         ]
-      }), c && /* @__PURE__ */ i(Yr, {
+      }), l && /* @__PURE__ */ i(Yr, {
         className: ie.divider,
         "aria-hidden": "true"
       })] })
     }
   });
-}, Qo = "_root_u3myi_1", ea = "_preview_u3myi_6", ta = "_image_u3myi_35", ra = "_fileInput_u3myi_48", na = "_content_u3myi_58", oa = "_actions_u3myi_67", aa = "_helperText_u3myi_73", ia = "_errorMessage_u3myi_78", ne = {
-  root: Qo,
-  preview: ea,
-  image: ta,
-  fileInput: ra,
-  content: na,
-  actions: oa,
-  helperText: aa,
-  errorMessage: ia
-}, la = ({ src: e }) => {
-  const t = kt(), [r, n] = K(!1);
-  return !L(e) || r ? /* @__PURE__ */ i(Hr, {
+}, Qa = "_root_u3myi_1", eo = "_preview_u3myi_6", to = "_image_u3myi_35", ro = "_fileInput_u3myi_48", no = "_content_u3myi_58", ao = "_actions_u3myi_67", oo = "_helperText_u3myi_73", io = "_errorMessage_u3myi_78", ne = {
+  root: Qa,
+  preview: eo,
+  image: to,
+  fileInput: ro,
+  content: no,
+  actions: ao,
+  helperText: oo,
+  errorMessage: io
+}, lo = ({ src: e }) => {
+  const t = Rt(), [r, n] = K(!1);
+  return !L(e) || r ? /* @__PURE__ */ i(xr, {
     size: t.icon.size.lg,
     "aria-hidden": !0
   }) : /* @__PURE__ */ i("img", {
@@ -1919,39 +1921,39 @@ var Do = "_root_1elk3_1", Oo = "_search_1elk3_29", Ao = "_viewport_1elk3_33", Ho
     alt: "",
     onError: () => n(!0)
   });
-}, sa = "image/*", Ci = ({ src: e, onFileSelect: t, onRemove: r, onAbort: n, disabled: a = !1, isUploading: o = !1, helperText: s, errorMessage: c, uploadLabel: l = P("Upload"), removeLabel: u = P("Remove"), abortLabel: h = P("Abort"), accept: d = sa, inputRef: g, onChange: m, "aria-describedby": p, className: b, style: y, dir: w, render: v, ref: j, ...k }) => {
-  const C = U(null), f = xt(C, g), E = ae(), _ = `${E}-helper`, T = `${E}-error`, H = L(e), M = L(s), O = L(c), $ = a || !S(t), x = a || !H || !S(r), R = $ || o, A = x || o, re = o && S(n), Y = [
-    p,
+}, so = "image/*", Si = ({ src: e, onFileSelect: t, onRemove: r, onAbort: n, disabled: o = !1, isUploading: a = !1, helperText: s, errorMessage: c, uploadLabel: l = P("Upload"), removeLabel: u = P("Remove"), abortLabel: h = P("Abort"), accept: d = so, inputRef: g, onChange: m, "aria-describedby": f, className: b, style: y, dir: w, render: p, ref: j, ...k }) => {
+  const C = U(null), v = xt(C, g), E = oe(), _ = `${E}-helper`, N = `${E}-error`, $ = L(e), M = L(s), O = L(c), H = o || !S(t), x = o || !$ || !S(r), R = H || a, A = x || a, re = a && S(n), Y = [
+    f,
     M && _,
-    O && T
-  ].filter(L).join(" ") || void 0, ge = () => {
+    O && N
+  ].filter(L).join(" ") || void 0, ve = () => {
     R || C.current?.click();
-  }, D = (B) => {
-    const Oe = B.currentTarget.files?.[0];
+  }, D = (W) => {
+    const Oe = W.currentTarget.files?.[0];
     try {
-      m?.(B);
+      m?.(W);
     } finally {
-      B.currentTarget.value = "";
+      W.currentTarget.value = "";
     }
     R || !S(Oe) || t?.(Oe);
   };
   return Te({
-    render: v,
+    render: p,
     ref: j,
     props: {
       className: G(ne.root, b),
       style: y,
       dir: w,
-      "aria-busy": o || k["aria-busy"],
+      "aria-busy": a || k["aria-busy"],
       children: /* @__PURE__ */ I(Z, { children: [/* @__PURE__ */ i("button", {
         className: ne.preview,
         type: "button",
-        disabled: $,
-        "aria-disabled": o || void 0,
+        disabled: H,
+        "aria-disabled": a || void 0,
         "aria-label": l,
         "aria-describedby": Y,
-        onClick: ge,
-        children: /* @__PURE__ */ i(la, { src: e }, e)
+        onClick: ve,
+        children: /* @__PURE__ */ i(lo, { src: e }, e)
       }), /* @__PURE__ */ I("div", {
         className: ne.content,
         children: [
@@ -1961,7 +1963,7 @@ var Do = "_root_1elk3_1", Oo = "_search_1elk3_29", Ao = "_viewport_1elk3_33", Ho
               /* @__PURE__ */ i("input", {
                 "aria-label": l,
                 ...k,
-                ref: f,
+                ref: v,
                 className: ne.fileInput,
                 dir: w,
                 children: void 0,
@@ -1976,29 +1978,29 @@ var Do = "_root_1elk3_1", Oo = "_search_1elk3_29", Ao = "_viewport_1elk3_33", Ho
                 hidden: !0,
                 onChange: D
               }),
-              re ? /* @__PURE__ */ i(oe, {
+              re ? /* @__PURE__ */ i(ae, {
                 type: "button",
-                startIcon: /* @__PURE__ */ i(xr, {}),
+                startIcon: /* @__PURE__ */ i($r, {}),
                 onClick: n,
-                disabled: a,
+                disabled: o,
                 variant: "outline",
                 children: h
-              }) : /* @__PURE__ */ i(oe, {
+              }) : /* @__PURE__ */ i(ae, {
                 type: "button",
-                startIcon: /* @__PURE__ */ i(Mr, {}),
-                onClick: ge,
+                startIcon: /* @__PURE__ */ i(Fr, {}),
+                onClick: ve,
                 disabled: R,
-                focusableWhenDisabled: o && !$,
+                focusableWhenDisabled: a && !H,
                 "aria-describedby": Y,
                 variant: "outline",
                 children: l
               }),
-              /* @__PURE__ */ i(oe, {
+              /* @__PURE__ */ i(ae, {
                 type: "button",
-                startIcon: /* @__PURE__ */ i($r, {}),
+                startIcon: /* @__PURE__ */ i(Dr, {}),
                 onClick: r,
                 disabled: A,
-                focusableWhenDisabled: o && !x,
+                focusableWhenDisabled: a && !x,
                 variant: "outline",
                 children: u
               })
@@ -2011,7 +2013,7 @@ var Do = "_root_1elk3_1", Oo = "_search_1elk3_29", Ao = "_viewport_1elk3_33", Ho
           }),
           O && /* @__PURE__ */ i("span", {
             className: ne.errorMessage,
-            id: T,
+            id: N,
             role: "alert",
             children: c
           })
@@ -2019,41 +2021,41 @@ var Do = "_root_1elk3_1", Oo = "_search_1elk3_29", Ao = "_viewport_1elk3_33", Ho
       })] })
     }
   });
-}, ca = "_button_k3e4y_1", ua = { button: ca }, Ei = ({ className: e, emphasis: t = "standard", size: r, variant: n, ...a }) => {
-  const o = ye(Rt), s = r ?? o?.size ?? "sm", c = n ?? o?.variant ?? "ghost";
-  return /* @__PURE__ */ i(oe, {
-    ...a,
+}, co = "_button_k3e4y_1", uo = { button: co }, Ii = ({ className: e, emphasis: t = "standard", size: r, variant: n, ...o }) => {
+  const a = ye(Nt), s = r ?? a?.size ?? "sm", c = n ?? a?.variant ?? "ghost";
+  return /* @__PURE__ */ i(ae, {
+    ...o,
     size: s,
     variant: c,
     "data-emphasis": t,
-    className: he(ua.button, e)
+    className: ge(uo.button, e)
   });
-}, da = "_button_1mfb6_1", ma = { button: da }, Si = ({ className: e, elevated: t = !0, variant: r, ...n }) => {
-  const a = ye(Rt), o = r ?? a?.variant ?? "solid";
-  return /* @__PURE__ */ i(oe, {
+}, mo = "_button_1mfb6_1", ho = { button: mo }, ji = ({ className: e, elevated: t = !0, variant: r, ...n }) => {
+  const o = ye(Nt), a = r ?? o?.variant ?? "solid";
+  return /* @__PURE__ */ i(ae, {
     ...n,
     elevated: t,
-    variant: o,
-    className: he(ma.button, e)
+    variant: a,
+    className: ge(ho.button, e)
   });
 }, et = {
   maximumFractionDigits: 15,
   numberingSystem: "latn",
   useGrouping: "min2"
-}, ha = ({ nextValue: e, currentValue: t, reason: r }) => r === "input-blur" && ut(e, void 0, et) === ut(t, void 0, et), ga = "_root_17bio_1", fa = "_valueInput_17bio_7", va = "_button_17bio_14", pa = "_icon_17bio_32", fe = {
-  root: ga,
-  valueInput: fa,
-  button: va,
-  icon: pa
-}, Ii = ({ value: e, defaultValue: t, onValueChange: r, onValueCommitted: n, allowOutOfRange: a = !1, min: o, max: s, step: c = 1, disabled: l, readOnly: u, required: h, name: d, form: g, id: m, showButtons: p = !0, decrementLabel: b = P("Decrease value"), incrementLabel: y = P("Increase value"), className: w, ...v }) => {
+}, go = ({ nextValue: e, currentValue: t, reason: r }) => r === "input-blur" && dt(e, void 0, et) === dt(t, void 0, et), vo = "_root_17bio_1", fo = "_valueInput_17bio_7", po = "_button_17bio_14", bo = "_icon_17bio_32", fe = {
+  root: vo,
+  valueInput: fo,
+  button: po,
+  icon: bo
+}, ki = ({ value: e, defaultValue: t, onValueChange: r, onValueCommitted: n, allowOutOfRange: o = !1, min: a, max: s, step: c = 1, disabled: l, readOnly: u, required: h, name: d, form: g, id: m, showButtons: f = !0, decrementLabel: b = P("Decrease value"), incrementLabel: y = P("Increase value"), className: w, ...p }) => {
   const [j, k] = Dt({
     controlled: e,
     default: t ?? null,
     name: P("NumberStepper"),
     state: "value"
-  }), C = an(j), f = (E, _) => {
+  }), C = ln(j), v = (E, _) => {
     if (E !== C.current) {
-      if (ha({
+      if (go({
         nextValue: E,
         currentValue: C.current,
         reason: _.reason
@@ -2064,13 +2066,13 @@ var Do = "_root_1elk3_1", Oo = "_search_1elk3_29", Ao = "_viewport_1elk3_33", Ho
       r?.(E, _), !_.isCanceled && (C.current = E, k(E));
     }
   };
-  return /* @__PURE__ */ I($e.Root, {
+  return /* @__PURE__ */ I(He.Root, {
     value: j,
-    onValueChange: f,
+    onValueChange: v,
     onValueCommitted: n,
-    min: o,
+    min: a,
     max: s,
-    allowOutOfRange: a,
+    allowOutOfRange: o,
     step: c,
     smallStep: c,
     largeStep: c,
@@ -2083,26 +2085,26 @@ var Do = "_root_1elk3_1", Oo = "_search_1elk3_29", Ao = "_viewport_1elk3_33", Ho
     format: et,
     className: fe.root,
     children: [
-      p && /* @__PURE__ */ i($e.Decrement, {
+      f && /* @__PURE__ */ i(He.Decrement, {
         "aria-label": b,
-        render: /* @__PURE__ */ i(oe, {
+        render: /* @__PURE__ */ i(ae, {
           type: "button",
           size: "sm",
           className: fe.button,
           startIcon: /* @__PURE__ */ i("span", {
             className: fe.icon,
-            children: /* @__PURE__ */ i(Dr, {})
+            children: /* @__PURE__ */ i(Or, {})
           })
         })
       }),
-      /* @__PURE__ */ i($e.Input, {
-        ...v,
+      /* @__PURE__ */ i(He.Input, {
+        ...p,
         form: g,
-        className: he(G(Fe.input, Fe.sm, fe.valueInput), w)
+        className: ge(G(Fe.input, Fe.sm, fe.valueInput), w)
       }),
-      p && /* @__PURE__ */ i($e.Increment, {
+      f && /* @__PURE__ */ i(He.Increment, {
         "aria-label": y,
-        render: /* @__PURE__ */ i(oe, {
+        render: /* @__PURE__ */ i(ae, {
           type: "button",
           size: "sm",
           className: fe.button,
@@ -2114,82 +2116,82 @@ var Do = "_root_1elk3_1", Oo = "_search_1elk3_29", Ao = "_viewport_1elk3_33", Ho
       })
     ]
   });
-}, ba = "_trigger_kh8iq_1", ya = "_triggerFlag_kh8iq_35", wa = "_optionFlag_kh8iq_36", _a = "_chevron_kh8iq_56", Ca = "_selectedCountryLabel_kh8iq_61", Ea = "_options_kh8iq_70", Sa = "_emptyStatus_kh8iq_76", de = {
-  trigger: ba,
-  triggerFlag: ya,
-  optionFlag: wa,
-  chevron: _a,
-  selectedCountryLabel: Ca,
-  options: Ea,
-  emptyStatus: Sa
-}, Ia = ({ label: e, callingCode: t }) => `${e} (+${t})`, ja = "⁦", ka = "⁩", Ra = ({ label: e, callingCode: t }) => `${e} (${ja}+${t}${ka})`, Na = ({ country: e, normalizedSearch: t, callingCodeSearch: r }) => e.searchLabel.includes(t) || e.searchValue.includes(t) || L(r) && e.callingCode.includes(r), Er = Ye(null), Sr = () => {
+}, yo = "_trigger_kh8iq_1", wo = "_triggerFlag_kh8iq_35", _o = "_optionFlag_kh8iq_36", Co = "_chevron_kh8iq_56", Eo = "_selectedCountryLabel_kh8iq_61", So = "_options_kh8iq_70", Io = "_emptyStatus_kh8iq_76", me = {
+  trigger: yo,
+  triggerFlag: wo,
+  optionFlag: _o,
+  chevron: Co,
+  selectedCountryLabel: Eo,
+  options: So,
+  emptyStatus: Io
+}, jo = ({ label: e, callingCode: t }) => `${e} (+${t})`, ko = "⁦", Ro = "⁩", No = ({ label: e, callingCode: t }) => `${e} (${ko}+${t}${Ro})`, To = ({ country: e, normalizedSearch: t, callingCodeSearch: r }) => e.searchLabel.includes(t) || e.searchValue.includes(t) || L(r) && e.callingCode.includes(r), Er = Ye(null), Sr = () => {
   const e = ye(Er);
   if (!S(e)) throw new Error(P("PhoneCountryPicker parts require PhoneCountryPicker.Root."));
   return e;
-}, Ir = ({ searchLabel: e = P("Search"), listLabel: t = P("Countries"), emptyLabel: r = P("No results"), disabled: n = !1, className: a, render: o, ref: s, ...c }) => {
-  const { countries: l, value: u, onValueChange: h, disabled: d, closeOnSelect: g } = Sr(), m = d || n, p = ae(), [b, y] = K(""), w = be(b).trim(), v = w.startsWith("+") ? w.slice(1) : w, j = l.filter((f) => Na({
-    country: f,
+}, Ir = ({ searchLabel: e = P("Search"), listLabel: t = P("Countries"), emptyLabel: r = P("No results"), disabled: n = !1, className: o, render: a, ref: s, ...c }) => {
+  const { countries: l, value: u, onValueChange: h, disabled: d, closeOnSelect: g } = Sr(), m = d || n, f = oe(), [b, y] = K(""), w = be(b).trim(), p = w.startsWith("+") ? w.slice(1) : w, j = l.filter((v) => To({
+    country: v,
     normalizedSearch: w,
-    callingCodeSearch: v
-  })), k = j.find((f) => f.value === u), C = S(k) ? [k, ...j.filter((f) => f.value !== u)] : j;
+    callingCodeSearch: p
+  })), k = j.find((v) => v.value === u), C = S(k) ? [k, ...j.filter((v) => v.value !== u)] : j;
   return Te({
-    render: o,
+    render: a,
     ref: s,
     props: {
       ...c,
-      className: G(de.options, a),
+      className: G(me.options, o),
       children: /* @__PURE__ */ I(Z, { children: [
-        /* @__PURE__ */ i(N.Search, {
+        /* @__PURE__ */ i(T.Search, {
           value: b,
           onValueChange: y,
           placeholder: e,
           "aria-label": e,
           disabled: m
         }),
-        /* @__PURE__ */ i(N.Separator, {}),
-        /* @__PURE__ */ i(N.Section, {
+        /* @__PURE__ */ i(T.Separator, {}),
+        /* @__PURE__ */ i(T.Section, {
           scrollable: !0,
-          children: /* @__PURE__ */ i(N.SelectionGroup, {
-            id: p,
+          children: /* @__PURE__ */ i(T.SelectionGroup, {
+            id: f,
             "aria-label": t,
             value: u,
             onValueChange: h,
             closeOnSelect: g,
-            children: C.map((f) => {
-              const E = Ia(f);
-              return /* @__PURE__ */ i(N.OptionItem, {
-                value: f.value,
+            children: C.map((v) => {
+              const E = jo(v);
+              return /* @__PURE__ */ i(T.OptionItem, {
+                value: v.value,
                 "aria-label": E,
-                disabled: m || f.disabled,
+                disabled: m || v.disabled,
                 startIcon: /* @__PURE__ */ i("span", {
-                  className: de.optionFlag,
+                  className: me.optionFlag,
                   "aria-hidden": !0,
-                  children: f.flag
+                  children: v.flag
                 }),
                 children: /* @__PURE__ */ i(rt, {
                   text: /* @__PURE__ */ I(Z, { children: [
-                    f.label,
+                    v.label,
                     " (",
                     /* @__PURE__ */ I("bdi", {
                       dir: "ltr",
-                      children: ["+", f.callingCode]
+                      children: ["+", v.callingCode]
                     }),
                     ")"
                   ] }),
-                  tooltipContent: Ra(f)
+                  tooltipContent: No(v)
                 })
-              }, f.value);
+              }, v.value);
             })
           })
         }),
-        /* @__PURE__ */ i(N.Empty, {
-          className: de.emptyStatus,
+        /* @__PURE__ */ i(T.Empty, {
+          className: me.emptyStatus,
           children: Pe(C) ? null : r
         })
       ] })
     }
   });
-}, jr = ({ children: e, countries: t, value: r, defaultValue: n = null, onValueChange: a, disabled: o = !1, closeOnSelect: s = !0 }) => {
+}, jr = ({ children: e, countries: t, value: r, defaultValue: n = null, onValueChange: o, disabled: a = !1, closeOnSelect: s = !0 }) => {
   const [c, l] = K(n), u = Le(r) ? c : r, h = t.map((d) => ({
     ...d,
     searchLabel: be(d.label),
@@ -2199,68 +2201,68 @@ var Do = "_root_1elk3_1", Oo = "_search_1elk3_29", Ao = "_viewport_1elk3_33", Ho
     value: {
       countries: h,
       value: u,
-      disabled: o,
+      disabled: a,
       closeOnSelect: s,
       onValueChange: (d, g) => {
-        a?.(d, g), !g.isCanceled && Le(r) && l(d);
+        o?.(d, g), !g.isCanceled && Le(r) && l(d);
       }
     },
     children: e
   });
-}, kr = ({ children: e, disabled: t = !1, className: r, "aria-describedby": n, ...a }) => {
-  const { countries: o, value: s, disabled: c } = Sr(), l = o.find((d) => d.value === s), u = ae(), h = [S(l) && u, n].filter(L).join(" ") || void 0;
-  return /* @__PURE__ */ I(N.Trigger, {
-    ...a,
+}, kr = ({ children: e, disabled: t = !1, className: r, "aria-describedby": n, ...o }) => {
+  const { countries: a, value: s, disabled: c } = Sr(), l = a.find((d) => d.value === s), u = oe(), h = [S(l) && u, n].filter(L).join(" ") || void 0;
+  return /* @__PURE__ */ I(T.Trigger, {
+    ...o,
     disabled: c || t,
     "aria-describedby": h,
-    className: he(de.trigger, r),
+    className: ge(me.trigger, r),
     children: [e ?? /* @__PURE__ */ I(Z, { children: [/* @__PURE__ */ i("span", {
-      className: de.triggerFlag,
+      className: me.triggerFlag,
       "aria-hidden": !0,
       children: l?.flag ?? /* @__PURE__ */ i(Lr, {})
     }), /* @__PURE__ */ i(tt, {
-      className: de.chevron,
+      className: me.chevron,
       "aria-hidden": !0
     })] }), S(l) && /* @__PURE__ */ i("span", {
       id: u,
-      className: de.selectedCountryLabel,
+      className: me.selectedCountryLabel,
       children: l.label
     })]
   });
-}, Ta = ({ countries: e, value: t, defaultValue: r, onValueChange: n, disabled: a, closeOnSelect: o, dropdownProps: s, contentProps: c, optionsProps: l, ...u }) => /* @__PURE__ */ i(jr, {
+}, Po = ({ countries: e, value: t, defaultValue: r, onValueChange: n, disabled: o, closeOnSelect: a, dropdownProps: s, contentProps: c, optionsProps: l, ...u }) => /* @__PURE__ */ i(jr, {
   countries: e,
   value: t,
   defaultValue: r,
   onValueChange: n,
-  disabled: a,
-  closeOnSelect: o,
-  children: /* @__PURE__ */ I(N.Root, {
+  disabled: o,
+  closeOnSelect: a,
+  children: /* @__PURE__ */ I(T.Root, {
     ...s,
     type: "picker",
-    children: [/* @__PURE__ */ i(kr, { ...u }), /* @__PURE__ */ i(N.Content, {
+    children: [/* @__PURE__ */ i(kr, { ...u }), /* @__PURE__ */ i(T.Content, {
       width: 280,
       ...c,
       children: /* @__PURE__ */ i(Ir, { ...l })
     })]
   })
-}), ji = Object.assign(Ta, {
+}), Ri = Object.assign(Po, {
   Root: jr,
   Trigger: kr,
   Options: Ir
-}), Pa = "_button_arlbx_1", xa = "_content_arlbx_15", Da = "_emoji_arlbx_21", Ke = {
-  button: Pa,
-  content: xa,
-  emoji: Da
-}, ki = ({ emoji: e, count: t, pressed: r, onPressedChange: n, onClick: a, className: o, ...s }) => /* @__PURE__ */ i(oe, {
+}), xo = "_button_arlbx_1", Do = "_content_arlbx_15", Oo = "_emoji_arlbx_21", Ke = {
+  button: xo,
+  content: Do,
+  emoji: Oo
+}, Ni = ({ emoji: e, count: t, pressed: r, onPressedChange: n, onClick: o, className: a, ...s }) => /* @__PURE__ */ i(ae, {
   ...s,
   type: "button",
   size: "sm",
   variant: "ghost",
   color: "neutral",
   "aria-pressed": r,
-  className: G(Ke.button, o),
+  className: G(Ke.button, a),
   onClick: (c) => {
-    a?.(c), !c.defaultPrevented && n(!r);
+    o?.(c), !c.defaultPrevented && n(!r);
   },
   children: /* @__PURE__ */ I("span", {
     className: Ke.content,
@@ -2270,87 +2272,88 @@ var Do = "_root_1elk3_1", Oo = "_search_1elk3_29", Ao = "_viewport_1elk3_33", Ho
       children: e
     }), /* @__PURE__ */ i("span", { children: t })]
   })
-}), Oa = "_wrapper_c0mqd_1", Aa = "_inputGroup_c0mqd_8", Ha = "_searchIcon_c0mqd_14", Je = {
-  wrapper: Oa,
-  inputGroup: Aa,
-  searchIcon: Ha
-}, Ri = ({ placeholder: e, actions: t, size: r = "md", hasFocusRing: n = !1, id: a, "aria-label": o, "aria-labelledby": s, ...c }) => {
-  const l = kt(), u = ae(), h = a ?? u;
+}), Ao = "_wrapper_c0mqd_1", $o = "_inputGroup_c0mqd_8", Ho = "_searchIcon_c0mqd_14", Je = {
+  wrapper: Ao,
+  inputGroup: $o,
+  searchIcon: Ho
+}, Ti = ({ placeholder: e, actions: t, size: r = "md", hasFocusRing: n = !1, id: o, "aria-label": a, "aria-labelledby": s, ...c }) => {
+  const l = Rt(), u = oe(), h = o ?? u;
   return /* @__PURE__ */ I("div", {
     className: Je.wrapper,
     children: [/* @__PURE__ */ i(Gr, {
       className: Je.inputGroup,
       size: r,
       hasFocusRing: n,
-      startElement: /* @__PURE__ */ i(Or, {
+      startElement: /* @__PURE__ */ i(Ar, {
         className: Je.searchIcon,
         size: l.icon.size.md,
         "aria-hidden": !0
       }),
-      children: /* @__PURE__ */ i(Nt, {
+      children: /* @__PURE__ */ i(Tt, {
         ...c,
         id: h,
         placeholder: e,
-        "aria-label": L(s) ? void 0 : o ?? e,
+        "aria-label": L(s) ? void 0 : a ?? e,
         "aria-labelledby": s
       })
     }), t]
   });
-}, $a = "_container_17hek_1", Ma = "_item_17hek_24", Fa = "_sm_17hek_38", Va = "_md_17hek_44", La = "_iconOnly_17hek_90", za = "_icon_17hek_90", Ua = "_label_17hek_109", ve = {
-  container: $a,
-  item: Ma,
-  sm: Fa,
-  md: Va,
-  iconOnly: La,
-  icon: za,
-  label: Ua
-}, Ni = ({ className: e, itemWidth: t = "equal", options: r, size: n = "md", variant: a = "round", ...o }) => {
-  const s = ae();
-  return /* @__PURE__ */ i(ln, {
-    ...o,
-    className: he(G(ve.container, ve[n]), e),
-    "data-item-width": t,
+}, Mo = "_container_44p06_1", Fo = "_item_44p06_24", Vo = "_fullWidth_44p06_38", Lo = "_sm_44p06_42", zo = "_md_44p06_48", Uo = "_iconOnly_44p06_94", Yo = "_icon_44p06_94", Bo = "_label_44p06_113", le = {
+  container: Mo,
+  item: Fo,
+  fullWidth: Vo,
+  sm: Lo,
+  md: zo,
+  iconOnly: Uo,
+  icon: Yo,
+  label: Bo
+}, Pi = ({ className: e, fullWidth: t = !1, itemWidth: r = "equal", options: n, size: o = "md", variant: a = "round", ...s }) => {
+  const c = oe();
+  return /* @__PURE__ */ i(sn, {
+    ...s,
+    className: ge(G(le.container, le[o], t && le.fullWidth), e),
+    "data-item-width": r,
     "data-variant": a,
-    children: r.map(({ "aria-label": c, disabled: l, label: u, startIcon: h, value: d }, g) => {
-      const m = `${s}-${g}`, p = L(c);
-      return /* @__PURE__ */ I(Wr.Root, {
-        value: d,
-        disabled: l,
-        "aria-labelledby": m,
-        className: G(ve.item, !pe(u) && ve.iconOnly),
+    children: n.map(({ "aria-label": l, disabled: u, label: h, startIcon: d, value: g }, m) => {
+      const f = `${c}-${m}`, b = L(l);
+      return /* @__PURE__ */ I(qr.Root, {
+        value: g,
+        disabled: u,
+        "aria-labelledby": f,
+        className: G(le.item, !pe(h) && le.iconOnly),
         children: [
-          pe(h) && /* @__PURE__ */ i("span", {
-            className: ve.icon,
+          pe(d) && /* @__PURE__ */ i("span", {
+            className: le.icon,
             "aria-hidden": !0,
-            children: h
+            children: d
           }),
-          pe(u) && /* @__PURE__ */ i("span", {
-            id: p ? void 0 : m,
-            className: ve.label,
-            children: u
+          pe(h) && /* @__PURE__ */ i("span", {
+            id: b ? void 0 : f,
+            className: le.label,
+            children: h
           }),
-          p && /* @__PURE__ */ i("span", {
-            id: m,
+          b && /* @__PURE__ */ i("span", {
+            id: f,
             hidden: !0,
-            children: c
+            children: l
           })
         ]
-      }, d);
+      }, g);
     })
   });
 };
 export {
-  Ii as a,
-  Ci as c,
-  yi as d,
-  bi as f,
-  ji as i,
-  _i as l,
-  Ri as n,
-  Si as o,
-  pi as p,
-  ki as r,
-  Ei as s,
-  Ni as t,
-  wi as u
+  ki as a,
+  Si as c,
+  _i as d,
+  wi as f,
+  Ri as i,
+  Ei as l,
+  Ti as n,
+  ji as o,
+  yi as p,
+  Ni as r,
+  Ii as s,
+  Pi as t,
+  Ci as u
 };