@synnaxlabs/pluto 0.40.1 → 0.42.0

package/dist/{Text-B7AC8Z1e.js → Text-CWiPrDI1.js}

@@ -1,30 +1,29 @@
-import { j as v } from "./jsx-runtime-C5mzlN2N.js";
-import { g as U, f as A, d as V, T as oe, c as ze, h as ie } from "./Divider-CMyzWvRC.js";
-import { v as Ae, F as $, e as _e, i as le, R as ke, m as H } from "./state-CUPEHHgf.js";
+import { j as x } from "./jsx-runtime-C5mzlN2N.js";
+import { f as U, d as A, y as V, T as oe, c as ze, g as ie } from "./Divider-BTLn5ucU.js";
+import { C as y, Y as Ae, F as $, b as ke, I as H, O as le, L as _e, m as G } from "./css-B7c7_G5h.js";
 import * as L from "react";
-import { useState as _, useCallback as T, use as k, createContext as M, useEffect as O, useMemo as w, useRef as j, memo as je, useContext as ae, useLayoutEffect as ce } from "react";
-import "./Pack-D50qN0Vu.js";
-import { S as q } from "./Space-I_hidXYi.js";
-import { C as S, J as G } from "./css-rxwBYwM1.js";
-import { a as Fe, C as Ne } from "./ContextMenu-BXNN2_7t.js";
-import { d as J } from "./dimensions-C9PXLcE0.js";
-import { W as ue } from "./WithIcon-BnDZ-Qu7.js";
-import { c as Ve, C as Le } from "./Provider-BH1uv6QX.js";
-import "./provider-Dq9t3iAH.js";
-import { u as We } from "./font-CcRdsA3n.js";
-import { flushSync as Be } from "react-dom";
-import { s as Q, m as W, a as Pe } from "./hooks-B7ZV7Hz6.js";
-import { A as Ue, o as ee } from "./toArray-Dvn9FA_3.js";
-import { u as $e } from "./useMemoCompare-Cq_C2ddc.js";
-import { a as He, A as Ge, c as qe } from "./aggregator-AgOKLWHz.js";
-import { C as Ke } from "./Center-CFEPOi_x.js";
+import { useState as k, useCallback as T, use as _, createContext as M, useEffect as R, useMemo as w, useRef as j, memo as je, useContext as ae, useLayoutEffect as ce } from "react";
+import "./Stack-D50qN0Vu.js";
+import { S as q } from "./Space-C2oZDkE1.js";
+import { a as Fe, C as Ne } from "./ContextMenu-fLU0wr9S.js";
+import "./state-CjGemC7S.js";
+import { d as Q } from "./dimensions-DcjW7X3n.js";
+import { W as ue } from "./WithIcon-pBZ7H9Lq.js";
+import { c as Ve, C as Le } from "./Provider-C_B463cg.js";
+import { k as We, A as Be, m as Pe } from "./provider-BDFfcHVT.js";
+import { u as Ue } from "./font-Crn-D_ua.js";
+import { flushSync as $e } from "react-dom";
+import { v as J, m as W, a as He } from "./hooks-CM9HWxYc.js";
+import { A as Ge, o as ee } from "./toArray-B7nD2CTw.js";
+import { u as qe } from "./useMemoCompare-B930TM0g.js";
+import { C as Ke } from "./Center-CNcAEDgS.js";
 const Xe = ({
   transforms: r = []
 }) => {
-  const [l, e] = _(r), t = T(
+  const [l, e] = k(r), t = T(
     (n, i, a = 0) => e((d) => {
-      const c = d.filter((g) => g.key !== n);
-      return c.push({ key: n, transform: i, priority: a }), c.sort((g, h) => h.priority - g.priority), c;
+      const u = d.filter((h) => h.key !== n);
+      return u.push({ key: n, transform: i, priority: a }), u.sort((h, m) => m.priority - h.priority), u;
     }),
     [e]
   ), s = T(
@@ -39,7 +38,7 @@ const Xe = ({
     [l]
   ), setTransform: t, deleteTransform: s };
 }, K = (r) => {
-  const l = k(r);
+  const l = _(r);
   if (l === null) throw new Error("useRequiredContext: context value is null");
   return l;
 }, de = M({
@@ -62,129 +61,135 @@ const Xe = ({
   getDefaultEmptyContent: () => {
   },
   getTransformed: () => !1
-}), F = () => K(de), X = () => K(he), Qt = () => F().transformedData, Ye = () => F().sourceData, fe = () => X().getTransformedData, es = () => X().setSourceData, Ze = ({
+}), F = () => K(de), X = () => K(he), Qt = () => F().transformedData, Ye = () => F().sourceData, fe = () => X().getTransformedData, Jt = () => X().setSourceData, Ze = ({
   data: r,
   emptyContent: l,
   children: e
 }) => {
   const { transform: t, setTransform: s, deleteTransform: o } = Xe({}), [n, i, a] = U(() => r ?? []);
-  O(() => {
+  R(() => {
     r != null && i(r);
   }, [r]);
   const d = w(
     () => t({ data: [...n], transformed: !1 }),
     [n, t]
-  ), c = A(d), g = A(
+  ), u = A(d), h = A(
     l
-  ), [h, m, p] = U(void 0);
-  O(() => {
-    l != null && m(l);
+  ), [m, p, g] = U(void 0);
+  R(() => {
+    l != null && p(l);
   }, [l]);
-  const u = w(
+  const c = w(
     () => ({
       setSourceData: i,
       getSourceData: () => a.current,
-      getTransformedData: () => c.current.data,
-      getTransformed: () => c.current.transformed,
+      getTransformedData: () => u.current.data,
+      getTransformed: () => u.current.transformed,
       deleteTransform: o,
       setTransform: s,
-      setEmptyContent: m,
-      getEmptyContent: () => p.current,
-      getDefaultEmptyContent: () => g.current
+      setEmptyContent: p,
+      getEmptyContent: () => g.current,
+      getDefaultEmptyContent: () => h.current
     }),
-    [i, a, c, o, s]
+    [i, a, u, o, s]
   ), f = w(
     () => ({
       transformed: d.transformed,
       transformedData: d.data,
       sourceData: n,
-      emptyContent: h
+      emptyContent: m
     }),
-    [d, n, h]
+    [d, n, m]
   );
-  return /* @__PURE__ */ v.jsx(he, { value: u, children: /* @__PURE__ */ v.jsx(de, { value: f, children: e }) });
-}, Je = ({
+  return /* @__PURE__ */ x.jsx(he, { value: c, children: /* @__PURE__ */ x.jsx(de, { value: f, children: e }) });
+}, Qe = ({
   entry: r,
   selected: l,
   hovered: e,
   onSelect: t,
   className: s,
-  draggingOver: o,
-  rightAligned: n = !1,
-  highlightHovered: i = !1,
-  allowSelect: a = !0,
-  translate: d,
-  style: c,
-  sourceIndex: g,
-  ...h
-}) => /* @__PURE__ */ v.jsx(
+  direction: o = "x",
+  draggingOver: n,
+  rightAligned: i = !1,
+  highlightHovered: a = !1,
+  allowSelect: d = !0,
+  translate: u,
+  style: h,
+  sourceIndex: m,
+  ...p
+}) => /* @__PURE__ */ x.jsx(
   q,
   {
     id: r.key.toString(),
-    direction: "x",
+    direction: o,
     onClick: () => t == null ? void 0 : t(r.key),
     tabIndex: 0,
-    className: S(
+    className: y(
       s,
       Fe,
       l && Ne,
-      a && S.M("selectable"),
-      e && S.M("hovered"),
-      n && S.M("right-aligned"),
-      i && S.M("highlight-hover"),
-      S.BE("list", "item"),
-      S.selected(l)
+      d && y.M("selectable"),
+      e && y.M("hovered"),
+      i && y.M("right-aligned"),
+      a && y.M("highlight-hover"),
+      y.BE("list", "item"),
+      y.selected(l)
     ),
     style: {
-      position: d != null ? "absolute" : "relative",
-      transform: `translateY(${d}px)`,
-      ...c
+      position: u != null ? "absolute" : "relative",
+      transform: `translateY(${u}px)`,
+      ...h
     },
-    ...h
+    ...p
   }
-), me = M(null), Qe = () => K(me), B = "sort", et = ({
+), me = M(null), Je = () => K(me), B = "sort", et = ({
   hide: r = !1,
   columns: l,
-  children: e
+  children: e,
+  level: t = "p",
+  weight: s,
+  shade: o
 }) => {
-  const t = Ye(), { setTransform: s, deleteTransform: o } = X(), n = We("p").toString(), [i, a] = _([null, !1]), [d, c] = _({
+  const n = Ye(), { setTransform: i, deleteTransform: a } = X(), d = Ue("p").toString(), [u, h] = k([null, !1]), [m, p] = k({
     columns: l
-  }), g = (h) => {
-    const [m, p] = i;
-    m === h ? p ? (a([h, !p]), s(B, te(h, !p))) : (a([null, !1]), o(B)) : (a([h, !0]), s(B, te(h, !0)));
+  }), g = (c) => {
+    const [f, v] = u;
+    f === c ? v ? (h([c, !v]), i(B, te(c, !v))) : (h([null, !1]), a(B)) : (h([c, !0]), i(B, te(c, !0)));
   };
-  return O(() => {
-    c((h) => ({
+  return R(() => {
+    p((c) => ({
       columns: nt(
-        h.columns.length === 0 ? l : h.columns,
-        t,
-        n
+        c.columns.length === 0 ? l : c.columns,
+        n,
+        d
       )
     }));
-  }, [n, t, l]), /* @__PURE__ */ v.jsxs(me, { value: d, children: [
-    !r && /* @__PURE__ */ v.jsx(
+  }, [d, n, l]), /* @__PURE__ */ x.jsxs(me, { value: m, children: [
+    !r && /* @__PURE__ */ x.jsx(
       q,
       {
-        direction: "x",
+        x: !0,
         size: "medium",
-        className: S(S.BE("list-col-header", "container"), S.visible(!r)),
-        children: d.columns.filter(({ visible: h = !0 }) => h).map(({ key: h, cWidth: m, name: p }) => {
-          const [u, f] = i;
-          let E;
-          const x = t[0];
-          return h === u && (E = f ? /* @__PURE__ */ v.jsx(V.Caret.Up, {}) : /* @__PURE__ */ v.jsx(V.Caret.Down, {})), /* @__PURE__ */ v.jsx(
+        className: y(y.BE("list-col-header", "container"), y.visible(!r)),
+        children: m.columns.filter(({ visible: c = !0 }) => c).map(({ key: c, cWidth: f, name: v }) => {
+          const [S, E] = u;
+          let O;
+          const I = n[0];
+          return c === S && (O = E ? /* @__PURE__ */ x.jsx(V.Caret.Up, {}) : /* @__PURE__ */ x.jsx(V.Caret.Down, {})), /* @__PURE__ */ x.jsx(
             ue,
             {
-              className: S.BE("list-col-header", "item"),
+              className: y.BE("list-col-header", "item"),
               justify: "spaceBetween",
-              level: "p",
-              endIcon: E,
-              style: { width: m },
+              level: t,
+              weight: s,
+              shade: o,
+              endIcon: O,
+              style: { width: f },
               shrink: !1,
-              onClick: () => x != null && h in x && g(h),
-              children: p
+              onClick: () => I != null && c in I && g(c),
+              children: v
             },
-            h.toString()
+            c.toString()
           );
         })
       }
@@ -197,21 +202,21 @@ const Xe = ({
   className: e,
   ...t
 }) => {
-  const { columns: s } = Qe(), { index: o } = t;
-  return /* @__PURE__ */ v.jsx(
-    Je,
+  const { columns: s } = Je(), { index: o } = t;
+  return /* @__PURE__ */ x.jsx(
+    Qe,
     {
       entry: r,
       onSelect: l,
-      className: S(
+      className: y(
         e,
-        S.BE("list-col-item", "container"),
-        l != null && S.BEM("list-col-item", "container", "selectable")
+        y.BE("list-col-item", "container"),
+        l != null && y.BEM("list-col-item", "container", "selectable")
       ),
       align: "center",
       size: "medium",
       ...t,
-      children: s.filter(({ visible: n = !0 }) => n).map((n) => /* @__PURE__ */ v.jsx(
+      children: s.filter(({ visible: n = !0 }) => n).map((n) => /* @__PURE__ */ x.jsx(
         st,
         {
           entry: r,
@@ -236,10 +241,10 @@ const Xe = ({
   };
   if (t.render != null) return t.render({ key: t.key, entry: r, style: s, index: l });
   let o;
-  return t.stringer != null ? o = t.stringer(r) : o = r[t.key], /* @__PURE__ */ v.jsx(
+  return t.stringer != null ? o = t.stringer(r) : o = r[t.key], /* @__PURE__ */ x.jsx(
     oe,
     {
-      className: S.BE("list-col-item-value", t.key.toString()),
+      className: y.BE("list-col-item-value", t.key.toString()),
       level: "p",
       style: s,
       shade: t.shade,
@@ -253,7 +258,7 @@ const Xe = ({
   return r.map((o) => {
     if (o.width != null) o.cWidth = o.width;
     else {
-      const { width: n } = J(o.name, e), { width: i } = J(s[o.key], e);
+      const { width: n } = Q(o.name, e), { width: i } = Q(s[o.key], e);
       o.cWidth = Math.max(n, i) + t;
     }
     return o;
@@ -271,7 +276,7 @@ const Xe = ({
 }, te = (r, l) => ({ data: e }) => e.length === 0 ? { data: e, transformed: !1 } : {
   data: [...e].sort($.newFieldF(r, e[0], !l)),
   transformed: !0
-}, ts = {
+}, es = {
   /**
    * The header for a column list.
    *
@@ -293,21 +298,21 @@ function z(r, l, e) {
   let t = e.initialDeps ?? [], s;
   function o() {
     var n, i, a, d;
-    let c;
-    e.key && ((n = e.debug) != null && n.call(e)) && (c = Date.now());
-    const g = r();
-    if (!(g.length !== t.length || g.some((p, u) => t[u] !== p)))
+    let u;
+    e.key && ((n = e.debug) != null && n.call(e)) && (u = Date.now());
+    const h = r();
+    if (!(h.length !== t.length || h.some((g, c) => t[c] !== g)))
       return s;
-    t = g;
-    let m;
-    if (e.key && ((i = e.debug) != null && i.call(e)) && (m = Date.now()), s = l(...g), e.key && ((a = e.debug) != null && a.call(e))) {
-      const p = Math.round((Date.now() - c) * 100) / 100, u = Math.round((Date.now() - m) * 100) / 100, f = u / 16, E = (x, y) => {
-        for (x = String(x); x.length < y; )
-          x = " " + x;
-        return x;
+    t = h;
+    let p;
+    if (e.key && ((i = e.debug) != null && i.call(e)) && (p = Date.now()), s = l(...h), e.key && ((a = e.debug) != null && a.call(e))) {
+      const g = Math.round((Date.now() - u) * 100) / 100, c = Math.round((Date.now() - p) * 100) / 100, f = c / 16, v = (S, E) => {
+        for (S = String(S); S.length < E; )
+          S = " " + S;
+        return S;
       };
       console.info(
-        `%c⏱ ${E(u, 5)} /${E(p, 5)} ms`,
+        `%c⏱ ${v(c, 5)} /${v(g, 5)} ms`,
         `
             font-size: .6rem;
             font-weight: bold;
@@ -387,9 +392,9 @@ const ot = (r, l) => Math.abs(r - l) < 1, it = (r, l, e) => {
       l(s, !1);
     },
     r.options.isScrollingResetDelay
-  ), n = (c) => () => {
-    const { horizontal: g, isRtl: h } = r.options;
-    s = g ? e.scrollLeft * (h && -1 || 1) : e.scrollTop, o(), l(s, c);
+  ), n = (u) => () => {
+    const { horizontal: h, isRtl: m } = r.options;
+    s = h ? e.scrollLeft * (m && -1 || 1) : e.scrollTop, o(), l(s, u);
   }, i = n(!0), a = n(!1);
   a(), e.addEventListener("scroll", i, se);
   const d = r.options.useScrollendEvent && ne;
@@ -558,21 +563,21 @@ class ft {
       ({ count: e, paddingStart: t, scrollMargin: s, getItemKey: o, enabled: n }, i) => {
         if (!n)
           return this.measurementsCache = [], this.itemSizeCache.clear(), [];
-        this.measurementsCache.length === 0 && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((c) => {
-          this.itemSizeCache.set(c.key, c.size);
+        this.measurementsCache.length === 0 && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((u) => {
+          this.itemSizeCache.set(u.key, u.size);
         }));
         const a = this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
         this.pendingMeasuredCacheIndexes = [];
         const d = this.measurementsCache.slice(0, a);
-        for (let c = a; c < e; c++) {
-          const g = o(c), h = this.options.lanes === 1 ? d[c - 1] : this.getFurthestMeasurement(d, c), m = h ? h.end + this.options.gap : t + s, p = i.get(g), u = typeof p == "number" ? p : this.options.estimateSize(c), f = m + u, E = h ? h.lane : c % this.options.lanes;
-          d[c] = {
-            index: c,
-            start: m,
-            size: u,
+        for (let u = a; u < e; u++) {
+          const h = o(u), m = this.options.lanes === 1 ? d[u - 1] : this.getFurthestMeasurement(d, u), p = m ? m.end + this.options.gap : t + s, g = i.get(h), c = typeof g == "number" ? g : this.options.estimateSize(u), f = p + c, v = m ? m.lane : u % this.options.lanes;
+          d[u] = {
+            index: u,
+            start: p,
+            size: c,
             end: f,
-            key: g,
-            lane: E
+            key: h,
+            lane: v
           };
         }
         return this.measurementsCache = d, d;
@@ -796,14 +801,14 @@ function mt({
       i++;
   else if (t > 1) {
     const a = Array(t).fill(0);
-    for (; i < s && a.some((c) => c < e + l); ) {
-      const c = r[i];
-      a[c.lane] = c.end, i++;
+    for (; i < s && a.some((u) => u < e + l); ) {
+      const u = r[i];
+      a[u.lane] = u.end, i++;
     }
     const d = Array(t).fill(e + l);
-    for (; n >= 0 && d.some((c) => c >= e); ) {
-      const c = r[n];
-      d[c.lane] = c.start, n--;
+    for (; n >= 0 && d.some((u) => u >= e); ) {
+      const u = r[n];
+      d[u.lane] = u.start, n--;
     }
     n = Math.max(0, n - n % t), i = Math.min(s, i + (t - 1 - i % t));
   }
@@ -815,7 +820,7 @@ function gt(r) {
     ...r,
     onChange: (s, o) => {
       var n;
-      o ? Be(l) : l(), (n = r.onChange) == null || n.call(r, s, o);
+      o ? $e(l) : l(), (n = r.onChange) == null || n.call(r, s, o);
     }
   }, [t] = L.useState(
     () => new ft(e)
@@ -839,63 +844,63 @@ const vt = (r) => r == null ? !0 : Array.isArray(r) || typeof r == "string" ? r.
   autoSelectOnNone: o = !1,
   onChange: n
 }) => {
-  const i = j(null), a = Q({ triggers: [["Shift"]], loose: !0 }), d = Q({ triggers: [["Control"]], loose: !0 }), c = A(l), g = A(r), h = T(
-    (u, f) => {
-      if (c.current = u, u.length === 0 && t !== !1)
+  const i = j(null), a = J({ triggers: [["Shift"]], loose: !0 }), d = J({ triggers: [["Control"]], loose: !0 }), u = A(l), h = A(r), m = T(
+    (c, f) => {
+      if (u.current = c, c.length === 0 && t !== !1)
         return n(e !== !1 ? [] : null, f);
-      if (e !== !1) return n(u, f);
-      if (u.length > 0) return n(u[0], f);
+      if (e !== !1) return n(c, f);
+      if (c.length > 0) return n(c[0], f);
     },
     [n, t, e]
   );
-  O(() => {
-    let u = g.current;
-    if (Array.isArray(u) || (u = u()), vt(l) && t === !1 && u.length > 0 && o) {
-      const f = u[0];
-      i.current = f.key, h([f.key], {
+  R(() => {
+    let c = h.current;
+    if (Array.isArray(c) || (c = c()), vt(l) && t === !1 && c.length > 0 && o) {
+      const f = c[0];
+      i.current = f.key, m([f.key], {
         entries: [f],
         clicked: f.key,
         clickedIndex: 0
       });
     }
-  }, [h, g, l, t]);
-  const m = T(
-    (u) => {
+  }, [m, h, l, t]);
+  const p = T(
+    (c) => {
       const f = i.current;
-      let E = g.current;
-      Array.isArray(E) || (E = E());
-      let x = [];
-      const y = Ue(c.current).filter((C) => C != null);
-      if (e === !1) x = y.includes(u) ? [] : [u];
+      let v = h.current;
+      Array.isArray(v) || (v = v());
+      let S = [];
+      const E = Ge(u.current).filter((I) => I != null);
+      if (e === !1) S = E.includes(c) ? [] : [c];
       else if (d.current.held && s)
-        y.includes(u) ? x = y.filter((C) => C !== u) : x = [...y, u];
+        E.includes(c) ? S = E.filter((I) => I !== c) : S = [...E, c];
       else if (a.current.held && f !== null) {
-        const [C, N] = [
-          E.findIndex((I) => I.key === u),
-          E.findIndex((I) => I.key === f)
-        ].sort((I, D) => I - D), b = E.slice(C, N + 1).map(({ key: I }) => I);
-        b.slice(1, b.length - 1).every((I) => y.includes(I)) && y.includes(u) ? x = y.filter((I) => !b.includes(I)) : x = [...y, ...b], i.current = null;
+        const [I, N] = [
+          v.findIndex((C) => C.key === c),
+          v.findIndex((C) => C.key === f)
+        ].sort((C, D) => C - D), b = v.slice(I, N + 1).map(({ key: C }) => C);
+        b.slice(1, b.length - 1).every((C) => E.includes(C)) && E.includes(c) ? S = E.filter((C) => !b.includes(C)) : S = [...E, ...b], i.current = null;
       } else
-        i.current = u, s ? x = y.includes(u) && y.length === 1 ? [] : [u] : y.includes(u) ? x = y.filter((C) => C !== u) : x = [...y, u];
-      const R = _e.unique(x);
-      if (t === !1 && R.length === 0)
-        return h(y, {
-          entries: E.filter(({ key: C }) => y.includes(C)),
-          clicked: u,
-          clickedIndex: E.findIndex(({ key: C }) => C === u)
+        i.current = c, s ? S = E.includes(c) && E.length === 1 ? [] : [c] : E.includes(c) ? S = E.filter((I) => I !== c) : S = [...E, c];
+      const O = ke.unique(S);
+      if (t === !1 && O.length === 0)
+        return m(E, {
+          entries: v.filter(({ key: I }) => E.includes(I)),
+          clicked: c,
+          clickedIndex: v.findIndex(({ key: I }) => I === c)
         });
-      R.length === 0 && (i.current = null), h(R, {
-        entries: E.filter(({ key: C }) => x.includes(C)),
-        clicked: u,
-        clickedIndex: E.findIndex(({ key: C }) => C === u)
+      O.length === 0 && (i.current = null), m(O, {
+        entries: v.filter(({ key: I }) => S.includes(I)),
+        clicked: c,
+        clickedIndex: v.findIndex(({ key: I }) => I === c)
       });
     },
-    [c, g, h, e, t]
-  ), p = T(
-    () => h([], { entries: [], clicked: null, clickedIndex: 0 }),
-    [h]
+    [u, h, m, e, t]
+  ), g = T(
+    () => m([], { entries: [], clicked: null, clickedIndex: 0 }),
+    [m]
   );
-  return { onSelect: m, clear: p };
+  return { onSelect: p, clear: g };
 }, pe = M({ selected: [] }), ve = M({
   onSelect: () => {
   },
@@ -919,50 +924,51 @@ const vt = (r) => r == null ? !0 : Array.isArray(r) || typeof r == "string" ? r.
       () => ({ onSelect: s, clear: o, getSelected: () => ee(n.current) }),
       [s, o]
     );
-    return /* @__PURE__ */ v.jsx(ve, { value: a, children: /* @__PURE__ */ v.jsx(pe, { value: i, children: l }) });
+    return /* @__PURE__ */ x.jsx(ve, { value: a, children: /* @__PURE__ */ x.jsx(pe, { value: i, children: l }) });
   }
 );
 Ee.displayName = "List.Selector";
-const ss = Ee, Se = ["ArrowUp"], ye = ["ArrowDown"], Ce = ["Enter"], Ct = [Se, ye, Ce], Ie = M({
+const ts = Ee, Se = ["ArrowUp"], ye = ["ArrowDown"], Ie = ["Enter"], It = [Se, ye, Ie], Ce = M({
   hover: -1,
   setHover: () => {
   }
-}), be = () => k(Ie), ns = ({
+}), be = () => _(Ce), ss = ({
   children: r,
   initialHover: l = -1,
-  disabled: e = !1
+  disabled: e = !1,
+  onEnter: t
 }) => {
-  const t = fe(), { transformedData: s } = F(), { onSelect: o } = Y(), [n, i, a] = U(l), d = j(l);
-  O(() => {
-    e && (d.current = n), i(e ? -1 : d.current);
-  }, [e]), O(() => {
-    n >= s.length && i(0);
-  }, [s.length]);
-  const c = j(null), g = T(
-    ({ triggers: m, stage: p }) => {
-      if (c.current != null && (clearInterval(c.current), c.current = null), p !== "start" || e) return;
-      const u = t();
-      if (W(m, [Ce])) {
-        if (a.current === -1) return;
-        o == null || o(u[a.current].key);
+  const s = fe(), { transformedData: o } = F(), { onSelect: n } = Y(), [i, a, d] = U(l), u = j(l);
+  R(() => {
+    e && (u.current = i), a(e ? -1 : u.current);
+  }, [e]), R(() => {
+    i >= o.length && a(0);
+  }, [o.length]);
+  const h = j(null), m = T(
+    ({ triggers: g, stage: c }) => {
+      if (h.current != null && (clearInterval(h.current), h.current = null), c !== "start" || e) return;
+      const f = s();
+      if (W(g, [Ie])) {
+        if (d.current === -1) return;
+        t == null || t(f[d.current].key), n == null || n(f[d.current].key);
         return;
       }
-      const f = () => {
-        const E = t();
-        W(m, [Se], { loose: !0 }) ? i((x) => x <= 0 ? E.length - 1 : x - 1) : W(m, [ye], { loose: !0 }) && i((x) => x >= E.length - 1 ? 0 : x + 1);
+      const v = () => {
+        const S = s();
+        W(g, [Se], { loose: !0 }) ? a((E) => E <= 0 ? S.length - 1 : E - 1) : W(g, [ye], { loose: !0 }) && a((E) => E >= S.length - 1 ? 0 : E + 1);
       };
-      f(), c.current = setTimeout(() => {
-        c.current = setInterval(f, 100);
+      v(), h.current = setTimeout(() => {
+        h.current = setInterval(v, 100);
       }, 200);
     },
-    [o, e]
+    [n, e]
   );
-  Pe({ triggers: Ct, callback: g, loose: !0 });
-  const h = w(
-    () => ({ hover: n, setHover: i }),
-    [n, i]
+  He({ triggers: It, callback: m, loose: !0 });
+  const p = w(
+    () => ({ hover: i, setHover: a }),
+    [i, a]
   );
-  return /* @__PURE__ */ v.jsx(Ie, { value: h, children: r });
+  return /* @__PURE__ */ x.jsx(Ce, { value: p, children: r });
 }, Te = M({
   hasMore: !1,
   onFetchMore: () => {
@@ -972,8 +978,8 @@ const ss = Ee, Se = ["ArrowUp"], ye = ["ArrowDown"], Ce = ["Enter"], Ct = [Se, y
   },
   setOnFetchMore: () => {
   }
-}), It = () => k(Te), rs = () => k(we), bt = ({ children: r }) => {
-  const [l, e] = _(!1), [t, s] = ze(
+}), Ct = () => _(Te), ns = () => _(we), bt = ({ children: r }) => {
+  const [l, e] = k(!1), [t, s] = ze(
     () => {
     }
   ), o = T(() => {
@@ -991,13 +997,13 @@ const ss = Ee, Se = ["ArrowUp"], ye = ["ArrowDown"], Ce = ["Enter"], Ct = [Se, y
     }),
     [e, s]
   );
-  return /* @__PURE__ */ v.jsx(Te, { value: n, children: /* @__PURE__ */ v.jsx(we, { value: i, children: r }) });
+  return /* @__PURE__ */ x.jsx(Te, { value: n, children: /* @__PURE__ */ x.jsx(we, { value: i, children: r }) });
 }, Tt = (r, l, e) => {
   var n;
   const t = r > l ? 1 : -1;
   let s;
   const o = r + t * 2;
-  G.contains({ lower: 0, upper: e.children.length }, o) ? s = r + t * 2 : s = r, (n = e.children[s]) == null || n.scrollIntoView({
+  H.contains({ lower: 0, upper: e.children.length }, o) ? s = r + t * 2 : s = r, (n = e.children[s]) == null || n.scrollIntoView({
     block: "nearest",
     inline: "nearest",
     behavior: "smooth"
@@ -1010,58 +1016,58 @@ const ss = Ee, Se = ["ArrowUp"], ye = ["ArrowDown"], Ce = ["Enter"], Ct = [Se, y
   ...s
 }) => {
   var N;
-  const { hasMore: o, onFetchMore: n } = It(), { hover: i, setHover: a } = be(), {
+  const { hasMore: o, onFetchMore: n } = Ct(), { hover: i, setHover: a } = be(), {
     transformedData: d,
-    emptyContent: c,
-    transformed: g,
-    sourceData: h
-  } = F(), m = yt(), { onSelect: p } = Y(), u = j(null), f = pt({
+    emptyContent: u,
+    transformed: h,
+    sourceData: m
+  } = F(), p = yt(), { onSelect: g } = Y(), c = j(null), f = pt({
     count: d.length,
-    getScrollElement: () => u.current,
+    getScrollElement: () => c.current,
     estimateSize: () => r,
     overscan: e
-  }), E = ie(d);
+  }), v = ie(d);
   ce(() => {
-    E == null || E.length === 0 || d.length > 0 && d[0].key !== E[0].key && (f == null || f.scrollToIndex(0), a(0));
-  }, [d]), O(() => {
-    if (u.current == null) return;
+    v == null || v.length === 0 || d.length > 0 && d[0].key !== v[0].key && (f == null || f.scrollToIndex(0), a(0));
+  }, [d]), R(() => {
+    if (c.current == null) return;
     const b = f.calculateRange();
     if (b == null) return;
-    const I = G.construct(b.startIndex + 2, b.endIndex - 2);
-    G.contains(I, i) || f.scrollToIndex(i);
+    const C = H.construct(b.startIndex + 2, b.endIndex - 2);
+    H.contains(C, i) || f.scrollToIndex(i);
   }, [i, r]);
-  const x = f.getVirtualItems(), y = (N = x.at(-1)) == null ? void 0 : N.index, R = d.length;
-  if (O(() => {
-    y === R - 1 && o && (n == null || n());
-  }, [y, R, o]), r <= 0) throw new Error("itemHeight must be greater than 0");
-  const C = d.length === 0;
-  return /* @__PURE__ */ v.jsx(
+  const S = f.getVirtualItems(), E = (N = S.at(-1)) == null ? void 0 : N.index, O = d.length;
+  if (R(() => {
+    E === O - 1 && o && (n == null || n());
+  }, [E, O, o]), r <= 0) throw new Error("itemHeight must be greater than 0");
+  const I = d.length === 0;
+  return /* @__PURE__ */ x.jsx(
     "div",
     {
-      ref: u,
-      className: S(
+      ref: c,
+      className: y(
         t,
-        S.BE("list", "container"),
-        C && S.BM("list", "empty")
+        y.BE("list", "container"),
+        I && y.BM("list", "empty")
       ),
       ...s,
-      children: C ? c : /* @__PURE__ */ v.jsx(
+      children: I ? u : /* @__PURE__ */ x.jsx(
         "div",
         {
-          className: S.BE("list", "virtualizer"),
+          className: y.BE("list", "virtualizer"),
           style: { height: f.getTotalSize() },
-          children: x.map(({ index: b, start: I }) => {
+          children: S.map(({ index: b, start: C }) => {
             const D = d[b];
             let Z = b;
-            return g && (Z = h.findIndex((De) => De.key === D.key)), l({
+            return h && (Z = m.findIndex((De) => De.key === D.key)), l({
               key: D.key,
               sourceIndex: Z,
               index: b,
-              onSelect: p,
+              onSelect: g,
               entry: D,
-              selected: m.includes(D.key),
+              selected: p.includes(D.key),
               hovered: b === i,
-              translate: I
+              translate: C
             });
           })
         }
@@ -1071,59 +1077,65 @@ const ss = Ee, Se = ["ArrowUp"], ye = ["ArrowDown"], Ce = ["Enter"], Ct = [Se, y
 }, Mt = ({
   itemHeight: r = 50,
   className: l,
-  ...e
+  children: e,
+  ...t
 }) => {
   const {
-    transformedData: t,
-    transformed: s,
-    emptyContent: o,
-    sourceData: n
-  } = F(), { hover: i } = be(), { selected: a } = xe(), { onSelect: d } = Y(), c = j(null), g = ie(i) ?? 0;
-  return ce(() => {
-    c.current != null && Tt(i, g, c.current);
-  }, [i, r]), /* @__PURE__ */ v.jsx(
+    transformedData: s,
+    transformed: o,
+    emptyContent: n,
+    sourceData: i
+  } = F(), { hover: a } = be(), { selected: d } = xe(), { onSelect: u } = Y(), h = j(null), m = ie(a) ?? 0;
+  ce(() => {
+    h.current != null && Tt(a, m, h.current);
+  }, [a, r]);
+  const p = T(
+    (g, c) => {
+      let f = i.findIndex((v) => v.key === g.key);
+      return o && (f = i.findIndex((v) => v.key === g.key)), e({
+        key: g.key,
+        index: c,
+        sourceIndex: f,
+        onSelect: u,
+        entry: g,
+        selected: d.includes(g.key),
+        hovered: c === a
+      });
+    },
+    [e, o, d, a, i]
+  );
+  return /* @__PURE__ */ x.jsx(
     q,
     {
-      className: S(l, S.BE("list", "container")),
-      ref: c,
+      className: y(l, y.BE("list", "container")),
+      ref: h,
       size: 0,
-      ...e,
-      children: t.length === 0 ? o : /* @__PURE__ */ v.jsx(v.Fragment, { children: t.map((h, m) => {
-        let p = m;
-        return s && (p = n.findIndex((u) => u.key === h.key)), e.children({
-          key: h.key,
-          index: m,
-          sourceIndex: p,
-          onSelect: d,
-          entry: h,
-          selected: a.includes(h.key),
-          hovered: m === i
-        });
-      }) })
+      ...t,
+      children: s.length === 0 ? n : /* @__PURE__ */ x.jsx(x.Fragment, { children: s.map((g, c) => p(g, c)) })
     }
   );
 };
 Mt.Virtual = wt;
-const os = ({
+const rs = ({
   children: r,
   data: l,
   emptyContent: e,
   omit: t
 }) => {
-  const s = $e(
+  const s = qe(
     () => t != null ? l == null ? void 0 : l.filter((n) => !t.includes(n.key)) : l,
     ([n, i], [a, d]) => {
-      let c;
-      return n != null && a != null ? c = $.unorderedPrimitiveArrays(n, a) === $.EQUAL : c = n == a, i === d && c;
+      let u;
+      return n != null && a != null ? u = $.unorderedPrimitiveArrays(n, a) === $.EQUAL : u = n == a, i === d && u;
     },
     [t, l]
-  ), o = typeof e == "string" ? /* @__PURE__ */ v.jsx(oe, { level: "p", children: e }) : e;
-  return /* @__PURE__ */ v.jsx(bt, { children: /* @__PURE__ */ v.jsx(Ze, { data: s, emptyContent: o, children: r }) });
+  ), o = typeof e == "string" ? /* @__PURE__ */ x.jsx(oe, { level: "p", children: e }) : e;
+  return /* @__PURE__ */ x.jsx(bt, { children: /* @__PURE__ */ x.jsx(Ze, { data: s, emptyContent: o, children: r }) });
 }, Me = M([]), Oe = M(() => {
-}), Ot = 0.9, is = ({ children: r, maxHistory: l = 500 }) => {
+}), Ot = 0.9, os = ({ children: r, maxHistory: l = 500 }) => {
   const [{ path: e }, { statuses: t }, s] = Ve({
-    type: Ge.TYPE,
-    schema: He,
+    type: Be.TYPE,
+    schema: We,
     initialState: { statuses: [] }
   });
   if (t.length > l) {
@@ -1132,45 +1144,45 @@ const os = ({
   }
   const o = T(
     (n) => {
-      const i = { time: H.now(), key: ke.create(), ...n };
+      const i = { time: G.now(), key: _e.create(), ...n };
       s((a) => ({ ...a, statuses: [i, ...a.statuses] }));
     },
     [s]
   );
-  return /* @__PURE__ */ v.jsx(Me, { value: t, children: /* @__PURE__ */ v.jsx(Oe, { value: o, children: /* @__PURE__ */ v.jsx(Le, { path: e, children: r }) }) });
-}, Rt = () => k(Oe), ls = () => {
+  return /* @__PURE__ */ x.jsx(Me, { value: t, children: /* @__PURE__ */ x.jsx(Oe, { value: o, children: /* @__PURE__ */ x.jsx(Le, { path: e, children: r }) }) });
+}, Rt = () => _(Oe), is = () => {
   const r = Rt();
-  return w(() => qe(r), [r]);
-}, Dt = le.seconds(7), zt = le.seconds(1), as = ({
+  return w(() => Pe(r), [r]);
+}, Dt = le.seconds(7), zt = le.seconds(1), ls = ({
   expiration: r = Dt,
   poll: l = zt
 } = {}) => {
-  const e = k(Me), [t, s] = _(/* @__PURE__ */ new Set()), [o, n] = _(() => H.now());
-  O(() => {
-    const c = setInterval(() => n(H.now()), l.milliseconds);
-    return () => clearInterval(c);
+  const e = _(Me), [t, s] = k(/* @__PURE__ */ new Set()), [o, n] = k(() => G.now());
+  R(() => {
+    const u = setInterval(() => n(G.now()), l.milliseconds);
+    return () => clearInterval(u);
   }, [l.milliseconds]);
   const i = w(() => {
-    const c = o.sub(r), h = e.filter(
-      ({ key: m, time: p }) => p.afterEq(c) && !t.has(m)
-    ).reduce((m, p) => {
-      const u = `${p.variant}:${p.message}`;
-      if (!m.has(u))
-        return m.set(u, { ...p, count: 1 }), m;
-      const f = m.get(u);
-      return m.set(u, {
+    const u = o.sub(r), m = e.filter(
+      ({ key: p, time: g }) => g.afterEq(u) && !t.has(p)
+    ).reduce((p, g) => {
+      const c = `${g.variant}:${g.message}`;
+      if (!p.has(c))
+        return p.set(c, { ...g, count: 1 }), p;
+      const f = p.get(c);
+      return p.set(c, {
         ...f,
         count: f.count + 1,
-        time: p.time.after(f.time) ? p.time : f.time
-      }), m;
+        time: g.time.after(f.time) ? g.time : f.time
+      }), p;
     }, /* @__PURE__ */ new Map());
-    return Array.from(h.values());
-  }, [e, r, t, o]), a = A(e), d = T((c) => {
-    s((g) => {
-      const h = /* @__PURE__ */ new Set(), m = a.current.find(({ key: p }) => p === c);
-      return g.has(c) || h.add(c), m != null && a.current.filter(
-        ({ message: u, variant: f }) => u === m.message && f === m.variant
-      ).forEach((u) => h.add(u.key)), h.size == 0 ? g : /* @__PURE__ */ new Set([...h, ...g]);
+    return Array.from(m.values());
+  }, [e, r, t, o]), a = A(e), d = T((u) => {
+    s((h) => {
+      const m = /* @__PURE__ */ new Set(), p = a.current.find(({ key: g }) => g === u);
+      return h.has(u) || m.add(u), p != null && a.current.filter(
+        ({ message: c, variant: f }) => c === p.message && f === p.variant
+      ).forEach((c) => m.add(c.key)), m.size == 0 ? h : /* @__PURE__ */ new Set([...m, ...h]);
     });
   }, []);
   return { statuses: i, silence: d };
@@ -1180,7 +1192,7 @@ const os = ({
   warning: "var(--pluto-warning-m1)",
   success: "var(--pluto-primary-z)",
   loading: "var(--pluto-text-color)",
-  disabled: "var(--pluto-gray-l6)",
+  disabled: "var(--pluto-gray-l8)",
   secondary: "var(--pluto-secondary-z)"
 }, Re = ({
   variant: r = "info",
@@ -1190,43 +1202,43 @@ const os = ({
   ...s
 }) => {
   let o;
-  return e || (o = r === "loading" ? /* @__PURE__ */ v.jsx(V.Loading, {}) : /* @__PURE__ */ v.jsx(V.Circle, {})), /* @__PURE__ */ v.jsx(
+  return e || (o = r === "loading" ? /* @__PURE__ */ x.jsx(V.Loading, {}) : /* @__PURE__ */ x.jsx(V.Circle, {})), /* @__PURE__ */ x.jsx(
     ue,
     {
       color: At[r],
-      className: S(t, S.B("status-text")),
+      className: y(t, y.B("status-text")),
       level: l,
       startIcon: o,
       ...s
     }
   );
-}, _t = ({ style: r, ...l }) => /* @__PURE__ */ v.jsx(Ke, { style: r, grow: !0, children: /* @__PURE__ */ v.jsx(Re, { ...l }) }), cs = Object.assign(Re, { Centered: _t });
+}, kt = ({ style: r, ...l }) => /* @__PURE__ */ x.jsx(Ke, { style: r, grow: !0, children: /* @__PURE__ */ x.jsx(Re, { ...l }) }), as = Object.assign(Re, { Centered: kt });
 export {
-  is as A,
+  os as A,
   Mt as C,
   Ze as D,
-  ns as H,
-  Je as I,
-  os as L,
-  ss as S,
-  cs as T,
+  ss as H,
+  Qe as I,
+  rs as L,
+  ts as S,
+  as as T,
+  At as V,
   X as a,
-  rs as b,
-  ts as c,
+  ns as b,
+  es as c,
   F as d,
   fe as e,
   be as f,
   St as g,
   yt as h,
   xe as i,
-  es as j,
+  Jt as j,
   Ye as k,
   Qt as l,
   Rt as m,
-  ls as n,
-  as as o,
+  is as n,
+  ls as o,
   Xe as p,
   vt as s,
-  Y as u,
-  At as v
+  Y as u
 };