twenty-ui 2.49.0 → 2.51.1

package/dist/input-CuySKbhm.js

@@ -0,0 +1,2356 @@
+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 { 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 { 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 { 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 { 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 { 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 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({
+    controlled: t,
+    default: r,
+    name: P("CountrySelect"),
+    state: "value"
+  }), h = me(() => e.map((m) => ({
+    ...m,
+    selectionValue: Ht(m.value),
+    searchText: be(m.label)
+  })), [e]), d = me(() => new Map(h.map((m) => [m.value, m])), [h]), g = a || !Pe(h);
+  return /* @__PURE__ */ i(At.Provider, {
+    value: {
+      countries: h,
+      selectedCountry: Tt(l) ? void 0 : d.get(l),
+      value: l,
+      disabled: g,
+      noCountryLabel: o,
+      selectionGroupId: c,
+      changeValue: (m, p) => {
+        if (g) {
+          p.cancel();
+          return;
+        }
+        n?.(m, p), p.isCanceled || u(m);
+      }
+    },
+    children: s
+  });
+}, Mt = ({ disabled: e, open: t, onOpenChange: r }) => {
+  const n = Ot(r);
+  return te(() => {
+    !e || !t || n(!1);
+  }, [
+    e,
+    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 }) => {
+  if (L(e)) return e;
+  if (!L(t))
+    return r;
+}, nt = () => {
+  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,
+    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) => ({
+    ...Y,
+    disabled: v
+  }), re = he(G(Fe.input, Fe.md, Be.trigger), n);
+  return /* @__PURE__ */ I("div", {
+    ...t,
+    className: G(je.root, t?.className),
+    children: [
+      /* @__PURE__ */ i(Mt, {
+        disabled: v,
+        open: k,
+        onOpenChange: C
+      }),
+      H && /* @__PURE__ */ i("label", {
+        id: _,
+        className: je.label,
+        htmlFor: E,
+        children: e
+      }),
+      /* @__PURE__ */ i(N.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,
+        className: (Y) => re(A(Y)),
+        style: Ve(a) ? (Y) => a(A(Y)) : a,
+        render: Ve(o) ? (Y, ge) => o(Y, A(ge)) : o,
+        children: r ?? /* @__PURE__ */ I(Z, { children: [
+          /* @__PURE__ */ i("span", {
+            className: je.flag,
+            "aria-hidden": "true",
+            children: R
+          }),
+          /* @__PURE__ */ i("span", {
+            className: Be.value,
+            id: T,
+            children: /* @__PURE__ */ i(rt, { text: x })
+          }),
+          /* @__PURE__ */ i("span", {
+            className: Be.icon,
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ i(tt, {})
+          })
+        ] })
+      })
+    ]
+  });
+}, 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, {
+    value: "no-country",
+    disabled: l,
+    startIcon: /* @__PURE__ */ i("span", {
+      className: je.flag,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ i(jt, {})
+    }),
+    children: u
+  });
+  return /* @__PURE__ */ I(Z, { children: [
+    /* @__PURE__ */ i(N.Search, {
+      placeholder: e,
+      "aria-label": e,
+      ...r,
+      value: p,
+      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, {
+        value: s,
+        multiple: !1
+      }) : n,
+      id: h,
+      value: Tt(s) ? hn : Ht(s),
+      onValueChange: (f, E) => {
+        c(o.find((_) => _.selectionValue === f)?.value ?? null, E);
+      },
+      children: [k && /* @__PURE__ */ I(N.Section, {
+        scrollable: !0,
+        children: [
+          !w && C,
+          v.map((f) => /* @__PURE__ */ i(N.OptionItem, {
+            value: f.selectionValue,
+            disabled: l || f.disabled,
+            startIcon: /* @__PURE__ */ i("span", {
+              className: je.flag,
+              "aria-hidden": "true",
+              children: f.flag
+            }),
+            children: f.label
+          }, f.value)),
+          w && C
+        ]
+      }), !k && /* @__PURE__ */ i(N.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, {
+    ...e,
+    key: a
+  });
+}, 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));
+  }, 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, {
+    type: "picker",
+    open: w,
+    onOpenChange: v,
+    onEscapeKeyDown: n,
+    onInteractOutside: a,
+    defaultPage: o,
+    children: [/* @__PURE__ */ i(Ft, { ...g }), /* @__PURE__ */ i(N.Content, {
+      "aria-label": k ? void 0 : j,
+      "aria-labelledby": k ? void 0 : g["aria-labelledby"],
+      ...s,
+      children: /* @__PURE__ */ i(Vt, {
+        "aria-label": C ? void 0 : j,
+        "aria-labelledby": C ? void 0 : g["aria-labelledby"],
+        ...c,
+        searchLabel: l,
+        noResultsLabel: u,
+        searchProps: h,
+        closeOnSelect: d
+      })
+    })]
+  })] });
+}, vn = ({ countries: e, value: t, defaultValue: r, onValueChange: n, disabled: a, noCountryLabel: o, ...s }) => /* @__PURE__ */ i($t, {
+  countries: e,
+  value: t,
+  defaultValue: r,
+  onValueChange: n,
+  disabled: a,
+  noCountryLabel: o,
+  children: /* @__PURE__ */ i(fn, { ...s })
+}), pi = Object.assign(vn, {
+  Root: $t,
+  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
+}, 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;
+  return Te({
+    render: c,
+    ref: l,
+    props: {
+      ...u,
+      className: G(ze.options, s),
+      children: /* @__PURE__ */ I(Z, { children: [
+        t && /* @__PURE__ */ I(Z, { children: [/* @__PURE__ */ i(N.Search, {
+          placeholder: r,
+          "aria-label": r,
+          ...j,
+          value: f,
+          onValueChange: (O) => {
+            v?.(O), Le(y) && C(O);
+          },
+          disabled: H || o?.disabled
+        }), /* @__PURE__ */ i(N.Separator, {})] }),
+        /* @__PURE__ */ i(N.SelectionGroup, {
+          ...m,
+          id: d,
+          "aria-label": n,
+          "aria-labelledby": M,
+          children: T && /* @__PURE__ */ i(N.Section, {
+            scrollable: !0,
+            children: _.map(({ currency: O, label: $ }) => /* @__PURE__ */ i(N.OptionItem, {
+              value: O.code,
+              disabled: H || O.disabled,
+              children: Jr($) ? /* @__PURE__ */ i(rt, { text: $ }) : $
+            }, O.code))
+          })
+        }),
+        /* @__PURE__ */ i(N.Empty, {
+          className: ze.emptyStatus,
+          children: T ? null : a
+        })
+      ] })
+    }
+  });
+}, 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 = {
+    value: t,
+    defaultValue: r,
+    onValueChange: n,
+    closeOnSelect: a
+  }, b = qr({
+    props: {
+      ...p,
+      id: d
+    },
+    storedState: g.get(d)
+  }), y = b.multiple ? null : b.value, w = e.map((C) => ({
+    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 = {
+    value: y,
+    selectedCurrency: v?.currency,
+    disabled: o
+  };
+  return /* @__PURE__ */ I(Lt.Provider, {
+    value: {
+      state: k,
+      groupId: d,
+      options: j,
+      selectionProps: p,
+      renderValue: u
+    },
+    children: [Le(t) && /* @__PURE__ */ i(Br, {
+      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, {
+      "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, {
+  type: "picker",
+  open: h,
+  defaultOpen: d,
+  onOpenChange: g,
+  onEscapeKeyDown: m,
+  onInteractOutside: p,
+  children: /* @__PURE__ */ I(qt, {
+    currencies: e,
+    value: t,
+    defaultValue: r,
+    onValueChange: n,
+    closeOnSelect: a,
+    disabled: o,
+    selectedFirst: s,
+    getOptionLabel: c,
+    getSearchText: l,
+    renderValue: u,
+    children: [/* @__PURE__ */ i(Bt, {
+      ...v,
+      ...b
+    }), /* @__PURE__ */ i(N.Content, {
+      ...y,
+      children: /* @__PURE__ */ i(Ut, { ...w })
+    })]
+  })
+}), bi = Object.assign(Cn, {
+  Root: qt,
+  Trigger: Bt,
+  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
+}, ke = {
+  MIN_YEAR: 1,
+  MAX_YEAR: 9999,
+  DAYS_PER_WEEK: 7,
+  MONTHS_PER_YEAR: 12
+}, Nn = ({ 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 }) => {
+  const c = U(!1);
+  return /* @__PURE__ */ I(Q.Root, {
+    value: e,
+    items: t,
+    disabled: a,
+    onOpenChange: (l) => {
+      l && (c.current = !0, s?.(!0));
+    },
+    onOpenChangeComplete: (l) => {
+      !l && c.current && (c.current = !1, s?.(!1));
+    },
+    onValueChange: (l) => {
+      Pt(l) && r(l);
+    },
+    children: [
+      /* @__PURE__ */ i(Nn, {
+        isOpenRef: c,
+        onOpenChange: s
+      }),
+      /* @__PURE__ */ I(Q.Trigger, {
+        "aria-label": n,
+        children: [/* @__PURE__ */ i(Q.Value, {}), /* @__PURE__ */ i(Q.Icon, {})]
+      }),
+      /* @__PURE__ */ i(Q.Portal, {
+        container: o,
+        children: /* @__PURE__ */ i(Q.Positioner, {
+          sideOffset: zr.spacingMultiplicator,
+          alignItemWithTrigger: !1,
+          children: /* @__PURE__ */ i(Q.Popup, { children: t.map(({ value: l, label: u }) => /* @__PURE__ */ I(Q.Item, {
+            value: l,
+            children: [/* @__PURE__ */ i(Q.ItemText, { children: u }), /* @__PURE__ */ i(Q.ItemIndicator, {})]
+          }, l)) })
+        })
+      })
+    ]
+  });
+}, Xe = class extends RangeError {
+  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.") });
+  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, {
+    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({
+      value: _,
+      label: v.format(T)
+    });
+  }
+  const C = [], f = Math.max(ke.MIN_YEAR, y - mt), E = Math.min(ke.MAX_YEAR, y + mt);
+  for (let _ = f; _ <= E; _++) C.push({
+    value: _,
+    label: j.format(_)
+  });
+  return /* @__PURE__ */ I("div", {
+    className: le.header,
+    children: [
+      /* @__PURE__ */ i("div", {
+        className: le.monthSelect,
+        children: /* @__PURE__ */ i(dt, {
+          value: w,
+          items: k,
+          disabled: p,
+          label: h,
+          portalContainer: g,
+          onOpenChange: (_) => m?.({
+            open: _,
+            control: "month"
+          }),
+          onValueChange: n
+        })
+      }),
+      /* @__PURE__ */ i("div", {
+        className: le.yearSelect,
+        children: /* @__PURE__ */ i(dt, {
+          value: y,
+          items: C,
+          disabled: p,
+          label: d,
+          portalContainer: g,
+          onOpenChange: (_) => m?.({
+            open: _,
+            control: "year"
+          }),
+          onValueChange: a
+        })
+      }),
+      /* @__PURE__ */ I("div", {
+        className: le.navigation,
+        children: [/* @__PURE__ */ i(ct, {
+          size: "md",
+          disabled: p || o,
+          "aria-label": l,
+          onClick: t,
+          children: /* @__PURE__ */ i(Ar, { className: le.chevron })
+        }), /* @__PURE__ */ i(ct, {
+          size: "md",
+          disabled: p || s,
+          "aria-label": u,
+          onClick: r,
+          children: /* @__PURE__ */ i(Fr, { className: le.chevron })
+        })]
+      })
+    ]
+  });
+}, se = (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);
+}, [
+  e,
+  t,
+  r
+]), null), _e = (e) => [
+  e.getFullYear().toString().padStart(4, "0"),
+  (e.getMonth() + 1).toString().padStart(2, "0"),
+  e.getDate().toString().padStart(2, "0")
+].join("-"), ht = en(async () => {
+  const e = (await import("react-datepicker")).default;
+  return { default: "default" in e ? e.default : e };
+}), On = ({ 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);
+  const A = (D) => {
+    const B = _e(D).slice(0, 7);
+    $.current = B, B !== n && a(B);
+  }, re = (D) => {
+    s || v || !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,
+    disabledKeyboardNavigation: j,
+    openToDate: se(`${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);
+    },
+    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 }) => {
+      const st = {
+        viewedMonth: _e(D).slice(0, 7),
+        onPreviousMonth: B,
+        onNextMonth: Oe,
+        onMonthChange: (Ae) => Rr(Ae - 1),
+        onYearChange: (Ae) => {
+          const He = new Date(D);
+          if (He.setFullYear(Ae), He.getMonth() === D.getMonth()) {
+            Nr(Ae);
+            return;
+          }
+          He.setDate(0), M.current?.setPreSelection(He);
+        },
+        isPreviousMonthDisabled: v || Tr,
+        isNextMonthDisabled: v || Pr
+      };
+      return S(k) ? /* @__PURE__ */ i(Z, { children: k(st) }) : /* @__PURE__ */ i(xn, {
+        ...st,
+        locale: u,
+        previousMonthLabel: d,
+        nextMonthLabel: g,
+        monthLabel: m,
+        yearLabel: p,
+        portalContainer: b,
+        onNavigationOpenChange: y,
+        disabled: v
+      });
+    }
+  }, ge = () => S(o) ? /* @__PURE__ */ i(ht, {
+    ...Y,
+    selectsRange: !0,
+    startDate: se(o.start),
+    endDate: se(o.end),
+    onChange: () => {
+    }
+  }) : /* @__PURE__ */ i(ht, {
+    ...Y,
+    selected: S(e) ? se(e) : null,
+    onChange: re
+  });
+  return Te({
+    render: E,
+    ref: _,
+    props: {
+      role: "group",
+      ...H,
+      dir: R,
+      onMouseDownCapture: (D) => {
+        H.onMouseDownCapture?.(D), O.current = D.nativeEvent;
+      },
+      className: G(le.calendar, T),
+      "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, {
+          calendarRef: M,
+          engineViewedMonthRef: $,
+          viewedMonth: n
+        }), ge()]
+      })
+    }
+  });
+}, Hn = Object.defineProperty, $n = (e, t) => {
+  for (var r in t) Hn(e, r, {
+    get: t[r],
+    enumerable: !0
+  });
+}, ce = {};
+$n(ce, {
+  ActiveEmoji: () => _r,
+  Empty: () => wr,
+  List: () => pr,
+  Loading: () => yr,
+  Root: () => ur,
+  Search: () => dr,
+  SkinTone: () => Cr,
+  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 = [
+  "none",
+  "light",
+  "medium-light",
+  "medium",
+  "medium-dark",
+  "dark"
+];
+function Ge(e) {
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}
+var J = 2, V = null;
+function gt(e) {
+  try {
+    V ??= document.createElement("canvas").getContext("2d", { willReadFrequently: !0 });
+  } catch {
+  }
+  if (!V || (queueMicrotask(() => {
+    V && (V = null);
+  }), V.canvas.width = J, V.canvas.height = J, V.font = `2px ${Gt}`, V.textBaseline = "middle", V.measureText(e).width >= J * 2)) return !1;
+  V.fillStyle = "#00f", V.fillText(e, 0, 0);
+  let t = V.getImageData(0, 0, J, J).data;
+  V.clearRect(0, 0, J, J), V.fillStyle = "#f00", V.fillText(e, 0, 0);
+  let r = V.getImageData(0, 0, J, J).data;
+  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) {
+  try {
+    let n = e.getItem(t);
+    if (!n) throw new Error(`No value found for "${t}".`);
+    return r(JSON.parse(n));
+  } catch {
+    return null;
+  }
+}
+function Kt(e, t, r) {
+  e.setItem(t, JSON.stringify(r));
+}
+function Re(e) {
+  return (t) => t === void 0 ? void 0 : e(t);
+}
+function F(e) {
+  if (typeof e != "string") throw new Error();
+  return e;
+}
+function Me(e) {
+  if (typeof e != "number") throw new Error();
+  return e;
+}
+function Jt(e) {
+  if (typeof e != "boolean") throw new Error();
+  return e;
+}
+function ue(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);
+    }
+    return r;
+  };
+}
+function Ie(e) {
+  return (t) => {
+    if (!Array.isArray(t)) throw new Error();
+    return t.length > 0 && e(t[0]), t;
+  };
+}
+var Mn = "frimousse/data", Fn = ue({
+  locale: F,
+  emojis: Ie(ue({
+    emoji: F,
+    category: Me,
+    label: F,
+    version: Me,
+    tags: Ie(F),
+    aliases: Re(Ie(F)),
+    countryFlag: Re(Jt),
+    skins: Re(ue({
+      light: F,
+      "medium-light": F,
+      medium: F,
+      "medium-dark": F,
+      dark: F
+    }))
+  })),
+  categories: Ie(ue({
+    index: Me,
+    label: F
+  })),
+  skinTones: ue({
+    light: F,
+    "medium-light": F,
+    medium: F,
+    "medium-dark": F,
+    dark: F
+  })
+});
+function Vn({ name: e = Mn } = {}) {
+  let t = `${e}/`, r = ue({
+    data: Fn,
+    metadata: (n) => n
+  });
+  return {
+    get(n) {
+      try {
+        return Wt(localStorage, `${t}${n}`, r);
+      } catch {
+        return null;
+      }
+    },
+    set(n, a, ...[o]) {
+      try {
+        Kt(localStorage, `${t}${n}`, {
+          data: a,
+          metadata: o
+        });
+      } catch {
+      }
+    },
+    delete(n) {
+      try {
+        localStorage.removeItem(`${t}${n}`);
+      } catch {
+      }
+    },
+    clear() {
+      try {
+        for (let n of Object.keys(localStorage)) n.startsWith(t) && localStorage.removeItem(n);
+      } catch {
+      }
+    }
+  };
+}
+var Xt = /* @__PURE__ */ new Map(), Ze = /* @__PURE__ */ new WeakMap(), Ln = /* @__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) {
+  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();
+}
+async function Un(e, t, r) {
+  r.signal?.throwIfAborted();
+  let n = await e(t, r);
+  return r.signal?.throwIfAborted(), Qt(t, {
+    ...r,
+    resolveEmojiData: e
+  }, n), n;
+}
+function er(e, t) {
+  return t.resolveEmojiData ? JSON.stringify([
+    e,
+    t.emojibaseUrl,
+    t.emojiVersion
+  ]) : JSON.stringify([e, Zt(t)]);
+}
+function Yn(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 n = er(e, t), a = r.get(n);
+  return a || (a = {}, r.set(n, a)), a;
+}
+var at = (e, t) => `${e}/${t}/data.json`, tr = (e, t) => `${e}/${t}/messages.json`, qn = [
+  "bn",
+  "da",
+  "de",
+  "en-gb",
+  "en",
+  "es-mx",
+  "es",
+  "et",
+  "fi",
+  "fr",
+  "hi",
+  "hu",
+  "it",
+  "ja",
+  "ko",
+  "lt",
+  "ms",
+  "nb",
+  "nl",
+  "pl",
+  "pt",
+  "ru",
+  "sv",
+  "th",
+  "uk",
+  "vi",
+  "zh-hant",
+  "zh"
+], ft = "en", rr = (e) => `frimousse/metadata/${e}`, Ce = /* @__PURE__ */ new Map();
+function nr(e) {
+  return Vn({ name: `frimousse/data/${e}` });
+}
+async function vt(e, t) {
+  try {
+    return (await fetch(e, {
+      method: "HEAD",
+      signal: t
+    })).headers.get("etag");
+  } catch {
+    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) => ({
+    emojis: await c.json(),
+    emojisEtag: c.headers.get("etag")
+  })), fetch(tr(e, t), { signal: r }).then(async (c) => ({
+    messages: await c.json(),
+    messagesEtag: c.headers.get("etag")
+  }))]);
+  return {
+    emojis: n,
+    messages: o,
+    emojisEtag: a,
+    messagesEtag: s
+  };
+}
+async function Gn(e, t, r) {
+  let [n, a] = await Promise.all([vt(at(e, t), r), vt(tr(e, t), r)]);
+  return {
+    emojisEtag: n,
+    messagesEtag: a
+  };
+}
+function Wn(e) {
+  return e.skins ? e.skins.filter((t) => typeof t.tone == "number").reduce((t, r) => {
+    let n = ot[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);
+  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) => ({
+    index: m.order,
+    label: Ge(m.message)
+  })), d = o.skinTones.reduce((m, p) => (m[p.key] = Ge(p.message), m), {}), g = {
+    locale: t,
+    emojis: u.map((m) => {
+      let p = m.skins?.filter((b) => Array.isArray(b.tone)).map((b) => b.emoji);
+      return {
+        emoji: m.emoji,
+        category: m.group,
+        version: m.version,
+        label: Ge(m.label),
+        tags: m.tags ?? [],
+        countryFlag: c && m.subgroup === c.order || void 0,
+        skins: Wn(m),
+        aliases: p?.length ? p : void 0
+      };
+    }),
+    categories: h,
+    skinTones: d
+  };
+  return nr(e).set(t, g, {
+    emojisEtag: a,
+    messagesEtag: s
+  }), g;
+}
+function Kn(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
+  };
+  return {
+    emojiVersion: n,
+    countryFlags: a
+  };
+}
+var Jn = ue({
+  emojiVersion: Re(Me),
+  countryFlags: Re(Jt),
+  revalidated: Ie(F)
+});
+function Qe(e) {
+  try {
+    return Wt(sessionStorage, rr(e), Jn);
+  } catch {
+    return null;
+  }
+}
+function or(e, t) {
+  try {
+    Kt(sessionStorage, rr(e), t);
+  } catch {
+  }
+}
+function Xn(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(() => {
+      Ce.get(n)?.promise === u && Ce.delete(n);
+    });
+    o = {
+      promise: u,
+      controller: l,
+      callers: 0
+    }, Ce.set(n, o);
+  }
+  let s = o;
+  s.callers++;
+  let c;
+  return new Promise((l, u) => {
+    c = () => u(r?.reason), r?.addEventListener("abort", c, { once: !0 }), s.promise.then(l, u);
+  }).finally(() => {
+    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;
+  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;
+  } catch {
+    r.throwIfAborted(), o = a.data;
+  }
+  r.throwIfAborted();
+  let s = Qe(e), c = s?.revalidated ?? [];
+  return or(e, {
+    ...s,
+    revalidated: c.includes(t) ? c : [...c, t]
+  }), o;
+}
+var We = async (e, { emojiVersion: t, emojibaseUrl: r, signal: n } = {}) => {
+  let a = Qn(e), o = Zt({
+    emojiVersion: t,
+    emojibaseUrl: r
+  }), s = await Xn(o, a, n);
+  n?.throwIfAborted();
+  let c = Qe(o), l = c?.emojiVersion !== void 0 && c.countryFlags !== void 0 ? {
+    emojiVersion: c.emojiVersion,
+    countryFlags: c.countryFlags
+  } : Kn(s.emojis);
+  return or(o, {
+    ...l,
+    revalidated: c?.revalidated ?? [a]
+  }), {
+    locale: a,
+    emojis: s.emojis.filter((u) => {
+      let h = u.version <= (t ?? l.emojiVersion);
+      return u.countryFlag ? h && l.countryFlags : h;
+    }),
+    categories: s.categories,
+    skinTones: s.skinTones
+  };
+};
+function Qn(e) {
+  return qn.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 eo(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));
+  return r;
+}
+function to(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({
+    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) => ({
+      categoryIndex: u,
+      emojis: p
+    }));
+    o.push(...m), s.push({
+      label: d.label,
+      rowsCount: m.length,
+      startRowIndex: h
+    }), c.push(h), u++, h += m.length;
+  }
+  return {
+    count: a.length,
+    categories: s,
+    categoriesStartRowIndices: c,
+    rows: o,
+    skinTones: e.skinTones
+  };
+}
+function no(e) {
+  let t = {}, r = null, n = null, a = /* @__PURE__ */ new Set(), o = () => {
+    if (r) {
+      t = r, r = null;
+      for (let u of a) 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));
+  return t = e(c, s), {
+    get: s,
+    set: c,
+    subscribe: l
+  };
+}
+function oo(e) {
+  let [t] = K(e);
+  return t;
+}
+function ao(e) {
+  let t = Ye(null);
+  return {
+    useStore: () => {
+      let r = ye(t);
+      if (!r) throw new Error(e);
+      return r;
+    },
+    Provider: ({ store: r, children: n }) => i(t.Provider, {
+      value: r,
+      children: n
+    })
+  };
+}
+function W(e, t, r = Object.is) {
+  let [n, a] = K(() => t(e.get()));
+  return te(() => e.subscribe(() => {
+    let o = t(e.get());
+    a((s) => r(s, o) ? s : o);
+  }), [
+    e,
+    t,
+    r
+  ]), tn(n), n;
+}
+function ee(e, t, r) {
+  return W(e, z((n) => n[t], [t]), r);
+}
+var yt = 2;
+function io(e, t, r, n, a) {
+  let o = 0;
+  return no((s, c) => ({
+    locale: t,
+    columns: r,
+    sticky: n,
+    skinTone: a,
+    onEmojiSelect: e,
+    data: null,
+    search: "",
+    interaction: "none",
+    activeColumnIndex: 0,
+    activeRowIndex: 0,
+    rowHeight: null,
+    categoryHeaderHeight: null,
+    viewportWidth: null,
+    viewportHeight: null,
+    viewportCurrentCategoryIndex: null,
+    viewportStartCategoryIndex: 0,
+    viewportStartRowIndex: 0,
+    viewportEndRowIndex: 0,
+    rootRef: null,
+    searchRef: null,
+    viewportRef: null,
+    listRef: null,
+    updateViewportState: (l) => {
+      let u = c(), h = l?.data ?? u.data, d = l?.categoryHeaderHeight ?? u.categoryHeaderHeight, g = l?.rowHeight ?? u.rowHeight, m = l?.viewportHeight ?? u.viewportHeight;
+      if (!h || h.rows.length === 0 || !d || !g || !m) return s({
+        ...l,
+        viewportStartCategoryIndex: 0,
+        viewportStartRowIndex: 0,
+        viewportEndRowIndex: 0
+      });
+      let p = 0, b = 0;
+      for (let _ of h.categories) if (b++ * d + _.startRowIndex * g < o) p += 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;
+      return s(E === void 0 && l ? l : {
+        ...l,
+        viewportStartCategoryIndex: E,
+        viewportStartRowIndex: C,
+        viewportEndRowIndex: f
+      });
+    },
+    onDataChange: (l) => {
+      c().updateViewportState({
+        data: l,
+        activeColumnIndex: 0,
+        activeRowIndex: 0
+      });
+    },
+    onSearchChange: (l) => {
+      s({
+        search: l,
+        interaction: l ? "keyboard" : "none"
+      });
+    },
+    onActiveEmojiChange: (l, u, h) => {
+      if (s({
+        interaction: l,
+        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 j = h;
+      j === 0 && v.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),
+        behavior: "instant"
+      });
+    },
+    onActiveEmojiReset: () => {
+      s({
+        interaction: "none",
+        activeColumnIndex: 0,
+        activeRowIndex: 0
+      });
+    },
+    onRowHeightChange: (l) => {
+      c().updateViewportState({ rowHeight: l });
+    },
+    onCategoryHeaderHeightChange: (l) => {
+      c().updateViewportState({ categoryHeaderHeight: l });
+    },
+    onViewportSizeChange: (l, u) => {
+      c().updateViewportState({
+        viewportWidth: l,
+        viewportHeight: u
+      });
+    },
+    onViewportScroll: (l) => {
+      o = l, c().updateViewportState();
+    }
+  }));
+}
+var { useStore: q, Provider: lo } = ao("EmojiPicker.Root is missing.");
+function so(e) {
+  return e.search;
+}
+function it(e) {
+  return e.interaction === "none" ? void 0 : e.data?.rows[e.activeRowIndex]?.emojis[e.activeColumnIndex];
+}
+function co(e) {
+  return e.data === void 0 || typeof e.data?.count == "number" && e.data.count === 0;
+}
+function uo(e) {
+  return e.data === null || e.viewportHeight === null || e.rowHeight === null || e.categoryHeaderHeight === null;
+}
+function ar(e) {
+  return e.data?.rows.length;
+}
+function mo(e) {
+  return e.data?.categories.length;
+}
+function ho(e) {
+  return e.data?.categoriesStartRowIndices;
+}
+function go(e) {
+  return e.data?.skinTones;
+}
+function ir(e, t) {
+  return e?.emoji === t?.emoji;
+}
+function fo(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 = {
+  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];
+  }).join(Ee);
+}
+function wo(e) {
+  return ot.map((t) => ({
+    skinTone: t,
+    emoji: yo(e, t)
+  }));
+}
+function lr() {
+  return rn(W(q(), it, ir));
+}
+function sr(e = "✋") {
+  let t = q(), r = ee(t, "skinTone"), n = me(() => wo(e), [e]);
+  return [
+    r,
+    z((a) => {
+      t.set({ skinTone: a });
+    }, []),
+    n
+  ];
+}
+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]);
+}
+function _o(...e) {
+}
+function Co(e, t) {
+  let r = null;
+  if (typeof window.requestIdleCallback == "function") r = window.requestIdleCallback(e, t);
+  else {
+    let n = Date.now();
+    r = window.setTimeout(() => {
+      e({
+        didTimeout: !1,
+        timeRemaining: () => Math.max(0, (t?.timeout ?? 50) - (Date.now() - n))
+      });
+    }, 10);
+  }
+  return () => {
+    typeof window.cancelIdleCallback == "function" ? window.cancelIdleCallback(r) : window.clearTimeout(r);
+  };
+}
+var X = typeof window < "u" ? nn : 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));
+  return te(() => {
+    let d = new AbortController(), g = d.signal;
+    return Promise.resolve().then(() => h(s, {
+      emojiVersion: e,
+      emojibaseUrl: t,
+      signal: g
+    })).then((m) => {
+      g.aborted || a(m);
+    }).catch((m) => {
+      g.aborted || console.error(m);
+    }), () => {
+      d.abort();
+    };
+  }, [
+    e,
+    t,
+    s,
+    h
+  ]), te(() => {
+    if (n) return Co(() => {
+      o.get().onDataChange(ro(n, c, l, u));
+    }, { timeout: 100 });
+  }, [
+    n,
+    c,
+    l,
+    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 }));
+  }, []);
+  X(() => {
+    b.set({ locale: e });
+  }, [e]), X(() => {
+    b.set({ columns: t });
+  }, [t]), X(() => {
+    b.set({ sticky: d });
+  }, [d]), X(() => {
+    b.set({ skinTone: bt(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);
+  }, [l]);
+  return X(() => {
+    y || b.get().onActiveEmojiReset();
+  }, [y]), qe(m, () => v.current), te(() => {
+    if (!y) return;
+    function f(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();
+      if (E.key === "Enter") {
+        let x = it(b.get());
+        x && (E.preventDefault(), T(x));
+      }
+      if (E.key.startsWith("Arrow")) {
+        let x = O, R = $;
+        if (E.preventDefault(), M !== "none") {
+          if (_?.rows && _.rows.length > 0) switch (E.key) {
+            case "ArrowLeft":
+              if (x === 0) {
+                let A = R - 1, re = _.rows[A];
+                re && (R = A, x = re.emojis.length - 1);
+              } else x -= 1;
+              break;
+            case "ArrowRight":
+              if (x === _.rows[R].emojis.length - 1) {
+                let A = R + 1;
+                _.rows[A] && (R = A, x = 0);
+              } else x += 1;
+              break;
+            case "ArrowUp": {
+              let A = _.rows[R - 1];
+              A && (R -= 1, A.emojis[x] || (x = A.emojis.length - 1));
+              break;
+            }
+            case "ArrowDown": {
+              let A = _.rows[R + 1];
+              A && (R += 1, A.emojis[x] || (x = A.emojis.length - 1));
+              break;
+            }
+          }
+          H("keyboard", x, R);
+        } else H("keyboard", 0, 0);
+      }
+    }
+    return document.addEventListener("keydown", f), () => {
+      document.removeEventListener("keydown", f);
+    };
+  }, [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;
+  }, []), i("div", {
+    "data-focused": y ? "" : void 0,
+    "frimousse-root": "",
+    onBlurCapture: C,
+    onFocusCapture: k,
+    ...g,
+    ref: j,
+    style: {
+      "--frimousse-emoji-font": Gt,
+      ...h
+    },
+    children: I(lo, {
+      store: b,
+      children: [i(Eo, {
+        emojibaseUrl: o,
+        emojiVersion: a,
+        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 }));
+  }, []), 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 : "" });
+  }, []), X(() => {
+    typeof e == "string" && o.get().onSearchChange(e);
+  }, [e]);
+  let h = z((d) => {
+    r?.(d), d.isDefaultPrevented() || o.get().onSearchChange(d.target.value);
+  }, [r]);
+  return qe(a, () => s.current), i("input", {
+    autoCapitalize: "off",
+    autoComplete: "off",
+    autoCorrect: "off",
+    enterKeyHint: "done",
+    "frimousse-search": "",
+    placeholder: "Search…",
+    spellCheck: !1,
+    type: "search",
+    ...n,
+    defaultValue: t,
+    onChange: h,
+    ref: c,
+    value: e
+  });
+}), So = De(() => {
+  let e = lr();
+  return e ? i("div", {
+    "aria-live": "polite",
+    style: {
+      border: 0,
+      clip: "rect(0, 0, 0, 0)",
+      height: 1,
+      margin: -1,
+      overflow: "hidden",
+      padding: 0,
+      position: "absolute",
+      whiteSpace: "nowrap",
+      width: 1,
+      wordWrap: "normal"
+    },
+    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) => {
+    g && (c.current = g, s.set({ viewportRef: c }));
+  }, []), u = W(s, ar), h = W(s, mo), 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);
+    });
+    return g.observe(c.current), s.get().onViewportSizeChange(c.current.offsetWidth, c.current.clientHeight), () => {
+      g.disconnect();
+    };
+  }, []), qe(o, () => c.current), I("div", {
+    "frimousse-viewport": "",
+    ...a,
+    onScroll: d,
+    ref: l,
+    style: {
+      position: "relative",
+      boxSizing: "border-box",
+      contain: "layout paint",
+      containIntrinsicSize: typeof u == "number" && typeof h == "number" ? `var(--frimousse-viewport-width, auto) calc(${u} * var(--frimousse-row-height) + ${h} * var(--frimousse-category-header-height))` : void 0,
+      overflowY: "auto",
+      overscrollBehavior: "contain",
+      scrollbarGutter: "stable",
+      willChange: "scroll-position",
+      ...n
+    },
+    children: [i(So, {}), e]
+  });
+});
+function hr(e, t, r) {
+  return {
+    emoji: {
+      ...e,
+      isActive: r
+    },
+    role: "gridcell",
+    "aria-colindex": t,
+    "aria-selected": r || void 0,
+    "aria-label": e.label,
+    "data-active": r ? "" : void 0,
+    "frimousse-emoji": "",
+    style: { fontFamily: "var(--frimousse-emoji-font)" },
+    tabIndex: -1
+  };
+}
+function gr(e, t = !1) {
+  return {
+    role: t ? void 0 : "row",
+    "aria-rowindex": t ? void 0 : e,
+    "frimousse-row": "",
+    style: {
+      contain: t ? void 0 : "content",
+      height: t ? void 0 : "var(--frimousse-row-height)",
+      display: "flex"
+    }
+  };
+}
+function fr(e, t) {
+  return {
+    "frimousse-category": "",
+    style: {
+      contain: "content",
+      top: t ? `calc(${e} * var(--frimousse-category-header-height) + ${t.startRowIndex} * var(--frimousse-row-height))` : void 0,
+      height: t ? `calc(var(--frimousse-category-header-height) + ${t.rowsCount} * var(--frimousse-row-height))` : void 0,
+      width: "100%",
+      pointerEvents: "none",
+      position: "absolute"
+    }
+  };
+}
+function vr(e, t = !1, r = !0) {
+  return {
+    category: e,
+    "frimousse-category-header": "",
+    style: {
+      contain: t ? void 0 : "layout paint",
+      height: t ? void 0 : "var(--frimousse-category-header-height)",
+      pointerEvents: "auto",
+      position: r ? "sticky" : void 0,
+      top: 0
+    }
+  };
+}
+function _t(e, t, r, n) {
+  return {
+    "frimousse-list-sizer": "",
+    style: {
+      position: "relative",
+      boxSizing: "border-box",
+      height: `calc(${e} * var(--frimousse-row-height) + ${t} * var(--frimousse-category-header-height))`,
+      paddingTop: `calc(${r} * var(--frimousse-row-height) + ${n} * var(--frimousse-category-header-height))`
+    }
+  };
+}
+function Ct(e, t, r) {
+  return {
+    "aria-colcount": e,
+    "aria-rowcount": t,
+    "frimousse-list": "",
+    style: {
+      "--frimousse-list-columns": e,
+      ...r
+    },
+    role: "grid"
+  };
+}
+function Io(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);
+  }, [t]), c = z(() => {
+    a.get().onActiveEmojiChange("pointer", r, n);
+  }, [r, n]), l = z(() => {
+    a.get().onActiveEmojiReset();
+  }, []);
+  return i(e, {
+    ...hr(t, r, o),
+    onClick: s,
+    onPointerDown: Io,
+    onPointerEnter: c,
+    onPointerLeave: l
+  });
+}), ko = De(({ Row: e, Emoji: t, rowIndex: r }) => {
+  let n = W(q(), (a) => a.data?.rows[r], fo);
+  return n ? i(e, {
+    ...gr(r),
+    children: n.emojis.map((a, o) => i(jo, {
+      columnIndex: o,
+      Emoji: t,
+      emoji: a,
+      rowIndex: r
+    }, a.label))
+  }) : null;
+}), Ro = De(({ CategoryHeader: e, categoryIndex: t }) => {
+  let r = q(), n = W(r, (o) => o.data?.categories[t], lt), a = ee(r, "sticky");
+  return n ? i("div", {
+    ...fr(t, n),
+    children: i(e, { ...vr({ label: n.label }, !1, a) })
+  }) : null;
+}), Et = De(({ CategoryHeader: e, Row: t, Emoji: r }) => {
+  let n = U(null), a = q(), o = ee(a, "columns"), s = me(() => Array(o).fill({
+    emoji: "🙂",
+    label: ""
+  }), [o]), c = me(() => ({ 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);
+      }
+    });
+    d.observe(h), d.observe(l.current), d.observe(u.current);
+    let { onRowHeightChange: g, onCategoryHeaderHeightChange: m } = a.get();
+    return g(l.current.clientHeight), m(u.current.clientHeight), () => {
+      d.disconnect();
+    };
+  }, []), I("div", {
+    "aria-hidden": !0,
+    ref: n,
+    style: {
+      height: 0,
+      visibility: "hidden"
+    },
+    children: [i("div", {
+      "frimousse-row-sizer": "",
+      ref: l,
+      children: i(t, {
+        ...gr(-1, !0),
+        children: s.map((h, d) => i(r, { ...hr(h, d, !1) }, d))
+      })
+    }), i("div", {
+      ...fr(-1),
+      children: i("div", {
+        "frimousse-category-header-sizer": "",
+        ref: u,
+        children: i(e, { ...vr(c, !0) })
+      })
+    })]
+  });
+});
+function No({ category: e, ...t }) {
+  return i("div", {
+    ...t,
+    children: e.label
+  });
+}
+function To({ emoji: e, ...t }) {
+  return i("button", {
+    type: "button",
+    ...t,
+    children: e.emoji
+  });
+}
+function Po({ ...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),
+    ...r,
+    children: i("div", {
+      ..._t(0, 0, 0, 0),
+      children: i(Et, {
+        CategoryHeader: c,
+        Emoji: l,
+        Row: u
+      })
+    })
+  }) : i("div", {
+    ...Ct(h, m, e),
+    ...r,
+    ref: s,
+    children: I("div", {
+      ..._t(m, y, d, b),
+      children: [
+        i(Et, {
+          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, {
+            Emoji: l,
+            Row: u,
+            rowIndex: j
+          })] }, j);
+        }),
+        Array.from({ length: y }, (w, v) => i(Ro, {
+          CategoryHeader: c,
+          categoryIndex: v
+        }, v))
+      ]
+    })
+  });
+}), 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);
+  }, [
+    t,
+    c,
+    d
+  ]);
+  return i("button", {
+    type: "button",
+    ...n,
+    "aria-label": r + (g ? ` (${g})` : ""),
+    "aria-live": "polite",
+    "frimousse-skin-tone-selector": "",
+    onClick: m,
+    ref: a,
+    children: h.emoji
+  });
+});
+function yr({ children: e, ...t }) {
+  return W(q(), uo) ? i("span", {
+    "frimousse-loading": "",
+    ...t,
+    children: e
+  }) : null;
+}
+function xo({ children: e }) {
+  return e({ search: W(q(), so) });
+}
+function wr({ children: e, ...t }) {
+  return W(q(), co) ? i("span", {
+    "frimousse-empty": "",
+    ...t,
+    children: typeof e == "function" ? i(xo, { children: e }) : e
+  }) : null;
+}
+function _r({ children: e }) {
+  return e({ emoji: lr() });
+}
+function Cr({ children: e, emoji: t }) {
+  let [r, n, a] = sr(t);
+  return e({
+    skinTone: r,
+    setSkinTone: n,
+    skinToneVariations: a
+  });
+}
+ur.displayName = "EmojiPicker.Root";
+dr.displayName = "EmojiPicker.Search";
+mr.displayName = "EmojiPicker.Viewport";
+pr.displayName = "EmojiPicker.List";
+yr.displayName = "EmojiPicker.Loading";
+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", {
+  ...r,
+  type: "button",
+  role: "gridcell",
+  "aria-colindex": S(t) ? t + 1 : void 0,
+  children: e.emoji
+}), Mo = ({ "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);
+  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;
+  if (s < 0) {
+    t.scrollTop += s;
+    return;
+  }
+  const c = a.bottom - n.bottom;
+  c > 0 && (t.scrollTop += c);
+}, Uo = P("Arrow"), St = P("keydown"), It = P("pointerover"), Yo = ({ 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(() => {
+      r = requestAnimationFrame(() => {
+        r = void 0, zo(t);
+      });
+    }));
+  };
+  return t.addEventListener(St, a, !0), t.addEventListener(It, n, !0), () => {
+    n(), t.removeEventListener(St, a, !0), t.removeEventListener(It, 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 }) => {
+  const d = U(null), g = xt(d, u);
+  return /* @__PURE__ */ I(ce.Root, {
+    ...h,
+    ref: g,
+    className: G(Se.root, l),
+    emojibaseUrl: e,
+    locale: t,
+    columns: qo,
+    onEmojiSelect: ({ emoji: m }) => s(m),
+    children: [
+      /* @__PURE__ */ i("div", {
+        className: Se.search,
+        children: /* @__PURE__ */ i(Nt, {
+          render: /* @__PURE__ */ i(ce.Search, {}),
+          "aria-label": r,
+          placeholder: n,
+          autoFocus: c
+        })
+      }),
+      /* @__PURE__ */ I(ce.Viewport, {
+        className: Se.viewport,
+        tabIndex: 0,
+        children: [
+          /* @__PURE__ */ i(ce.Loading, {
+            className: Se.message,
+            children: a
+          }),
+          /* @__PURE__ */ i(ce.Empty, {
+            className: Se.message,
+            children: o
+          }),
+          /* @__PURE__ */ i(ce.List, { components: {
+            Row: Mo,
+            Emoji: $o
+          } })
+        ]
+      }),
+      /* @__PURE__ */ i(Yo, { 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
+  };
+  return Te({
+    render: l,
+    ref: u,
+    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,
+      children: /* @__PURE__ */ I(Z, { children: [/* @__PURE__ */ I("div", {
+        className: ie.surface,
+        children: [
+          pe(t) && /* @__PURE__ */ i("span", {
+            className: ie.icon,
+            "aria-hidden": "true",
+            children: t
+          }),
+          pe(e) && /* @__PURE__ */ i(Ur, {
+            render: /* @__PURE__ */ i("span", {}),
+            className: ie.label,
+            size: "md",
+            weight: "regular",
+            color: "tertiary",
+            "aria-hidden": "true",
+            children: e
+          }),
+          /* @__PURE__ */ i("div", {
+            className: ie.content,
+            children: a
+          }),
+          pe(r) && /* @__PURE__ */ i("div", {
+            ...n,
+            className: G(ie.trailing, n?.className),
+            children: r
+          })
+        ]
+      }), c && /* @__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, {
+    size: t.icon.size.lg,
+    "aria-hidden": !0
+  }) : /* @__PURE__ */ i("img", {
+    className: ne.image,
+    src: e,
+    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,
+    M && _,
+    O && T
+  ].filter(L).join(" ") || void 0, ge = () => {
+    R || C.current?.click();
+  }, D = (B) => {
+    const Oe = B.currentTarget.files?.[0];
+    try {
+      m?.(B);
+    } finally {
+      B.currentTarget.value = "";
+    }
+    R || !S(Oe) || t?.(Oe);
+  };
+  return Te({
+    render: v,
+    ref: j,
+    props: {
+      className: G(ne.root, b),
+      style: y,
+      dir: w,
+      "aria-busy": o || k["aria-busy"],
+      children: /* @__PURE__ */ I(Z, { children: [/* @__PURE__ */ i("button", {
+        className: ne.preview,
+        type: "button",
+        disabled: $,
+        "aria-disabled": o || void 0,
+        "aria-label": l,
+        "aria-describedby": Y,
+        onClick: ge,
+        children: /* @__PURE__ */ i(la, { src: e }, e)
+      }), /* @__PURE__ */ I("div", {
+        className: ne.content,
+        children: [
+          /* @__PURE__ */ I("div", {
+            className: ne.actions,
+            children: [
+              /* @__PURE__ */ i("input", {
+                "aria-label": l,
+                ...k,
+                ref: f,
+                className: ne.fileInput,
+                dir: w,
+                children: void 0,
+                dangerouslySetInnerHTML: void 0,
+                type: "file",
+                multiple: !1,
+                value: void 0,
+                defaultValue: void 0,
+                accept: d,
+                disabled: R,
+                "aria-describedby": Y,
+                hidden: !0,
+                onChange: D
+              }),
+              re ? /* @__PURE__ */ i(oe, {
+                type: "button",
+                startIcon: /* @__PURE__ */ i(xr, {}),
+                onClick: n,
+                disabled: a,
+                variant: "outline",
+                children: h
+              }) : /* @__PURE__ */ i(oe, {
+                type: "button",
+                startIcon: /* @__PURE__ */ i(Mr, {}),
+                onClick: ge,
+                disabled: R,
+                focusableWhenDisabled: o && !$,
+                "aria-describedby": Y,
+                variant: "outline",
+                children: l
+              }),
+              /* @__PURE__ */ i(oe, {
+                type: "button",
+                startIcon: /* @__PURE__ */ i($r, {}),
+                onClick: r,
+                disabled: A,
+                focusableWhenDisabled: o && !x,
+                variant: "outline",
+                children: u
+              })
+            ]
+          }),
+          M && /* @__PURE__ */ i("span", {
+            className: ne.helperText,
+            id: _,
+            children: s
+          }),
+          O && /* @__PURE__ */ i("span", {
+            className: ne.errorMessage,
+            id: T,
+            role: "alert",
+            children: c
+          })
+        ]
+      })] })
+    }
+  });
+}, 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,
+    size: s,
+    variant: c,
+    "data-emphasis": t,
+    className: he(ua.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, {
+    ...n,
+    elevated: t,
+    variant: o,
+    className: he(ma.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 }) => {
+  const [j, k] = Dt({
+    controlled: e,
+    default: t ?? null,
+    name: P("NumberStepper"),
+    state: "value"
+  }), C = an(j), f = (E, _) => {
+    if (E !== C.current) {
+      if (ha({
+        nextValue: E,
+        currentValue: C.current,
+        reason: _.reason
+      })) {
+        _.cancel();
+        return;
+      }
+      r?.(E, _), !_.isCanceled && (C.current = E, k(E));
+    }
+  };
+  return /* @__PURE__ */ I($e.Root, {
+    value: j,
+    onValueChange: f,
+    onValueCommitted: n,
+    min: o,
+    max: s,
+    allowOutOfRange: a,
+    step: c,
+    smallStep: c,
+    largeStep: c,
+    disabled: l,
+    readOnly: u,
+    required: h,
+    name: d,
+    form: g,
+    id: m,
+    format: et,
+    className: fe.root,
+    children: [
+      p && /* @__PURE__ */ i($e.Decrement, {
+        "aria-label": b,
+        render: /* @__PURE__ */ i(oe, {
+          type: "button",
+          size: "sm",
+          className: fe.button,
+          startIcon: /* @__PURE__ */ i("span", {
+            className: fe.icon,
+            children: /* @__PURE__ */ i(Dr, {})
+          })
+        })
+      }),
+      /* @__PURE__ */ i($e.Input, {
+        ...v,
+        form: g,
+        className: he(G(Fe.input, Fe.sm, fe.valueInput), w)
+      }),
+      p && /* @__PURE__ */ i($e.Increment, {
+        "aria-label": y,
+        render: /* @__PURE__ */ i(oe, {
+          type: "button",
+          size: "sm",
+          className: fe.button,
+          startIcon: /* @__PURE__ */ i("span", {
+            className: fe.icon,
+            children: /* @__PURE__ */ i(Vr, {})
+          })
+        })
+      })
+    ]
+  });
+}, 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 = () => {
+  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,
+    normalizedSearch: w,
+    callingCodeSearch: v
+  })), k = j.find((f) => f.value === u), C = S(k) ? [k, ...j.filter((f) => f.value !== u)] : j;
+  return Te({
+    render: o,
+    ref: s,
+    props: {
+      ...c,
+      className: G(de.options, a),
+      children: /* @__PURE__ */ I(Z, { children: [
+        /* @__PURE__ */ i(N.Search, {
+          value: b,
+          onValueChange: y,
+          placeholder: e,
+          "aria-label": e,
+          disabled: m
+        }),
+        /* @__PURE__ */ i(N.Separator, {}),
+        /* @__PURE__ */ i(N.Section, {
+          scrollable: !0,
+          children: /* @__PURE__ */ i(N.SelectionGroup, {
+            id: p,
+            "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,
+                "aria-label": E,
+                disabled: m || f.disabled,
+                startIcon: /* @__PURE__ */ i("span", {
+                  className: de.optionFlag,
+                  "aria-hidden": !0,
+                  children: f.flag
+                }),
+                children: /* @__PURE__ */ i(rt, {
+                  text: /* @__PURE__ */ I(Z, { children: [
+                    f.label,
+                    " (",
+                    /* @__PURE__ */ I("bdi", {
+                      dir: "ltr",
+                      children: ["+", f.callingCode]
+                    }),
+                    ")"
+                  ] }),
+                  tooltipContent: Ra(f)
+                })
+              }, f.value);
+            })
+          })
+        }),
+        /* @__PURE__ */ i(N.Empty, {
+          className: de.emptyStatus,
+          children: Pe(C) ? null : r
+        })
+      ] })
+    }
+  });
+}, jr = ({ children: e, countries: t, value: r, defaultValue: n = null, onValueChange: a, disabled: o = !1, closeOnSelect: s = !0 }) => {
+  const [c, l] = K(n), u = Le(r) ? c : r, h = t.map((d) => ({
+    ...d,
+    searchLabel: be(d.label),
+    searchValue: be(d.value)
+  }));
+  return /* @__PURE__ */ i(Er.Provider, {
+    value: {
+      countries: h,
+      value: u,
+      disabled: o,
+      closeOnSelect: s,
+      onValueChange: (d, g) => {
+        a?.(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,
+    disabled: c || t,
+    "aria-describedby": h,
+    className: he(de.trigger, r),
+    children: [e ?? /* @__PURE__ */ I(Z, { children: [/* @__PURE__ */ i("span", {
+      className: de.triggerFlag,
+      "aria-hidden": !0,
+      children: l?.flag ?? /* @__PURE__ */ i(Lr, {})
+    }), /* @__PURE__ */ i(tt, {
+      className: de.chevron,
+      "aria-hidden": !0
+    })] }), S(l) && /* @__PURE__ */ i("span", {
+      id: u,
+      className: de.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, {
+  countries: e,
+  value: t,
+  defaultValue: r,
+  onValueChange: n,
+  disabled: a,
+  closeOnSelect: o,
+  children: /* @__PURE__ */ I(N.Root, {
+    ...s,
+    type: "picker",
+    children: [/* @__PURE__ */ i(kr, { ...u }), /* @__PURE__ */ i(N.Content, {
+      width: 280,
+      ...c,
+      children: /* @__PURE__ */ i(Ir, { ...l })
+    })]
+  })
+}), ji = Object.assign(Ta, {
+  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, {
+  ...s,
+  type: "button",
+  size: "sm",
+  variant: "ghost",
+  color: "neutral",
+  "aria-pressed": r,
+  className: G(Ke.button, o),
+  onClick: (c) => {
+    a?.(c), !c.defaultPrevented && n(!r);
+  },
+  children: /* @__PURE__ */ I("span", {
+    className: Ke.content,
+    "aria-hidden": !0,
+    children: [/* @__PURE__ */ i("span", {
+      className: Ke.emoji,
+      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;
+  return /* @__PURE__ */ I("div", {
+    className: Je.wrapper,
+    children: [/* @__PURE__ */ i(Gr, {
+      className: Je.inputGroup,
+      size: r,
+      hasFocusRing: n,
+      startElement: /* @__PURE__ */ i(Or, {
+        className: Je.searchIcon,
+        size: l.icon.size.md,
+        "aria-hidden": !0
+      }),
+      children: /* @__PURE__ */ i(Nt, {
+        ...c,
+        id: h,
+        placeholder: e,
+        "aria-label": L(s) ? void 0 : o ?? 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,
+    "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: [
+          pe(h) && /* @__PURE__ */ i("span", {
+            className: ve.icon,
+            "aria-hidden": !0,
+            children: h
+          }),
+          pe(u) && /* @__PURE__ */ i("span", {
+            id: p ? void 0 : m,
+            className: ve.label,
+            children: u
+          }),
+          p && /* @__PURE__ */ i("span", {
+            id: m,
+            hidden: !0,
+            children: c
+          })
+        ]
+      }, d);
+    })
+  });
+};
+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
+};