@wrdagency/blockout 0.0.11 → 0.0.13

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

@@ -1,16 +1,17 @@
 import { jsx as I, jsxs as se, Fragment as Fe } from "react/jsx-runtime";
 import { normalizeOption as Zt } from "../../../types/options.js";
-import { e as $t } from "../../../CaretDown.es-eySGHzTJ.js";
+import { noop as $t } from "../../../utils/noop.js";
+import { e as qt } from "../../../CaretDown.es-eySGHzTJ.js";
 import * as M from "react";
-import { createContext as ge, useMemo as Ee, useState as de, useRef as le, useEffect as ae, useCallback as Je, useContext as Ve, startTransition as qt } from "react";
-import { w as zt } from "../../../SSRBase.es-BUXS72ra.js";
-import { g as Yt } from "../../../_commonjsHelpers-C6fGbg64.js";
-import { BaseControl as Gt } from "../base-control/index.js";
-import { useBaseControlProps as Jt } from "../base-control/props.js";
-import { c as Qe, P as Qt, C as Xe, o as Xt, a as et, b as te, _ as ne, q as en, i as me, h as R, j as x, t as tt, f as oe, d as re, K as nt, x as ue, y as D, z as Z, M as Me, u as L, e as G, a2 as ot, G as he, s as Ae, O as rt, m as lt, r as Ie, J as tn, g as nn, k as st, l as at, ag as on, ah as ut, a3 as rn, D as ln, a6 as sn, ai as an, aj as un, ak as cn, ac as Be, al as Pe, U as dn, af as mn, v as ke, H as fn, a4 as vn, am as pn, W as bn } from "../../../P7GR5CS5-PkUYC6hd.js";
-import { d as it, c as ct, t as dt, e as mt, k as ft, u as vt, f as pt, j as hn, h as bt, i as ht, g as St, b as Sn, a as Cn, l as gn, C as En, m as Ct, n as gt, o as On, p as xn, q as yn, r as An } from "../../../T7VMP3TM-BeJUiw28.js";
-import { m as Et, o as In, t as Ot, c as xt, f as J, s as Q, i as yt, g as At, d as be, j as It, a as wt, b as Pt, u as wn, p as Pn, k as _e } from "../../../UQQRIHDV-xtNCxi0H.js";
-import '../../../assets/index10.css';const Vn = /* @__PURE__ */ new Map([
+import { createContext as ge, useMemo as Ee, useState as de, useRef as le, useEffect as ae, useCallback as Je, useContext as Ve, startTransition as zt } from "react";
+import { w as Yt } from "../../../SSRBase.es-BUXS72ra.js";
+import { g as Gt } from "../../../_commonjsHelpers-C6fGbg64.js";
+import { BaseControl as Jt } from "../base-control/index.js";
+import { useBaseControlProps as Qt } from "../base-control/props.js";
+import { c as Qe, P as Xt, C as Xe, a as en, b as et, d as te, _ as ne, q as tn, i as me, j as R, k as x, t as tt, f as oe, e as re, K as nt, x as ue, y as D, z as Z, M as Me, u as L, g as G, a2 as ot, G as he, s as Ae, O as rt, m as lt, r as Ie, J as nn, h as on, l as st, n as at, ag as rn, ah as ut, a3 as ln, D as sn, a6 as an, ai as un, aj as cn, ak as dn, ac as Be, al as Pe, U as mn, af as fn, v as ke, H as vn, a4 as pn, am as bn, W as hn } from "../../../P7GR5CS5-DNbthaqU.js";
+import { d as it, c as ct, t as dt, e as mt, k as ft, u as vt, f as pt, j as Sn, h as bt, i as ht, g as St, b as Cn, a as gn, l as En, C as On, m as Ct, n as gt, o as xn, p as yn, q as An, r as In } from "../../../T7VMP3TM-B3jxXFmj.js";
+import { m as Et, o as wn, t as Ot, c as xt, f as J, s as Q, i as yt, g as At, d as be, j as It, a as wt, b as Pt, u as Pn, p as Vn, k as _e } from "../../../UQQRIHDV-CFdrMoqW.js";
+import '../../../assets/index11.css';const kn = /* @__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" }))
@@ -35,24 +36,24 @@ import '../../../assets/index10.css';const Vn = /* @__PURE__ */ new Map([
     "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: Vn }));
+]), Vt = M.forwardRef((t, n) => /* @__PURE__ */ M.createElement(Yt, { ref: n, ...t, weights: kn }));
 Vt.displayName = "MagnifyingGlassIcon";
 var Oe = Qe(
-  [Xt, et],
-  [Qt, Xe]
-), De = Oe.useContext, kn = Oe.useScopedContext, Ne = Oe.useProviderContext, _n = Oe.ContextProvider, kt = Oe.ScopedContextProvider, Mn = ge(!1), je = ge(null), Dn = "span", Nn = {
+  [en, et],
+  [Xt, Xe]
+), De = Oe.useContext, _n = Oe.useScopedContext, Ne = Oe.useProviderContext, Mn = Oe.ContextProvider, kt = Oe.ScopedContextProvider, Dn = ge(!1), je = ge(null), Nn = "span", Tn = {
   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"
 }, _t = te(function(n) {
   var o = n, { store: e, placement: r } = o, l = ne(o, ["store", "placement"]);
-  const a = en();
+  const a = tn();
   e = e || a, me(
     e,
     process.env.NODE_ENV !== "production" && "PopoverDisclosureArrow must be wrapped in a PopoverDisclosure component."
   );
-  const v = e.useState((s) => r || s.placement).split("-")[0], c = Nn[v], u = Ee(
+  const f = e.useState((s) => r || s.placement).split("-")[0], c = Tn[f], u = Ee(
     () => /* @__PURE__ */ I(
       "svg",
       {
@@ -84,10 +85,10 @@ var Oe = Qe(
 oe(
   function(n) {
     const o = _t(n);
-    return re(Dn, o);
+    return re(Nn, o);
   }
 );
-function Tn(t = {}) {
+function Ln(t = {}) {
   var n = t, {
     combobox: o
   } = n, e = nt(n, [
@@ -95,7 +96,7 @@ function Tn(t = {}) {
   ]);
   const r = Et(
     e.store,
-    In(o, [
+    wn(o, [
       "value",
       "items",
       "renderedItems",
@@ -131,19 +132,19 @@ function Tn(t = {}) {
       l.orientation,
       "vertical"
     )
-  })), f = ct(ue(Z({}, e), {
+  })), m = ct(ue(Z({}, e), {
     store: r,
     placement: D(
       e.placement,
       l.placement,
       "bottom-start"
     )
-  })), v = new String(""), c = ue(Z(Z({}, a.getState()), f.getState()), {
+  })), f = new String(""), c = ue(Z(Z({}, a.getState()), m.getState()), {
     value: D(
       e.value,
       l.value,
       e.defaultValue,
-      v
+      f
     ),
     setValueOnMove: D(
       e.setValueOnMove,
@@ -153,15 +154,15 @@ function Tn(t = {}) {
     labelElement: D(l.labelElement, null),
     selectElement: D(l.selectElement, null),
     listElement: D(l.listElement, null)
-  }), u = xt(c, a, f, r);
+  }), u = xt(c, a, m, r);
   return J(
     u,
     () => Q(u, ["value", "items"], (s) => {
-      if (s.value !== v || !s.items.length) return;
-      const d = s.items.find(
+      if (s.value !== f || !s.items.length) return;
+      const v = s.items.find(
         (C) => !C.disabled && C.value != null
       );
-      (d == null ? void 0 : d.value) != null && u.setState("value", d.value);
+      (v == null ? void 0 : v.value) != null && u.setState("value", v.value);
     })
   ), J(
     u,
@@ -172,22 +173,22 @@ function Tn(t = {}) {
     u,
     () => Q(u, ["mounted", "items", "value"], (s) => {
       if (o || s.mounted) return;
-      const d = dt(s.value), C = d[d.length - 1];
+      const v = dt(s.value), C = v[v.length - 1];
       if (C == null) return;
-      const m = s.items.find(
-        (b) => !b.disabled && b.value === C
+      const d = s.items.find(
+        (p) => !p.disabled && p.value === C
       );
-      m && u.setState("activeId", m.id);
+      d && u.setState("activeId", d.id);
     })
   ), J(
     u,
     () => yt(u, ["setValueOnMove", "moves"], (s) => {
-      const { mounted: d, value: C, activeId: m } = u.getState();
-      if (!s.setValueOnMove && d || Array.isArray(C) || !s.moves || !m) return;
-      const b = a.item(m);
-      !b || b.disabled || b.value == null || u.setState("value", b.value);
+      const { mounted: v, value: C, activeId: d } = u.getState();
+      if (!s.setValueOnMove && v || Array.isArray(C) || !s.moves || !d) return;
+      const p = a.item(d);
+      !p || p.disabled || p.value == null || u.setState("value", p.value);
     })
-  ), ue(Z(Z(Z({}, a), f), u), {
+  ), ue(Z(Z(Z({}, a), m), u), {
     combobox: o,
     setValue: (s) => u.setState("value", s),
     setLabelElement: (s) => u.setState("labelElement", s),
@@ -195,13 +196,13 @@ function Tn(t = {}) {
     setListElement: (s) => u.setState("listElement", s)
   });
 }
-function Ln(t) {
+function Rn(t) {
   const n = mt();
   return t = R(x({}, t), {
     combobox: t.combobox !== void 0 ? t.combobox : n
   }), ft(t);
 }
-function Rn(t, n, o) {
+function Kn(t, n, o) {
   return Me(n, [o.combobox]), be(t, o, "value", "setValue"), be(t, o, "setValueOnMove"), Object.assign(
     vt(
       pt(t, n, o),
@@ -211,22 +212,22 @@ function Rn(t, n, o) {
     { combobox: o.combobox }
   );
 }
-function Kn(t = {}) {
-  t = Ln(t);
-  const [n, o] = At(Tn, t);
-  return Rn(n, o, t);
+function Hn(t = {}) {
+  t = Rn(t);
+  const [n, o] = At(Ln, t);
+  return Kn(n, o, t);
 }
-var Hn = "span", Un = te(
+var Un = "span", Fn = te(
   function(n) {
     var o = n, { store: e } = o, r = ne(o, ["store"]);
     const l = De();
     return e = e || l, r = _t(x({ store: e }, r)), r;
   }
-), Fn = oe(function(n) {
-  const o = Un(n);
-  return re(Hn, o);
-}), Bn = "button";
-function jn(t) {
+), Bn = oe(function(n) {
+  const o = Fn(n);
+  return re(Un, o);
+}), jn = "button";
+function Wn(t) {
   return Array.from(t.selectedOptions).map((n) => n.value);
 }
 function ye(t, n) {
@@ -243,14 +244,14 @@ function ye(t, n) {
     return r == null ? void 0 : r.id;
   };
 }
-var Wn = te(function(n) {
+var Zn = te(function(n) {
   var o = n, {
     store: e,
     name: r,
     form: l,
     required: a,
-    showOnKeyDown: f = !0,
-    moveOnKeyDown: v = !0,
+    showOnKeyDown: m = !0,
+    moveOnKeyDown: f = !0,
     toggleOnPress: c = !0,
     toggleOnClick: u = c
   } = o, s = ne(o, [
@@ -263,12 +264,12 @@ var Wn = te(function(n) {
     "toggleOnPress",
     "toggleOnClick"
   ]);
-  const d = Ne();
-  e = e || d, me(
+  const v = Ne();
+  e = e || v, me(
     e,
     process.env.NODE_ENV !== "production" && "Select must receive a `store` prop or be wrapped in a SelectProvider component."
   );
-  const C = s.onKeyDown, m = L(f), b = L(v), y = e.useState("placement").split("-")[0], g = e.useState("value"), W = Array.isArray(g), K = G((S) => {
+  const C = s.onKeyDown, d = L(m), p = L(f), y = e.useState("placement").split("-")[0], g = e.useState("value"), W = Array.isArray(g), K = G((S) => {
     var E;
     if (C == null || C(S), S.defaultPrevented || !e) return;
     const { orientation: q, items: z, activeId: X } = e.getState(), fe = q !== "horizontal", ie = q !== "vertical", _ = !!((E = z.find((xe) => !xe.disabled && xe.value != null)) != null && E.rowId), pe = {
@@ -277,14 +278,14 @@ var Wn = te(function(n) {
       ArrowDown: (_ || fe) && ye(e, e.down),
       ArrowLeft: (_ || ie) && ye(e, e.previous)
     }[S.key];
-    pe && b(S) && (S.preventDefault(), e.move(pe()));
+    pe && p(S) && (S.preventDefault(), e.move(pe()));
     const Se = y === "top" || y === "bottom";
     ({
       ArrowDown: Se,
       ArrowUp: Se,
       ArrowLeft: y === "left",
       ArrowRight: y === "right"
-    })[S.key] && m(S) && (S.preventDefault(), e.move(X), ot(S.currentTarget, "keyup", e.show));
+    })[S.key] && d(S) && (S.preventDefault(), e.move(X), ot(S.currentTarget, "keyup", e.show));
   });
   s = he(
     s,
@@ -299,7 +300,7 @@ var Wn = te(function(n) {
   const U = e.useState((S) => {
     var E;
     return (E = S.labelElement) == null ? void 0 : E.id;
-  }), p = s["aria-label"], O = s["aria-labelledby"] || U, F = e.useState((S) => {
+  }), b = s["aria-label"], O = s["aria-labelledby"] || U, F = e.useState((S) => {
     if (r)
       return S.items;
   }), B = Ee(() => [...new Set(F == null ? void 0 : F.map((S) => S.value).filter((S) => S != null))], [F]);
@@ -322,7 +323,7 @@ var Wn = te(function(n) {
           },
           tabIndex: -1,
           "aria-hidden": !0,
-          "aria-label": p,
+          "aria-label": b,
           "aria-labelledby": O,
           name: r,
           form: l,
@@ -336,7 +337,7 @@ var Wn = te(function(n) {
           },
           onChange: (E) => {
             w.current = !0, k(!0), e == null || e.setValue(
-              W ? jn(E.target) : E.target.value
+              W ? Wn(E.target) : E.target.value
             );
           },
           children: [
@@ -349,7 +350,7 @@ var Wn = te(function(n) {
     ] }) : S,
     [
       e,
-      p,
+      b,
       O,
       r,
       l,
@@ -362,7 +363,7 @@ var Wn = te(function(n) {
   );
   const h = /* @__PURE__ */ se(Fe, { children: [
     g,
-    /* @__PURE__ */ I(Fn, {})
+    /* @__PURE__ */ I(Bn, {})
   ] }), P = e.useState("contentElement");
   return s = R(x({
     role: "combobox",
@@ -375,29 +376,29 @@ var Wn = te(function(n) {
   }, s), {
     ref: Ae(e.setSelectElement, s.ref),
     onKeyDown: K
-  }), s = hn(x({ store: e, toggleOnClick: u }, s)), s = bt(x({ store: e }, s)), s;
-}), Zn = oe(function(n) {
-  const o = Wn(n);
-  return re(Bn, o);
+  }), s = Sn(x({ store: e, toggleOnClick: u }, s)), s = bt(x({ store: e }, s)), s;
+}), $n = oe(function(n) {
+  const o = Zn(n);
+  return re(jn, o);
 });
-function $n(t = {}) {
-  const n = Kn(t);
-  return /* @__PURE__ */ I(_n, { value: n, children: t.children });
+function qn(t = {}) {
+  const n = Hn(t);
+  return /* @__PURE__ */ I(Mn, { value: n, children: t.children });
 }
-var qn = "div";
-function zn(t, n) {
+var zn = "div";
+function Yn(t, n) {
   if (n != null)
     return t == null ? !1 : Array.isArray(t) ? t.includes(n) : t === n;
 }
-var Yn = te(
+var Gn = te(
   function(n) {
     var o = n, {
       store: e,
       value: r,
       getItem: l,
       hideOnClick: a,
-      setValueOnClick: f = r != null,
-      preventScrollOnKeyDown: v = !0,
+      setValueOnClick: m = r != null,
+      preventScrollOnKeyDown: f = !0,
       focusOnHover: c = !0
     } = o, u = ne(o, [
       "store",
@@ -408,43 +409,43 @@ var Yn = te(
       "preventScrollOnKeyDown",
       "focusOnHover"
     ]), s;
-    const d = kn();
-    e = e || d, me(
+    const v = _n();
+    e = e || v, me(
       e,
       process.env.NODE_ENV !== "production" && "SelectItem must be wrapped in a SelectList or SelectPopover component."
     );
-    const C = Ie(u.id), m = tn(u), { listElement: b, multiSelectable: V, selected: y, autoFocus: g } = It(e, {
+    const C = Ie(u.id), d = nn(u), { listElement: p, multiSelectable: V, selected: y, autoFocus: g } = It(e, {
       listElement: "listElement",
-      multiSelectable(p) {
-        return Array.isArray(p.value);
+      multiSelectable(b) {
+        return Array.isArray(b.value);
       },
-      selected(p) {
-        return zn(p.value, r);
+      selected(b) {
+        return Yn(b.value, r);
       },
-      autoFocus(p) {
-        return r == null || p.value == null || p.activeId !== C && (e != null && e.item(p.activeId)) ? !1 : Array.isArray(p.value) ? p.value[p.value.length - 1] === r : p.value === r;
+      autoFocus(b) {
+        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 = Je(
-      (p) => {
-        const O = R(x({}, p), {
-          value: m ? void 0 : r,
+      (b) => {
+        const O = R(x({}, b), {
+          value: d ? void 0 : r,
           children: r
         });
         return l ? l(O) : O;
       },
-      [m, r, l]
+      [d, r, l]
     );
     a = a ?? (r != null && !V);
-    const K = u.onClick, $ = L(f), k = L(a), w = G((p) => {
-      K == null || K(p), !p.defaultPrevented && (st(p) || at(p) || ($(p) && r != null && (e == null || e.setValue((O) => Array.isArray(O) ? O.includes(r) ? O.filter((F) => F !== r) : [...O, r] : r)), k(p) && (e == null || e.hide())));
+    const K = u.onClick, $ = L(m), k = L(a), w = G((b) => {
+      K == null || K(b), !b.defaultPrevented && (st(b) || at(b) || ($(b) && r != null && (e == null || e.setValue((O) => Array.isArray(O) ? O.includes(r) ? O.filter((F) => F !== r) : [...O, r] : r)), k(b) && (e == null || e.hide())));
     });
     u = he(
       u,
-      (p) => /* @__PURE__ */ I(Mn.Provider, { value: y ?? !1, children: p }),
+      (b) => /* @__PURE__ */ I(Dn.Provider, { value: y ?? !1, children: b }),
       [y]
     ), u = R(x({
       id: C,
-      role: nn(b),
+      role: on(p),
       "aria-selected": y,
       children: r
     }, u), {
@@ -453,7 +454,7 @@ var Yn = te(
     }), u = wt(x({
       store: e,
       getItem: W,
-      preventScrollOnKeyDown: v
+      preventScrollOnKeyDown: f
     }, u));
     const U = L(c);
     return u = Pt(R(x({
@@ -462,27 +463,27 @@ var Yn = te(
       // 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(p) {
-        if (!U(p)) return !1;
+      focusOnHover(b) {
+        if (!U(b)) return !1;
         const O = e == null ? void 0 : e.getState();
         return !!(O != null && O.open);
       }
     })), u;
   }
-), Gn = lt(
+), Jn = lt(
   oe(function(n) {
-    const o = Yn(n);
-    return re(qn, o);
+    const o = Gn(n);
+    return re(zn, o);
   })
-), Jn = "div", We = ge(null), Mt = te(
+), Qn = "div", We = ge(null), Mt = te(
   function(n) {
     var o = n, {
       store: e,
       resetOnEscape: r = !0,
       hideOnEnter: l = !0,
       focusOnMove: a = !0,
-      composite: f,
-      alwaysVisible: v
+      composite: m,
+      alwaysVisible: f
     } = o, c = ne(o, [
       "store",
       "resetOnEscape",
@@ -496,13 +497,13 @@ var Yn = te(
       e,
       process.env.NODE_ENV !== "production" && "SelectList must receive a `store` prop or be wrapped in a SelectProvider component."
     );
-    const s = Ie(c.id), d = e.useState("value"), C = Array.isArray(d), [m, b] = de(d), V = e.useState("mounted");
+    const s = Ie(c.id), v = e.useState("value"), C = Array.isArray(v), [d, p] = de(v), V = e.useState("mounted");
     ae(() => {
-      V || b(d);
-    }, [V, d]), r = r && !C;
+      V || p(v);
+    }, [V, v]), r = r && !C;
     const y = c.onKeyDown, g = L(r), W = L(l), K = G((_) => {
-      y == null || y(_), !_.defaultPrevented && (_.key === "Escape" && g(_) && (e == null || e.setValue(m)), (_.key === " " || _.key === "Enter") && rn(_) && W(_) && (_.preventDefault(), e == null || e.hide()));
-    }), $ = Ve(je), k = de(), [w, U] = $ || k, p = Ee(
+      y == null || y(_), !_.defaultPrevented && (_.key === "Escape" && g(_) && (e == null || e.setValue(d)), (_.key === " " || _.key === "Enter") && ln(_) && W(_) && (_.preventDefault(), e == null || e.hide()));
+    }), $ = Ve(je), k = de(), [w, U] = $ || k, b = Ee(
       () => [w, U],
       [w]
     ), [O, F] = de(null), B = Ve(We);
@@ -511,15 +512,15 @@ var Yn = te(
         return B(e), () => B(null);
     }, [B, e]), c = he(
       c,
-      (_) => /* @__PURE__ */ I(kt, { value: e, children: /* @__PURE__ */ I(We.Provider, { value: F, children: /* @__PURE__ */ I(je.Provider, { value: p, children: _ }) }) }),
-      [e, p]
+      (_) => /* @__PURE__ */ I(kt, { value: e, children: /* @__PURE__ */ I(We.Provider, { value: F, children: /* @__PURE__ */ I(je.Provider, { value: b, children: _ }) }) }),
+      [e, b]
     );
     const h = !!e.combobox;
-    f = f ?? (!h && O !== e);
-    const [P, S] = on(
-      f ? e.setListElement : null
-    ), E = ut(P, "role", c.role), z = (f || (E === "listbox" || E === "menu" || E === "tree" || E === "grid")) && C || void 0, X = ht(V, c.hidden, v), fe = X ? R(x({}, c.style), { display: "none" }) : c.style;
-    f && (c = x({
+    m = m ?? (!h && O !== e);
+    const [P, S] = rn(
+      m ? e.setListElement : null
+    ), E = ut(P, "role", c.role), z = (m || (E === "listbox" || E === "menu" || E === "tree" || E === "grid")) && C || void 0, X = ht(V, c.hidden, f), fe = X ? R(x({}, c.style), { display: "none" }) : c.style;
+    m && (c = x({
       role: "listbox",
       "aria-multiselectable": z
     }, c));
@@ -537,57 +538,57 @@ var Yn = te(
       ref: Ae(S, c.ref),
       style: fe,
       onKeyDown: K
-    }), c = St(R(x({ store: e }, c), { composite: f })), c = bt(x({ store: e, typeahead: !h }, c)), c;
+    }), c = St(R(x({ store: e }, c), { composite: m })), c = bt(x({ store: e, typeahead: !h }, c)), c;
   }
-), Qn = oe(function(n) {
+), Xn = oe(function(n) {
   const o = Mt(n);
-  return re(Jn, o);
-}), Xn = "div", eo = te(
+  return re(Qn, o);
+}), eo = "div", to = te(
   function(n) {
     var o = n, { store: e, alwaysVisible: r } = o, l = ne(o, ["store", "alwaysVisible"]);
     const a = Ne();
-    return e = e || a, l = Mt(x({ store: e, alwaysVisible: r }, l)), l = Cn(x({ store: e, alwaysVisible: r }, l)), l;
+    return e = e || a, l = Mt(x({ store: e, alwaysVisible: r }, l)), l = gn(x({ store: e, alwaysVisible: r }, l)), l;
   }
-), to = Sn(
+), no = Cn(
   oe(function(n) {
-    const o = eo(n);
-    return re(Xn, o);
+    const o = to(n);
+    return re(eo, o);
   }),
   Ne
 );
-function no({
+function oo({
   store: t,
   fallback: n,
   children: o
 } = {}) {
   const e = De();
   t = t || e;
-  const r = wn(t, (l) => l != null && l.value.length ? l.value : n);
+  const r = Pn(t, (l) => l != null && l.value.length ? l.value : n);
   return o ? o(r || "") : r;
 }
 ge(null);
 ge(
   null
 );
-var oo = Qe(
+var ro = Qe(
   [et],
   [Xe]
-), ro = oo.useContext, lo = sn() && an();
-function so(t = {}) {
+), lo = ro.useContext, so = an() && un();
+function ao(t = {}) {
   var n = t, {
     tag: o
   } = n, e = nt(n, [
     "tag"
   ]);
-  const r = Et(e.store, Pn(o, ["value", "rtl"]));
+  const r = Et(e.store, Vn(o, ["value", "rtl"]));
   Ot(e, r);
-  const l = o == null ? void 0 : o.getState(), a = r == null ? void 0 : r.getState(), f = D(
+  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
-  ), v = it(ue(Z({}, e), {
-    activeId: f,
+  ), f = it(ue(Z({}, e), {
+    activeId: m,
     includesBaseElement: D(
       e.includesBaseElement,
       a == null ? void 0 : a.includesBaseElement,
@@ -622,72 +623,72 @@ function so(t = {}) {
     l == null ? void 0 : l.values,
     e.defaultSelectedValue,
     ""
-  ), d = Array.isArray(s), C = ue(Z(Z({}, v.getState()), c.getState()), {
+  ), v = Array.isArray(s), C = ue(Z(Z({}, f.getState()), c.getState()), {
     value: u,
     selectedValue: s,
     resetValueOnSelect: D(
       e.resetValueOnSelect,
       a == null ? void 0 : a.resetValueOnSelect,
-      d
+      v
     ),
     resetValueOnHide: D(
       e.resetValueOnHide,
       a == null ? void 0 : a.resetValueOnHide,
-      d && !o
+      v && !o
     ),
     activeValue: a == null ? void 0 : a.activeValue
-  }), m = xt(C, v, c, r);
-  return lo && J(
-    m,
-    () => Q(m, ["virtualFocus"], () => {
-      m.setState("virtualFocus", !1);
+  }), d = xt(C, f, c, r);
+  return so && J(
+    d,
+    () => Q(d, ["virtualFocus"], () => {
+      d.setState("virtualFocus", !1);
     })
-  ), J(m, () => {
+  ), J(d, () => {
     if (o)
-      return ln(
-        Q(m, ["selectedValue"], (b) => {
-          Array.isArray(b.selectedValue) && o.setValues(b.selectedValue);
+      return sn(
+        Q(d, ["selectedValue"], (p) => {
+          Array.isArray(p.selectedValue) && o.setValues(p.selectedValue);
         }),
-        Q(o, ["values"], (b) => {
-          m.setState("selectedValue", b.values);
+        Q(o, ["values"], (p) => {
+          d.setState("selectedValue", p.values);
         })
       );
   }), J(
-    m,
-    () => Q(m, ["resetValueOnHide", "mounted"], (b) => {
-      b.resetValueOnHide && (b.mounted || m.setState("value", u));
+    d,
+    () => Q(d, ["resetValueOnHide", "mounted"], (p) => {
+      p.resetValueOnHide && (p.mounted || d.setState("value", u));
     })
   ), J(
-    m,
-    () => Q(m, ["open"], (b) => {
-      b.open || (m.setState("activeId", f), m.setState("moves", 0));
+    d,
+    () => Q(d, ["open"], (p) => {
+      p.open || (d.setState("activeId", m), d.setState("moves", 0));
     })
   ), J(
-    m,
-    () => Q(m, ["moves", "activeId"], (b, V) => {
-      b.moves === V.moves && m.setState("activeValue", void 0);
+    d,
+    () => Q(d, ["moves", "activeId"], (p, V) => {
+      p.moves === V.moves && d.setState("activeValue", void 0);
     })
   ), J(
-    m,
-    () => yt(m, ["moves", "renderedItems"], (b, V) => {
-      if (b.moves === V.moves) return;
-      const { activeId: y } = m.getState(), g = v.item(y);
-      m.setState("activeValue", g == null ? void 0 : g.value);
+    d,
+    () => yt(d, ["moves", "renderedItems"], (p, V) => {
+      if (p.moves === V.moves) return;
+      const { activeId: y } = d.getState(), g = f.item(y);
+      d.setState("activeValue", g == null ? void 0 : g.value);
     })
-  ), ue(Z(Z(Z({}, c), v), m), {
+  ), ue(Z(Z(Z({}, c), f), d), {
     tag: o,
-    setValue: (b) => m.setState("value", b),
-    resetValue: () => m.setState("value", C.value),
-    setSelectedValue: (b) => m.setState("selectedValue", b)
+    setValue: (p) => d.setState("value", p),
+    resetValue: () => d.setState("value", C.value),
+    setSelectedValue: (p) => d.setState("selectedValue", p)
   });
 }
-function ao(t) {
-  const n = ro();
+function uo(t) {
+  const n = lo();
   return t = R(x({}, t), {
     tag: t.tag !== void 0 ? t.tag : n
   }), ft(t);
 }
-function uo(t, n, o) {
+function io(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(
     pt(
       vt(t, n, o),
@@ -697,49 +698,49 @@ function uo(t, n, o) {
     { tag: o.tag }
   );
 }
-function io(t = {}) {
-  t = ao(t);
-  const [n, o] = At(so, t);
-  return uo(n, o, t);
+function co(t = {}) {
+  t = uo(t);
+  const [n, o] = At(ao, t);
+  return io(n, o, t);
 }
-var co = "input";
+var mo = "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 $e(t, n) {
-  return !n || t == null ? !1 : (t = pn(t), n.length > t.length && n.toLowerCase().indexOf(t.toLowerCase()) === 0);
+  return !n || t == null ? !1 : (t = bn(t), n.length > t.length && n.toLowerCase().indexOf(t.toLowerCase()) === 0);
 }
-function mo(t) {
+function fo(t) {
   return t.type === "input";
 }
-function fo(t) {
+function vo(t) {
   return t === "inline" || t === "list" || t === "both" || t === "none";
 }
-function vo(t) {
+function po(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 po = te(
+var bo = te(
   function(n) {
     var o = n, {
       store: e,
       focusable: r = !0,
       autoSelect: l = !1,
       getAutoSelectId: a,
-      setValueOnChange: f,
-      showMinLength: v = 0,
+      setValueOnChange: m,
+      showMinLength: f = 0,
       showOnChange: c,
       showOnMouseDown: u,
       showOnClick: s = u,
-      showOnKeyDown: d,
-      showOnKeyPress: C = d,
-      blurActiveItemOnClick: m,
-      setValueOnClick: b = !0,
+      showOnKeyDown: v,
+      showOnKeyPress: C = v,
+      blurActiveItemOnClick: d,
+      setValueOnClick: p = !0,
       moveOnKeyPress: V = !0,
       autoComplete: y = "list"
     } = o, g = ne(o, [
@@ -764,10 +765,10 @@ var po = te(
       e,
       process.env.NODE_ENV !== "production" && "Combobox must receive a `store` prop or be wrapped in a ComboboxProvider component."
     );
-    const K = le(null), [$, k] = un(), w = le(!1), U = le(!1), p = e.useState(
+    const K = le(null), [$, k] = cn(), w = le(!1), U = le(!1), b = e.useState(
       (i) => i.virtualFocus && l
     ), O = y === "inline" || y === "both", [F, B] = de(O);
-    cn(() => {
+    dn(() => {
       O && B(!0);
     }, [O]);
     const h = e.useState("value"), P = le();
@@ -783,7 +784,7 @@ var po = te(
       if (Ze(
         E,
         S,
-        p
+        b
       )) {
         if ($e(h, S)) {
           const A = (S == null ? void 0 : S.slice(h.length)) || "";
@@ -792,7 +793,7 @@ var po = te(
         return h;
       }
       return S || h;
-    }, [O, F, E, S, p, h]);
+    }, [O, F, E, S, b, h]);
     ae(() => {
       const i = K.current;
       if (!i) return;
@@ -804,9 +805,9 @@ var po = te(
       if (!O || !F || !S || !Ze(
         E,
         S,
-        p
+        b
       ) || !$e(h, S)) return;
-      let A = dn;
+      let A = mn;
       return queueMicrotask(() => {
         const N = K.current;
         if (!N) return;
@@ -823,13 +824,13 @@ var po = te(
       F,
       S,
       E,
-      p,
+      b,
       h
     ]);
     const fe = le(null), ie = G(a), _ = le(null);
     ae(() => {
       if (!q || !z) return;
-      const i = mn(z);
+      const i = fn(z);
       if (!i) return;
       fe.current = i;
       const A = () => {
@@ -845,8 +846,8 @@ var po = te(
     }, [q, z, e]), ke(() => {
       h && (U.current || (w.current = !0));
     }, [h]), ke(() => {
-      p !== "always" && q || (w.current = q);
-    }, [p, q]);
+      b !== "always" && q || (w.current = q);
+    }, [b, q]);
     const ve = e.useState("resetValueOnSelect");
     Me(() => {
       var i, A;
@@ -858,8 +859,8 @@ var po = te(
           const H = new MutationObserver(k);
           return H.observe(Y, { attributeFilter: ["data-placing"] }), () => H.disconnect();
         }
-        if (p && N) {
-          const H = ie(E), ce = H !== void 0 ? H : (i = vo(E)) != null ? i : e.first();
+        if (b && N) {
+          const H = ie(E), ce = H !== void 0 ? H : (i = po(E)) != null ? i : e.first();
           _.current = ce, e.move(ce ?? null);
         } else {
           const H = (A = e.item(ee || e.first())) == null ? void 0 : A.element;
@@ -871,7 +872,7 @@ var po = te(
       q,
       $,
       h,
-      p,
+      b,
       ve,
       ie,
       E
@@ -882,7 +883,7 @@ var po = te(
       const A = [i, z].filter(
         (T) => !!T
       ), N = (T) => {
-        A.every((Y) => vn(T, Y)) && (e == null || e.setValue(X));
+        A.every((Y) => pn(T, Y)) && (e == null || e.setValue(X));
       };
       for (const T of A)
         T.addEventListener("focusout", N);
@@ -891,14 +892,14 @@ var po = te(
           T.removeEventListener("focusout", N);
       };
     }, [O, z, e, X]);
-    const pe = (i) => i.currentTarget.value.length >= v, Se = g.onChange, Te = L(c ?? pe), Le = L(
+    const pe = (i) => i.currentTarget.value.length >= f, Se = g.onChange, Te = L(c ?? pe), Le = L(
       // If the combobox is combined with tags, the value will be set by the tag
       // input component.
-      f ?? !e.tag
+      m ?? !e.tag
     ), Re = G((i) => {
       if (Se == null || Se(i), i.defaultPrevented || !e) return;
       const A = i.currentTarget, { value: N, selectionStart: T, selectionEnd: Y } = A, ee = i.nativeEvent;
-      if (w.current = !0, mo(ee) && (ee.isComposing && (w.current = !1, U.current = !0), O)) {
+      if (w.current = !0, fo(ee) && (ee.isComposing && (w.current = !1, U.current = !0), O)) {
         const H = ee.inputType === "insertText" || ee.inputType === "insertCompositionText", ce = T === N.length;
         B(H && ce);
       }
@@ -906,14 +907,14 @@ var po = te(
         const H = N === e.getState().value;
         e.setValue(N), queueMicrotask(() => {
           Pe(A, T, Y);
-        }), O && p && H && k();
+        }), O && b && H && k();
       }
-      Te(i) && e.show(), (!p || !w.current) && e.setActiveId(null);
+      Te(i) && e.show(), (!b || !w.current) && e.setActiveId(null);
     }), we = g.onCompositionEnd, xe = G((i) => {
-      w.current = !0, U.current = !1, we == null || we(i), !i.defaultPrevented && p && k();
+      w.current = !0, U.current = !1, we == null || we(i), !i.defaultPrevented && b && k();
     }), Ke = g.onMouseDown, Nt = L(
-      m ?? (() => !!(e != null && e.getState().includesBaseElement))
-    ), Tt = L(b), Lt = L(s ?? pe), Rt = G((i) => {
+      d ?? (() => !!(e != null && e.getState().includesBaseElement))
+    ), Tt = L(p), Lt = L(s ?? pe), Rt = G((i) => {
       Ke == null || Ke(i), !i.defaultPrevented && (i.button || i.ctrlKey || e && (Nt(i) && e.setActiveId(null), Tt(i) && e.setValue(X), Lt(i) && ot(i.currentTarget, "mouseup", e.show)));
     }), He = g.onKeyDown, Kt = L(C ?? pe), Ht = G((i) => {
       if (He == null || He(i), i.repeat || (w.current = !1), i.defaultPrevented || i.ctrlKey || i.altKey || i.shiftKey || i.metaKey || !e) return;
@@ -921,7 +922,7 @@ var po = te(
       A || (i.key === "ArrowUp" || i.key === "ArrowDown") && Kt(i) && (i.preventDefault(), e.show());
     }), Ue = g.onBlur, Ut = G((i) => {
       w.current = !1, Ue == null || Ue(i), i.defaultPrevented;
-    }), Ft = Ie(g.id), Bt = fo(y) ? y : void 0, jt = e.useState((i) => i.activeId === null);
+    }), Ft = Ie(g.id), Bt = vo(y) ? y : void 0, jt = e.useState((i) => i.activeId === null);
     return g = R(x({
       id: Ft,
       role: "combobox",
@@ -944,23 +945,23 @@ var po = te(
     }, g), {
       // Enable inline autocomplete when the user moves from the combobox input
       // to an item.
-      moveOnKeyPress: (i) => fn(V, i) ? !1 : (O && B(!0), !0)
-    })), g = gn(x({ store: e }, g)), x({ autoComplete: "off" }, g);
+      moveOnKeyPress: (i) => vn(V, i) ? !1 : (O && B(!0), !0)
+    })), g = En(x({ store: e }, g)), x({ autoComplete: "off" }, g);
   }
-), bo = oe(function(n) {
-  const o = po(n);
-  return re(co, o);
+), ho = oe(function(n) {
+  const o = bo(n);
+  return re(mo, o);
 });
-function ho(t = {}) {
-  const n = io(t);
-  return /* @__PURE__ */ I(En, { value: n, children: t.children });
+function So(t = {}) {
+  const n = co(t);
+  return /* @__PURE__ */ I(On, { value: n, children: t.children });
 }
-var So = "div";
-function Co(t, n) {
+var Co = "div";
+function go(t, n) {
   if (n != null)
     return t == null ? !1 : Array.isArray(t) ? t.includes(n) : t === n;
 }
-function go(t) {
+function Eo(t) {
   var n;
   return (n = {
     menu: "menuitem",
@@ -968,19 +969,19 @@ function go(t) {
     tree: "treeitem"
   }[t]) != null ? n : "option";
 }
-var Eo = te(
+var Oo = te(
   function(n) {
     var o = n, {
       store: e,
       value: r,
       hideOnClick: l,
       setValueOnClick: a,
-      selectValueOnClick: f = !0,
-      resetValueOnSelect: v,
+      selectValueOnClick: m = !0,
+      resetValueOnSelect: f,
       focusOnHover: c = !1,
       moveOnKeyPress: u = !0,
       getItem: s
-    } = o, d = ne(o, [
+    } = o, v = ne(o, [
       "store",
       "value",
       "hideOnClick",
@@ -991,18 +992,18 @@ var Eo = te(
       "moveOnKeyPress",
       "getItem"
     ]), C;
-    const m = Ct();
-    e = e || m, me(
+    const d = Ct();
+    e = e || d, me(
       e,
       process.env.NODE_ENV !== "production" && "ComboboxItem must be wrapped in a ComboboxList or ComboboxPopover component."
     );
-    const { resetValueOnSelectState: b, multiSelectable: V, selected: y } = It(e, {
+    const { resetValueOnSelectState: p, multiSelectable: V, selected: y } = It(e, {
       resetValueOnSelectState: "resetValueOnSelect",
       multiSelectable(h) {
         return Array.isArray(h.selectedValue);
       },
       selected(h) {
-        return Co(h.selectedValue, r);
+        return go(h.selectedValue, r);
       }
     }), g = Je(
       (h) => {
@@ -1012,35 +1013,35 @@ var Eo = te(
       [r, s]
     );
     a = a ?? !V, l = l ?? (r != null && !V);
-    const W = d.onClick, K = L(a), $ = L(f), k = L(
-      (C = v ?? b) != null ? C : V
+    const W = v.onClick, K = L(a), $ = L(m), k = L(
+      (C = f ?? p) != null ? C : V
     ), w = L(l), U = G((h) => {
       W == null || W(h), !h.defaultPrevented && (st(h) || at(h) || (r != null && ($(h) && (k(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))), w(h) && (e == null || e.hide())));
-    }), p = d.onKeyDown, O = G((h) => {
-      if (p == null || p(h), h.defaultPrevented) return;
+    }), b = v.onKeyDown, O = G((h) => {
+      if (b == null || b(h), h.defaultPrevented) return;
       const P = e == null ? void 0 : e.getState().baseElement;
       if (!P || _e(P)) return;
-      (h.key.length === 1 || h.key === "Backspace" || h.key === "Delete") && (queueMicrotask(() => P.focus()), bn(P) && (e == null || e.setValue(P.value)));
+      (h.key.length === 1 || h.key === "Backspace" || h.key === "Delete") && (queueMicrotask(() => P.focus()), hn(P) && (e == null || e.setValue(P.value)));
     });
-    V && y != null && (d = x({
+    V && y != null && (v = x({
       "aria-selected": y
-    }, d)), d = he(
-      d,
-      (h) => /* @__PURE__ */ I(On.Provider, { value: r, children: /* @__PURE__ */ I(xn.Provider, { value: y ?? !1, children: h }) }),
+    }, v)), v = he(
+      v,
+      (h) => /* @__PURE__ */ I(xn.Provider, { value: r, children: /* @__PURE__ */ I(yn.Provider, { value: y ?? !1, children: h }) }),
       [r, y]
     );
     const F = Ve(gt);
-    d = R(x({
-      role: go(F),
+    v = R(x({
+      role: Eo(F),
       children: r
-    }, d), {
+    }, v), {
       onClick: U,
       onKeyDown: O
     });
     const B = L(u);
-    return d = wt(R(x({
+    return v = wt(R(x({
       store: e
-    }, d), {
+    }, v), {
       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
@@ -1050,26 +1051,26 @@ var Eo = te(
         const P = new Event("combobox-item-move"), S = e == null ? void 0 : e.getState().baseElement;
         return S == null || S.dispatchEvent(P), !0;
       }
-    })), d = Pt(x({ store: e, focusOnHover: c }, d)), d;
+    })), v = Pt(x({ store: e, focusOnHover: c }, v)), v;
   }
-), Oo = lt(
+), xo = lt(
   oe(function(n) {
-    const o = Eo(n);
-    return re(So, o);
+    const o = Oo(n);
+    return re(Co, o);
   })
-), xo = "div", yo = te(
+), yo = "div", Ao = te(
   function(n) {
     var o = n, { store: e, alwaysVisible: r } = o, l = ne(o, ["store", "alwaysVisible"]);
-    const a = Ct(!0), f = yn();
-    e = e || f;
-    const v = !!e && e === a;
+    const a = Ct(!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 c = le(null), u = Ie(l.id), s = e.useState("mounted"), d = ht(s, l.hidden, r), C = d ? R(x({}, l.style), { display: "none" }) : l.style, m = e.useState(
+    const c = le(null), u = Ie(l.id), s = e.useState("mounted"), v = ht(s, l.hidden, r), C = v ? R(x({}, l.style), { display: "none" }) : l.style, d = e.useState(
       (k) => Array.isArray(k.selectedValue)
-    ), b = ut(c, "role", l.role), y = (b === "listbox" || b === "tree" || b === "grid") && m || void 0, [g, W] = de(!1), K = e.useState("contentElement");
+    ), p = ut(c, "role", l.role), y = (p === "listbox" || p === "tree" || p === "grid") && d || void 0, [g, W] = de(!1), K = e.useState("contentElement");
     ke(() => {
       if (!s) return;
       const k = c.current;
@@ -1087,23 +1088,23 @@ var Eo = te(
       "aria-multiselectable": y
     }, l)), l = he(
       l,
-      (k) => /* @__PURE__ */ I(An, { value: e, children: /* @__PURE__ */ I(gt.Provider, { value: b, children: k }) }),
-      [e, b]
+      (k) => /* @__PURE__ */ I(In, { value: e, children: /* @__PURE__ */ I(gt.Provider, { value: p, children: k }) }),
+      [e, p]
     );
-    const $ = u && (!a || !v) ? e.setContentElement : null;
+    const $ = u && (!a || !f) ? e.setContentElement : null;
     return l = R(x({
       id: u,
-      hidden: d
+      hidden: v
     }, l), {
       ref: Ae($, c, l.ref),
       style: C
     }), tt(l);
   }
-), Ao = oe(function(n) {
-  const o = yo(n);
-  return re(xo, o);
+), Io = oe(function(n) {
+  const o = Ao(n);
+  return re(yo, o);
 }), Ce = { exports: {} }, qe;
-function Io() {
+function wo() {
   if (qe) return Ce.exports;
   qe = 1;
   var t = {
@@ -1567,18 +1568,18 @@ function Io() {
     ё: "е",
     Ё: "Е"
   }, n = Object.keys(t).join("|"), o = new RegExp(n, "g"), e = new RegExp(n, "");
-  function r(f) {
-    return t[f];
+  function r(m) {
+    return t[m];
   }
-  var l = function(f) {
-    return f.replace(o, r);
-  }, a = function(f) {
-    return !!f.match(e);
+  var l = function(m) {
+    return m.replace(o, r);
+  }, a = function(m) {
+    return !!m.match(e);
   };
   return Ce.exports = l, Ce.exports.has = a, Ce.exports.remove = l, Ce.exports;
 }
-var wo = Io();
-const Po = /* @__PURE__ */ Yt(wo);
+var Po = wo();
+const Vo = /* @__PURE__ */ Gt(Po);
 /**
  * @name match-sorter
  * @license MIT license.
@@ -1594,35 +1595,35 @@ const j = {
   ACRONYM: 2,
   MATCHES: 1,
   NO_MATCH: 0
-}, Vo = (t, n) => String(t.rankedValue).localeCompare(String(n.rankedValue));
+}, ko = (t, n) => String(t.rankedValue).localeCompare(String(n.rankedValue));
 function Dt(t, n, o) {
   o === void 0 && (o = {});
   const {
     keys: e,
     threshold: r = j.MATCHES,
-    baseSort: l = Vo,
-    sorter: a = (c) => c.sort((u, s) => Do(u, s, l))
-  } = o, f = t.reduce(v, []);
-  return a(f).map((c) => {
+    baseSort: l = ko,
+    sorter: a = (c) => c.sort((u, s) => No(u, s, l))
+  } = o, m = t.reduce(f, []);
+  return a(m).map((c) => {
     let {
       item: u
     } = c;
     return u;
   });
-  function v(c, u, s) {
-    const d = ko(u, e, n, o), {
+  function f(c, u, s) {
+    const v = _o(u, e, n, o), {
       rank: C,
-      keyThreshold: m = r
-    } = d;
-    return C >= m && c.push({
-      ...d,
+      keyThreshold: d = r
+    } = v;
+    return C >= d && c.push({
+      ...v,
       item: u,
       index: s
     }), c;
   }
 }
 Dt.rankings = j;
-function ko(t, n, o, e) {
+function _o(t, n, o, e) {
   if (!n) {
     const l = t;
     return {
@@ -1633,24 +1634,24 @@ function ko(t, n, o, e) {
       keyThreshold: e.threshold
     };
   }
-  return Lo(t, n).reduce((l, a, f) => {
+  return Ro(t, n).reduce((l, a, m) => {
     let {
-      rank: v,
+      rank: f,
       rankedValue: c,
       keyIndex: u,
       keyThreshold: s
     } = l, {
-      itemValue: d,
+      itemValue: v,
       attributes: C
-    } = a, m = ze(d, o, e), b = c;
+    } = a, d = ze(v, o, e), p = c;
     const {
       minRanking: V,
       maxRanking: y,
       threshold: g
     } = C;
-    return m < V && m >= j.MATCHES ? m = V : m > y && (m = y), m > v && (v = m, u = f, s = g, b = d), {
-      rankedValue: b,
-      rank: v,
+    return d < V && d >= j.MATCHES ? d = V : d > y && (d = y), d > f && (f = d, u = m, s = g, p = v), {
+      rankedValue: p,
+      rank: f,
       keyIndex: u,
       keyThreshold: s
     };
@@ -1662,9 +1663,9 @@ function ko(t, n, o, e) {
   });
 }
 function ze(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 : Mo(t, n));
+  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 : Mo(t).includes(n) ? j.ACRONYM : Do(t, n));
 }
-function _o(t) {
+function Mo(t) {
   let n = "";
   return t.split(" ").forEach((e) => {
     e.split("-").forEach((l) => {
@@ -1672,47 +1673,47 @@ function _o(t) {
     });
   }), n;
 }
-function Mo(t, n) {
+function Do(t, n) {
   let o = 0, e = 0;
-  function r(v, c, u) {
-    for (let s = u, d = c.length; s < d; s++)
-      if (c[s] === v)
+  function r(f, c, u) {
+    for (let s = u, v = c.length; s < v; s++)
+      if (c[s] === f)
         return o += 1, s + 1;
     return -1;
   }
-  function l(v) {
-    const c = 1 / v, u = o / n.length;
+  function l(f) {
+    const c = 1 / f, u = o / n.length;
     return j.MATCHES + u * c;
   }
   const a = r(n[0], t, 0);
   if (a < 0)
     return j.NO_MATCH;
   e = a;
-  for (let v = 1, c = n.length; v < c; v++) {
-    const u = n[v];
+  for (let f = 1, c = n.length; f < c; f++) {
+    const u = n[f];
     if (e = r(u, t, e), !(e > -1))
       return j.NO_MATCH;
   }
-  const f = e - a;
-  return l(f);
+  const m = e - a;
+  return l(m);
 }
-function Do(t, n, o) {
+function No(t, n, o) {
   const {
     rank: l,
     keyIndex: a
   } = t, {
-    rank: f,
-    keyIndex: v
+    rank: m,
+    keyIndex: f
   } = n;
-  return l === f ? a === v ? o(t, n) : a < v ? -1 : 1 : l > f ? -1 : 1;
+  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 = Po(t)), t;
+  return t = `${t}`, o || (t = Vo(t)), t;
 }
-function No(t, n) {
+function To(t, n) {
   typeof n == "object" && (n = n.key);
   let o;
   if (typeof n == "function")
@@ -1723,36 +1724,36 @@ function No(t, n) {
     o = t[n];
   else {
     if (n.includes("."))
-      return To(n, t);
+      return Lo(n, t);
     o = null;
   }
   return o == null ? [] : Array.isArray(o) ? o : [String(o)];
 }
-function To(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 f = [];
-    for (let v = 0, c = e.length; v < c; v++) {
-      const u = e[v];
+    let m = [];
+    for (let f = 0, c = e.length; f < c; f++) {
+      const u = e[f];
       if (u != null)
         if (Object.hasOwnProperty.call(u, a)) {
           const s = u[a];
-          s != null && f.push(s);
-        } else a === "*" && (f = f.concat(u));
+          s != null && m.push(s);
+        } else a === "*" && (m = m.concat(u));
     }
-    e = f;
+    e = m;
   }
   return Array.isArray(e[0]) ? [].concat(...e) : e;
 }
-function Lo(t, n) {
+function Ro(t, n) {
   const o = [];
   for (let e = 0, r = n.length; e < r; e++) {
-    const l = n[e], a = Ro(l), f = No(t, l);
-    for (let v = 0, c = f.length; v < c; v++)
+    const l = n[e], a = Ko(l), m = To(t, l);
+    for (let f = 0, c = m.length; f < c; f++)
       o.push({
-        itemValue: f[v],
+        itemValue: m[f],
         attributes: a
       });
   }
@@ -1762,47 +1763,49 @@ const Ge = {
   maxRanking: 1 / 0,
   minRanking: -1 / 0
 };
-function Ro(t) {
+function Ko(t) {
   return typeof t == "string" ? Ge : {
     ...Ge,
     ...t
   };
 }
-const Yo = (t) => {
-  const { baseProps: n, controlProps: o } = Jt(t, {
+const Jo = (t) => {
+  const { baseProps: n, controlProps: o } = Qt(t, {
     className: "component-select-control"
   }), [e, r] = de(""), {
-    options: l,
-    placeholder: a = "Choose an option...",
-    searchable: f = !1,
-    ...v
-  } = o, c = (l || []).map(Zt), u = Ee(() => Dt(c, e, {
-    baseSort: (d, C) => d.index < C.index ? -1 : 1,
+    value: l,
+    onChangeValue: a = $t,
+    options: m,
+    placeholder: f = "Choose an option...",
+    searchable: c = !1,
+    ...u
+  } = o, s = (m || []).map(Zt), v = Ee(() => Dt(s, e, {
+    baseSort: (d, p) => d.index < p.index ? -1 : 1,
     keys: ["label", "description"]
-  }), [e]), s = f ? Ao : Qn;
+  }), [e]), C = c ? Io : Xn;
   return /* @__PURE__ */ I(
-    ho,
+    So,
     {
       resetValueOnHide: !0,
       setValue: (d) => {
-        qt(() => {
+        zt(() => {
           r(d);
         });
       },
-      children: /* @__PURE__ */ I($n, { children: /* @__PURE__ */ se(Gt, { ...n, children: [
+      children: /* @__PURE__ */ I(qn, { value: l, setValue: a, children: /* @__PURE__ */ se(Jt, { ...n, children: [
         /* @__PURE__ */ se(
-          Zn,
+          $n,
           {
             className: "component-select-control__input",
-            ...v,
+            ...u,
             children: [
-              /* @__PURE__ */ I("div", { className: "component-select-control__value", children: /* @__PURE__ */ I(no, { fallback: a }) }),
-              /* @__PURE__ */ I("div", { className: "component-select-control__caret", children: /* @__PURE__ */ I($t, {}) })
+              /* @__PURE__ */ I("div", { className: "component-select-control__value", children: /* @__PURE__ */ I(oo, { fallback: f }) }),
+              /* @__PURE__ */ I("div", { className: "component-select-control__caret", children: /* @__PURE__ */ I(qt, {}) })
             ]
           }
         ),
         /* @__PURE__ */ se(
-          to,
+          no,
           {
             className: "component-select-control__popover",
             wrapperProps: {
@@ -1818,12 +1821,12 @@ const Yo = (t) => {
                 "div",
                 {
                   className: "component-select-control__popover__search-wrapper",
-                  inert: !f,
-                  hidden: !f,
+                  inert: !c,
+                  hidden: !c,
                   children: [
                     /* @__PURE__ */ I(Vt, { className: "component-select-control__popover__search-icon" }),
                     /* @__PURE__ */ I(
-                      bo,
+                      ho,
                       {
                         autoSelect: !0,
                         placeholder: "Search...",
@@ -1833,13 +1836,13 @@ const Yo = (t) => {
                   ]
                 }
               ),
-              /* @__PURE__ */ I(s, { className: "component-select-control__list", children: u.map((d) => /* @__PURE__ */ se(
-                Gn,
+              /* @__PURE__ */ I(C, { className: "component-select-control__list", children: v.map((d) => /* @__PURE__ */ se(
+                Jn,
                 {
                   disabled: d.disabled,
                   value: d.value,
                   className: "component-select-control__option",
-                  render: /* @__PURE__ */ I(Oo, {}),
+                  render: /* @__PURE__ */ I(xo, {}),
                   children: [
                     /* @__PURE__ */ I("div", { className: "component-select-control__option__label", children: d.label }),
                     d.description && /* @__PURE__ */ I("div", { className: "component-select-control__option__description", children: d.description })
@@ -1855,5 +1858,5 @@ const Yo = (t) => {
   );
 };
 export {
-  Yo as SelectControl
+  Jo as SelectControl
 };