@synnaxlabs/pluto 0.50.0 → 0.52.3

package/dist/{Tags-C38F7I5z.js → Tags-BUDnOqms.js}

@@ -1,18 +1,19 @@
-import { j as h } from "./jsx-runtime-BbD0H88J.js";
-import { useMemo as T, useCallback as S, useState as D, useEffect as N, useRef as L, useSyncExternalStore as oe, memo as _e } from "react";
-import { g as U, O as Be, e as K, p as He, C as w, d as F, b as Me } from "./css-BkBrZtKZ.js";
-import { D as Ge } from "./Dialog-CwTHvHHD.js";
-import { u as ae } from "./Animated-DxBr38YY.js";
-import { B as Oe } from "./Button-DulIBpNI.js";
-import { c as Z, G as Ke, z as We, S as Ze, L as Xe, E as Ye, q as G } from "./Text-TzKJ38En.js";
-import { d as Je, u as ie, F as Qe, a as et, I as tt } from "./Items-B5aeU-Pt.js";
-import { c as A, T as C, f as st, d as rt, b as nt } from "./Editable-DjQORuR1.js";
-import { C as O, c as ot } from "./types-B5-Tni3G.js";
-import { c as at, C as it } from "./Provider-BoQtgQtU.js";
-import { a as X, E as lt } from "./Box-DLO7l9hM.js";
-import { m as ct, n as ut, A as dt, o as ft } from "./provider-CfFukcDe.js";
+import { j as h } from "./jsx-runtime-tc70JA_2.js";
+import { useMemo as A, useCallback as R, useState as D, useEffect as N, useRef as L, useSyncExternalStore as oe, memo as _e } from "react";
+import { TimeSpan as U, id as Be, TimeStamp as O, primitive as He, array as F, unique as Me } from "@synnaxlabs/x";
+import { C as w } from "./css-D90kZTM8.js";
+import { D as Ge } from "./Dialog-Dos5l3K2.js";
+import { u as ie } from "./Animated-6qL1fRZx.js";
+import { B as Ke } from "./Copy-CzkBKGca.js";
+import { c as Z, I as Oe, z as We, S as Ze, L as Xe, E as Ye, q as G } from "./Text-BSTMZRuo.js";
+import { d as Je, u as ae, F as Qe, a as et, I as tt } from "./Items-CNPUoiob.js";
+import { c as T, T as C, f as rt, d as st, b as nt } from "./Editable-4ZwvICC4.js";
+import { C as K, e as ot } from "./types-CGRCBVD4.js";
+import { c as it, C as at } from "./Provider-ZIy-UlnE.js";
+import { a as X, E as lt } from "./Box-Bi280MYh.js";
+import { j as ct, k as ut, A as dt, l as ft } from "./provider-Bt-E2O6g.js";
 import "react-dom";
