@wrdagency/blockout 0.1.3 → 0.1.4

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

@@ -1,42 +1,43 @@
-import { jsx as w, jsxs as te, Fragment as Ue } from "react/jsx-runtime";
-import { normalizeOption as Ft } from "../../../types/options.js";
-import { cn as Bt } from "../../../utils/css.js";
-import { noop as jt } from "../../../utils/noop.js";
-import { e as Wt } 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 Zt } from "react";
-import { w as $t } from "../../../SSRBase.es-BUXS72ra.js";
-import { g as qt } from "../../../_commonjsHelpers-C6fGbg64.js";
-import { BaseControl as Yt } from "../base-control/index.js";
-import { useBaseControlProps as zt } from "../base-control/props.js";
-import { C as Qt, a as Xt } from "../../../P7GR5CS5-BoOYUfSQ.js";
-import { a as ne, _ as oe, i as me, m as R, o as A, v as Xe, f as re, q as le, $ as Ge, Y as ie, X as D, U as Z, Z as ke, j as T, e as Q, H as Je, l as he, n as ye, ab as et, r as tt, s as Ae, t as Gt, P as nt, Q as ot, R as Jt, h as en, u as tn, ac as rt, c as nn, a0 as on, A as rn, ad as ln, ae as sn, af as an, x as Fe, ag as Ie, a6 as un, B as cn, b as Ve, a9 as dn, W as mn, K as fn, k as vn } from "../../../LMDWO4NN--KEvZePp.js";
-import { c as lt, b as st, f as pn, e as bn, d as hn, g as Sn } from "../../../WMYDSCNQ-Dy1O-Kdl.js";
-import { c as at, d as it, b as ut } from "../../../4CMBR7SL-BAGv8IL2.js";
-import { m as ct, o as gn, 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 Cn, p as En } from "../../../YV4JVR4I-kvospPUa.js";
-import { a as bt, C as On, b as ht, c as yn, d as An, e as St, u as xn, f as In } from "../../../S43UC3DV-Dn8EFLaT.js";
-import { t as gt } from "../../../7PRQYBBV-91wrWGjk.js";
-import { u as Me, a as De, S as Ct, b as wn, c as Vn, d as Pn, e as Be } from "../../../DG5U6ZEL-CVj-Czp2.js";
-import { u as _n } 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 kn = "span", Mn = {
+import { jsx as w, jsxs as X, Fragment as we } from "react/jsx-runtime";
+import { normalizeOption as Bt } from "../../../types/options.js";
+import { cn as jt } from "../../../utils/css.js";
+import { noop as Wt } from "../../../utils/noop.js";
+import { e as Zt } from "../../../CaretDown.es-eySGHzTJ.js";
+import * as N from "react";
+import { useMemo as Ce, useState as de, useRef as se, useEffect as ae, useCallback as Xe, useContext as Pe, createContext as ke, startTransition as $t } from "react";
+import { w as qt } from "../../../SSRBase.es-BUXS72ra.js";
+import { g as Yt } from "../../../_commonjsHelpers-C6fGbg64.js";
+import { BaseControl as zt } from "../base-control/index.js";
+import { Affix as Fe } from "../base-control/affix.js";
+import { useBaseControlProps as Qt } from "../base-control/props.js";
+import { C as Xt, a as Gt } from "../../../P7GR5CS5-BoOYUfSQ.js";
+import { a as ne, _ as oe, i as me, m as H, o as A, v as Ge, f as re, q as le, $ as Je, Y as ie, X as D, U as $, Z as Me, j as R, e as Q, H as et, l as he, n as ye, ab as tt, r as nt, s as Ae, t as Jt, P as ot, Q as rt, R as en, h as tn, u as nn, ac as lt, c as on, a0 as rn, A as ln, ad as sn, ae as an, af as un, x as Be, ag as Ie, a6 as cn, B as dn, b as Ve, a9 as mn, W as fn, K as vn, k as pn } from "../../../LMDWO4NN--KEvZePp.js";
+import { c as st, b as at, f as bn, e as hn, d as Sn, g as gn } from "../../../WMYDSCNQ-Dy1O-Kdl.js";
+import { c as it, d as ut, b as ct } from "../../../4CMBR7SL-BAGv8IL2.js";
+import { m as dt, o as Cn, t as mt, c as ft, s as G, b as J, g as vt, e as pt, f as be, u as bt, a as En, p as On } from "../../../YV4JVR4I-kvospPUa.js";
+import { a as ht, C as yn, b as St, c as An, d as xn, e as gt, u as In, f as wn } from "../../../S43UC3DV-Dn8EFLaT.js";
+import { t as Ct } from "../../../7PRQYBBV-91wrWGjk.js";
+import { u as Ne, a as De, S as Et, b as Pn, c as Vn, d as _n, e as je } from "../../../DG5U6ZEL-CVj-Czp2.js";
+import { u as kn } from "../../../MTZPJQMC-DyCWBG18.js";
+import { u as Ot } from "../../../T7VMP3TM-DeRMoW8g.js";
+import { i as yt } from "../../../WYCIER3C-DRn904Gy.js";
+import { u as At } from "../../../5JTVDSTH-CG1NL6Fw.js";
+import { h as _e } from "../../../PFRGBC2K-BEg8ahbY.js";
+import { u as xt } from "../../../UQQRIHDV-Bu8e1bYU.js";
+import { u as It } from "../../../6VRAQV3D-2rb_aClP.js";
+var Mn = "span", Nn = {
   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) {
+}, wt = ne(function(n) {
   var o = n, { store: e, placement: r } = o, l = oe(o, ["store", "placement"]);
-  const a = _n();
+  const a = kn();
   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], c = Mn[f], i = Ce(
+  const v = e.useState((s) => r || s.placement).split("-")[0], c = Nn[v], i = Ce(
     () => /* @__PURE__ */ w(
       "svg",
       {
@@ -54,7 +55,7 @@ var kn = "span", Mn = {
     ),
     [c]
   );
-  return l = R(A({
+  return l = H(A({
     children: i,
     "aria-hidden": !0
   }, l), {
@@ -63,23 +64,23 @@ var kn = "span", Mn = {
       height: "1em",
       pointerEvents: "none"
     }, l.style)
-  }), Xe(l);
+  }), Ge(l);
 });
 re(
   function(n) {
-    const o = It(n);
-    return le(kn, o);
+    const o = wt(n);
+    return le(Mn, o);
   }
 );
 function Dn(t = {}) {
   var n = t, {
     combobox: o
-  } = n, e = Ge(n, [
+  } = n, e = Je(n, [
     "combobox"
   ]);
-  const r = ct(
+  const r = dt(
     e.store,
-    gn(o, [
+    Cn(o, [
       "value",
       "items",
       "renderedItems",
@@ -91,8 +92,8 @@ function Dn(t = {}) {
       "disclosureElement"
     ])
   );
-  dt(e, r);
-  const l = r.getState(), a = at(ie(Z({}, e), {
+  mt(e, r);
+  const l = r.getState(), a = it(ie($({}, e), {
     store: r,
     virtualFocus: D(
       e.virtualFocus,
@@ -115,19 +116,19 @@ function Dn(t = {}) {
       l.orientation,
       "vertical"
     )
-  })), m = lt(ie(Z({}, e), {
+  })), m = st(ie($({}, e), {
     store: r,
     placement: D(
       e.placement,
       l.placement,
       "bottom-start"
     )
-  })), f = new String(""), c = ie(Z(Z({}, a.getState()), m.getState()), {
+  })), v = new String(""), c = ie($($({}, a.getState()), m.getState()), {
     value: D(
       e.value,
       l.value,
       e.defaultValue,
-      f
+      v
     ),
     setValueOnMove: D(
       e.setValueOnMove,
@@ -137,41 +138,41 @@ function Dn(t = {}) {
     labelElement: D(l.labelElement, null),
     selectElement: D(l.selectElement, null),
     listElement: D(l.listElement, null)
-  }), i = mt(c, a, m, r);
-  return X(
+  }), i = ft(c, a, m, r);
+  return G(
     i,
-    () => G(i, ["value", "items"], (s) => {
-      if (s.value !== f || !s.items.length) return;
-      const v = s.items.find(
-        (E) => !E.disabled && E.value != null
+    () => J(i, ["value", "items"], (s) => {
+      if (s.value !== v || !s.items.length) return;
+      const f = s.items.find(
+        (C) => !C.disabled && C.value != null
       );
-      (v == null ? void 0 : v.value) != null && i.setState("value", v.value);
+      (f == null ? void 0 : f.value) != null && i.setState("value", f.value);
     })
-  ), X(
+  ), G(
     i,
-    () => G(i, ["mounted"], (s) => {
+    () => J(i, ["mounted"], (s) => {
       s.mounted || i.setState("activeId", c.activeId);
     })
-  ), X(
+  ), G(
     i,
-    () => G(i, ["mounted", "items", "value"], (s) => {
+    () => J(i, ["mounted", "items", "value"], (s) => {
       if (o || s.mounted) return;
-      const v = gt(s.value), E = v[v.length - 1];
-      if (E == null) return;
+      const f = Ct(s.value), C = f[f.length - 1];
+      if (C == null) return;
       const d = s.items.find(
-        (p) => !p.disabled && p.value === E
+        (p) => !p.disabled && p.value === C
       );
       d && i.setState("activeId", d.id);
     })
-  ), X(
+  ), G(
     i,
-    () => ft(i, ["setValueOnMove", "moves"], (s) => {
-      const { mounted: v, value: E, activeId: d } = i.getState();
-      if (!s.setValueOnMove && v || Array.isArray(E) || !s.moves || !d) return;
+    () => vt(i, ["setValueOnMove", "moves"], (s) => {
+      const { mounted: f, value: C, activeId: d } = i.getState();
+      if (!s.setValueOnMove && f || Array.isArray(C) || !s.moves || !d) return;
       const p = a.item(d);
       !p || p.disabled || p.value == null || i.setState("value", p.value);
     })
-  ), ie(Z(Z(Z({}, a), m), i), {
+  ), ie($($($({}, a), m), i), {
     combobox: o,
     setValue: (s) => i.setState("value", s),
     setLabelElement: (s) => i.setState("labelElement", s),
@@ -179,38 +180,38 @@ function Dn(t = {}) {
     setListElement: (s) => i.setState("listElement", s)
   });
 }
-function Nn(t) {
-  const n = bt();
-  return t = R(A({}, t), {
+function Ln(t) {
+  const n = ht();
+  return t = H(A({}, t), {
     combobox: t.combobox !== void 0 ? t.combobox : n
-  }), it(t);
+  }), ut(t);
 }
-function Ln(t, n, o) {
-  return ke(n, [o.combobox]), be(t, o, "value", "setValue"), be(t, o, "setValueOnMove"), Object.assign(
-    st(
-      ut(t, n, o),
+function Tn(t, n, o) {
+  return Me(n, [o.combobox]), be(t, o, "value", "setValue"), be(t, o, "setValueOnMove"), Object.assign(
+    at(
+      ct(t, n, o),
       n,
       o
     ),
     { combobox: o.combobox }
   );
 }
-function Tn(t = {}) {
-  t = Nn(t);
-  const [n, o] = vt(Dn, t);
-  return Ln(n, o, t);
+function Rn(t = {}) {
+  t = Ln(t);
+  const [n, o] = pt(Dn, t);
+  return Tn(n, o, t);
 }
-var Rn = "span", Kn = ne(
+var Kn = "span", Hn = ne(
   function(n) {
     var o = n, { store: e } = o, r = oe(o, ["store"]);
-    const l = Me();
-    return e = e || l, r = It(A({ store: e }, r)), r;
+    const l = Ne();
+    return e = e || l, r = wt(A({ store: e }, r)), r;
   }
-), Hn = re(function(n) {
-  const o = Kn(n);
-  return le(Rn, o);
-}), Un = "button";
-function Fn(t) {
+), Un = re(function(n) {
+  const o = Hn(n);
+  return le(Kn, o);
+}), Fn = "button";
+function Bn(t) {
   return Array.from(t.selectedOptions).map((n) => n.value);
 }
 function Oe(t, n) {
@@ -227,14 +228,14 @@ function Oe(t, n) {
     return r == null ? void 0 : r.id;
   };
 }
-var Bn = ne(function(n) {
+var jn = ne(function(n) {
   var o = n, {
     store: e,
     name: r,
     form: l,
     required: a,
     showOnKeyDown: m = !0,
-    moveOnKeyDown: f = !0,
+    moveOnKeyDown: v = !0,
     toggleOnPress: c = !0,
     toggleOnClick: i = c
   } = o, s = oe(o, [
@@ -247,50 +248,50 @@ var Bn = ne(function(n) {
     "toggleOnPress",
     "toggleOnClick"
   ]);
-  const v = De();
-  e = e || v, me(
+  const f = De();
+  e = e || f, me(
     e,
     process.env.NODE_ENV !== "production" && "Select must receive a `store` prop or be wrapped in a SelectProvider component."
   );
-  const E = s.onKeyDown, d = T(m), p = T(f), h = e.useState("placement").split("-")[0], C = e.useState("value"), W = Array.isArray(C), K = Q((g) => {
-    var O;
-    if (E == null || E(g), g.defaultPrevented || !e) return;
-    const { orientation: q, items: Y, activeId: J } = e.getState(), fe = q !== "horizontal", ue = q !== "vertical", k = !!((O = Y.find((Ee) => !Ee.disabled && Ee.value != null)) != null && O.rowId), pe = {
-      ArrowUp: (k || fe) && Oe(e, e.up),
-      ArrowRight: (k || ue) && Oe(e, e.next),
-      ArrowDown: (k || fe) && Oe(e, e.down),
-      ArrowLeft: (k || ue) && Oe(e, e.previous)
-    }[g.key];
-    pe && p(g) && (g.preventDefault(), e.move(pe()));
-    const Se = h === "top" || h === "bottom";
+  const C = s.onKeyDown, d = R(m), p = R(v), O = e.useState("placement").split("-")[0], g = e.useState("value"), K = Array.isArray(g), x = Q((S) => {
+    var E;
+    if (C == null || C(S), S.defaultPrevented || !e) return;
+    const { orientation: q, items: Y, activeId: ee } = e.getState(), fe = q !== "horizontal", ue = q !== "vertical", M = !!((E = Y.find((Ee) => !Ee.disabled && Ee.value != null)) != null && E.rowId), pe = {
+      ArrowUp: (M || fe) && Oe(e, e.up),
+      ArrowRight: (M || ue) && Oe(e, e.next),
+      ArrowDown: (M || fe) && Oe(e, e.down),
+      ArrowLeft: (M || ue) && Oe(e, e.previous)
+    }[S.key];
+    pe && p(S) && (S.preventDefault(), e.move(pe()));
+    const Se = O === "top" || O === "bottom";
     ({
       ArrowDown: Se,
       ArrowUp: Se,
-      ArrowLeft: h === "left",
-      ArrowRight: h === "right"
-    })[g.key] && d(g) && (g.preventDefault(), e.move(J), Je(g.currentTarget, "keyup", e.show));
+      ArrowLeft: O === "left",
+      ArrowRight: O === "right"
+    })[S.key] && d(S) && (S.preventDefault(), e.move(ee), et(S.currentTarget, "keyup", e.show));
   });
   s = he(
     s,
-    (g) => /* @__PURE__ */ w(Ct, { value: e, children: g }),
+    (S) => /* @__PURE__ */ w(Et, { value: e, children: S }),
     [e]
   );
-  const [$, _] = de(!1), I = se(!1);
+  const [Z, k] = de(!1), P = se(!1);
   ae(() => {
-    const g = I.current;
-    I.current = !1, !g && _(!1);
-  }, [C]);
-  const U = e.useState((g) => {
-    var O;
-    return (O = g.labelElement) == null ? void 0 : O.id;
-  }), b = s["aria-label"], y = s["aria-labelledby"] || U, F = e.useState((g) => {
+    const S = P.current;
+    P.current = !1, !S && k(!1);
+  }, [g]);
+  const F = e.useState((S) => {
+    var E;
+    return (E = S.labelElement) == null ? void 0 : E.id;
+  }), b = s["aria-label"], y = s["aria-labelledby"] || F, B = e.useState((S) => {
     if (r)
-      return g.items;
-  }), B = Ce(() => [...new Set(F == null ? void 0 : F.map((g) => g.value).filter((g) => g != null))], [F]);
+      return S.items;
+  }), j = Ce(() => [...new Set(B == null ? void 0 : B.map((S) => S.value).filter((S) => S != null))], [B]);
   s = he(
     s,
-    (g) => r ? /* @__PURE__ */ te(Ue, { children: [
-      /* @__PURE__ */ te(
+    (S) => r ? /* @__PURE__ */ X(we, { children: [
+      /* @__PURE__ */ X(
         "select",
         {
           style: {
@@ -312,25 +313,25 @@ var Bn = ne(function(n) {
           form: l,
           required: a,
           disabled: s.disabled,
-          value: C,
-          multiple: W,
+          value: g,
+          multiple: K,
           onFocus: () => {
-            var O;
-            return (O = e == null ? void 0 : e.getState().selectElement) == null ? void 0 : O.focus();
+            var E;
+            return (E = e == null ? void 0 : e.getState().selectElement) == null ? void 0 : E.focus();
           },
-          onChange: (O) => {
-            I.current = !0, _(!0), e == null || e.setValue(
-              W ? Fn(O.target) : O.target.value
+          onChange: (E) => {
+            P.current = !0, k(!0), e == null || e.setValue(
+              K ? Bn(E.target) : E.target.value
             );
           },
           children: [
-            gt(C).map((O) => O == null || B.includes(O) ? null : /* @__PURE__ */ w("option", { value: O, children: O }, O)),
-            B.map((O) => /* @__PURE__ */ w("option", { value: O, children: O }, O))
+            Ct(g).map((E) => E == null || j.includes(E) ? null : /* @__PURE__ */ w("option", { value: E, children: E }, E)),
+            j.map((E) => /* @__PURE__ */ w("option", { value: E, children: E }, E))
           ]
         }
       ),
-      g
-    ] }) : g,
+      S
+    ] }) : S,
     [
       e,
       b,
@@ -338,42 +339,42 @@ var Bn = ne(function(n) {
       r,
       l,
       a,
-      C,
-      W,
-      B,
+      g,
+      K,
+      j,
       s.disabled
     ]
   );
-  const S = /* @__PURE__ */ te(Ue, { children: [
-    C,
-    /* @__PURE__ */ w(Hn, {})
-  ] }), P = e.useState("contentElement");
-  return s = R(A({
+  const h = /* @__PURE__ */ X(we, { children: [
+    g,
+    /* @__PURE__ */ w(Un, {})
+  ] }), _ = e.useState("contentElement");
+  return s = H(A({
     role: "combobox",
     "aria-autocomplete": "none",
-    "aria-labelledby": U,
-    "aria-haspopup": et(P, "listbox"),
-    "data-autofill": $ || void 0,
+    "aria-labelledby": F,
+    "aria-haspopup": tt(_, "listbox"),
+    "data-autofill": Z || void 0,
     "data-name": r,
-    children: S
+    children: h
   }, s), {
     ref: ye(e.setSelectElement, s.ref),
-    onKeyDown: K
-  }), s = pn(A({ store: e, toggleOnClick: i }, s)), s = Et(A({ store: e }, s)), s;
-}), jn = re(function(n) {
-  const o = Bn(n);
-  return le(Un, o);
+    onKeyDown: x
+  }), s = bn(A({ store: e, toggleOnClick: i }, s)), s = Ot(A({ store: e }, s)), s;
+}), Wn = re(function(n) {
+  const o = jn(n);
+  return le(Fn, o);
 });
-function Wn(t = {}) {
-  const n = Tn(t);
-  return /* @__PURE__ */ w(wn, { value: n, children: t.children });
+function Zn(t = {}) {
+  const n = Rn(t);
+  return /* @__PURE__ */ w(Pn, { value: n, children: t.children });
 }
-var Zn = "div";
-function $n(t, n) {
+var $n = "div";
+function qn(t, n) {
   if (n != null)
     return t == null ? !1 : Array.isArray(t) ? t.includes(n) : t === n;
 }
-var qn = ne(
+var Yn = ne(
   function(n) {
     var o = n, {
       store: e,
@@ -381,7 +382,7 @@ var qn = ne(
       getItem: l,
       hideOnClick: a,
       setValueOnClick: m = r != null,
-      preventScrollOnKeyDown: f = !0,
+      preventScrollOnKeyDown: v = !0,
       focusOnHover: c = !0
     } = o, i = oe(o, [
       "store",
@@ -392,25 +393,25 @@ var qn = ne(
       "preventScrollOnKeyDown",
       "focusOnHover"
     ]), s;
-    const v = Vn();
-    e = e || v, me(
+    const f = Vn();
+    e = e || f, me(
       e,
       process.env.NODE_ENV !== "production" && "SelectItem must be wrapped in a SelectList or SelectPopover component."
     );
-    const E = Ae(i.id), d = Gt(i), { listElement: p, multiSelectable: V, selected: h, autoFocus: C } = pt(e, {
+    const C = Ae(i.id), d = Jt(i), { listElement: p, multiSelectable: V, selected: O, autoFocus: g } = bt(e, {
       listElement: "listElement",
       multiSelectable(b) {
         return Array.isArray(b.value);
       },
       selected(b) {
-        return $n(b.value, r);
+        return qn(b.value, r);
       },
       autoFocus(b) {
-        return r == null || b.value == null || b.activeId !== E && (e != null && e.item(b.activeId)) ? !1 : Array.isArray(b.value) ? b.value[b.value.length - 1] === r : b.value === r;
+        return r == null || b.value == null || b.activeId !== C && (e != null && e.item(b.activeId)) ? !1 : Array.isArray(b.value) ? b.value[b.value.length - 1] === r : b.value === r;
       }
-    }), W = Qe(
+    }), K = Xe(
       (b) => {
-        const y = R(A({}, b), {
+        const y = H(A({}, b), {
           value: d ? void 0 : r,
           children: r
         });
@@ -419,46 +420,46 @@ var qn = ne(
       [d, r, l]
     );
     a = a ?? (r != null && !V);
-    const K = i.onClick, $ = T(m), _ = T(a), I = Q((b) => {
-      K == null || K(b), !b.defaultPrevented && (nt(b) || ot(b) || ($(b) && r != null && (e == null || e.setValue((y) => Array.isArray(y) ? y.includes(r) ? y.filter((F) => F !== r) : [...y, r] : r)), _(b) && (e == null || e.hide())));
+    const x = i.onClick, Z = R(m), k = R(a), P = Q((b) => {
+      x == null || x(b), !b.defaultPrevented && (ot(b) || rt(b) || (Z(b) && r != null && (e == null || e.setValue((y) => Array.isArray(y) ? y.includes(r) ? y.filter((B) => B !== r) : [...y, r] : r)), k(b) && (e == null || e.hide())));
     });
     i = he(
       i,
-      (b) => /* @__PURE__ */ w(Pn.Provider, { value: h ?? !1, children: b }),
-      [h]
-    ), i = R(A({
-      id: E,
-      role: Jt(p),
-      "aria-selected": h,
+      (b) => /* @__PURE__ */ w(_n.Provider, { value: O ?? !1, children: b }),
+      [O]
+    ), i = H(A({
+      id: C,
+      role: en(p),
+      "aria-selected": O,
       children: r
     }, i), {
-      autoFocus: (s = i.autoFocus) != null ? s : C,
-      onClick: I
-    }), i = xt(A({
+      autoFocus: (s = i.autoFocus) != null ? s : g,
+      onClick: P
+    }), i = It(A({
       store: e,
-      getItem: W,
-      preventScrollOnKeyDown: f
+      getItem: K,
+      preventScrollOnKeyDown: v
     }, i));
-    const U = T(c);
-    return i = At(R(A({
+    const F = R(c);
+    return i = xt(H(A({
       store: e
     }, i), {
       // 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;
+        if (!F(b)) return !1;
         const y = e == null ? void 0 : e.getState();
         return !!(y != null && y.open);
       }
     })), i;
   }
-), Yn = tt(
+), zn = nt(
   re(function(n) {
-    const o = qn(n);
-    return le(Zn, o);
+    const o = Yn(n);
+    return le($n, o);
   })
-), zn = "div", je = _e(null), wt = ne(
+), Qn = "div", We = ke(null), Pt = ne(
   function(n) {
     var o = n, {
       store: e,
@@ -466,7 +467,7 @@ var qn = ne(
       hideOnEnter: l = !0,
       focusOnMove: a = !0,
       composite: m,
-      alwaysVisible: f
+      alwaysVisible: v
     } = o, c = oe(o, [
       "store",
       "resetOnEscape",
@@ -475,102 +476,102 @@ var qn = ne(
       "composite",
       "alwaysVisible"
     ]);
-    const i = Me();
+    const i = Ne();
     e = e || i, me(
       e,
       process.env.NODE_ENV !== "production" && "SelectList must receive a `store` prop or be wrapped in a SelectProvider component."
     );
-    const s = Ae(c.id), v = e.useState("value"), E = Array.isArray(v), [d, p] = de(v), V = e.useState("mounted");
+    const s = Ae(c.id), f = e.useState("value"), C = Array.isArray(f), [d, p] = de(f), V = e.useState("mounted");
     ae(() => {
-      V || p(v);
-    }, [V, v]), r = r && !E;
-    const h = c.onKeyDown, C = T(r), W = T(l), K = Q((k) => {
-      h == null || h(k), !k.defaultPrevented && (k.key === "Escape" && C(k) && (e == null || e.setValue(d)), (k.key === " " || k.key === "Enter") && en(k) && W(k) && (k.preventDefault(), e == null || e.hide()));
-    }), $ = we(Be), _ = de(), [I, U] = $ || _, b = Ce(
-      () => [I, U],
-      [I]
-    ), [y, F] = de(null), B = we(je);
+      V || p(f);
+    }, [V, f]), r = r && !C;
+    const O = c.onKeyDown, g = R(r), K = R(l), x = Q((M) => {
+      O == null || O(M), !M.defaultPrevented && (M.key === "Escape" && g(M) && (e == null || e.setValue(d)), (M.key === " " || M.key === "Enter") && tn(M) && K(M) && (M.preventDefault(), e == null || e.hide()));
+    }), Z = Pe(je), k = de(), [P, F] = Z || k, b = Ce(
+      () => [P, F],
+      [P]
+    ), [y, B] = de(null), j = Pe(We);
     ae(() => {
-      if (B)
-        return B(e), () => B(null);
-    }, [B, e]), c = he(
+      if (j)
+        return j(e), () => j(null);
+    }, [j, e]), c = he(
       c,
-      (k) => /* @__PURE__ */ w(Ct, { value: e, children: /* @__PURE__ */ w(je.Provider, { value: F, children: /* @__PURE__ */ w(Be.Provider, { value: b, children: k }) }) }),
+      (M) => /* @__PURE__ */ w(Et, { value: e, children: /* @__PURE__ */ w(We.Provider, { value: B, children: /* @__PURE__ */ w(je.Provider, { value: b, children: M }) }) }),
       [e, b]
     );
-    const S = !!e.combobox;
-    m = m ?? (!S && y !== e);
-    const [P, g] = tn(
+    const h = !!e.combobox;
+    m = m ?? (!h && y !== e);
+    const [_, S] = nn(
       m ? e.setListElement : null
-    ), O = rt(P, "role", c.role), Y = (m || (O === "listbox" || O === "menu" || O === "tree" || O === "grid")) && E || void 0, J = Ot(V, c.hidden, f), fe = J ? R(A({}, c.style), { display: "none" }) : c.style;
+    ), E = lt(_, "role", c.role), Y = (m || (E === "listbox" || E === "menu" || E === "tree" || E === "grid")) && C || void 0, ee = yt(V, c.hidden, v), fe = ee ? H(A({}, c.style), { display: "none" }) : c.style;
     m && (c = A({
       role: "listbox",
       "aria-multiselectable": Y
     }, c));
     const ue = e.useState(
-      (k) => {
+      (M) => {
         var ve;
-        return I || ((ve = k.labelElement) == null ? void 0 : ve.id);
+        return P || ((ve = M.labelElement) == null ? void 0 : ve.id);
       }
     );
-    return c = R(A({
+    return c = H(A({
       id: s,
       "aria-labelledby": ue,
-      hidden: J
+      hidden: ee
     }, c), {
-      ref: ye(g, c.ref),
+      ref: ye(S, c.ref),
       style: fe,
-      onKeyDown: K
-    }), c = yt(R(A({ store: e }, c), { composite: m })), c = Et(A({ store: e, typeahead: !S }, c)), c;
+      onKeyDown: x
+    }), c = At(H(A({ store: e }, c), { composite: m })), c = Ot(A({ store: e, typeahead: !h }, c)), c;
   }
-), Qn = re(function(n) {
-  const o = wt(n);
-  return le(zn, o);
-}), Xn = "div", Gn = ne(
+), Xn = re(function(n) {
+  const o = Pt(n);
+  return le(Qn, o);
+}), Gn = "div", Jn = 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(A({ store: e, alwaysVisible: r }, l)), l = hn(A({ store: e, alwaysVisible: r }, l)), l;
+    return e = e || a, l = Pt(A({ store: e, alwaysVisible: r }, l)), l = Sn(A({ store: e, alwaysVisible: r }, l)), l;
   }
-), Jn = bn(
+), eo = hn(
   re(function(n) {
-    const o = Gn(n);
-    return le(Xn, o);
+    const o = Jn(n);
+    return le(Gn, o);
   }),
   De
 );
-function eo({
+function to({
   store: t,
   fallback: n,
   children: o
 } = {}) {
-  const e = Me();
+  const e = Ne();
   t = t || e;
-  const r = Cn(t, (l) => l != null && l.value.length ? l.value : n);
+  const r = En(t, (l) => l != null && l.value.length ? l.value : n);
   return o ? o(r || "") : r;
 }
-_e(null);
-_e(
+ke(null);
+ke(
   null
 );
-var to = nn(
-  [Xt],
-  [Qt]
-), no = to.useContext, oo = rn() && ln();
-function ro(t = {}) {
+var no = on(
+  [Gt],
+  [Xt]
+), oo = no.useContext, ro = ln() && sn();
+function lo(t = {}) {
   var n = t, {
     tag: o
-  } = n, e = Ge(n, [
+  } = n, e = Je(n, [
     "tag"
   ]);
-  const r = ct(e.store, En(o, ["value", "rtl"]));
-  dt(e, r);
+  const r = dt(e.store, On(o, ["value", "rtl"]));
+  mt(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(ie(Z({}, e), {
+  ), v = it(ie($({}, e), {
     activeId: m,
     includesBaseElement: D(
       e.includesBaseElement,
@@ -589,7 +590,7 @@ function ro(t = {}) {
       a == null ? void 0 : a.virtualFocus,
       !0
     )
-  })), c = lt(ie(Z({}, e), {
+  })), c = st(ie($({}, e), {
     placement: D(
       e.placement,
       a == null ? void 0 : a.placement,
@@ -606,109 +607,109 @@ function ro(t = {}) {
     l == null ? void 0 : l.values,
     e.defaultSelectedValue,
     ""
-  ), v = Array.isArray(s), E = ie(Z(Z({}, f.getState()), c.getState()), {
+  ), f = Array.isArray(s), C = ie($($({}, v.getState()), c.getState()), {
     value: i,
     selectedValue: s,
     resetValueOnSelect: D(
       e.resetValueOnSelect,
       a == null ? void 0 : a.resetValueOnSelect,
-      v
+      f
     ),
     resetValueOnHide: D(
       e.resetValueOnHide,
       a == null ? void 0 : a.resetValueOnHide,
-      v && !o
+      f && !o
     ),
     activeValue: a == null ? void 0 : a.activeValue
-  }), d = mt(E, f, c, r);
-  return oo && X(
+  }), d = ft(C, v, c, r);
+  return ro && G(
     d,
-    () => G(d, ["virtualFocus"], () => {
+    () => J(d, ["virtualFocus"], () => {
       d.setState("virtualFocus", !1);
     })
-  ), X(d, () => {
+  ), G(d, () => {
     if (o)
-      return on(
-        G(d, ["selectedValue"], (p) => {
+      return rn(
+        J(d, ["selectedValue"], (p) => {
           Array.isArray(p.selectedValue) && o.setValues(p.selectedValue);
         }),
-        G(o, ["values"], (p) => {
+        J(o, ["values"], (p) => {
           d.setState("selectedValue", p.values);
         })
       );
-  }), X(
+  }), G(
     d,
-    () => G(d, ["resetValueOnHide", "mounted"], (p) => {
+    () => J(d, ["resetValueOnHide", "mounted"], (p) => {
       p.resetValueOnHide && (p.mounted || d.setState("value", i));
     })
-  ), X(
+  ), G(
     d,
-    () => G(d, ["open"], (p) => {
+    () => J(d, ["open"], (p) => {
       p.open || (d.setState("activeId", m), d.setState("moves", 0));
     })
-  ), X(
+  ), G(
     d,
-    () => G(d, ["moves", "activeId"], (p, V) => {
+    () => J(d, ["moves", "activeId"], (p, V) => {
       p.moves === V.moves && d.setState("activeValue", void 0);
     })
-  ), X(
+  ), G(
     d,
-    () => ft(d, ["moves", "renderedItems"], (p, V) => {
+    () => vt(d, ["moves", "renderedItems"], (p, V) => {
       if (p.moves === V.moves) return;
-      const { activeId: h } = d.getState(), C = f.item(h);
-      d.setState("activeValue", C == null ? void 0 : C.value);
+      const { activeId: O } = d.getState(), g = v.item(O);
+      d.setState("activeValue", g == null ? void 0 : g.value);
     })
-  ), ie(Z(Z(Z({}, c), f), d), {
+  ), ie($($($({}, c), v), d), {
     tag: o,
     setValue: (p) => d.setState("value", p),
-    resetValue: () => d.setState("value", E.value),
+    resetValue: () => d.setState("value", C.value),
     setSelectedValue: (p) => d.setState("selectedValue", p)
   });
 }
-function lo(t) {
-  const n = no();
-  return t = R(A({}, t), {
+function so(t) {
+  const n = oo();
+  return t = H(A({}, t), {
     tag: t.tag !== void 0 ? t.tag : n
-  }), it(t);
+  }), ut(t);
 }
-function so(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(
-    ut(
-      st(t, n, o),
+function ao(t, n, o) {
+  return Me(n, [o.tag]), be(t, o, "value", "setValue"), be(t, o, "selectedValue", "setSelectedValue"), be(t, o, "resetValueOnHide"), be(t, o, "resetValueOnSelect"), Object.assign(
+    ct(
+      at(t, n, o),
       n,
       o
     ),
     { tag: o.tag }
   );
 }
-function ao(t = {}) {
-  t = lo(t);
-  const [n, o] = vt(ro, t);
-  return so(n, o, t);
+function io(t = {}) {
+  t = so(t);
+  const [n, o] = pt(lo, t);
+  return ao(n, o, t);
 }
-var io = "input";
-function We(t, n, o) {
+var uo = "input";
+function Ze(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 = fn(t), n.length > t.length && n.toLowerCase().indexOf(t.toLowerCase()) === 0);
+function $e(t, n) {
+  return !n || t == null ? !1 : (t = vn(t), n.length > t.length && n.toLowerCase().indexOf(t.toLowerCase()) === 0);
 }
-function uo(t) {
+function co(t) {
   return t.type === "input";
 }
-function co(t) {
+function mo(t) {
   return t === "inline" || t === "list" || t === "both" || t === "none";
 }
-function mo(t) {
+function fo(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 fo = ne(
+var vo = ne(
   function(n) {
     var o = n, {
       store: e,
@@ -716,17 +717,17 @@ var fo = ne(
       autoSelect: l = !1,
       getAutoSelectId: a,
       setValueOnChange: m,
-      showMinLength: f = 0,
+      showMinLength: v = 0,
       showOnChange: c,
       showOnMouseDown: i,
       showOnClick: s = i,
-      showOnKeyDown: v,
-      showOnKeyPress: E = v,
+      showOnKeyDown: f,
+      showOnKeyPress: C = f,
       blurActiveItemOnClick: d,
       setValueOnClick: p = !0,
       moveOnKeyPress: V = !0,
-      autoComplete: h = "list"
-    } = o, C = oe(o, [
+      autoComplete: O = "list"
+    } = o, g = oe(o, [
       "store",
       "focusable",
       "autoSelect",
@@ -743,208 +744,208 @@ var fo = ne(
       "moveOnKeyPress",
       "autoComplete"
     ]);
-    const W = bt();
-    e = e || W, me(
+    const K = ht();
+    e = e || K, me(
       e,
       process.env.NODE_ENV !== "production" && "Combobox must receive a `store` prop or be wrapped in a ComboboxProvider component."
     );
-    const K = se(null), [$, _] = sn(), I = se(!1), U = se(!1), b = e.useState(
+    const x = se(null), [Z, k] = an(), P = se(!1), F = se(!1), b = e.useState(
       (u) => u.virtualFocus && l
-    ), y = h === "inline" || h === "both", [F, B] = de(y);
-    an(() => {
-      y && B(!0);
+    ), y = O === "inline" || O === "both", [B, j] = de(y);
+    un(() => {
+      y && j(!0);
     }, [y]);
-    const S = e.useState("value"), P = se();
-    ae(() => G(e, ["selectedValue", "activeId"], (u, x) => {
-      P.current = x.selectedValue;
+    const h = e.useState("value"), _ = se();
+    ae(() => J(e, ["selectedValue", "activeId"], (u, I) => {
+      _.current = I.selectedValue;
     }), []);
-    const g = e.useState((u) => {
-      var x;
-      if (y && F && !(u.activeValue && Array.isArray(u.selectedValue) && (u.selectedValue.includes(u.activeValue) || (x = P.current) != null && x.includes(u.activeValue))))
+    const S = e.useState((u) => {
+      var I;
+      if (y && B && !(u.activeValue && Array.isArray(u.selectedValue) && (u.selectedValue.includes(u.activeValue) || (I = _.current) != null && I.includes(u.activeValue))))
         return u.activeValue;
-    }), O = e.useState("renderedItems"), q = e.useState("open"), Y = e.useState("contentElement"), J = Ce(() => {
-      if (!y || !F) return S;
-      if (We(
-        O,
-        g,
+    }), E = e.useState("renderedItems"), q = e.useState("open"), Y = e.useState("contentElement"), ee = Ce(() => {
+      if (!y || !B) return h;
+      if (Ze(
+        E,
+        S,
         b
       )) {
-        if (Ze(S, g)) {
-          const x = (g == null ? void 0 : g.slice(S.length)) || "";
-          return S + x;
+        if ($e(h, S)) {
+          const I = (S == null ? void 0 : S.slice(h.length)) || "";
+          return h + I;
         }
-        return S;
+        return h;
       }
-      return g || S;
-    }, [y, F, O, g, b, S]);
+      return S || h;
+    }, [y, B, E, S, b, h]);
     ae(() => {
-      const u = K.current;
+      const u = x.current;
       if (!u) return;
-      const x = () => B(!0);
-      return u.addEventListener("combobox-item-move", x), () => {
-        u.removeEventListener("combobox-item-move", x);
+      const I = () => j(!0);
+      return u.addEventListener("combobox-item-move", I), () => {
+        u.removeEventListener("combobox-item-move", I);
       };
     }, []), ae(() => {
-      if (!y || !F || !g || !We(
-        O,
-        g,
+      if (!y || !B || !S || !Ze(
+        E,
+        S,
         b
-      ) || !Ze(S, g)) return;
-      let x = un;
+      ) || !$e(h, S)) return;
+      let I = cn;
       return queueMicrotask(() => {
-        const N = K.current;
-        if (!N) return;
-        const { start: L, end: z } = Fe(N), ee = S.length, H = g.length;
-        Ie(N, ee, H), x = () => {
-          if (!Pe(N)) return;
-          const { start: ce, end: Ut } = Fe(N);
-          ce === ee && Ut === H && Ie(N, L, z);
+        const L = x.current;
+        if (!L) return;
+        const { start: T, end: z } = Be(L), te = h.length, U = S.length;
+        Ie(L, te, U), I = () => {
+          if (!_e(L)) return;
+          const { start: ce, end: Ft } = Be(L);
+          ce === te && Ft === U && Ie(L, T, z);
         };
-      }), () => x();
+      }), () => I();
     }, [
-      $,
+      Z,
       y,
-      F,
-      g,
-      O,
+      B,
+      S,
+      E,
       b,
-      S
+      h
     ]);
-    const fe = se(null), ue = Q(a), k = se(null);
+    const fe = se(null), ue = Q(a), M = se(null);
     ae(() => {
       if (!q || !Y) return;
-      const u = cn(Y);
+      const u = dn(Y);
       if (!u) return;
       fe.current = u;
-      const x = () => {
-        I.current = !1;
-      }, N = () => {
-        if (!e || !I.current) return;
+      const I = () => {
+        P.current = !1;
+      }, L = () => {
+        if (!e || !P.current) return;
         const { activeId: z } = e.getState();
-        z !== null && z !== k.current && (I.current = !1);
-      }, L = { passive: !0, capture: !0 };
-      return u.addEventListener("wheel", x, L), u.addEventListener("touchmove", x, L), u.addEventListener("scroll", N, L), () => {
-        u.removeEventListener("wheel", x, !0), u.removeEventListener("touchmove", x, !0), u.removeEventListener("scroll", N, !0);
+        z !== null && z !== M.current && (P.current = !1);
+      }, T = { passive: !0, capture: !0 };
+      return u.addEventListener("wheel", I, T), u.addEventListener("touchmove", I, T), u.addEventListener("scroll", L, T), () => {
+        u.removeEventListener("wheel", I, !0), u.removeEventListener("touchmove", I, !0), u.removeEventListener("scroll", L, !0);
       };
     }, [q, Y, e]), Ve(() => {
-      S && (U.current || (I.current = !0));
-    }, [S]), Ve(() => {
-      b !== "always" && q || (I.current = q);
+      h && (F.current || (P.current = !0));
+    }, [h]), Ve(() => {
+      b !== "always" && q || (P.current = q);
     }, [b, q]);
     const ve = e.useState("resetValueOnSelect");
-    ke(() => {
-      var u, x;
-      const N = I.current;
-      if (!e || !q || !N && !ve) return;
-      const { baseElement: L, contentElement: z, activeId: ee } = e.getState();
-      if (!(L && !Pe(L))) {
+    Me(() => {
+      var u, I;
+      const L = P.current;
+      if (!e || !q || !L && !ve) return;
+      const { baseElement: T, contentElement: z, activeId: te } = e.getState();
+      if (!(T && !_e(T))) {
         if (z != null && z.hasAttribute("data-placing")) {
-          const H = new MutationObserver(_);
-          return H.observe(z, { attributeFilter: ["data-placing"] }), () => H.disconnect();
+          const U = new MutationObserver(k);
+          return U.observe(z, { attributeFilter: ["data-placing"] }), () => U.disconnect();
         }
-        if (b && N) {
-          const H = ue(O), ce = H !== void 0 ? H : (u = mo(O)) != null ? u : e.first();
-          k.current = ce, e.move(ce ?? null);
+        if (b && L) {
+          const U = ue(E), ce = U !== void 0 ? U : (u = fo(E)) != null ? u : e.first();
+          M.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" });
+          const U = (I = e.item(te || e.first())) == null ? void 0 : I.element;
+          U && "scrollIntoView" in U && U.scrollIntoView({ block: "nearest", inline: "nearest" });
         }
       }
     }, [
       e,
       q,
-      $,
-      S,
+      Z,
+      h,
       b,
       ve,
       ue,
-      O
+      E
     ]), ae(() => {
       if (!y) return;
-      const u = K.current;
+      const u = x.current;
       if (!u) return;
-      const x = [u, Y].filter(
-        (L) => !!L
-      ), N = (L) => {
-        x.every((z) => mn(L, z)) && (e == null || e.setValue(J));
+      const I = [u, Y].filter(
+        (T) => !!T
+      ), L = (T) => {
+        I.every((z) => fn(T, z)) && (e == null || e.setValue(ee));
       };
-      for (const L of x)
-        L.addEventListener("focusout", N);
+      for (const T of I)
+        T.addEventListener("focusout", L);
       return () => {
-        for (const L of x)
-          L.removeEventListener("focusout", N);
+        for (const T of I)
+          T.removeEventListener("focusout", L);
       };
-    }, [y, Y, e, J]);
-    const pe = (u) => u.currentTarget.value.length >= f, Se = C.onChange, Ne = T(c ?? pe), Le = T(
+    }, [y, Y, e, ee]);
+    const pe = (u) => u.currentTarget.value.length >= v, Se = g.onChange, Le = R(c ?? pe), Te = R(
       // If the combobox is combined with tags, the value will be set by the tag
       // input component.
       m ?? !e.tag
-    ), Te = Q((u) => {
+    ), Re = Q((u) => {
       if (Se == null || Se(u), u.defaultPrevented || !e) return;
-      const x = u.currentTarget, { value: N, selectionStart: L, selectionEnd: z } = x, ee = u.nativeEvent;
-      if (I.current = !0, uo(ee) && (ee.isComposing && (I.current = !1, U.current = !0), y)) {
-        const H = ee.inputType === "insertText" || ee.inputType === "insertCompositionText", ce = L === N.length;
-        B(H && ce);
+      const I = u.currentTarget, { value: L, selectionStart: T, selectionEnd: z } = I, te = u.nativeEvent;
+      if (P.current = !0, co(te) && (te.isComposing && (P.current = !1, F.current = !0), y)) {
+        const U = te.inputType === "insertText" || te.inputType === "insertCompositionText", ce = T === L.length;
+        j(U && ce);
       }
-      if (Le(u)) {
-        const H = N === e.getState().value;
-        e.setValue(N), queueMicrotask(() => {
-          Ie(x, L, z);
-        }), y && b && H && _();
+      if (Te(u)) {
+        const U = L === e.getState().value;
+        e.setValue(L), queueMicrotask(() => {
+          Ie(I, T, z);
+        }), y && b && U && k();
       }
-      Ne(u) && e.show(), (!b || !I.current) && e.setActiveId(null);
-    }), xe = C.onCompositionEnd, Ee = Q((u) => {
-      I.current = !0, U.current = !1, xe == null || xe(u), !u.defaultPrevented && b && _();
-    }), Re = C.onMouseDown, _t = T(
+      Le(u) && e.show(), (!b || !P.current) && e.setActiveId(null);
+    }), xe = g.onCompositionEnd, Ee = Q((u) => {
+      P.current = !0, F.current = !1, xe == null || xe(u), !u.defaultPrevented && b && k();
+    }), Ke = g.onMouseDown, kt = R(
       d ?? (() => !!(e != null && e.getState().includesBaseElement))
-    ), kt = T(p), Mt = T(s ?? pe), Dt = Q((u) => {
-      Re == null || Re(u), !u.defaultPrevented && (u.button || u.ctrlKey || e && (_t(u) && e.setActiveId(null), kt(u) && e.setValue(J), Mt(u) && Je(u.currentTarget, "mouseup", e.show)));
-    }), Ke = C.onKeyDown, Nt = T(E ?? pe), Lt = Q((u) => {
-      if (Ke == null || Ke(u), u.repeat || (I.current = !1), u.defaultPrevented || u.ctrlKey || u.altKey || u.shiftKey || u.metaKey || !e) return;
-      const { open: x } = e.getState();
-      x || (u.key === "ArrowUp" || u.key === "ArrowDown") && Nt(u) && (u.preventDefault(), e.show());
-    }), He = C.onBlur, Tt = Q((u) => {
-      I.current = !1, He == null || He(u), u.defaultPrevented;
-    }), Rt = Ae(C.id), Kt = co(h) ? h : void 0, Ht = e.useState((u) => u.activeId === null);
-    return C = R(A({
-      id: Rt,
+    ), Mt = R(p), Nt = R(s ?? pe), Dt = Q((u) => {
+      Ke == null || Ke(u), !u.defaultPrevented && (u.button || u.ctrlKey || e && (kt(u) && e.setActiveId(null), Mt(u) && e.setValue(ee), Nt(u) && et(u.currentTarget, "mouseup", e.show)));
+    }), He = g.onKeyDown, Lt = R(C ?? pe), Tt = Q((u) => {
+      if (He == null || He(u), u.repeat || (P.current = !1), u.defaultPrevented || u.ctrlKey || u.altKey || u.shiftKey || u.metaKey || !e) return;
+      const { open: I } = e.getState();
+      I || (u.key === "ArrowUp" || u.key === "ArrowDown") && Lt(u) && (u.preventDefault(), e.show());
+    }), Ue = g.onBlur, Rt = Q((u) => {
+      P.current = !1, Ue == null || Ue(u), u.defaultPrevented;
+    }), Kt = Ae(g.id), Ht = mo(O) ? O : void 0, Ut = e.useState((u) => u.activeId === null);
+    return g = H(A({
+      id: Kt,
       role: "combobox",
-      "aria-autocomplete": Kt,
-      "aria-haspopup": et(Y, "listbox"),
+      "aria-autocomplete": Ht,
+      "aria-haspopup": tt(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: Te,
+      "data-active-item": Ut || void 0,
+      value: ee
+    }, g), {
+      ref: ye(x, g.ref),
+      onChange: Re,
       onCompositionEnd: Ee,
       onMouseDown: Dt,
-      onKeyDown: Lt,
-      onBlur: Tt
-    }), C = yt(R(A({
+      onKeyDown: Tt,
+      onBlur: Rt
+    }), g = At(H(A({
       store: e,
       focusable: r
-    }, C), {
+    }, g), {
       // Enable inline autocomplete when the user moves from the combobox input
       // to an item.
-      moveOnKeyPress: (u) => dn(V, u) ? !1 : (y && B(!0), !0)
-    })), C = Sn(A({ store: e }, C)), A({ autoComplete: "off" }, C);
+      moveOnKeyPress: (u) => mn(V, u) ? !1 : (y && j(!0), !0)
+    })), g = gn(A({ store: e }, g)), A({ autoComplete: "off" }, g);
   }
-), vo = re(function(n) {
-  const o = fo(n);
-  return le(io, o);
+), po = re(function(n) {
+  const o = vo(n);
+  return le(uo, o);
 });
-function po(t = {}) {
-  const n = ao(t);
-  return /* @__PURE__ */ w(On, { value: n, children: t.children });
+function bo(t = {}) {
+  const n = io(t);
+  return /* @__PURE__ */ w(yn, { value: n, children: t.children });
 }
-var bo = "div";
-function ho(t, n) {
+var ho = "div";
+function So(t, n) {
   if (n != null)
     return t == null ? !1 : Array.isArray(t) ? t.includes(n) : t === n;
 }
-function So(t) {
+function go(t) {
   var n;
   return (n = {
     menu: "menuitem",
@@ -952,7 +953,7 @@ function So(t) {
     tree: "treeitem"
   }[t]) != null ? n : "option";
 }
-var go = ne(
+var Co = ne(
   function(n) {
     var o = n, {
       store: e,
@@ -960,11 +961,11 @@ var go = ne(
       hideOnClick: l,
       setValueOnClick: a,
       selectValueOnClick: m = !0,
-      resetValueOnSelect: f,
+      resetValueOnSelect: v,
       focusOnHover: c = !1,
       moveOnKeyPress: i = !0,
       getItem: s
-    } = o, v = oe(o, [
+    } = o, f = oe(o, [
       "store",
       "value",
       "hideOnClick",
@@ -974,150 +975,150 @@ var go = ne(
       "focusOnHover",
       "moveOnKeyPress",
       "getItem"
-    ]), E;
-    const d = ht();
+    ]), C;
+    const d = St();
     e = e || d, me(
       e,
       process.env.NODE_ENV !== "production" && "ComboboxItem must be wrapped in a ComboboxList or ComboboxPopover component."
     );
-    const { resetValueOnSelectState: p, multiSelectable: V, selected: h } = pt(e, {
+    const { resetValueOnSelectState: p, multiSelectable: V, selected: O } = bt(e, {
       resetValueOnSelectState: "resetValueOnSelect",
-      multiSelectable(S) {
-        return Array.isArray(S.selectedValue);
+      multiSelectable(h) {
+        return Array.isArray(h.selectedValue);
       },
-      selected(S) {
-        return ho(S.selectedValue, r);
+      selected(h) {
+        return So(h.selectedValue, r);
       }
-    }), C = Qe(
-      (S) => {
-        const P = R(A({}, S), { value: r });
-        return s ? s(P) : P;
+    }), g = Xe(
+      (h) => {
+        const _ = H(A({}, h), { value: r });
+        return s ? s(_) : _;
       },
       [r, s]
     );
     a = a ?? !V, l = l ?? (r != null && !V);
-    const W = v.onClick, K = T(a), $ = T(m), _ = T(
-      (E = f ?? p) != null ? E : V
-    ), I = T(l), U = Q((S) => {
-      W == null || W(S), !S.defaultPrevented && (nt(S) || ot(S) || (r != null && ($(S) && (_(S) && (e == null || e.resetValue()), e == null || e.setSelectedValue((P) => Array.isArray(P) ? P.includes(r) ? P.filter((g) => g !== r) : [...P, r] : r)), K(S) && (e == null || e.setValue(r))), I(S) && (e == null || e.hide())));
-    }), b = v.onKeyDown, y = Q((S) => {
-      if (b == null || b(S), S.defaultPrevented) return;
-      const P = e == null ? void 0 : e.getState().baseElement;
-      if (!P || Pe(P)) return;
-      (S.key.length === 1 || S.key === "Backspace" || S.key === "Delete") && (queueMicrotask(() => P.focus()), vn(P) && (e == null || e.setValue(P.value)));
+    const K = f.onClick, x = R(a), Z = R(m), k = R(
+      (C = v ?? p) != null ? C : V
+    ), P = R(l), F = Q((h) => {
+      K == null || K(h), !h.defaultPrevented && (ot(h) || rt(h) || (r != null && (Z(h) && (k(h) && (e == null || e.resetValue()), e == null || e.setSelectedValue((_) => Array.isArray(_) ? _.includes(r) ? _.filter((S) => S !== r) : [..._, r] : r)), x(h) && (e == null || e.setValue(r))), P(h) && (e == null || e.hide())));
+    }), b = f.onKeyDown, y = Q((h) => {
+      if (b == null || b(h), h.defaultPrevented) return;
+      const _ = e == null ? void 0 : e.getState().baseElement;
+      if (!_ || _e(_)) return;
+      (h.key.length === 1 || h.key === "Backspace" || h.key === "Delete") && (queueMicrotask(() => _.focus()), pn(_) && (e == null || e.setValue(_.value)));
     });
-    V && h != null && (v = A({
-      "aria-selected": h
-    }, v)), v = he(
-      v,
-      (S) => /* @__PURE__ */ w(yn.Provider, { value: r, children: /* @__PURE__ */ w(An.Provider, { value: h ?? !1, children: S }) }),
-      [r, h]
+    V && O != null && (f = A({
+      "aria-selected": O
+    }, f)), f = he(
+      f,
+      (h) => /* @__PURE__ */ w(An.Provider, { value: r, children: /* @__PURE__ */ w(xn.Provider, { value: O ?? !1, children: h }) }),
+      [r, O]
     );
-    const F = we(St);
-    v = R(A({
-      role: So(F),
+    const B = Pe(gt);
+    f = H(A({
+      role: go(B),
       children: r
-    }, v), {
-      onClick: U,
+    }, f), {
+      onClick: F,
       onKeyDown: y
     });
-    const B = T(i);
-    return v = xt(R(A({
+    const j = R(i);
+    return f = It(H(A({
       store: e
-    }, v), {
-      getItem: C,
+    }, f), {
+      getItem: g,
       // 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: (S) => {
-        if (!B(S)) return !1;
-        const P = new Event("combobox-item-move"), g = e == null ? void 0 : e.getState().baseElement;
-        return g == null || g.dispatchEvent(P), !0;
+      moveOnKeyPress: (h) => {
+        if (!j(h)) return !1;
+        const _ = new Event("combobox-item-move"), S = e == null ? void 0 : e.getState().baseElement;
+        return S == null || S.dispatchEvent(_), !0;
       }
-    })), v = At(A({ store: e, focusOnHover: c }, v)), v;
+    })), f = xt(A({ store: e, focusOnHover: c }, f)), f;
   }
-), Co = tt(
+), Eo = nt(
   re(function(n) {
-    const o = go(n);
-    return le(bo, o);
+    const o = Co(n);
+    return le(ho, o);
   })
-), Eo = "div", Oo = ne(
+), Oo = "div", yo = ne(
   function(n) {
     var o = n, { store: e, alwaysVisible: r } = o, l = oe(o, ["store", "alwaysVisible"]);
-    const a = ht(!0), m = xn();
+    const a = St(!0), m = In();
     e = e || m;
-    const f = !!e && e === a;
+    const v = !!e && e === a;
     me(
       e,
       process.env.NODE_ENV !== "production" && "ComboboxList must receive a `store` prop or be wrapped in a ComboboxProvider component."
     );
-    const c = se(null), i = Ae(l.id), s = e.useState("mounted"), v = Ot(s, l.hidden, r), E = v ? R(A({}, l.style), { display: "none" }) : l.style, d = e.useState(
-      (_) => Array.isArray(_.selectedValue)
-    ), p = rt(c, "role", l.role), h = (p === "listbox" || p === "tree" || p === "grid") && d || void 0, [C, W] = de(!1), K = e.useState("contentElement");
+    const c = se(null), i = Ae(l.id), s = e.useState("mounted"), f = yt(s, l.hidden, r), C = f ? H(A({}, l.style), { display: "none" }) : l.style, d = e.useState(
+      (k) => Array.isArray(k.selectedValue)
+    ), p = lt(c, "role", l.role), O = (p === "listbox" || p === "tree" || p === "grid") && d || void 0, [g, K] = de(!1), x = e.useState("contentElement");
     Ve(() => {
       if (!s) return;
-      const _ = c.current;
-      if (!_ || K !== _) return;
-      const I = () => {
-        W(!!_.querySelector("[role='listbox']"));
-      }, U = new MutationObserver(I);
-      return U.observe(_, {
+      const k = c.current;
+      if (!k || x !== k) return;
+      const P = () => {
+        K(!!k.querySelector("[role='listbox']"));
+      }, F = new MutationObserver(P);
+      return F.observe(k, {
         subtree: !0,
         childList: !0,
         attributeFilter: ["role"]
-      }), I(), () => U.disconnect();
-    }, [s, K]), C || (l = A({
+      }), P(), () => F.disconnect();
+    }, [s, x]), g || (l = A({
       role: "listbox",
-      "aria-multiselectable": h
+      "aria-multiselectable": O
     }, l)), l = he(
       l,
-      (_) => /* @__PURE__ */ w(In, { value: e, children: /* @__PURE__ */ w(St.Provider, { value: p, children: _ }) }),
+      (k) => /* @__PURE__ */ w(wn, { value: e, children: /* @__PURE__ */ w(gt.Provider, { value: p, children: k }) }),
       [e, p]
     );
-    const $ = i && (!a || !f) ? e.setContentElement : null;
-    return l = R(A({
+    const Z = i && (!a || !v) ? e.setContentElement : null;
+    return l = H(A({
       id: i,
-      hidden: v
+      hidden: f
     }, l), {
-      ref: ye($, c, l.ref),
-      style: E
-    }), Xe(l);
+      ref: ye(Z, c, l.ref),
+      style: C
+    }), Ge(l);
   }
-), yo = re(function(n) {
-  const o = Oo(n);
-  return le(Eo, o);
+), Ao = re(function(n) {
+  const o = yo(n);
+  return le(Oo, o);
 });
-const Ao = /* @__PURE__ */ new Map([
+const xo = /* @__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" }))
+    /* @__PURE__ */ N.createElement(N.Fragment, null, /* @__PURE__ */ N.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" }))
+    /* @__PURE__ */ N.createElement(N.Fragment, null, /* @__PURE__ */ N.createElement("path", { d: "M192,112a80,80,0,1,1-80-80A80,80,0,0,1,192,112Z", opacity: "0.2" }), /* @__PURE__ */ N.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" }))
+    /* @__PURE__ */ N.createElement(N.Fragment, null, /* @__PURE__ */ N.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" }))
+    /* @__PURE__ */ N.createElement(N.Fragment, null, /* @__PURE__ */ N.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" }))
+    /* @__PURE__ */ N.createElement(N.Fragment, null, /* @__PURE__ */ N.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" }))
+    /* @__PURE__ */ N.createElement(N.Fragment, null, /* @__PURE__ */ N.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($t, { ref: n, ...t, weights: Ao }));
+]), Vt = N.forwardRef((t, n) => /* @__PURE__ */ N.createElement(qt, { ref: n, ...t, weights: xo }));
 Vt.displayName = "MagnifyingGlassIcon";
-var ge = { exports: {} }, $e;
-function xo() {
-  if ($e) return ge.exports;
-  $e = 1;
+var ge = { exports: {} }, qe;
+function Io() {
+  if (qe) return ge.exports;
+  qe = 1;
   var t = {
     À: "A",
     Á: "A",
@@ -1589,15 +1590,15 @@ function xo() {
   };
   return ge.exports = l, ge.exports.has = a, ge.exports.remove = l, ge.exports;
 }
-var Io = xo();
-const wo = /* @__PURE__ */ qt(Io);
+var wo = Io();
+const Po = /* @__PURE__ */ Yt(wo);
 /**
  * @name match-sorter
  * @license MIT license.
  * @copyright (c) 2020 Kent C. Dodds
  * @author Kent C. Dodds <me@kentcdodds.com> (https://kentcdodds.com)
  */
-const j = {
+const W = {
   CASE_SENSITIVE_EQUAL: 7,
   EQUAL: 6,
   STARTS_WITH: 5,
@@ -1607,76 +1608,76 @@ const j = {
   MATCHES: 1,
   NO_MATCH: 0
 }, Vo = (t, n) => String(t.rankedValue).localeCompare(String(n.rankedValue));
-function Pt(t, n, o) {
+function _t(t, n, o) {
   o === void 0 && (o = {});
   const {
     keys: e,
-    threshold: r = j.MATCHES,
+    threshold: r = W.MATCHES,
     baseSort: l = Vo,
-    sorter: a = (c) => c.sort((i, s) => Mo(i, s, l))
-  } = o, m = t.reduce(f, []);
+    sorter: a = (c) => c.sort((i, s) => No(i, s, l))
+  } = o, m = t.reduce(v, []);
   return a(m).map((c) => {
     let {
       item: i
     } = c;
     return i;
   });
-  function f(c, i, s) {
-    const v = Po(i, e, n, o), {
-      rank: E,
+  function v(c, i, s) {
+    const f = _o(i, e, n, o), {
+      rank: C,
       keyThreshold: d = r
-    } = v;
-    return E >= d && c.push({
-      ...v,
+    } = f;
+    return C >= d && c.push({
+      ...f,
       item: i,
       index: s
     }), c;
   }
 }
-Pt.rankings = j;
-function Po(t, n, o, e) {
+_t.rankings = W;
+function _o(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),
+      rank: Ye(l, o, e),
       keyIndex: -1,
       keyThreshold: e.threshold
     };
   }
-  return Lo(t, n).reduce((l, a, m) => {
+  return To(t, n).reduce((l, a, m) => {
     let {
-      rank: f,
+      rank: v,
       rankedValue: c,
       keyIndex: i,
       keyThreshold: s
     } = l, {
-      itemValue: v,
-      attributes: E
-    } = a, d = qe(v, o, e), p = c;
+      itemValue: f,
+      attributes: C
+    } = a, d = Ye(f, o, e), p = c;
     const {
       minRanking: V,
-      maxRanking: h,
-      threshold: C
-    } = E;
-    return d < V && d >= j.MATCHES ? d = V : d > h && (d = h), d > f && (f = d, i = m, s = C, p = v), {
+      maxRanking: O,
+      threshold: g
+    } = C;
+    return d < V && d >= W.MATCHES ? d = V : d > O && (d = O), d > v && (v = d, i = m, s = g, p = f), {
       rankedValue: p,
-      rank: f,
+      rank: v,
       keyIndex: i,
       keyThreshold: s
     };
   }, {
     rankedValue: t,
-    rank: j.NO_MATCH,
+    rank: W.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 : _o(t).includes(n) ? j.ACRONYM : ko(t, n));
+function Ye(t, n, o) {
+  return t = ze(t, o), n = ze(n, o), n.length > t.length ? W.NO_MATCH : t === n ? W.CASE_SENSITIVE_EQUAL : (t = t.toLowerCase(), n = n.toLowerCase(), t === n ? W.EQUAL : t.startsWith(n) ? W.STARTS_WITH : t.includes(` ${n}`) ? W.WORD_STARTS_WITH : t.includes(n) ? W.CONTAINS : n.length === 1 ? W.NO_MATCH : ko(t).includes(n) ? W.ACRONYM : Mo(t, n));
 }
-function _o(t) {
+function ko(t) {
   let n = "";
   return t.split(" ").forEach((e) => {
     e.split("-").forEach((l) => {
@@ -1684,45 +1685,45 @@ function _o(t) {
     });
   }), n;
 }
-function ko(t, n) {
+function Mo(t, n) {
   let o = 0, e = 0;
-  function r(f, c, i) {
-    for (let s = i, v = c.length; s < v; s++)
-      if (c[s] === f)
+  function r(v, c, i) {
+    for (let s = i, f = c.length; s < f; s++)
+      if (c[s] === v)
         return o += 1, s + 1;
     return -1;
   }
-  function l(f) {
-    const c = 1 / f, i = o / n.length;
-    return j.MATCHES + i * c;
+  function l(v) {
+    const c = 1 / v, i = o / n.length;
+    return W.MATCHES + i * c;
   }
   const a = r(n[0], t, 0);
   if (a < 0)
-    return j.NO_MATCH;
+    return W.NO_MATCH;
   e = a;
-  for (let f = 1, c = n.length; f < c; f++) {
-    const i = n[f];
+  for (let v = 1, c = n.length; v < c; v++) {
+    const i = n[v];
     if (e = r(i, t, e), !(e > -1))
-      return j.NO_MATCH;
+      return W.NO_MATCH;
   }
   const m = e - a;
   return l(m);
 }
-function Mo(t, n, o) {
+function No(t, n, o) {
   const {
     rank: l,
     keyIndex: a
   } = t, {
     rank: m,
-    keyIndex: f
+    keyIndex: v
   } = n;
-  return l === m ? a === f ? o(t, n) : a < f ? -1 : 1 : l > m ? -1 : 1;
+  return l === m ? a === v ? o(t, n) : a < v ? -1 : 1 : l > m ? -1 : 1;
 }
-function Ye(t, n) {
+function ze(t, n) {
   let {
     keepDiacritics: o
   } = n;
-  return t = `${t}`, o || (t = wo(t)), t;
+  return t = `${t}`, o || (t = Po(t)), t;
 }
 function Do(t, n) {
   typeof n == "object" && (n = n.key);
@@ -1735,19 +1736,19 @@ function Do(t, n) {
     o = t[n];
   else {
     if (n.includes("."))
-      return No(n, t);
+      return Lo(n, t);
     o = null;
   }
   return o == null ? [] : Array.isArray(o) ? o : [String(o)];
 }
-function No(t, n) {
+function Lo(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, c = e.length; f < c; f++) {
-      const i = e[f];
+    for (let v = 0, c = e.length; v < c; v++) {
+      const i = e[v];
       if (i != null)
         if (Object.hasOwnProperty.call(i, a)) {
           const s = i[a];
@@ -1758,75 +1759,79 @@ function No(t, n) {
   }
   return Array.isArray(e[0]) ? [].concat(...e) : e;
 }
-function Lo(t, n) {
+function To(t, n) {
   const o = [];
   for (let e = 0, r = n.length; e < r; e++) {
-    const l = n[e], a = To(l), m = Do(t, l);
-    for (let f = 0, c = m.length; f < c; f++)
+    const l = n[e], a = Ro(l), m = Do(t, l);
+    for (let v = 0, c = m.length; v < c; v++)
       o.push({
-        itemValue: m[f],
+        itemValue: m[v],
         attributes: a
       });
   }
   return o;
 }
-const ze = {
+const Qe = {
   maxRanking: 1 / 0,
   minRanking: -1 / 0
 };
-function To(t) {
-  return typeof t == "string" ? ze : {
-    ...ze,
+function Ro(t) {
+  return typeof t == "string" ? Qe : {
+    ...Qe,
     ...t
   };
 }
-function ir(t) {
-  var V;
-  const { baseProps: n, controlProps: o } = zt(t, {
+function cr(t) {
+  var K;
+  const { baseProps: n, controlProps: o } = Qt(t, {
     className: "component-select-control"
-  }), [e, r] = de(""), {
-    value: l,
-    onChangeValue: a = jt,
-    options: m,
-    placeholder: f = "Choose an option...",
-    searchable: c = !1,
-    ...i
-  } = o, s = (m || []).map(Ft), v = Ce(() => Pt(s, e, {
-    baseSort: (h, C) => h.index < C.index ? -1 : 1,
+  }), { prefix: e, suffix: r, ...l } = n, [a, m] = de(""), {
+    value: v,
+    onChangeValue: c = Wt,
+    options: i,
+    placeholder: s = "Choose an option...",
+    searchable: f = !1,
+    ...C
+  } = o, d = (i || []).map(Bt), p = Ce(() => _t(d, a, {
+    baseSort: (x, Z) => x.index < Z.index ? -1 : 1,
     keys: ["label", "description"]
-  }), [e]), E = c ? yo : Qn, d = ((V = s.find((h) => h.value === l)) == null ? void 0 : V.label) || f;
+  }), [a]), V = f ? Ao : Xn, O = ((K = d.find((x) => x.value === v)) == null ? void 0 : K.label) || s;
   return /* @__PURE__ */ w(
-    po,
+    bo,
     {
       resetValueOnHide: !0,
-      setValue: (h) => {
-        Zt(() => {
-          r(h);
+      setValue: (x) => {
+        $t(() => {
+          m(x);
         });
       },
-      children: /* @__PURE__ */ w(Wn, { value: l, setValue: a, children: /* @__PURE__ */ te(Yt, { ...n, children: [
-        /* @__PURE__ */ te(
-          jn,
+      children: /* @__PURE__ */ w(Zn, { value: v, setValue: c, children: /* @__PURE__ */ X(zt, { ...l, children: [
+        /* @__PURE__ */ X(
+          Wn,
           {
             className: "component-select-control__input",
-            ...i,
+            ...C,
             children: [
               /* @__PURE__ */ w(
                 "div",
                 {
-                  className: Bt(
+                  className: jt(
                     "component-select-control__value",
-                    d === f && "component-select-control__value--placeholder"
+                    O === s && "component-select-control__value--placeholder"
                   ),
-                  children: /* @__PURE__ */ w(eo, { fallback: f, children: () => d })
+                  children: /* @__PURE__ */ w(to, { fallback: s, children: () => /* @__PURE__ */ X(we, { children: [
+                    /* @__PURE__ */ w(Fe, { children: e }),
+                    /* @__PURE__ */ w("span", { className: "component-select-control__value__label", children: O }),
+                    /* @__PURE__ */ w(Fe, { suffix: !0, children: r })
+                  ] }) })
                 }
               ),
-              /* @__PURE__ */ w("div", { className: "component-select-control__caret", children: /* @__PURE__ */ w(Wt, {}) })
+              /* @__PURE__ */ w("div", { className: "component-select-control__caret", children: /* @__PURE__ */ w(Zt, {}) })
             ]
           }
         ),
-        /* @__PURE__ */ te(
-          Jn,
+        /* @__PURE__ */ X(
+          eo,
           {
             className: "component-select-control__popover",
             "data-colour-scheme": "invert",
@@ -1839,16 +1844,16 @@ function ir(t) {
             shift: -1,
             portal: !0,
             children: [
-              /* @__PURE__ */ te(
+              /* @__PURE__ */ X(
                 "div",
                 {
                   className: "component-select-control__popover__search-wrapper",
-                  inert: !c,
-                  hidden: !c,
+                  inert: !f,
+                  hidden: !f,
                   children: [
                     /* @__PURE__ */ w(Vt, { className: "component-select-control__popover__search-icon" }),
                     /* @__PURE__ */ w(
-                      vo,
+                      po,
                       {
                         autoSelect: !0,
                         placeholder: "Search...",
@@ -1858,22 +1863,22 @@ function ir(t) {
                   ]
                 }
               ),
-              /* @__PURE__ */ w(E, { className: "component-select-control__list", children: v.map((h) => /* @__PURE__ */ te(
-                Yn,
+              /* @__PURE__ */ w(V, { className: "component-select-control__list", children: p.map((x) => /* @__PURE__ */ X(
+                zn,
                 {
-                  disabled: h.disabled,
-                  value: h.value,
+                  disabled: x.disabled,
+                  value: x.value,
                   className: "component-select-control__option",
-                  render: /* @__PURE__ */ w(Co, {}),
+                  render: /* @__PURE__ */ w(Eo, {}),
                   children: [
-                    /* @__PURE__ */ te("div", { className: "component-select-control__option__label", children: [
-                      h.icon,
-                      h.label
+                    /* @__PURE__ */ X("div", { className: "component-select-control__option__label", children: [
+                      x.icon,
+                      x.label
                     ] }),
-                    h.description && /* @__PURE__ */ w("div", { className: "component-select-control__option__description", children: h.description })
+                    x.description && /* @__PURE__ */ w("div", { className: "component-select-control__option__description", children: x.description })
                   ]
                 },
-                h.value
+                x.value
               )) })
             ]
           }
@@ -1883,5 +1888,5 @@ function ir(t) {
   );
 }
 export {
-  ir as SelectControl
+  cr as SelectControl
 };