@wrdagency/blockout 0.0.19 → 0.1.1

package/dist/components/controls/select-control/component.js

@@ -0,0 +1,1879 @@
+import { jsx as w, jsxs as te, Fragment as Ue } from "react/jsx-runtime";
+import { normalizeOption as Ft } from "../../../types/options.js";
+import { noop as Bt } from "../../../utils/noop.js";
+import { e as jt } from "../../../CaretDown.es-eySGHzTJ.js";
+import * as M from "react";
+import { useMemo as Ce, useState as de, useRef as se, useEffect as ae, useCallback as Qe, useContext as we, createContext as _e, startTransition as Wt } from "react";
+import { w as Zt } from "../../../SSRBase.es-BUXS72ra.js";
+import { g as $t } from "../../../_commonjsHelpers-C6fGbg64.js";
+import { BaseControl as qt } from "../base-control/index.js";
+import { useBaseControlProps as Yt } from "../base-control/props.js";
+import { C as zt, a as Qt } from "../../../P7GR5CS5-BoOYUfSQ.js";
+import { a as ne, _ as oe, i as me, m as R, o as y, v as Xe, f as re, q as le, $ as Ge, Y as ue, X as D, U as Z, Z as ke, j as L, e as Q, H as Je, l as he, n as ye, ab as et, r as tt, s as Ae, t as Xt, P as nt, Q as ot, R as Gt, h as Jt, u as en, ac as rt, c as tn, a0 as nn, A as on, ad as rn, ae as ln, af as sn, x as Fe, ag as Ie, a6 as an, B as un, b as Ve, a9 as cn, W as dn, K as mn, k as fn } from "../../../LMDWO4NN--KEvZePp.js";
+import { c as lt, b as st, f as vn, e as pn, d as bn, g as hn } from "../../../WMYDSCNQ-Dy1O-Kdl.js";
+import { c as at, d as ut, b as it } from "../../../4CMBR7SL-BAGv8IL2.js";
+import { m as ct, o as Sn, t as dt, c as mt, s as X, b as G, g as ft, e as vt, f as be, u as pt, a as gn, p as Cn } from "../../../YV4JVR4I-kvospPUa.js";
+import { a as bt, C as En, b as ht, c as On, d as yn, e as St, u as An, f as xn } from "../../../S43UC3DV-Dn8EFLaT.js";
+import { t as gt } from "../../../7PRQYBBV-91wrWGjk.js";
+import { u as Me, a as De, S as Ct, b as In, c as wn, d as Vn, e as Be } from "../../../DG5U6ZEL-CVj-Czp2.js";
+import { u as Pn } from "../../../MTZPJQMC-DyCWBG18.js";
+import { u as Et } from "../../../T7VMP3TM-DeRMoW8g.js";
+import { i as Ot } from "../../../WYCIER3C-DRn904Gy.js";
+import { u as yt } from "../../../5JTVDSTH-CG1NL6Fw.js";
+import { h as Pe } from "../../../PFRGBC2K-BEg8ahbY.js";
+import { u as At } from "../../../UQQRIHDV-Bu8e1bYU.js";
+import { u as xt } from "../../../6VRAQV3D-2rb_aClP.js";
+var _n = "span", kn = {
+  top: "4,10 8,6 12,10",
+  right: "6,4 10,8 6,12",
+  bottom: "4,6 8,10 12,6",
+  left: "10,4 6,8 10,12"
+}, It = ne(function(n) {
+  var o = n, { store: e, placement: r } = o, l = oe(o, ["store", "placement"]);
+  const a = Pn();
+  e = e || a, me(
+    e,
+    process.env.NODE_ENV !== "production" && "PopoverDisclosureArrow must be wrapped in a PopoverDisclosure component."
+  );
+  const f = e.useState((s) => r || s.placement).split("-")[0], d = kn[f], u = Ce(
+    () => /* @__PURE__ */ w(
+      "svg",
+      {
+        display: "block",
+        fill: "none",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5,
+        viewBox: "0 0 16 16",
+        height: "1em",
+        width: "1em",
+        children: /* @__PURE__ */ w("polyline", { points: d })
+      }
+    ),
+    [d]
+  );
+  return l = R(y({
+    children: u,
+    "aria-hidden": !0
+  }, l), {
+    style: y({
+      width: "1em",
+      height: "1em",
+      pointerEvents: "none"
+    }, l.style)
+  }), Xe(l);
+});
+re(
+  function(n) {
+    const o = It(n);
+    return le(_n, o);
+  }
+);
+function Mn(t = {}) {
+  var n = t, {
+    combobox: o
+  } = n, e = Ge(n, [
+    "combobox"
+  ]);
+  const r = ct(
+    e.store,
+    Sn(o, [
+      "value",
+      "items",
+      "renderedItems",
+      "baseElement",
+      "arrowElement",
+      "anchorElement",
+      "contentElement",
+      "popoverElement",
+      "disclosureElement"
+    ])
+  );
+  dt(e, r);
+  const l = r.getState(), a = at(ue(Z({}, e), {
+    store: r,
+    virtualFocus: D(
+      e.virtualFocus,
+      l.virtualFocus,
+      !0
+    ),
+    includesBaseElement: D(
+      e.includesBaseElement,
+      l.includesBaseElement,
+      !1
+    ),
+    activeId: D(
+      e.activeId,
+      l.activeId,
+      e.defaultActiveId,
+      null
+    ),
+    orientation: D(
+      e.orientation,
+      l.orientation,
+      "vertical"
+    )
+  })), m = lt(ue(Z({}, e), {
+    store: r,
+    placement: D(
+      e.placement,
+      l.placement,
+      "bottom-start"
+    )
+  })), f = new String(""), d = ue(Z(Z({}, a.getState()), m.getState()), {
+    value: D(
+      e.value,
+      l.value,
+      e.defaultValue,
+      f
+    ),
+    setValueOnMove: D(
+      e.setValueOnMove,
+      l.setValueOnMove,
+      !1
+    ),
+    labelElement: D(l.labelElement, null),
+    selectElement: D(l.selectElement, null),
+    listElement: D(l.listElement, null)
+  }), u = mt(d, a, m, r);
+  return X(
+    u,
+    () => G(u, ["value", "items"], (s) => {
+      if (s.value !== f || !s.items.length) return;
+      const v = s.items.find(
+        (g) => !g.disabled && g.value != null
+      );
+      (v == null ? void 0 : v.value) != null && u.setState("value", v.value);
+    })
+  ), X(
+    u,
+    () => G(u, ["mounted"], (s) => {
+      s.mounted || u.setState("activeId", d.activeId);
+    })
+  ), X(
+    u,
+    () => G(u, ["mounted", "items", "value"], (s) => {
+      if (o || s.mounted) return;
+      const v = gt(s.value), g = v[v.length - 1];
+      if (g == null) return;
+      const c = s.items.find(
+        (p) => !p.disabled && p.value === g
+      );
+      c && u.setState("activeId", c.id);
+    })
+  ), X(
+    u,
+    () => ft(u, ["setValueOnMove", "moves"], (s) => {
+      const { mounted: v, value: g, activeId: c } = u.getState();
+      if (!s.setValueOnMove && v || Array.isArray(g) || !s.moves || !c) return;
+      const p = a.item(c);
+      !p || p.disabled || p.value == null || u.setState("value", p.value);
+    })
+  ), ue(Z(Z(Z({}, a), m), u), {
+    combobox: o,
+    setValue: (s) => u.setState("value", s),
+    setLabelElement: (s) => u.setState("labelElement", s),
+    setSelectElement: (s) => u.setState("selectElement", s),
+    setListElement: (s) => u.setState("listElement", s)
+  });
+}
+function Dn(t) {
+  const n = bt();
+  return t = R(y({}, t), {
+    combobox: t.combobox !== void 0 ? t.combobox : n
+  }), ut(t);
+}
+function Nn(t, n, o) {
+  return ke(n, [o.combobox]), be(t, o, "value", "setValue"), be(t, o, "setValueOnMove"), Object.assign(
+    st(
+      it(t, n, o),
+      n,
+      o
+    ),
+    { combobox: o.combobox }
+  );
+}
+function Tn(t = {}) {
+  t = Dn(t);
+  const [n, o] = vt(Mn, t);
+  return Nn(n, o, t);
+}
+var Ln = "span", Rn = ne(
+  function(n) {
+    var o = n, { store: e } = o, r = oe(o, ["store"]);
+    const l = Me();
+    return e = e || l, r = It(y({ store: e }, r)), r;
+  }
+), Kn = re(function(n) {
+  const o = Rn(n);
+  return le(Ln, o);
+}), Hn = "button";
+function Un(t) {
+  return Array.from(t.selectedOptions).map((n) => n.value);
+}
+function Oe(t, n) {
+  return () => {
+    const o = n();
+    if (!o) return;
+    let e = 0, r = t.item(o);
+    const l = r;
+    for (; r && r.value == null; ) {
+      const a = n(++e);
+      if (!a) return;
+      if (r = t.item(a), r === l) break;
+    }
+    return r == null ? void 0 : r.id;
+  };
+}
+var Fn = ne(function(n) {
+  var o = n, {
+    store: e,
+    name: r,
+    form: l,
+    required: a,
+    showOnKeyDown: m = !0,
+    moveOnKeyDown: f = !0,
+    toggleOnPress: d = !0,
+    toggleOnClick: u = d
+  } = o, s = oe(o, [
+    "store",
+    "name",
+    "form",
+    "required",
+    "showOnKeyDown",
+    "moveOnKeyDown",
+    "toggleOnPress",
+    "toggleOnClick"
+  ]);
+  const v = De();
+  e = e || v, me(
+    e,
+    process.env.NODE_ENV !== "production" && "Select must receive a `store` prop or be wrapped in a SelectProvider component."
+  );
+  const g = s.onKeyDown, c = L(m), p = L(f), A = e.useState("placement").split("-")[0], C = e.useState("value"), W = Array.isArray(C), K = Q((S) => {
+    var E;
+    if (g == null || g(S), S.defaultPrevented || !e) return;
+    const { orientation: q, items: Y, activeId: J } = e.getState(), fe = q !== "horizontal", ie = q !== "vertical", k = !!((E = Y.find((Ee) => !Ee.disabled && Ee.value != null)) != null && E.rowId), pe = {
+      ArrowUp: (k || fe) && Oe(e, e.up),
+      ArrowRight: (k || ie) && Oe(e, e.next),
+      ArrowDown: (k || fe) && Oe(e, e.down),
+      ArrowLeft: (k || ie) && Oe(e, e.previous)
+    }[S.key];
+    pe && p(S) && (S.preventDefault(), e.move(pe()));
+    const Se = A === "top" || A === "bottom";
+    ({
+      ArrowDown: Se,
+      ArrowUp: Se,
+      ArrowLeft: A === "left",
+      ArrowRight: A === "right"
+    })[S.key] && c(S) && (S.preventDefault(), e.move(J), Je(S.currentTarget, "keyup", e.show));
+  });
+  s = he(
+    s,
+    (S) => /* @__PURE__ */ w(Ct, { value: e, children: S }),
+    [e]
+  );
+  const [$, _] = de(!1), I = se(!1);
+  ae(() => {
+    const S = I.current;
+    I.current = !1, !S && _(!1);
+  }, [C]);
+  const U = e.useState((S) => {
+    var E;
+    return (E = S.labelElement) == null ? void 0 : E.id;
+  }), b = s["aria-label"], O = s["aria-labelledby"] || U, F = e.useState((S) => {
+    if (r)
+      return S.items;
+  }), B = Ce(() => [...new Set(F == null ? void 0 : F.map((S) => S.value).filter((S) => S != null))], [F]);
+  s = he(
+    s,
+    (S) => r ? /* @__PURE__ */ te(Ue, { children: [
+      /* @__PURE__ */ te(
+        "select",
+        {
+          style: {
+            border: 0,
+            clip: "rect(0 0 0 0)",
+            height: "1px",
+            margin: "-1px",
+            overflow: "hidden",
+            padding: 0,
+            position: "absolute",
+            whiteSpace: "nowrap",
+            width: "1px"
+          },
+          tabIndex: -1,
+          "aria-hidden": !0,
+          "aria-label": b,
+          "aria-labelledby": O,
+          name: r,
+          form: l,
+          required: a,
+          disabled: s.disabled,
+          value: C,
+          multiple: W,
+          onFocus: () => {
+            var E;
+            return (E = e == null ? void 0 : e.getState().selectElement) == null ? void 0 : E.focus();
+          },
+          onChange: (E) => {
+            I.current = !0, _(!0), e == null || e.setValue(
+              W ? Un(E.target) : E.target.value
+            );
+          },
+          children: [
+            gt(C).map((E) => E == null || B.includes(E) ? null : /* @__PURE__ */ w("option", { value: E, children: E }, E)),
+            B.map((E) => /* @__PURE__ */ w("option", { value: E, children: E }, E))
+          ]
+        }
+      ),
+      S
+    ] }) : S,
+    [
+      e,
+      b,
+      O,
+      r,
+      l,
+      a,
+      C,
+      W,
+      B,
+      s.disabled
+    ]
+  );
+  const h = /* @__PURE__ */ te(Ue, { children: [
+    C,
+    /* @__PURE__ */ w(Kn, {})
+  ] }), P = e.useState("contentElement");
+  return s = R(y({
+    role: "combobox",
+    "aria-autocomplete": "none",
+    "aria-labelledby": U,
+    "aria-haspopup": et(P, "listbox"),
+    "data-autofill": $ || void 0,
+    "data-name": r,
+    children: h
+  }, s), {
+    ref: ye(e.setSelectElement, s.ref),
+    onKeyDown: K
+  }), s = vn(y({ store: e, toggleOnClick: u }, s)), s = Et(y({ store: e }, s)), s;
+}), Bn = re(function(n) {
+  const o = Fn(n);
+  return le(Hn, o);
+});
+function jn(t = {}) {
+  const n = Tn(t);
+  return /* @__PURE__ */ w(In, { value: n, children: t.children });
+}
+var Wn = "div";
+function Zn(t, n) {
+  if (n != null)
+    return t == null ? !1 : Array.isArray(t) ? t.includes(n) : t === n;
+}
+var $n = ne(
+  function(n) {
+    var o = n, {
+      store: e,
+      value: r,
+      getItem: l,
+      hideOnClick: a,
+      setValueOnClick: m = r != null,
+      preventScrollOnKeyDown: f = !0,
+      focusOnHover: d = !0
+    } = o, u = oe(o, [
+      "store",
+      "value",
+      "getItem",
+      "hideOnClick",
+      "setValueOnClick",
+      "preventScrollOnKeyDown",
+      "focusOnHover"
+    ]), s;
+    const v = wn();
+    e = e || v, me(
+      e,
+      process.env.NODE_ENV !== "production" && "SelectItem must be wrapped in a SelectList or SelectPopover component."
+    );
+    const g = Ae(u.id), c = Xt(u), { listElement: p, multiSelectable: V, selected: A, autoFocus: C } = pt(e, {
+      listElement: "listElement",
+      multiSelectable(b) {
+        return Array.isArray(b.value);
+      },
+      selected(b) {
+        return Zn(b.value, r);
+      },
+      autoFocus(b) {
+        return r == null || b.value == null || b.activeId !== g && (e != null && e.item(b.activeId)) ? !1 : Array.isArray(b.value) ? b.value[b.value.length - 1] === r : b.value === r;
+      }
+    }), W = Qe(
+      (b) => {
+        const O = R(y({}, b), {
+          value: c ? void 0 : r,
+          children: r
+        });
+        return l ? l(O) : O;
+      },
+      [c, r, l]
+    );
+    a = a ?? (r != null && !V);
+    const K = u.onClick, $ = L(m), _ = L(a), I = Q((b) => {
+      K == null || K(b), !b.defaultPrevented && (nt(b) || ot(b) || ($(b) && r != null && (e == null || e.setValue((O) => Array.isArray(O) ? O.includes(r) ? O.filter((F) => F !== r) : [...O, r] : r)), _(b) && (e == null || e.hide())));
+    });
+    u = he(
+      u,
+      (b) => /* @__PURE__ */ w(Vn.Provider, { value: A ?? !1, children: b }),
+      [A]
+    ), u = R(y({
+      id: g,
+      role: Gt(p),
+      "aria-selected": A,
+      children: r
+    }, u), {
+      autoFocus: (s = u.autoFocus) != null ? s : C,
+      onClick: I
+    }), u = xt(y({
+      store: e,
+      getItem: W,
+      preventScrollOnKeyDown: f
+    }, u));
+    const U = L(d);
+    return u = At(R(y({
+      store: e
+    }, u), {
+      // We have to disable focusOnHover when the popup is closed, otherwise
+      // the active item will change to null (the container) when the popup is
+      // closed by clicking on an item.
+      focusOnHover(b) {
+        if (!U(b)) return !1;
+        const O = e == null ? void 0 : e.getState();
+        return !!(O != null && O.open);
+      }
+    })), u;
+  }
+), qn = tt(
+  re(function(n) {
+    const o = $n(n);
+    return le(Wn, o);
+  })
+), Yn = "div", je = _e(null), wt = ne(
+  function(n) {
+    var o = n, {
+      store: e,
+      resetOnEscape: r = !0,
+      hideOnEnter: l = !0,
+      focusOnMove: a = !0,
+      composite: m,
+      alwaysVisible: f
+    } = o, d = oe(o, [
+      "store",
+      "resetOnEscape",
+      "hideOnEnter",
+      "focusOnMove",
+      "composite",
+      "alwaysVisible"
+    ]);
+    const u = Me();
+    e = e || u, me(
+      e,
+      process.env.NODE_ENV !== "production" && "SelectList must receive a `store` prop or be wrapped in a SelectProvider component."
+    );
+    const s = Ae(d.id), v = e.useState("value"), g = Array.isArray(v), [c, p] = de(v), V = e.useState("mounted");
+    ae(() => {
+      V || p(v);
+    }, [V, v]), r = r && !g;
+    const A = d.onKeyDown, C = L(r), W = L(l), K = Q((k) => {
+      A == null || A(k), !k.defaultPrevented && (k.key === "Escape" && C(k) && (e == null || e.setValue(c)), (k.key === " " || k.key === "Enter") && Jt(k) && W(k) && (k.preventDefault(), e == null || e.hide()));
+    }), $ = we(Be), _ = de(), [I, U] = $ || _, b = Ce(
+      () => [I, U],
+      [I]
+    ), [O, F] = de(null), B = we(je);
+    ae(() => {
+      if (B)
+        return B(e), () => B(null);
+    }, [B, e]), d = he(
+      d,
+      (k) => /* @__PURE__ */ w(Ct, { value: e, children: /* @__PURE__ */ w(je.Provider, { value: F, children: /* @__PURE__ */ w(Be.Provider, { value: b, children: k }) }) }),
+      [e, b]
+    );
+    const h = !!e.combobox;
+    m = m ?? (!h && O !== e);
+    const [P, S] = en(
+      m ? e.setListElement : null
+    ), E = rt(P, "role", d.role), Y = (m || (E === "listbox" || E === "menu" || E === "tree" || E === "grid")) && g || void 0, J = Ot(V, d.hidden, f), fe = J ? R(y({}, d.style), { display: "none" }) : d.style;
+    m && (d = y({
+      role: "listbox",
+      "aria-multiselectable": Y
+    }, d));
+    const ie = e.useState(
+      (k) => {
+        var ve;
+        return I || ((ve = k.labelElement) == null ? void 0 : ve.id);
+      }
+    );
+    return d = R(y({
+      id: s,
+      "aria-labelledby": ie,
+      hidden: J
+    }, d), {
+      ref: ye(S, d.ref),
+      style: fe,
+      onKeyDown: K
+    }), d = yt(R(y({ store: e }, d), { composite: m })), d = Et(y({ store: e, typeahead: !h }, d)), d;
+  }
+), zn = re(function(n) {
+  const o = wt(n);
+  return le(Yn, o);
+}), Qn = "div", Xn = ne(
+  function(n) {
+    var o = n, { store: e, alwaysVisible: r } = o, l = oe(o, ["store", "alwaysVisible"]);
+    const a = De();
+    return e = e || a, l = wt(y({ store: e, alwaysVisible: r }, l)), l = bn(y({ store: e, alwaysVisible: r }, l)), l;
+  }
+), Gn = pn(
+  re(function(n) {
+    const o = Xn(n);
+    return le(Qn, o);
+  }),
+  De
+);
+function Jn({
+  store: t,
+  fallback: n,
+  children: o
+} = {}) {
+  const e = Me();
+  t = t || e;
+  const r = gn(t, (l) => l != null && l.value.length ? l.value : n);
+  return o ? o(r || "") : r;
+}
+_e(null);
+_e(
+  null
+);
+var eo = tn(
+  [Qt],
+  [zt]
+), to = eo.useContext, no = on() && rn();
+function oo(t = {}) {
+  var n = t, {
+    tag: o
+  } = n, e = Ge(n, [
+    "tag"
+  ]);
+  const r = ct(e.store, Cn(o, ["value", "rtl"]));
+  dt(e, r);
+  const l = o == null ? void 0 : o.getState(), a = r == null ? void 0 : r.getState(), m = D(
+    e.activeId,
+    a == null ? void 0 : a.activeId,
+    e.defaultActiveId,
+    null
+  ), f = at(ue(Z({}, e), {
+    activeId: m,
+    includesBaseElement: D(
+      e.includesBaseElement,
+      a == null ? void 0 : a.includesBaseElement,
+      !0
+    ),
+    orientation: D(
+      e.orientation,
+      a == null ? void 0 : a.orientation,
+      "vertical"
+    ),
+    focusLoop: D(e.focusLoop, a == null ? void 0 : a.focusLoop, !0),
+    focusWrap: D(e.focusWrap, a == null ? void 0 : a.focusWrap, !0),
+    virtualFocus: D(
+      e.virtualFocus,
+      a == null ? void 0 : a.virtualFocus,
+      !0
+    )
+  })), d = lt(ue(Z({}, e), {
+    placement: D(
+      e.placement,
+      a == null ? void 0 : a.placement,
+      "bottom-start"
+    )
+  })), u = D(
+    e.value,
+    a == null ? void 0 : a.value,
+    e.defaultValue,
+    ""
+  ), s = D(
+    e.selectedValue,
+    a == null ? void 0 : a.selectedValue,
+    l == null ? void 0 : l.values,
+    e.defaultSelectedValue,
+    ""
+  ), v = Array.isArray(s), g = ue(Z(Z({}, f.getState()), d.getState()), {
+    value: u,
+    selectedValue: s,
+    resetValueOnSelect: D(
+      e.resetValueOnSelect,
+      a == null ? void 0 : a.resetValueOnSelect,
+      v
+    ),
+    resetValueOnHide: D(
+      e.resetValueOnHide,
+      a == null ? void 0 : a.resetValueOnHide,
+      v && !o
+    ),
+    activeValue: a == null ? void 0 : a.activeValue
+  }), c = mt(g, f, d, r);
+  return no && X(
+    c,
+    () => G(c, ["virtualFocus"], () => {
+      c.setState("virtualFocus", !1);
+    })
+  ), X(c, () => {
+    if (o)
+      return nn(
+        G(c, ["selectedValue"], (p) => {
+          Array.isArray(p.selectedValue) && o.setValues(p.selectedValue);
+        }),
+        G(o, ["values"], (p) => {
+          c.setState("selectedValue", p.values);
+        })
+      );
+  }), X(
+    c,
+    () => G(c, ["resetValueOnHide", "mounted"], (p) => {
+      p.resetValueOnHide && (p.mounted || c.setState("value", u));
+    })
+  ), X(
+    c,
+    () => G(c, ["open"], (p) => {
+      p.open || (c.setState("activeId", m), c.setState("moves", 0));
+    })
+  ), X(
+    c,
+    () => G(c, ["moves", "activeId"], (p, V) => {
+      p.moves === V.moves && c.setState("activeValue", void 0);
+    })
+  ), X(
+    c,
+    () => ft(c, ["moves", "renderedItems"], (p, V) => {
+      if (p.moves === V.moves) return;
+      const { activeId: A } = c.getState(), C = f.item(A);
+      c.setState("activeValue", C == null ? void 0 : C.value);
+    })
+  ), ue(Z(Z(Z({}, d), f), c), {
+    tag: o,
+    setValue: (p) => c.setState("value", p),
+    resetValue: () => c.setState("value", g.value),
+    setSelectedValue: (p) => c.setState("selectedValue", p)
+  });
+}
+function ro(t) {
+  const n = to();
+  return t = R(y({}, t), {
+    tag: t.tag !== void 0 ? t.tag : n
+  }), ut(t);
+}
+function lo(t, n, o) {
+  return ke(n, [o.tag]), be(t, o, "value", "setValue"), be(t, o, "selectedValue", "setSelectedValue"), be(t, o, "resetValueOnHide"), be(t, o, "resetValueOnSelect"), Object.assign(
+    it(
+      st(t, n, o),
+      n,
+      o
+    ),
+    { tag: o.tag }
+  );
+}
+function so(t = {}) {
+  t = ro(t);
+  const [n, o] = vt(oo, t);
+  return lo(n, o, t);
+}
+var ao = "input";
+function We(t, n, o) {
+  if (!o) return !1;
+  const e = t.find((r) => !r.disabled && r.value);
+  return (e == null ? void 0 : e.value) === n;
+}
+function Ze(t, n) {
+  return !n || t == null ? !1 : (t = mn(t), n.length > t.length && n.toLowerCase().indexOf(t.toLowerCase()) === 0);
+}
+function uo(t) {
+  return t.type === "input";
+}
+function io(t) {
+  return t === "inline" || t === "list" || t === "both" || t === "none";
+}
+function co(t) {
+  const n = t.find((o) => {
+    var e;
+    return o.disabled ? !1 : ((e = o.element) == null ? void 0 : e.getAttribute("role")) !== "tab";
+  });
+  return n == null ? void 0 : n.id;
+}
+var mo = ne(
+  function(n) {
+    var o = n, {
+      store: e,
+      focusable: r = !0,
+      autoSelect: l = !1,
+      getAutoSelectId: a,
+      setValueOnChange: m,
+      showMinLength: f = 0,
+      showOnChange: d,
+      showOnMouseDown: u,
+      showOnClick: s = u,
+      showOnKeyDown: v,
+      showOnKeyPress: g = v,
+      blurActiveItemOnClick: c,
+      setValueOnClick: p = !0,
+      moveOnKeyPress: V = !0,
+      autoComplete: A = "list"
+    } = o, C = oe(o, [
+      "store",
+      "focusable",
+      "autoSelect",
+      "getAutoSelectId",
+      "setValueOnChange",
+      "showMinLength",
+      "showOnChange",
+      "showOnMouseDown",
+      "showOnClick",
+      "showOnKeyDown",
+      "showOnKeyPress",
+      "blurActiveItemOnClick",
+      "setValueOnClick",
+      "moveOnKeyPress",
+      "autoComplete"
+    ]);
+    const W = bt();
+    e = e || W, me(
+      e,
+      process.env.NODE_ENV !== "production" && "Combobox must receive a `store` prop or be wrapped in a ComboboxProvider component."
+    );
+    const K = se(null), [$, _] = ln(), I = se(!1), U = se(!1), b = e.useState(
+      (i) => i.virtualFocus && l
+    ), O = A === "inline" || A === "both", [F, B] = de(O);
+    sn(() => {
+      O && B(!0);
+    }, [O]);
+    const h = e.useState("value"), P = se();
+    ae(() => G(e, ["selectedValue", "activeId"], (i, x) => {
+      P.current = x.selectedValue;
+    }), []);
+    const S = e.useState((i) => {
+      var x;
+      if (O && F && !(i.activeValue && Array.isArray(i.selectedValue) && (i.selectedValue.includes(i.activeValue) || (x = P.current) != null && x.includes(i.activeValue))))
+        return i.activeValue;
+    }), E = e.useState("renderedItems"), q = e.useState("open"), Y = e.useState("contentElement"), J = Ce(() => {
+      if (!O || !F) return h;
+      if (We(
+        E,
+        S,
+        b
+      )) {
+        if (Ze(h, S)) {
+          const x = (S == null ? void 0 : S.slice(h.length)) || "";
+          return h + x;
+        }
+        return h;
+      }
+      return S || h;
+    }, [O, F, E, S, b, h]);
+    ae(() => {
+      const i = K.current;
+      if (!i) return;
+      const x = () => B(!0);
+      return i.addEventListener("combobox-item-move", x), () => {
+        i.removeEventListener("combobox-item-move", x);
+      };
+    }, []), ae(() => {
+      if (!O || !F || !S || !We(
+        E,
+        S,
+        b
+      ) || !Ze(h, S)) return;
+      let x = an;
+      return queueMicrotask(() => {
+        const N = K.current;
+        if (!N) return;
+        const { start: T, end: z } = Fe(N), ee = h.length, H = S.length;
+        Ie(N, ee, H), x = () => {
+          if (!Pe(N)) return;
+          const { start: ce, end: Ut } = Fe(N);
+          ce === ee && Ut === H && Ie(N, T, z);
+        };
+      }), () => x();
+    }, [
+      $,
+      O,
+      F,
+      S,
+      E,
+      b,
+      h
+    ]);
+    const fe = se(null), ie = Q(a), k = se(null);
+    ae(() => {
+      if (!q || !Y) return;
+      const i = un(Y);
+      if (!i) return;
+      fe.current = i;
+      const x = () => {
+        I.current = !1;
+      }, N = () => {
+        if (!e || !I.current) return;
+        const { activeId: z } = e.getState();
+        z !== null && z !== k.current && (I.current = !1);
+      }, T = { passive: !0, capture: !0 };
+      return i.addEventListener("wheel", x, T), i.addEventListener("touchmove", x, T), i.addEventListener("scroll", N, T), () => {
+        i.removeEventListener("wheel", x, !0), i.removeEventListener("touchmove", x, !0), i.removeEventListener("scroll", N, !0);
+      };
+    }, [q, Y, e]), Ve(() => {
+      h && (U.current || (I.current = !0));
+    }, [h]), Ve(() => {
+      b !== "always" && q || (I.current = q);
+    }, [b, q]);
+    const ve = e.useState("resetValueOnSelect");
+    ke(() => {
+      var i, x;
+      const N = I.current;
+      if (!e || !q || !N && !ve) return;
+      const { baseElement: T, contentElement: z, activeId: ee } = e.getState();
+      if (!(T && !Pe(T))) {
+        if (z != null && z.hasAttribute("data-placing")) {
+          const H = new MutationObserver(_);
+          return H.observe(z, { attributeFilter: ["data-placing"] }), () => H.disconnect();
+        }
+        if (b && N) {
+          const H = ie(E), ce = H !== void 0 ? H : (i = co(E)) != null ? i : e.first();
+          k.current = ce, e.move(ce ?? null);
+        } else {
+          const H = (x = e.item(ee || e.first())) == null ? void 0 : x.element;
+          H && "scrollIntoView" in H && H.scrollIntoView({ block: "nearest", inline: "nearest" });
+        }
+      }
+    }, [
+      e,
+      q,
+      $,
+      h,
+      b,
+      ve,
+      ie,
+      E
+    ]), ae(() => {
+      if (!O) return;
+      const i = K.current;
+      if (!i) return;
+      const x = [i, Y].filter(
+        (T) => !!T
+      ), N = (T) => {
+        x.every((z) => dn(T, z)) && (e == null || e.setValue(J));
+      };
+      for (const T of x)
+        T.addEventListener("focusout", N);
+      return () => {
+        for (const T of x)
+          T.removeEventListener("focusout", N);
+      };
+    }, [O, Y, e, J]);
+    const pe = (i) => i.currentTarget.value.length >= f, Se = C.onChange, Ne = L(d ?? pe), Te = L(
+      // If the combobox is combined with tags, the value will be set by the tag
+      // input component.
+      m ?? !e.tag
+    ), Le = Q((i) => {
+      if (Se == null || Se(i), i.defaultPrevented || !e) return;
+      const x = i.currentTarget, { value: N, selectionStart: T, selectionEnd: z } = x, ee = i.nativeEvent;
+      if (I.current = !0, uo(ee) && (ee.isComposing && (I.current = !1, U.current = !0), O)) {
+        const H = ee.inputType === "insertText" || ee.inputType === "insertCompositionText", ce = T === N.length;
+        B(H && ce);
+      }
+      if (Te(i)) {
+        const H = N === e.getState().value;
+        e.setValue(N), queueMicrotask(() => {
+          Ie(x, T, z);
+        }), O && b && H && _();
+      }
+      Ne(i) && e.show(), (!b || !I.current) && e.setActiveId(null);
+    }), xe = C.onCompositionEnd, Ee = Q((i) => {
+      I.current = !0, U.current = !1, xe == null || xe(i), !i.defaultPrevented && b && _();
+    }), Re = C.onMouseDown, _t = L(
+      c ?? (() => !!(e != null && e.getState().includesBaseElement))
+    ), kt = L(p), Mt = L(s ?? pe), Dt = Q((i) => {
+      Re == null || Re(i), !i.defaultPrevented && (i.button || i.ctrlKey || e && (_t(i) && e.setActiveId(null), kt(i) && e.setValue(J), Mt(i) && Je(i.currentTarget, "mouseup", e.show)));
+    }), Ke = C.onKeyDown, Nt = L(g ?? pe), Tt = Q((i) => {
+      if (Ke == null || Ke(i), i.repeat || (I.current = !1), i.defaultPrevented || i.ctrlKey || i.altKey || i.shiftKey || i.metaKey || !e) return;
+      const { open: x } = e.getState();
+      x || (i.key === "ArrowUp" || i.key === "ArrowDown") && Nt(i) && (i.preventDefault(), e.show());
+    }), He = C.onBlur, Lt = Q((i) => {
+      I.current = !1, He == null || He(i), i.defaultPrevented;
+    }), Rt = Ae(C.id), Kt = io(A) ? A : void 0, Ht = e.useState((i) => i.activeId === null);
+    return C = R(y({
+      id: Rt,
+      role: "combobox",
+      "aria-autocomplete": Kt,
+      "aria-haspopup": et(Y, "listbox"),
+      "aria-expanded": q,
+      "aria-controls": Y == null ? void 0 : Y.id,
+      "data-active-item": Ht || void 0,
+      value: J
+    }, C), {
+      ref: ye(K, C.ref),
+      onChange: Le,
+      onCompositionEnd: Ee,
+      onMouseDown: Dt,
+      onKeyDown: Tt,
+      onBlur: Lt
+    }), C = yt(R(y({
+      store: e,
+      focusable: r
+    }, C), {
+      // Enable inline autocomplete when the user moves from the combobox input
+      // to an item.
+      moveOnKeyPress: (i) => cn(V, i) ? !1 : (O && B(!0), !0)
+    })), C = hn(y({ store: e }, C)), y({ autoComplete: "off" }, C);
+  }
+), fo = re(function(n) {
+  const o = mo(n);
+  return le(ao, o);
+});
+function vo(t = {}) {
+  const n = so(t);
+  return /* @__PURE__ */ w(En, { value: n, children: t.children });
+}
+var po = "div";
+function bo(t, n) {
+  if (n != null)
+    return t == null ? !1 : Array.isArray(t) ? t.includes(n) : t === n;
+}
+function ho(t) {
+  var n;
+  return (n = {
+    menu: "menuitem",
+    listbox: "option",
+    tree: "treeitem"
+  }[t]) != null ? n : "option";
+}
+var So = ne(
+  function(n) {
+    var o = n, {
+      store: e,
+      value: r,
+      hideOnClick: l,
+      setValueOnClick: a,
+      selectValueOnClick: m = !0,
+      resetValueOnSelect: f,
+      focusOnHover: d = !1,
+      moveOnKeyPress: u = !0,
+      getItem: s
+    } = o, v = oe(o, [
+      "store",
+      "value",
+      "hideOnClick",
+      "setValueOnClick",
+      "selectValueOnClick",
+      "resetValueOnSelect",
+      "focusOnHover",
+      "moveOnKeyPress",
+      "getItem"
+    ]), g;
+    const c = ht();
+    e = e || c, me(
+      e,
+      process.env.NODE_ENV !== "production" && "ComboboxItem must be wrapped in a ComboboxList or ComboboxPopover component."
+    );
+    const { resetValueOnSelectState: p, multiSelectable: V, selected: A } = pt(e, {
+      resetValueOnSelectState: "resetValueOnSelect",
+      multiSelectable(h) {
+        return Array.isArray(h.selectedValue);
+      },
+      selected(h) {
+        return bo(h.selectedValue, r);
+      }
+    }), C = Qe(
+      (h) => {
+        const P = R(y({}, h), { value: r });
+        return s ? s(P) : P;
+      },
+      [r, s]
+    );
+    a = a ?? !V, l = l ?? (r != null && !V);
+    const W = v.onClick, K = L(a), $ = L(m), _ = L(
+      (g = f ?? p) != null ? g : V
+    ), I = L(l), U = Q((h) => {
+      W == null || W(h), !h.defaultPrevented && (nt(h) || ot(h) || (r != null && ($(h) && (_(h) && (e == null || e.resetValue()), e == null || e.setSelectedValue((P) => Array.isArray(P) ? P.includes(r) ? P.filter((S) => S !== r) : [...P, r] : r)), K(h) && (e == null || e.setValue(r))), I(h) && (e == null || e.hide())));
+    }), b = v.onKeyDown, O = Q((h) => {
+      if (b == null || b(h), h.defaultPrevented) return;
+      const P = e == null ? void 0 : e.getState().baseElement;
+      if (!P || Pe(P)) return;
+      (h.key.length === 1 || h.key === "Backspace" || h.key === "Delete") && (queueMicrotask(() => P.focus()), fn(P) && (e == null || e.setValue(P.value)));
+    });
+    V && A != null && (v = y({
+      "aria-selected": A
+    }, v)), v = he(
+      v,
+      (h) => /* @__PURE__ */ w(On.Provider, { value: r, children: /* @__PURE__ */ w(yn.Provider, { value: A ?? !1, children: h }) }),
+      [r, A]
+    );
+    const F = we(St);
+    v = R(y({
+      role: ho(F),
+      children: r
+    }, v), {
+      onClick: U,
+      onKeyDown: O
+    });
+    const B = L(u);
+    return v = xt(R(y({
+      store: e
+    }, v), {
+      getItem: C,
+      // Dispatch a custom event on the combobox input when moving to an item
+      // with the keyboard so the Combobox component can enable inline
+      // autocompletion.
+      moveOnKeyPress: (h) => {
+        if (!B(h)) return !1;
+        const P = new Event("combobox-item-move"), S = e == null ? void 0 : e.getState().baseElement;
+        return S == null || S.dispatchEvent(P), !0;
+      }
+    })), v = At(y({ store: e, focusOnHover: d }, v)), v;
+  }
+), go = tt(
+  re(function(n) {
+    const o = So(n);
+    return le(po, o);
+  })
+), Co = "div", Eo = ne(
+  function(n) {
+    var o = n, { store: e, alwaysVisible: r } = o, l = oe(o, ["store", "alwaysVisible"]);
+    const a = ht(!0), m = An();
+    e = e || m;
+    const f = !!e && e === a;
+    me(
+      e,
+      process.env.NODE_ENV !== "production" && "ComboboxList must receive a `store` prop or be wrapped in a ComboboxProvider component."
+    );
+    const d = se(null), u = Ae(l.id), s = e.useState("mounted"), v = Ot(s, l.hidden, r), g = v ? R(y({}, l.style), { display: "none" }) : l.style, c = e.useState(
+      (_) => Array.isArray(_.selectedValue)
+    ), p = rt(d, "role", l.role), A = (p === "listbox" || p === "tree" || p === "grid") && c || void 0, [C, W] = de(!1), K = e.useState("contentElement");
+    Ve(() => {
+      if (!s) return;
+      const _ = d.current;
+      if (!_ || K !== _) return;
+      const I = () => {
+        W(!!_.querySelector("[role='listbox']"));
+      }, U = new MutationObserver(I);
+      return U.observe(_, {
+        subtree: !0,
+        childList: !0,
+        attributeFilter: ["role"]
+      }), I(), () => U.disconnect();
+    }, [s, K]), C || (l = y({
+      role: "listbox",
+      "aria-multiselectable": A
+    }, l)), l = he(
+      l,
+      (_) => /* @__PURE__ */ w(xn, { value: e, children: /* @__PURE__ */ w(St.Provider, { value: p, children: _ }) }),
+      [e, p]
+    );
+    const $ = u && (!a || !f) ? e.setContentElement : null;
+    return l = R(y({
+      id: u,
+      hidden: v
+    }, l), {
+      ref: ye($, d, l.ref),
+      style: g
+    }), Xe(l);
+  }
+), Oo = re(function(n) {
+  const o = Eo(n);
+  return le(Co, o);
+});
+const yo = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ M.createElement(M.Fragment, null, /* @__PURE__ */ M.createElement("path", { d: "M232.49,215.51,185,168a92.12,92.12,0,1,0-17,17l47.53,47.54a12,12,0,0,0,17-17ZM44,112a68,68,0,1,1,68,68A68.07,68.07,0,0,1,44,112Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ M.createElement(M.Fragment, null, /* @__PURE__ */ M.createElement("path", { d: "M192,112a80,80,0,1,1-80-80A80,80,0,0,1,192,112Z", opacity: "0.2" }), /* @__PURE__ */ M.createElement("path", { d: "M229.66,218.34,179.6,168.28a88.21,88.21,0,1,0-11.32,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ M.createElement(M.Fragment, null, /* @__PURE__ */ M.createElement("path", { d: "M168,112a56,56,0,1,1-56-56A56,56,0,0,1,168,112Zm61.66,117.66a8,8,0,0,1-11.32,0l-50.06-50.07a88,88,0,1,1,11.32-11.31l50.06,50.06A8,8,0,0,1,229.66,229.66ZM112,184a72,72,0,1,0-72-72A72.08,72.08,0,0,0,112,184Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ M.createElement(M.Fragment, null, /* @__PURE__ */ M.createElement("path", { d: "M228.24,219.76l-51.38-51.38a86.15,86.15,0,1,0-8.48,8.48l51.38,51.38a6,6,0,0,0,8.48-8.48ZM38,112a74,74,0,1,1,74,74A74.09,74.09,0,0,1,38,112Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ M.createElement(M.Fragment, null, /* @__PURE__ */ M.createElement("path", { d: "M229.66,218.34l-50.07-50.06a88.11,88.11,0,1,0-11.31,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ M.createElement(M.Fragment, null, /* @__PURE__ */ M.createElement("path", { d: "M226.83,221.17l-52.7-52.7a84.1,84.1,0,1,0-5.66,5.66l52.7,52.7a4,4,0,0,0,5.66-5.66ZM36,112a76,76,0,1,1,76,76A76.08,76.08,0,0,1,36,112Z" }))
+  ]
+]), Vt = M.forwardRef((t, n) => /* @__PURE__ */ M.createElement(Zt, { ref: n, ...t, weights: yo }));
+Vt.displayName = "MagnifyingGlassIcon";
+var ge = { exports: {} }, $e;
+function Ao() {
+  if ($e) return ge.exports;
+  $e = 1;
+  var t = {
+    À: "A",
+    Á: "A",
+    Â: "A",
+    Ã: "A",
+    Ä: "A",
+    Å: "A",
+    Ấ: "A",
+    Ắ: "A",
+    Ẳ: "A",
+    Ẵ: "A",
+    Ặ: "A",
+    Æ: "AE",
+    Ầ: "A",
+    Ằ: "A",
+    Ȃ: "A",
+    Ả: "A",
+    Ạ: "A",
+    Ẩ: "A",
+    Ẫ: "A",
+    Ậ: "A",
+    Ç: "C",
+    Ḉ: "C",
+    È: "E",
+    É: "E",
+    Ê: "E",
+    Ë: "E",
+    Ế: "E",
+    Ḗ: "E",
+    Ề: "E",
+    Ḕ: "E",
+    Ḝ: "E",
+    Ȇ: "E",
+    Ẻ: "E",
+    Ẽ: "E",
+    Ẹ: "E",
+    Ể: "E",
+    Ễ: "E",
+    Ệ: "E",
+    Ì: "I",
+    Í: "I",
+    Î: "I",
+    Ï: "I",
+    Ḯ: "I",
+    Ȋ: "I",
+    Ỉ: "I",
+    Ị: "I",
+    Ð: "D",
+    Ñ: "N",
+    Ò: "O",
+    Ó: "O",
+    Ô: "O",
+    Õ: "O",
+    Ö: "O",
+    Ø: "O",
+    Ố: "O",
+    Ṍ: "O",
+    Ṓ: "O",
+    Ȏ: "O",
+    Ỏ: "O",
+    Ọ: "O",
+    Ổ: "O",
+    Ỗ: "O",
+    Ộ: "O",
+    Ờ: "O",
+    Ở: "O",
+    Ỡ: "O",
+    Ớ: "O",
+    Ợ: "O",
+    Ù: "U",
+    Ú: "U",
+    Û: "U",
+    Ü: "U",
+    Ủ: "U",
+    Ụ: "U",
+    Ử: "U",
+    Ữ: "U",
+    Ự: "U",
+    Ý: "Y",
+    à: "a",
+    á: "a",
+    â: "a",
+    ã: "a",
+    ä: "a",
+    å: "a",
+    ấ: "a",
+    ắ: "a",
+    ẳ: "a",
+    ẵ: "a",
+    ặ: "a",
+    æ: "ae",
+    ầ: "a",
+    ằ: "a",
+    ȃ: "a",
+    ả: "a",
+    ạ: "a",
+    ẩ: "a",
+    ẫ: "a",
+    ậ: "a",
+    ç: "c",
+    ḉ: "c",
+    è: "e",
+    é: "e",
+    ê: "e",
+    ë: "e",
+    ế: "e",
+    ḗ: "e",
+    ề: "e",
+    ḕ: "e",
+    ḝ: "e",
+    ȇ: "e",
+    ẻ: "e",
+    ẽ: "e",
+    ẹ: "e",
+    ể: "e",
+    ễ: "e",
+    ệ: "e",
+    ì: "i",
+    í: "i",
+    î: "i",
+    ï: "i",
+    ḯ: "i",
+    ȋ: "i",
+    ỉ: "i",
+    ị: "i",
+    ð: "d",
+    ñ: "n",
+    ò: "o",
+    ó: "o",
+    ô: "o",
+    õ: "o",
+    ö: "o",
+    ø: "o",
+    ố: "o",
+    ṍ: "o",
+    ṓ: "o",
+    ȏ: "o",
+    ỏ: "o",
+    ọ: "o",
+    ổ: "o",
+    ỗ: "o",
+    ộ: "o",
+    ờ: "o",
+    ở: "o",
+    ỡ: "o",
+    ớ: "o",
+    ợ: "o",
+    ù: "u",
+    ú: "u",
+    û: "u",
+    ü: "u",
+    ủ: "u",
+    ụ: "u",
+    ử: "u",
+    ữ: "u",
+    ự: "u",
+    ý: "y",
+    ÿ: "y",
+    Ā: "A",
+    ā: "a",
+    Ă: "A",
+    ă: "a",
+    Ą: "A",
+    ą: "a",
+    Ć: "C",
+    ć: "c",
+    Ĉ: "C",
+    ĉ: "c",
+    Ċ: "C",
+    ċ: "c",
+    Č: "C",
+    č: "c",
+    C̆: "C",
+    c̆: "c",
+    Ď: "D",
+    ď: "d",
+    Đ: "D",
+    đ: "d",
+    Ē: "E",
+    ē: "e",
+    Ĕ: "E",
+    ĕ: "e",
+    Ė: "E",
+    ė: "e",
+    Ę: "E",
+    ę: "e",
+    Ě: "E",
+    ě: "e",
+    Ĝ: "G",
+    Ǵ: "G",
+    ĝ: "g",
+    ǵ: "g",
+    Ğ: "G",
+    ğ: "g",
+    Ġ: "G",
+    ġ: "g",
+    Ģ: "G",
+    ģ: "g",
+    Ĥ: "H",
+    ĥ: "h",
+    Ħ: "H",
+    ħ: "h",
+    Ḫ: "H",
+    ḫ: "h",
+    Ĩ: "I",
+    ĩ: "i",
+    Ī: "I",
+    ī: "i",
+    Ĭ: "I",
+    ĭ: "i",
+    Į: "I",
+    į: "i",
+    İ: "I",
+    ı: "i",
+    IJ: "IJ",
+    ij: "ij",
+    Ĵ: "J",
+    ĵ: "j",
+    Ķ: "K",
+    ķ: "k",
+    Ḱ: "K",
+    ḱ: "k",
+    K̆: "K",
+    k̆: "k",
+    Ĺ: "L",
+    ĺ: "l",
+    Ļ: "L",
+    ļ: "l",
+    Ľ: "L",
+    ľ: "l",
+    Ŀ: "L",
+    ŀ: "l",
+    Ł: "l",
+    ł: "l",
+    Ḿ: "M",
+    ḿ: "m",
+    M̆: "M",
+    m̆: "m",
+    Ń: "N",
+    ń: "n",
+    Ņ: "N",
+    ņ: "n",
+    Ň: "N",
+    ň: "n",
+    ʼn: "n",
+    N̆: "N",
+    n̆: "n",
+    Ō: "O",
+    ō: "o",
+    Ŏ: "O",
+    ŏ: "o",
+    Ő: "O",
+    ő: "o",
+    Œ: "OE",
+    œ: "oe",
+    P̆: "P",
+    p̆: "p",
+    Ŕ: "R",
+    ŕ: "r",
+    Ŗ: "R",
+    ŗ: "r",
+    Ř: "R",
+    ř: "r",
+    R̆: "R",
+    r̆: "r",
+    Ȓ: "R",
+    ȓ: "r",
+    Ś: "S",
+    ś: "s",
+    Ŝ: "S",
+    ŝ: "s",
+    Ş: "S",
+    Ș: "S",
+    ș: "s",
+    ş: "s",
+    Š: "S",
+    š: "s",
+    Ţ: "T",
+    ţ: "t",
+    ț: "t",
+    Ț: "T",
+    Ť: "T",
+    ť: "t",
+    Ŧ: "T",
+    ŧ: "t",
+    T̆: "T",
+    t̆: "t",
+    Ũ: "U",
+    ũ: "u",
+    Ū: "U",
+    ū: "u",
+    Ŭ: "U",
+    ŭ: "u",
+    Ů: "U",
+    ů: "u",
+    Ű: "U",
+    ű: "u",
+    Ų: "U",
+    ų: "u",
+    Ȗ: "U",
+    ȗ: "u",
+    V̆: "V",
+    v̆: "v",
+    Ŵ: "W",
+    ŵ: "w",
+    Ẃ: "W",
+    ẃ: "w",
+    X̆: "X",
+    x̆: "x",
+    Ŷ: "Y",
+    ŷ: "y",
+    Ÿ: "Y",
+    Y̆: "Y",
+    y̆: "y",
+    Ź: "Z",
+    ź: "z",
+    Ż: "Z",
+    ż: "z",
+    Ž: "Z",
+    ž: "z",
+    ſ: "s",
+    ƒ: "f",
+    Ơ: "O",
+    ơ: "o",
+    Ư: "U",
+    ư: "u",
+    Ǎ: "A",
+    ǎ: "a",
+    Ǐ: "I",
+    ǐ: "i",
+    Ǒ: "O",
+    ǒ: "o",
+    Ǔ: "U",
+    ǔ: "u",
+    Ǖ: "U",
+    ǖ: "u",
+    Ǘ: "U",
+    ǘ: "u",
+    Ǚ: "U",
+    ǚ: "u",
+    Ǜ: "U",
+    ǜ: "u",
+    Ứ: "U",
+    ứ: "u",
+    Ṹ: "U",
+    ṹ: "u",
+    Ǻ: "A",
+    ǻ: "a",
+    Ǽ: "AE",
+    ǽ: "ae",
+    Ǿ: "O",
+    ǿ: "o",
+    Þ: "TH",
+    þ: "th",
+    Ṕ: "P",
+    ṕ: "p",
+    Ṥ: "S",
+    ṥ: "s",
+    X́: "X",
+    x́: "x",
+    Ѓ: "Г",
+    ѓ: "г",
+    Ќ: "К",
+    ќ: "к",
+    A̋: "A",
+    a̋: "a",
+    E̋: "E",
+    e̋: "e",
+    I̋: "I",
+    i̋: "i",
+    Ǹ: "N",
+    ǹ: "n",
+    Ồ: "O",
+    ồ: "o",
+    Ṑ: "O",
+    ṑ: "o",
+    Ừ: "U",
+    ừ: "u",
+    Ẁ: "W",
+    ẁ: "w",
+    Ỳ: "Y",
+    ỳ: "y",
+    Ȁ: "A",
+    ȁ: "a",
+    Ȅ: "E",
+    ȅ: "e",
+    Ȉ: "I",
+    ȉ: "i",
+    Ȍ: "O",
+    ȍ: "o",
+    Ȑ: "R",
+    ȑ: "r",
+    Ȕ: "U",
+    ȕ: "u",
+    B̌: "B",
+    b̌: "b",
+    Č̣: "C",
+    č̣: "c",
+    Ê̌: "E",
+    ê̌: "e",
+    F̌: "F",
+    f̌: "f",
+    Ǧ: "G",
+    ǧ: "g",
+    Ȟ: "H",
+    ȟ: "h",
+    J̌: "J",
+    ǰ: "j",
+    Ǩ: "K",
+    ǩ: "k",
+    M̌: "M",
+    m̌: "m",
+    P̌: "P",
+    p̌: "p",
+    Q̌: "Q",
+    q̌: "q",
+    Ř̩: "R",
+    ř̩: "r",
+    Ṧ: "S",
+    ṧ: "s",
+    V̌: "V",
+    v̌: "v",
+    W̌: "W",
+    w̌: "w",
+    X̌: "X",
+    x̌: "x",
+    Y̌: "Y",
+    y̌: "y",
+    A̧: "A",
+    a̧: "a",
+    B̧: "B",
+    b̧: "b",
+    Ḑ: "D",
+    ḑ: "d",
+    Ȩ: "E",
+    ȩ: "e",
+    Ɛ̧: "E",
+    ɛ̧: "e",
+    Ḩ: "H",
+    ḩ: "h",
+    I̧: "I",
+    i̧: "i",
+    Ɨ̧: "I",
+    ɨ̧: "i",
+    M̧: "M",
+    m̧: "m",
+    O̧: "O",
+    o̧: "o",
+    Q̧: "Q",
+    q̧: "q",
+    U̧: "U",
+    u̧: "u",
+    X̧: "X",
+    x̧: "x",
+    Z̧: "Z",
+    z̧: "z",
+    й: "и",
+    Й: "И",
+    ё: "е",
+    Ё: "Е"
+  }, n = Object.keys(t).join("|"), o = new RegExp(n, "g"), e = new RegExp(n, "");
+  function r(m) {
+    return t[m];
+  }
+  var l = function(m) {
+    return m.replace(o, r);
+  }, a = function(m) {
+    return !!m.match(e);
+  };
+  return ge.exports = l, ge.exports.has = a, ge.exports.remove = l, ge.exports;
+}
+var xo = Ao();
+const Io = /* @__PURE__ */ $t(xo);
+/**
+ * @name match-sorter
+ * @license MIT license.
+ * @copyright (c) 2020 Kent C. Dodds
+ * @author Kent C. Dodds <me@kentcdodds.com> (https://kentcdodds.com)
+ */
+const j = {
+  CASE_SENSITIVE_EQUAL: 7,
+  EQUAL: 6,
+  STARTS_WITH: 5,
+  WORD_STARTS_WITH: 4,
+  CONTAINS: 3,
+  ACRONYM: 2,
+  MATCHES: 1,
+  NO_MATCH: 0
+}, wo = (t, n) => String(t.rankedValue).localeCompare(String(n.rankedValue));
+function Pt(t, n, o) {
+  o === void 0 && (o = {});
+  const {
+    keys: e,
+    threshold: r = j.MATCHES,
+    baseSort: l = wo,
+    sorter: a = (d) => d.sort((u, s) => ko(u, s, l))
+  } = o, m = t.reduce(f, []);
+  return a(m).map((d) => {
+    let {
+      item: u
+    } = d;
+    return u;
+  });
+  function f(d, u, s) {
+    const v = Vo(u, e, n, o), {
+      rank: g,
+      keyThreshold: c = r
+    } = v;
+    return g >= c && d.push({
+      ...v,
+      item: u,
+      index: s
+    }), d;
+  }
+}
+Pt.rankings = j;
+function Vo(t, n, o, e) {
+  if (!n) {
+    const l = t;
+    return {
+      // ends up being duplicate of 'item' in matches but consistent
+      rankedValue: l,
+      rank: qe(l, o, e),
+      keyIndex: -1,
+      keyThreshold: e.threshold
+    };
+  }
+  return No(t, n).reduce((l, a, m) => {
+    let {
+      rank: f,
+      rankedValue: d,
+      keyIndex: u,
+      keyThreshold: s
+    } = l, {
+      itemValue: v,
+      attributes: g
+    } = a, c = qe(v, o, e), p = d;
+    const {
+      minRanking: V,
+      maxRanking: A,
+      threshold: C
+    } = g;
+    return c < V && c >= j.MATCHES ? c = V : c > A && (c = A), c > f && (f = c, u = m, s = C, p = v), {
+      rankedValue: p,
+      rank: f,
+      keyIndex: u,
+      keyThreshold: s
+    };
+  }, {
+    rankedValue: t,
+    rank: j.NO_MATCH,
+    keyIndex: -1,
+    keyThreshold: e.threshold
+  });
+}
+function qe(t, n, o) {
+  return t = Ye(t, o), n = Ye(n, o), n.length > t.length ? j.NO_MATCH : t === n ? j.CASE_SENSITIVE_EQUAL : (t = t.toLowerCase(), n = n.toLowerCase(), t === n ? j.EQUAL : t.startsWith(n) ? j.STARTS_WITH : t.includes(` ${n}`) ? j.WORD_STARTS_WITH : t.includes(n) ? j.CONTAINS : n.length === 1 ? j.NO_MATCH : Po(t).includes(n) ? j.ACRONYM : _o(t, n));
+}
+function Po(t) {
+  let n = "";
+  return t.split(" ").forEach((e) => {
+    e.split("-").forEach((l) => {
+      n += l.substr(0, 1);
+    });
+  }), n;
+}
+function _o(t, n) {
+  let o = 0, e = 0;
+  function r(f, d, u) {
+    for (let s = u, v = d.length; s < v; s++)
+      if (d[s] === f)
+        return o += 1, s + 1;
+    return -1;
+  }
+  function l(f) {
+    const d = 1 / f, u = o / n.length;
+    return j.MATCHES + u * d;
+  }
+  const a = r(n[0], t, 0);
+  if (a < 0)
+    return j.NO_MATCH;
+  e = a;
+  for (let f = 1, d = n.length; f < d; f++) {
+    const u = n[f];
+    if (e = r(u, t, e), !(e > -1))
+      return j.NO_MATCH;
+  }
+  const m = e - a;
+  return l(m);
+}
+function ko(t, n, o) {
+  const {
+    rank: l,
+    keyIndex: a
+  } = t, {
+    rank: m,
+    keyIndex: f
+  } = n;
+  return l === m ? a === f ? o(t, n) : a < f ? -1 : 1 : l > m ? -1 : 1;
+}
+function Ye(t, n) {
+  let {
+    keepDiacritics: o
+  } = n;
+  return t = `${t}`, o || (t = Io(t)), t;
+}
+function Mo(t, n) {
+  typeof n == "object" && (n = n.key);
+  let o;
+  if (typeof n == "function")
+    o = n(t);
+  else if (t == null)
+    o = null;
+  else if (Object.hasOwnProperty.call(t, n))
+    o = t[n];
+  else {
+    if (n.includes("."))
+      return Do(n, t);
+    o = null;
+  }
+  return o == null ? [] : Array.isArray(o) ? o : [String(o)];
+}
+function Do(t, n) {
+  const o = t.split(".");
+  let e = [n];
+  for (let r = 0, l = o.length; r < l; r++) {
+    const a = o[r];
+    let m = [];
+    for (let f = 0, d = e.length; f < d; f++) {
+      const u = e[f];
+      if (u != null)
+        if (Object.hasOwnProperty.call(u, a)) {
+          const s = u[a];
+          s != null && m.push(s);
+        } else a === "*" && (m = m.concat(u));
+    }
+    e = m;
+  }
+  return Array.isArray(e[0]) ? [].concat(...e) : e;
+}
+function No(t, n) {
+  const o = [];
+  for (let e = 0, r = n.length; e < r; e++) {
+    const l = n[e], a = To(l), m = Mo(t, l);
+    for (let f = 0, d = m.length; f < d; f++)
+      o.push({
+        itemValue: m[f],
+        attributes: a
+      });
+  }
+  return o;
+}
+const ze = {
+  maxRanking: 1 / 0,
+  minRanking: -1 / 0
+};
+function To(t) {
+  return typeof t == "string" ? ze : {
+    ...ze,
+    ...t
+  };
+}
+function sr(t) {
+  const { baseProps: n, controlProps: o } = Yt(t, {
+    className: "component-select-control"
+  }), [e, r] = de(""), {
+    value: l,
+    onChangeValue: a = Bt,
+    options: m,
+    placeholder: f = "Choose an option...",
+    searchable: d = !1,
+    ...u
+  } = o, s = (m || []).map(Ft), v = Ce(() => Pt(s, e, {
+    baseSort: (c, p) => c.index < p.index ? -1 : 1,
+    keys: ["label", "description"]
+  }), [e]), g = d ? Oo : zn;
+  return /* @__PURE__ */ w(
+    vo,
+    {
+      resetValueOnHide: !0,
+      setValue: (c) => {
+        Wt(() => {
+          r(c);
+        });
+      },
+      children: /* @__PURE__ */ w(jn, { value: l, setValue: a, children: /* @__PURE__ */ te(qt, { ...n, children: [
+        /* @__PURE__ */ te(
+          Bn,
+          {
+            className: "component-select-control__input",
+            ...u,
+            children: [
+              /* @__PURE__ */ w("div", { className: "component-select-control__value", children: /* @__PURE__ */ w(Jn, { fallback: f, children: (c) => {
+                var p;
+                return ((p = s.find((V) => V.value === c)) == null ? void 0 : p.label) || f;
+              } }) }),
+              /* @__PURE__ */ w("div", { className: "component-select-control__caret", children: /* @__PURE__ */ w(jt, {}) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ te(
+          Gn,
+          {
+            className: "component-select-control__popover",
+            "data-colour-scheme": "invert",
+            wrapperProps: {
+              className: "component-select-control__popover__wrapper"
+            },
+            fitViewport: !0,
+            gutter: 8,
+            overflowPadding: 4,
+            shift: -1,
+            portal: !0,
+            children: [
+              /* @__PURE__ */ te(
+                "div",
+                {
+                  className: "component-select-control__popover__search-wrapper",
+                  inert: !d,
+                  hidden: !d,
+                  children: [
+                    /* @__PURE__ */ w(Vt, { className: "component-select-control__popover__search-icon" }),
+                    /* @__PURE__ */ w(
+                      fo,
+                      {
+                        autoSelect: !0,
+                        placeholder: "Search...",
+                        className: "component-select-control__popover__search"
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ w(g, { className: "component-select-control__list", children: v.map((c) => /* @__PURE__ */ te(
+                qn,
+                {
+                  disabled: c.disabled,
+                  value: c.value,
+                  className: "component-select-control__option",
+                  render: /* @__PURE__ */ w(go, {}),
+                  children: [
+                    /* @__PURE__ */ te("div", { className: "component-select-control__option__label", children: [
+                      c.icon,
+                      c.label
+                    ] }),
+                    c.description && /* @__PURE__ */ w("div", { className: "component-select-control__option__description", children: c.description })
+                  ]
+                },
+                c.value
+              )) })
+            ]
+          }
+        )
+      ] }) })
+    }
+  );
+}
+export {
+  sr as SelectControl
+};