-import { u as mt, b as re } from "./hooks-Ddqh5NVY.js";
+import { u as mt, b as se } from "./hooks-CWEfATTF.js";
 const [ht, pt] = Z({
   defaultValue: [],
   displayName: "Status.Context"
@@ -20,75 +21,75 @@ const [ht, pt] = Z({
   defaultValue: () => {
   },
   displayName: "Status.AdderContext"
-}), $t = 0.9, ts = ({ children: e, maxHistory: n = 500 }) => {
-  const [{ path: s }, { statuses: r }, u] = at({
+}), $t = 0.9, rr = ({ children: e, maxHistory: n = 500 }) => {
+  const [{ path: r }, { statuses: s }, u] = it({
     type: dt.TYPE,
     schema: ut,
     initialState: { statuses: [] }
   });
-  if (r.length > n) {
+  if (s.length > n) {
     const l = Math.floor(n * $t);
-    u((i) => ({ ...i, statuses: r.slice(0, l) }));
+    u((a) => ({ ...a, statuses: s.slice(0, l) }));
   }
-  const c = S(
+  const c = R(
     (l) => {
-      const i = { time: K.now(), key: Be.create(), ...l };
+      const a = { time: O.now(), key: Be.create(), ...l };
       u((m) => ({
         ...m,
-        statuses: [i, ...m.statuses.filter((p) => p.key != i.key)]
+        statuses: [a, ...m.statuses.filter((p) => p.key != a.key)]
       }));
     },
     [u]
   );
-  return /* @__PURE__ */ h.jsx(ht, { value: r, children: /* @__PURE__ */ h.jsx(gt, { value: c, children: /* @__PURE__ */ h.jsx(it, { path: s, children: e }) }) });
-}, ss = () => {
+  return /* @__PURE__ */ h.jsx(ht, { value: s, children: /* @__PURE__ */ h.jsx(gt, { value: c, children: /* @__PURE__ */ h.jsx(at, { path: r, children: e }) }) });
+}, sr = () => {
   const e = le();
-  return T(() => ct(e), [e]);
-}, rs = () => {
+  return A(() => ct(e), [e]);
+}, nr = () => {
   const e = le();
-  return T(() => ft(e), [e]);
-}, xt = U.seconds(7), vt = U.seconds(1), ns = ({
+  return A(() => ft(e), [e]);
+}, xt = U.seconds(7), vt = U.seconds(1), or = ({
   expiration: e = xt,
   poll: n = vt
 } = {}) => {
-  const s = pt(), [r, u] = D(/* @__PURE__ */ new Set()), [c, l] = D(() => K.now());
+  const r = pt(), [s, u] = D(/* @__PURE__ */ new Set()), [c, l] = D(() => O.now());
   N(() => {
-    const $ = setInterval(() => l(K.now()), n.milliseconds);
+    const $ = setInterval(() => l(O.now()), n.milliseconds);
     return () => clearInterval($);
   }, [n.milliseconds]);
-  const i = T(() => {
-    const $ = c.sub(e), v = s.filter(
-      ({ key: d, time: o }) => o.afterEq($) && !r.has(d)
+  const a = A(() => {
+    const $ = c.sub(e), v = r.filter(
+      ({ key: d, time: o }) => o.afterEq($) && !s.has(d)
     ).reduce((d, o) => {
       const t = `${o.variant}:${o.message}`;
       if (!d.has(t))
         return d.set(t, { ...o, count: 1 }), d;
-      const a = d.get(t);
+      const i = d.get(t);
       return d.set(t, {
-        ...a,
-        count: a.count + 1,
-        time: o.time.after(a.time) ? o.time : a.time
+        ...i,
+        count: i.count + 1,
+        time: o.time.after(i.time) ? o.time : i.time
       }), d;
     }, /* @__PURE__ */ new Map());
     return Array.from(v.values());
-  }, [s, e, r, c]), m = A(s), p = S(($) => {
+  }, [r, e, s, c]), m = T(r), p = R(($) => {
     u((g) => {
       const v = /* @__PURE__ */ new Set(), d = m.current.find(({ key: o }) => o === $);
       return g.has($) || v.add($), d != null && m.current.filter(
-        ({ message: t, variant: a }) => t === d.message && a === d.variant
+        ({ message: t, variant: i }) => t === d.message && i === d.variant
       ).forEach((t) => v.add(t.key)), v.size == 0 ? g : /* @__PURE__ */ new Set([...v, ...g]);
     });
   }, []);
-  return { statuses: i, silence: p };
-}, os = Ke(Ze, { topRight: We }), W = ({
+  return { statuses: a, silence: p };
+}, ir = Oe(Ze, { topRight: We }), W = ({
   level: e = "p",
   variant: n,
-  description: s,
-  hideIcon: r = !1,
+  description: r,
+  hideIcon: s = !1,
   status: u,
   className: c,
   children: l,
-  message: i,
+  message: a,
   color: m,
   ...p
 }) => {
@@ -97,16 +98,16 @@ const [ht, pt] = Z({
     const { key: o, ...t } = u;
     return /* @__PURE__ */ h.jsx(W, { ...p, ...t });
   }
-  r || ($ = n === "loading" ? /* @__PURE__ */ h.jsx(Xe, {}) : /* @__PURE__ */ h.jsx(Ye, {}));
-  const g = He.isNonZero(s);
-  l ??= i;
+  s || ($ = n === "loading" ? /* @__PURE__ */ h.jsx(Xe, {}) : /* @__PURE__ */ h.jsx(Ye, {}));
+  const g = He.isNonZero(r);
+  l ??= a;
   const v = /* @__PURE__ */ h.jsxs(
     C,
     {
       className: w(c, !g && w.BE("status", "text")),
       level: e,
       status: n,
-      ...s == null ? p : {},
+      ...r == null ? p : {},
       children: [
         $,
         l
@@ -114,7 +115,7 @@ const [ht, pt] = Z({
     }
   );
   if (!g) return v;
-  const d = /* @__PURE__ */ h.jsx(C, { level: "small", color: 8, children: s });
+  const d = /* @__PURE__ */ h.jsx(C, { level: "small", color: 8, children: r });
   return /* @__PURE__ */ h.jsxs(X, { y: !0, align: "start", gap: "small", center: !0, ...p, children: [
     v,
     d
@@ -122,12 +123,12 @@ const [ht, pt] = Z({
 }, bt = ({
   size: e = "medium",
   ref: n,
-  value: s,
-  onChange: r,
+  value: r,
+  onChange: s,
   className: u,
   onFocus: c,
   onKeyDown: l,
-  selectOnFocus: i = !1,
+  selectOnFocus: a = !1,
   centerPlaceholder: m = !1,
   placeholder: p,
   variant: $ = "outlined",
@@ -136,12 +137,12 @@ const [ht, pt] = Z({
   disabled: d,
   resetOnBlurIfEmpty: o = !1,
   status: t,
-  weight: a,
+  weight: i,
   style: f,
   contrast: x,
   color: b,
-  sharp: y,
-  onlyChangeOnBlur: R = !1,
+  sharp: S,
+  onlyChangeOnBlur: y = !1,
   endContent: k,
   full: I,
   children: z,
@@ -154,39 +155,39 @@ const [ht, pt] = Z({
   tabIndex: B,
   trigger: ve,
   triggerIndicator: be,
-  textColor: Re,
-  textVariant: ye,
+  textColor: ye,
+  textVariant: Re,
   preventClick: Se,
   onClickDelay: Ee,
   startContent: J,
   tooltip: we,
   tooltipDelay: je,
   tooltipLocation: Ie,
-  hideTooltip: Ae,
-  ghost: Te,
+  hideTooltip: Te,
+  ghost: Ae,
   area: Pe,
   propagateClick: Le,
   ...Ce
 }) => {
-  const Q = L(s), [q, H] = D(null), ee = L(null), M = L(!1), ke = (E) => {
-    M.current = !1, o && E.target.value === "" ? r?.(Q.current) : R && q != null && r?.(q), H(null), v?.(E);
+  const Q = L(r), [q, H] = D(null), ee = L(null), M = L(!1), ke = (E) => {
+    M.current = !1, o && E.target.value === "" ? s?.(Q.current) : y && q != null && s?.(q), H(null), v?.(E);
   }, ze = (E) => {
-    d || (R ? H(E.target.value) : r?.(E.target.value));
+    d || (y ? H(E.target.value) : s?.(E.target.value));
   }, Ne = (E) => {
-    R && H(s), c?.(E), Q.current = E.target.value;
+    y && H(r), c?.(E), Q.current = E.target.value;
   }, qe = () => {
-    !i || M.current || (M.current = !0, ee.current?.select());
+    !a || M.current || (M.current = !0, ee.current?.select());
   }, Ve = (E) => {
-    R && E.key === "Enter" ? E.currentTarget.blur() : E.key === "Escape" && (E.currentTarget.blur(), E.stopPropagation()), l?.(E);
-  }, De = st(n, ee), Fe = (s == null || s.length === 0) && q == null && p != null && typeof p != "string";
+    y && E.key === "Enter" ? E.currentTarget.blur() : E.key === "Escape" && (E.currentTarget.blur(), E.stopPropagation()), l?.(E);
+  }, De = rt(n, ee), Fe = (r == null || r.length === 0) && q == null && p != null && typeof p != "string";
   B ??= $ === "preview" ? -1 : void 0;
   const te = {
     style: f,
     full: I,
     grow: P,
     shrink: j
-  }, Ue = z != null ? {} : te, se = /* @__PURE__ */ h.jsxs(
-    Oe,
+  }, Ue = z != null ? {} : te, re = /* @__PURE__ */ h.jsxs(
+    Ke,
     {
       el: "div",
       x: !0,
@@ -202,7 +203,7 @@ const [ht, pt] = Z({
       level: g,
       color: b,
       contrast: x,
-      sharp: y,
+      sharp: S,
       status: t,
       bordered: $e,
       borderColor: _,
@@ -213,15 +214,15 @@ const [ht, pt] = Z({
       tabIndex: B,
       trigger: ve,
       triggerIndicator: be,
-      textColor: Re,
-      textVariant: ye,
+      textColor: ye,
+      textVariant: Re,
       preventClick: Se,
       onClickDelay: Ee,
       tooltip: we,
       tooltipDelay: je,
       tooltipLocation: Ie,
-      hideTooltip: Ae,
-      ghost: Te,
+      hideTooltip: Te,
+      ghost: Ae,
       propagateClick: Le,
       ...Ue,
       children: [
@@ -233,7 +234,7 @@ const [ht, pt] = Z({
               w.BE("input", "placeholder"),
               m && w.M("centered")
             ),
-            level: g ?? O[e],
+            level: g ?? K[e],
             children: p
           }
         ),
@@ -241,7 +242,7 @@ const [ht, pt] = Z({
           C,
           {
             className: w.BE("input", "start-content"),
-            level: g ?? O[e],
+            level: g ?? K[e],
             children: J
           }
         ),
@@ -250,7 +251,7 @@ const [ht, pt] = Z({
           {
             el: Pe ? "textarea" : "input",
             ref: De,
-            value: q ?? s,
+            value: q ?? r,
             role: "textbox",
             onChange: ze,
             autoCapitalize: "off",
@@ -263,7 +264,7 @@ const [ht, pt] = Z({
             onBlur: ke,
             disabled: d,
             placeholder: typeof p == "string" ? p : void 0,
-            style: { fontWeight: a },
+            style: { fontWeight: i },
             ...Ce
           }
         ),
@@ -271,23 +272,23 @@ const [ht, pt] = Z({
           C,
           {
             className: w.BE("input", "end-content"),
-            level: g ?? O[e],
+            level: g ?? K[e],
             children: k
           }
         )
       ]
     }
   );
-  return z == null ? se : /* @__PURE__ */ h.jsxs(X, { x: !0, pack: !0, className: w.BE("input", "container"), ...te, children: [
-    se,
+  return z == null ? re : /* @__PURE__ */ h.jsxs(X, { x: !0, pack: !0, className: w.BE("input", "container"), ...te, children: [
+    re,
     z
   ] });
-}, ce = ["ArrowUp"], ue = ["ArrowDown"], de = ["Enter"], Rt = [ce, ue, de], yt = U.milliseconds(200).milliseconds, St = U.milliseconds(100).milliseconds, fe = ({
+}, ce = ["ArrowUp"], ue = ["ArrowDown"], de = ["Enter"], yt = [ce, ue, de], Rt = U.milliseconds(200).milliseconds, St = U.milliseconds(100).milliseconds, fe = ({
   data: e,
   initialHover: n = -1,
-  onSelect: s
+  onSelect: r
 }) => {
-  const r = A(e), [u, c, l] = rt(n), { visible: i } = ae(), m = A(i), { scrollToIndex: p } = Je(), $ = S(
+  const s = T(e), [u, c, l] = st(n), { visible: a } = ie(), m = T(a), { scrollToIndex: p } = Je(), $ = R(
     (d) => {
       const o = l.current, t = ot(d, o);
       c(t), p(t, o > t ? "bottom" : "top");
@@ -297,124 +298,124 @@ const [ht, pt] = Z({
   N(() => {
     l.current >= e.length && $(0);
   }, [e.length]);
-  const g = L(null), v = S(
+  const g = L(null), v = R(
     ({ triggers: d, stage: o }) => {
       if (!m.current || (g.current != null && (clearInterval(g.current), g.current = null), o !== "start")) return;
-      const t = r.current;
+      const t = s.current;
       if (G(d, [de])) {
         if (l.current === -1) return;
-        s?.(t[l.current]);
+        r?.(t[l.current]);
         return;
       }
-      const a = () => {
-        const f = r.current;
+      const i = () => {
+        const f = s.current;
         G(d, [ce], { loose: !0 }) ? $((x) => x <= 0 ? f.length - 1 : x - 1) : G(d, [ue], { loose: !0 }) && $((x) => x >= f.length - 1 ? 0 : x + 1);
       };
-      a(), g.current = setTimeout(() => {
-        g.current = setInterval(a, St);
-      }, yt);
+      i(), g.current = setTimeout(() => {
+        g.current = setInterval(i, St);
+      }, Rt);
     },
-    [s]
+    [r]
   );
   return mt({
-    triggers: Rt,
+    triggers: yt,
     callback: v,
     loose: !0
   }), { hover: e[u] };
 }, Et = ({
   allowNone: e = !1,
   onChange: n,
-  value: s,
-  closeDialogOnSelect: r = !1,
+  value: r,
+  closeDialogOnSelect: s = !1,
   initialHover: u,
   autoSelectOnNone: c = !1
 }) => {
-  const l = A(s), { data: i } = ie(), { close: m } = ae(), p = A(i);
+  const l = T(r), { data: a } = ae(), { close: m } = ie(), p = T(a);
   N(() => {
-    const o = s != null && i.includes(s);
-    c && i.length > 0 && !o && n(i[0], { clicked: i[0], clickedIndex: 0 });
-  }, [c, n, s, i.length, i]);
-  const $ = S(
+    const o = r != null && a.includes(r);
+    c && a.length > 0 && !o && n(a[0], { clicked: a[0], clickedIndex: 0 });
+  }, [c, n, r, a.length, a]);
+  const $ = R(
     (o) => {
       if (l.current === o) {
-        e && n(null, { clicked: null, clickedIndex: null }), r && m();
+        e && n(null, { clicked: null, clickedIndex: null }), s && m();
         return;
       }
-      const t = p.current.findIndex((a) => a === o);
-      n(o, { clicked: o, clickedIndex: t }), r && m();
+      const t = p.current.findIndex((i) => i === o);
+      n(o, { clicked: o, clickedIndex: t }), s && m();
     },
     [p, n, m]
-  ), g = S(() => {
+  ), g = R(() => {
     e && n(null, { clicked: null, clickedIndex: null });
-  }, [n, e]), v = S(
+  }, [n, e]), v = R(
     (o) => n(o[0], { clicked: null, clickedIndex: null }),
     [n]
-  ), d = fe({ data: i, onSelect: $, initialHover: u });
+  ), d = fe({ data: a, onSelect: $, initialHover: u });
   return { onSelect: $, setSelected: v, clear: g, ...d };
 }, wt = ({
   value: e = [],
   replaceOnSingle: n = !1,
-  onChange: s,
-  initialHover: r,
+  onChange: r,
+  initialHover: s,
   allowNone: u = !0,
   closeDialogOnSelect: c = !1,
   autoSelectOnNone: l = !1
 }) => {
-  const { data: i } = ie(), m = L(null), p = re({ triggers: [["Shift"]], loose: !0 }), $ = re({ triggers: [["Control"]], loose: !0 }), g = A(e), v = A(i);
+  const { data: a } = ae(), m = L(null), p = se({ triggers: [["Shift"]], loose: !0 }), $ = se({ triggers: [["Control"]], loose: !0 }), g = T(e), v = T(a);
   N(() => {
-    const f = i.some((x) => e.includes(x));
-    l && i.length > 0 && !f && s([i[0]], { clicked: i[0], clickedIndex: 0 });
-  }, [l, s, e, i.length, i]);
-  const d = S(
+    const f = a.some((x) => e.includes(x));
+    l && a.length > 0 && !f && r([a[0]], { clicked: a[0], clickedIndex: 0 });
+  }, [l, r, e, a.length, a]);
+  const d = R(
     (f) => {
       const x = m.current, b = v.current;
-      let y = [];
-      const R = F.toArray(g.current).filter((I) => I != null);
+      let S = [];
+      const y = F.toArray(g.current).filter((I) => I != null);
       if ($.current.held && n)
-        R.includes(f) ? y = R.filter((I) => I !== f) : y = [...R, f];
+        y.includes(f) ? S = y.filter((I) => I !== f) : S = [...y, f];
       else if (p.current.held && x !== null) {
         const [I, z] = [
           b.findIndex((j) => j === f),
           b.findIndex((j) => j === x)
         ].sort((j, _) => j - _), P = b.slice(I, z + 1).map((j) => j);
-        P.slice(1, P.length - 1).every((j) => R.includes(j)) && R.includes(f) ? y = R.filter((j) => !P.includes(j)) : y = [...R, ...P], m.current = null;
+        P.slice(1, P.length - 1).every((j) => y.includes(j)) && y.includes(f) ? S = y.filter((j) => !P.includes(j)) : S = [...y, ...P], m.current = null;
       } else
-        m.current = f, n ? y = R.includes(f) && R.length === 1 ? [] : [f] : R.includes(f) ? y = R.filter((I) => I !== f) : y = [...R, f];
-      const k = Me.unique(y);
+        m.current = f, n ? S = y.includes(f) && y.length === 1 ? [] : [f] : y.includes(f) ? S = y.filter((I) => I !== f) : S = [...y, f];
+      const k = Me.unique(S);
       if (k.length === 0) {
         if (!u) return;
         m.current = null;
       }
-      s(k, {
+      r(k, {
         clicked: f,
         clickedIndex: b.findIndex((I) => I === f)
       }), c && close();
     },
-    [g, v, s]
-  ), o = S(
-    () => s([], { clicked: null, clickedIndex: 0 }),
-    [s]
-  ), t = S(
-    (f) => s(f, { clicked: null, clickedIndex: 0 }),
-    [s]
-  ), a = fe({ data: i, onSelect: d, initialHover: r });
-  return { onSelect: d, setSelected: t, clear: o, ...a };
+    [g, v, r]
+  ), o = R(
+    () => r([], { clicked: null, clickedIndex: 0 }),
+    [r]
+  ), t = R(
+    (f) => r(f, { clicked: null, clickedIndex: 0 }),
+    [r]
+  ), i = fe({ data: a, onSelect: d, initialHover: s });
+  return { onSelect: d, setSelected: t, clear: o, ...i };
 }, jt = () => {
-  const e = nt(() => /* @__PURE__ */ new Map()), n = S((r) => {
+  const e = nt(() => /* @__PURE__ */ new Map()), n = R((s) => {
     e.current.forEach((u, c) => {
-      (u == null || r.includes(u)) && c();
+      (u == null || s.includes(u)) && c();
     });
-  }, []), s = S((r, u) => {
-    if (e.current.has(r)) {
-      const c = e.current.get(r);
+  }, []), r = R((s, u) => {
+    if (e.current.has(s)) {
+      const c = e.current.get(s);
       console.warn(
         `[store] attempted to subscribe listener with key ${c} to key ${u} without being unsubscribed first`
       );
     }
-    return e.current.set(r, u), () => e.current.delete(r);
+    return e.current.set(s, u), () => e.current.delete(s);
   }, []);
-  return { notifyListeners: n, subscribe: s };
-}, [It, At] = Z({
+  return { notifyListeners: n, subscribe: r };
+}, [It, Tt] = Z({
   defaultValue: {
     clear: () => {
     },
@@ -427,53 +428,54 @@ const [ht, pt] = Z({
     }
   },
   displayName: "Select.Context"
-}), Tt = (e, n) => e == null ? !1 : Array.isArray(e) ? e.includes(n) : e === n, Pt = ({
+}), At = (e, n) => e == null ? !1 : Array.isArray(e) ? e.includes(n) : e === n, Pt = ({
   children: e,
   ...n
 }) => {
-  const { value: s } = n, r = wt(n);
-  return /* @__PURE__ */ h.jsx(me, { value: s, ...r, children: e });
+  const { value: r } = n, s = wt(n);
+  return /* @__PURE__ */ h.jsx(me, { value: r, ...s, children: e });
 }, Lt = ({
   children: e,
   ...n
 }) => {
-  const { value: s } = n, r = Et(n);
-  return /* @__PURE__ */ h.jsx(me, { value: s, ...r, children: e });
+  const { value: r } = n, s = Et(n);
+  return /* @__PURE__ */ h.jsx(me, { value: r, ...s, children: e });
 }, me = ({
   value: e,
   onSelect: n,
-  clear: s,
-  setSelected: r,
+  clear: r,
+  setSelected: s,
   children: u,
   hover: c
 }) => {
-  const l = L(F.toArray(e)), i = A(c), { notifyListeners: m, subscribe: p } = jt(), $ = S(
-    () => ({ value: l.current, hover: i.current }),
+  const l = L(F.toArray(e)), a = T(c), { notifyListeners: m, subscribe: p } = jt(), $ = R(
+    () => ({ value: l.current, hover: a.current }),
     []
-  ), g = T(
+  ), g = A(
     () => ({
       onSelect: n,
-      setSelected: r,
-      clear: s,
+      setSelected: s,
+      clear: r,
       hover: c,
       subscribe: p,
       getState: $
     }),
-    [$, n, r, s, c, p]
+    [$, n, s, r, c, p]
   );
   return N(() => {
     const v = l.current, d = F.toArray(e), o = [...v, ...d];
     l.current = d, m(o);
   }, [e, m]), /* @__PURE__ */ h.jsx(It, { value: g, children: u });
-}, Y = () => At(), Ct = (e) => {
-  const { getState: n, onSelect: s, subscribe: r } = Y(), u = S(() => s(e), [e, s]), c = oe(
-    S((l) => r(l, e), [e, r]),
-    S(() => {
-      const l = n(), i = Tt(l.value, e), m = l.hover === e;
-      return i && m ? "selected-hovered" : i ? "selected" : m ? "hovered" : "none";
-    }, [e, n])
+}, Y = () => Tt(), Ct = (e) => {
+  const { getState: n, onSelect: r, subscribe: s } = Y(), u = R(() => r(e), [e, r]), c = oe(
+    R((l) => s(l, e), [e, s]),
+    R(() => {
+      const l = n(), a = At(l.value, e), m = l.hover === e;
+      return a && m ? "selected-hovered" : a ? "selected" : m ? "hovered" : "none";
+    }, [e, n]),
+    R(() => "none", [])
   );
-  return T(
+  return A(
     () => ({
       selected: c === "selected" || c === "selected-hovered",
       hovered: c === "hovered" || c === "selected-hovered",
@@ -481,18 +483,22 @@ const [ht, pt] = Z({
     }),
     [c, u]
   );
-}, as = () => {
-  const { getState: e, subscribe: n } = Y(), s = oe(n, () => e().value);
-  return T(() => s == null ? [] : F.toArray(s), [s]);
-}, is = () => Y().clear, kt = ({
+}, ar = () => {
+  const { getState: e, subscribe: n } = Y(), r = oe(
+    n,
+    () => e().value,
+    () => null
+  );
+  return A(() => r == null ? [] : F.toArray(r), [r]);
+}, lr = () => Y().clear, kt = ({
   data: e,
   getItem: n,
-  subscribe: s,
-  itemHeight: r,
+  subscribe: r,
+  itemHeight: s,
   multiple: u,
   onFetchMore: c,
   virtual: l = !1,
-  value: i,
+  value: a,
   onChange: m,
   ...p
 }) => /* @__PURE__ */ h.jsx(
@@ -500,11 +506,11 @@ const [ht, pt] = Z({
   {
     data: e,
     getItem: n,
-    subscribe: s,
+    subscribe: r,
     onFetchMore: c,
-    itemHeight: r,
+    itemHeight: s,
     virtual: l,
-    children: u ? /* @__PURE__ */ h.jsx(Pt, { value: i, onChange: m, ...p }) : /* @__PURE__ */ h.jsx(Lt, { value: i, onChange: m, ...p })
+    children: u ? /* @__PURE__ */ h.jsx(Pt, { value: a, onChange: m, ...p }) : /* @__PURE__ */ h.jsx(Lt, { value: a, onChange: m, ...p })
   }
 );
 kt.displayName = "Select.Frame";
@@ -514,80 +520,80 @@ function zt(e) {
 var V = { exports: {} }, Nt = V.exports, ne;
 function qt() {
   return ne || (ne = 1, (function(e, n) {
-    (function(s, r) {
-      typeof zt == "function" ? e.exports = r() : s.pluralize = r();
+    (function(r, s) {
+      typeof zt == "function" ? e.exports = s() : r.pluralize = s();
     })(Nt, function() {
-      var s = [], r = [], u = {}, c = {}, l = {};
-      function i(t) {
+      var r = [], s = [], u = {}, c = {}, l = {};
+      function a(t) {
         return typeof t == "string" ? new RegExp("^" + t + "$", "i") : t;
       }
-      function m(t, a) {
-        return t === a ? a : t === t.toLowerCase() ? a.toLowerCase() : t === t.toUpperCase() ? a.toUpperCase() : t[0] === t[0].toUpperCase() ? a.charAt(0).toUpperCase() + a.substr(1).toLowerCase() : a.toLowerCase();
+      function m(t, i) {
+        return t === i ? i : t === t.toLowerCase() ? i.toLowerCase() : t === t.toUpperCase() ? i.toUpperCase() : t[0] === t[0].toUpperCase() ? i.charAt(0).toUpperCase() + i.substr(1).toLowerCase() : i.toLowerCase();
       }
-      function p(t, a) {
+      function p(t, i) {
         return t.replace(/\$(\d{1,2})/g, function(f, x) {
-          return a[x] || "";
+          return i[x] || "";
         });
       }
-      function $(t, a) {
-        return t.replace(a[0], function(f, x) {
-          var b = p(a[1], arguments);
+      function $(t, i) {
+        return t.replace(i[0], function(f, x) {
+          var b = p(i[1], arguments);
           return m(f === "" ? t[x - 1] : f, b);
         });
       }
-      function g(t, a, f) {
+      function g(t, i, f) {
         if (!t.length || u.hasOwnProperty(t))
-          return a;
+          return i;
         for (var x = f.length; x--; ) {
           var b = f[x];
-          if (b[0].test(a)) return $(a, b);
+          if (b[0].test(i)) return $(i, b);
         }
-        return a;
+        return i;
       }
-      function v(t, a, f) {
+      function v(t, i, f) {
         return function(x) {
           var b = x.toLowerCase();
-          return a.hasOwnProperty(b) ? m(x, b) : t.hasOwnProperty(b) ? m(x, t[b]) : g(b, x, f);
+          return i.hasOwnProperty(b) ? m(x, b) : t.hasOwnProperty(b) ? m(x, t[b]) : g(b, x, f);
         };
       }
-      function d(t, a, f, x) {
+      function d(t, i, f, x) {
         return function(b) {
-          var y = b.toLowerCase();
-          return a.hasOwnProperty(y) ? !0 : t.hasOwnProperty(y) ? !1 : g(y, y, f) === y;
+          var S = b.toLowerCase();
+          return i.hasOwnProperty(S) ? !0 : t.hasOwnProperty(S) ? !1 : g(S, S, f) === S;
         };
       }
-      function o(t, a, f) {
-        var x = a === 1 ? o.singular(t) : o.plural(t);
-        return (f ? a + " " : "") + x;
+      function o(t, i, f) {
+        var x = i === 1 ? o.singular(t) : o.plural(t);
+        return (f ? i + " " : "") + x;
       }
       return o.plural = v(
         l,
         c,
-        s
+        r
       ), o.isPlural = d(
         l,
         c,
-        s
+        r
       ), o.singular = v(
         c,
         l,
-        r
+        s
       ), o.isSingular = d(
         c,
         l,
-        r
-      ), o.addPluralRule = function(t, a) {
-        s.push([i(t), a]);
-      }, o.addSingularRule = function(t, a) {
-        r.push([i(t), a]);
+        s
+      ), o.addPluralRule = function(t, i) {
+        r.push([a(t), i]);
+      }, o.addSingularRule = function(t, i) {
+        s.push([a(t), i]);
       }, o.addUncountableRule = function(t) {
         if (typeof t == "string") {
           u[t.toLowerCase()] = !0;
           return;
         }
         o.addPluralRule(t, "$0"), o.addSingularRule(t, "$0");
-      }, o.addIrregularRule = function(t, a) {
-        a = a.toLowerCase(), t = t.toLowerCase(), l[t] = a, c[a] = t;
+      }, o.addIrregularRule = function(t, i) {
+        i = i.toLowerCase(), t = t.toLowerCase(), l[t] = i, c[i] = t;
       }, [
         // Pronouns.
         ["I", "we"],
@@ -815,8 +821,8 @@ var he = qt();
 const Vt = ({
   searchPlaceholder: e = "Search...",
   onSearch: n,
-  actions: s,
-  dialogVariant: r = "floating"
+  actions: r,
+  dialogVariant: s = "floating"
 }) => {
   const [u, c] = D(""), l = /* @__PURE__ */ h.jsx(
     bt,
@@ -824,19 +830,19 @@ const Vt = ({
       value: u,
       autoFocus: !0,
       placeholder: e,
-      size: r === "modal" ? "large" : "medium",
+      size: s === "modal" ? "large" : "medium",
       contrast: 3,
       rounded: !0,
       grow: !0,
       full: "x",
-      onChange: (i) => {
-        c(i), n?.(i);
+      onChange: (a) => {
+        c(a), n?.(a);
       }
     }
   );
-  return s == null ? l : /* @__PURE__ */ h.jsxs(X, { pack: !0, x: !0, children: [
+  return r == null ? l : /* @__PURE__ */ h.jsxs(X, { pack: !0, x: !0, children: [
     l,
-    s
+    r
   ] });
 }, Dt = ({ resourceName: e }) => /* @__PURE__ */ h.jsxs(C, { center: !0, status: "disabled", children: [
   "No ",
@@ -846,20 +852,20 @@ const Vt = ({
   ({
     onSearch: e,
     children: n,
-    emptyContent: s,
-    status: r,
+    emptyContent: r,
+    status: s,
     resourceName: u,
     actions: c,
     ...l
-  }) => (s = T(() => r != null && r.variant !== "success" ? /* @__PURE__ */ h.jsx(
+  }) => (r = A(() => s != null && s.variant !== "success" ? /* @__PURE__ */ h.jsx(
     W,
     {
       center: !0,
-      variant: r?.variant,
-      description: r?.description,
-      children: r?.message
+      variant: s?.variant,
+      description: s?.description,
+      children: s?.message
     }
-  ) : typeof s == "string" ? /* @__PURE__ */ h.jsx(W, { center: !0, variant: "disabled", children: s }) : s ?? /* @__PURE__ */ h.jsx(Dt, { resourceName: u }), [r?.key, s]), /* @__PURE__ */ h.jsxs(
+  ) : typeof r == "string" ? /* @__PURE__ */ h.jsx(W, { center: !0, variant: "disabled", children: r }) : r ?? /* @__PURE__ */ h.jsx(Dt, { resourceName: u }), [s?.key, r]), /* @__PURE__ */ h.jsxs(
     Ge,
     {
       ...l,
@@ -878,7 +884,7 @@ const Vt = ({
         /* @__PURE__ */ h.jsx(
           et,
           {
-            emptyContent: s,
+            emptyContent: r,
             bordered: !0,
             borderColor: 6,
             grow: !0,
@@ -892,28 +898,28 @@ const Vt = ({
   ))
 );
 pe.displayName = "Select.Dialog";
-const ls = pe, cs = (e) => {
-  const { itemKey: n } = e, s = Ct(n);
-  return /* @__PURE__ */ h.jsx(tt, { ...s, ...e });
+const cr = pe, ur = (e) => {
+  const { itemKey: n } = e, r = Ct(n);
+  return /* @__PURE__ */ h.jsx(tt, { ...r, ...e });
 };
 export {
-  ts as A,
-  os as C,
-  ls as D,
+  rr as A,
+  ir as C,
+  cr as D,
   kt as F,
-  cs as L,
+  ur as L,
   W as S,
   bt as T,
-  ss as a,
-  rs as b,
+  sr as a,
+  nr as b,
   Ct as c,
-  as as d,
+  ar as d,
   Y as e,
-  is as f,
+  lr as f,
   fe as g,
   wt as h,
   Et as i,
-  ns as j,
+  or as j,
   he as p,
   le as u
 };