@motiadev/plugin-observability 0.13.0-beta.162-415452 → 0.13.0-beta.162-813224

package/dist/index.js

@@ -1,5 +1,5 @@
 import * as m from "react";
-import Pe, { forwardRef as Kt, createElement as kt, memo as V, useState as G, useEffect as _e, useCallback as de, useMemo as z, useLayoutEffect as Ho, createContext as Bo, useContext as Ce, isValidElement as zo, useRef as Qt, Fragment as pr } from "react";
+import Pe, { forwardRef as Qt, createElement as Mt, memo as V, useState as G, useRef as mt, useEffect as _e, useCallback as de, useMemo as z, useLayoutEffect as Ho, createContext as Bo, useContext as Ce, isValidElement as zo, Fragment as pr } from "react";
 import { Input as Vo, cn as De, Button as ct, LevelDot as Uo, Sidebar as Yo, Badge as hr } from "@motiadev/ui";
 import { useStreamItem as Go, useStreamGroup as gr } from "@motiadev/stream-client-react";
 import * as vr from "react-dom";
@@ -202,8 +202,8 @@ function qo() {
         else d(U);
       if (H.call(N, "key")) {
         U = e(y);
-        var le = Object.keys(N).filter(function(wt) {
-          return wt !== "key";
+        var le = Object.keys(N).filter(function(jt) {
+          return jt !== "key";
         });
         P = 0 < le.length ? "{key: someKey, " + le.join(": ..., ") + ": ...}" : "{key: someKey}", B[U + P] || (le = 0 < le.length ? "{" + le.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
@@ -248,10 +248,10 @@ React keys must be passed directly to JSX without using spread:
         return y();
       }
     };
-    var _, D = {}, R = h.react_stack_bottom_frame.bind(
+    var _, D = {}, O = h.react_stack_bottom_frame.bind(
       h,
       s
-    )(), O = M(r(s)), B = {};
+    )(), R = M(r(s)), B = {};
     He.Fragment = g, He.jsx = function(y, N, $, P, F) {
       var Z = 1e4 > W.recentlyCreatedOwnerStacks++;
       return f(
@@ -261,8 +261,8 @@ React keys must be passed directly to JSX without using spread:
         !1,
         P,
         F,
-        Z ? Error("react-stack-top-frame") : R,
-        Z ? M(r(y)) : O
+        Z ? Error("react-stack-top-frame") : O,
+        Z ? M(r(y)) : R
       );
     }, He.jsxs = function(y, N, $, P, F) {
       var Z = 1e4 > W.recentlyCreatedOwnerStacks++;
@@ -273,8 +273,8 @@ React keys must be passed directly to JSX without using spread:
         !0,
         P,
         F,
-        Z ? Error("react-stack-top-frame") : R,
-        Z ? M(r(y)) : O
+        Z ? Error("react-stack-top-frame") : O,
+        Z ? M(r(y)) : R
       );
     };
   }()), He;
@@ -324,7 +324,7 @@ var ts = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ns = Kt(
+const ns = Qt(
   ({
     color: e = "currentColor",
     size: t = 24,
@@ -334,7 +334,7 @@ const ns = Kt(
     children: s,
     iconNode: a,
     ...i
-  }, u) => kt(
+  }, u) => Mt(
     "svg",
     {
       ref: u,
@@ -348,7 +348,7 @@ const ns = Kt(
       ...i
     },
     [
-      ...a.map(([l, f]) => kt(l, f)),
+      ...a.map(([l, f]) => Mt(l, f)),
       ...Array.isArray(s) ? s : [s]
     ]
   )
@@ -360,8 +360,8 @@ const ns = Kt(
  * See the LICENSE file in the root directory of this source tree.
  */
 const J = (e, t) => {
-  const n = Kt(
-    ({ className: r, ...o }, s) => kt(ns, {
+  const n = Qt(
+    ({ className: r, ...o }, s) => Mt(ns, {
       ref: s,
       iconNode: t,
       className: yr(
@@ -491,11 +491,10 @@ const hs = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
 ], gs = J("plus", hs), vs = (e) => {
-  const t = e?.endTime, [n, r] = G(() => t || Date.now());
-  return _e(() => {
-    let o;
-    return t ? t !== n && r(t) : o = setInterval(() => r(Date.now()), 100), () => clearInterval(o);
-  }, [t, n]), n;
+  const t = e?.endTime, [n, r] = G(() => t || Date.now()), o = mt(null);
+  return _e(() => (o.current && (clearInterval(o.current), o.current = null), t ? r(t) : o.current = setInterval(() => r(Date.now()), 100), () => {
+    o.current && (clearInterval(o.current), o.current = null);
+  }), [t]), n;
 }, we = (e) => e == null ? "N/A" : e < 1e3 ? `${e}ms` : e < 6e4 ? `${(e / 1e3).toFixed(1)}s` : e < 36e5 ? `${(e / 6e4).toFixed(1)}min` : `${(e / 36e5).toFixed(1)}h`, ys = {
   running: "bg-[repeating-linear-gradient(140deg,#BEFE29,#BEFE29_8px,#ABE625_8px,#ABE625_16px)]",
   completed: "bg-[repeating-linear-gradient(140deg,#2862FE,#2862FE_8px,#2358E5_8px,#2358E5_16px)]",
@@ -608,17 +607,17 @@ const Ss = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ns = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], Os = J("check", Ns);
+const Ns = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], Rs = J("check", Ns);
 /**
  * @license lucide-react v0.545.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Rs = [
+const Os = [
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
   ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
-], Ts = J("copy", Rs), Mt = ({ textToCopy: e, className: t, title: n }) => {
+], Ts = J("copy", Os), _t = ({ textToCopy: e, className: t, title: n }) => {
   const [r, o] = G(!1), s = de(async () => {
     try {
       await navigator.clipboard.writeText(e), o(!0), setTimeout(() => o(!1), 2e3);
@@ -634,7 +633,7 @@ const Rs = [
       onClick: s,
       className: De("cursor-pointer p-3 rounded-full", t),
       title: n ?? (r ? "Copied!" : "Copy"),
-      children: r ? /* @__PURE__ */ c.jsx(Os, { className: "w-4 h-4 text-green-500" }) : /* @__PURE__ */ c.jsx(Ts, { className: "w-4 h-4 text-gray-400" })
+      children: r ? /* @__PURE__ */ c.jsx(Rs, { className: "w-4 h-4 text-green-500" }) : /* @__PURE__ */ c.jsx(Ts, { className: "w-4 h-4 text-gray-400" })
     }
   );
 };
@@ -802,7 +801,7 @@ function Ws(e, t = globalThis?.document) {
     return t.addEventListener("keydown", r, { capture: !0 }), () => t.removeEventListener("keydown", r, { capture: !0 });
   }, [n, t]);
 }
-var Hs = "DismissableLayer", _t = "dismissableLayer.update", Bs = "dismissableLayer.pointerDownOutside", zs = "dismissableLayer.focusOutside", Sn, Ar = m.createContext({
+var Hs = "DismissableLayer", Dt = "dismissableLayer.update", Bs = "dismissableLayer.pointerDownOutside", zs = "dismissableLayer.focusOutside", Sn, Ar = m.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
@@ -834,7 +833,7 @@ var Hs = "DismissableLayer", _t = "dismissableLayer.update", Bs = "dismissableLa
       f && (l.layers.delete(f), l.layersWithOutsidePointerEventsDisabled.delete(f), An());
     }, [f, l]), m.useEffect(() => {
       const C = () => p({});
-      return document.addEventListener(_t, C), () => document.removeEventListener(_t, C);
+      return document.addEventListener(Dt, C), () => document.removeEventListener(Dt, C);
     }, []), /* @__PURE__ */ c.jsx(
       ce.div,
       {
@@ -911,19 +910,19 @@ function Gs(e, t = globalThis?.document) {
   };
 }
 function An() {
-  const e = new CustomEvent(_t);
+  const e = new CustomEvent(Dt);
   document.dispatchEvent(e);
 }
 function Nr(e, t, n, { discrete: r }) {
   const o = n.originalEvent.target, s = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: n });
   t && o.addEventListener(e, t, { once: !0 }), r ? $s(o, s) : o.dispatchEvent(s);
 }
-var jt = 0;
+var Ct = 0;
 function Zs() {
   m.useEffect(() => {
     const e = document.querySelectorAll("[data-radix-focus-guard]");
-    return document.body.insertAdjacentElement("afterbegin", e[0] ?? Pn()), document.body.insertAdjacentElement("beforeend", e[1] ?? Pn()), jt++, () => {
-      jt === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), jt--;
+    return document.body.insertAdjacentElement("afterbegin", e[0] ?? Pn()), document.body.insertAdjacentElement("beforeend", e[1] ?? Pn()), Ct++, () => {
+      Ct === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), Ct--;
     };
   }, []);
 }
@@ -931,7 +930,7 @@ function Pn() {
   const e = document.createElement("span");
   return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.outline = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.pointerEvents = "none", e;
 }
-var Ct = "focusScope.autoFocusOnMount", Et = "focusScope.autoFocusOnUnmount", Nn = { bubbles: !1, cancelable: !0 }, Xs = "FocusScope", Or = m.forwardRef((e, t) => {
+var Et = "focusScope.autoFocusOnMount", St = "focusScope.autoFocusOnUnmount", Nn = { bubbles: !1, cancelable: !0 }, Xs = "FocusScope", Rr = m.forwardRef((e, t) => {
   const {
     loop: n = !1,
     trapped: r = !1,
@@ -970,16 +969,16 @@ var Ct = "focusScope.autoFocusOnMount", Et = "focusScope.autoFocusOnUnmount", Nn
     }
   }, [r, i, p.paused]), m.useEffect(() => {
     if (i) {
-      Rn.add(p);
+      On.add(p);
       const g = document.activeElement;
       if (!i.contains(g)) {
-        const b = new CustomEvent(Ct, Nn);
-        i.addEventListener(Ct, l), i.dispatchEvent(b), b.defaultPrevented || (qs(ta(Rr(i)), { select: !0 }), document.activeElement === g && ue(i));
+        const b = new CustomEvent(Et, Nn);
+        i.addEventListener(Et, l), i.dispatchEvent(b), b.defaultPrevented || (qs(ta(Or(i)), { select: !0 }), document.activeElement === g && ue(i));
       }
       return () => {
-        i.removeEventListener(Ct, l), setTimeout(() => {
-          const b = new CustomEvent(Et, Nn);
-          i.addEventListener(Et, f), i.dispatchEvent(b), b.defaultPrevented || ue(g ?? document.body, { select: !0 }), i.removeEventListener(Et, f), Rn.remove(p);
+        i.removeEventListener(Et, l), setTimeout(() => {
+          const b = new CustomEvent(St, Nn);
+          i.addEventListener(St, f), i.dispatchEvent(b), b.defaultPrevented || ue(g ?? document.body, { select: !0 }), i.removeEventListener(St, f), On.remove(p);
         }, 0);
       };
     }
@@ -997,17 +996,17 @@ var Ct = "focusScope.autoFocusOnMount", Et = "focusScope.autoFocusOnUnmount", Nn
   );
   return /* @__PURE__ */ c.jsx(ce.div, { tabIndex: -1, ...a, ref: h, onKeyDown: v });
 });
-Or.displayName = Xs;
+Rr.displayName = Xs;
 function qs(e, { select: t = !1 } = {}) {
   const n = document.activeElement;
   for (const r of e)
     if (ue(r, { select: t }), document.activeElement !== n) return;
 }
 function Js(e) {
-  const t = Rr(e), n = On(t, e), r = On(t.reverse(), e);
+  const t = Or(e), n = Rn(t, e), r = Rn(t.reverse(), e);
   return [n, r];
 }
-function Rr(e) {
+function Or(e) {
   const t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
     acceptNode: (r) => {
       const o = r.tagName === "INPUT" && r.type === "hidden";
@@ -1017,7 +1016,7 @@ function Rr(e) {
   for (; n.nextNode(); ) t.push(n.currentNode);
   return t;
 }
-function On(e, t) {
+function Rn(e, t) {
   for (const n of e)
     if (!Ks(n, { upTo: t })) return n;
 }
@@ -1039,7 +1038,7 @@ function ue(e, { select: t = !1 } = {}) {
     e.focus({ preventScroll: !0 }), e !== n && Qs(e) && t && e.select();
   }
 }
-var Rn = ea();
+var On = ea();
 function ea() {
   let e = [];
   return {
@@ -1080,7 +1079,7 @@ const sa = ["top", "right", "bottom", "left"], pe = Math.min, X = Math.max, lt =
   start: "end",
   end: "start"
 };
-function Dt(e, t, n) {
+function Ft(e, t, n) {
   return X(e, pe(t, n));
 }
 function ae(e, t) {
@@ -1112,9 +1111,9 @@ function ca(e, t, n) {
 }
 function la(e) {
   const t = ut(e);
-  return [Ft(e), t, Ft(t)];
+  return [Lt(e), t, Lt(t)];
 }
-function Ft(e) {
+function Lt(e) {
   return e.replace(/start|end/g, (t) => ia[t]);
 }
 function ua(e, t, n) {
@@ -1133,7 +1132,7 @@ function ua(e, t, n) {
 function fa(e, t, n, r) {
   const o = Fe(e);
   let s = ua(ie(e), n === "start", r);
-  return o && (s = s.map((a) => a + "-" + o), t && (s = s.concat(s.map(Ft)))), s;
+  return o && (s = s.map((a) => a + "-" + o), t && (s = s.concat(s.map(Lt)))), s;
 }
 function ut(e) {
   return e.replace(/left|right|bottom|top/g, (t) => aa[t]);
@@ -1351,14 +1350,14 @@ const pa = (e) => ({
     }, p = nn(o), v = tn(p), g = await a.getDimensions(l), x = p === "y", b = x ? "top" : "left", S = x ? "bottom" : "right", E = x ? "clientHeight" : "clientWidth", w = s.reference[v] + s.reference[p] - h[p] - s.floating[v], j = h[p] - s.reference[p], A = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(l));
     let C = A ? A[E] : 0;
     (!C || !await (a.isElement == null ? void 0 : a.isElement(A))) && (C = i.floating[E] || s.floating[v]);
-    const T = w / 2 - j / 2, k = C / 2 - g[v] / 2 - 1, L = pe(d[b], k), W = pe(d[S], k), H = L, I = C - g[v] - W, M = C / 2 - g[v] / 2 + T, _ = Dt(H, M, I), D = !u.arrow && Fe(o) != null && M !== _ && s.reference[v] / 2 - (M < H ? L : W) - g[v] / 2 < 0, R = D ? M < H ? M - H : M - I : 0;
+    const T = w / 2 - j / 2, k = C / 2 - g[v] / 2 - 1, L = pe(d[b], k), W = pe(d[S], k), H = L, I = C - g[v] - W, M = C / 2 - g[v] / 2 + T, _ = Ft(H, M, I), D = !u.arrow && Fe(o) != null && M !== _ && s.reference[v] / 2 - (M < H ? L : W) - g[v] / 2 < 0, O = D ? M < H ? M - H : M - I : 0;
     return {
-      [p]: h[p] + R,
+      [p]: h[p] + O,
       data: {
         [p]: _,
-        centerOffset: M - _ - R,
+        centerOffset: M - _ - O,
         ...D && {
-          alignmentOffset: R
+          alignmentOffset: O
         }
       },
       reset: D
@@ -1412,21 +1411,21 @@ const pa = (e) => ({
               placement: _
             }
           };
-        let D = (H = L.filter((R) => R.overflows[0] <= 0).sort((R, O) => R.overflows[1] - O.overflows[1])[0]) == null ? void 0 : H.placement;
+        let D = (H = L.filter((O) => O.overflows[0] <= 0).sort((O, R) => O.overflows[1] - R.overflows[1])[0]) == null ? void 0 : H.placement;
         if (!D)
           switch (p) {
             case "bestFit": {
               var I;
-              const R = (I = L.filter((O) => {
+              const O = (I = L.filter((R) => {
                 if (A) {
-                  const B = he(O.placement);
+                  const B = he(R.placement);
                   return B === S || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   B === "y";
                 }
                 return !0;
-              }).map((O) => [O.placement, O.overflows.filter((B) => B > 0).reduce((B, y) => B + y, 0)]).sort((O, B) => O[1] - B[1])[0]) == null ? void 0 : I[0];
-              R && (D = R);
+              }).map((R) => [R.placement, R.overflows.filter((B) => B > 0).reduce((B, y) => B + y, 0)]).sort((R, B) => R[1] - B[1])[0]) == null ? void 0 : I[0];
+              O && (D = O);
               break;
             }
             case "initialPlacement":
@@ -1578,11 +1577,11 @@ const ya = function(e) {
       let p = l[h], v = l[d];
       if (s) {
         const x = h === "y" ? "top" : "left", b = h === "y" ? "bottom" : "right", S = p + f[x], E = p - f[b];
-        p = Dt(S, p, E);
+        p = Ft(S, p, E);
       }
       if (a) {
         const x = d === "y" ? "top" : "left", b = d === "y" ? "bottom" : "right", S = v + f[x], E = v - f[b];
-        v = Dt(S, v, E);
+        v = Ft(S, v, E);
       }
       const g = i.fn({
         ...t,
@@ -1685,7 +1684,7 @@ const ya = function(e) {
     }
   };
 };
-function mt() {
+function pt() {
   return typeof window < "u";
 }
 function Le(e) {
@@ -1700,16 +1699,16 @@ function oe(e) {
   return (t = (kr(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
 function kr(e) {
-  return mt() ? e instanceof Node || e instanceof q(e).Node : !1;
+  return pt() ? e instanceof Node || e instanceof q(e).Node : !1;
 }
 function Q(e) {
-  return mt() ? e instanceof Element || e instanceof q(e).Element : !1;
+  return pt() ? e instanceof Element || e instanceof q(e).Element : !1;
 }
 function re(e) {
-  return mt() ? e instanceof HTMLElement || e instanceof q(e).HTMLElement : !1;
+  return pt() ? e instanceof HTMLElement || e instanceof q(e).HTMLElement : !1;
 }
 function Dn(e) {
-  return !mt() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof q(e).ShadowRoot;
+  return !pt() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof q(e).ShadowRoot;
 }
 function Ge(e) {
   const {
@@ -1723,7 +1722,7 @@ function Ge(e) {
 function ja(e) {
   return ["table", "td", "th"].includes(Le(e));
 }
-function pt(e) {
+function ht(e) {
   return [":popover-open", ":modal"].some((t) => {
     try {
       return e.matches(t);
@@ -1741,7 +1740,7 @@ function Ca(e) {
   for (; re(t) && !ke(t); ) {
     if (rn(t))
       return t;
-    if (pt(t))
+    if (ht(t))
       return null;
     t = ge(t);
   }
@@ -1756,7 +1755,7 @@ function ke(e) {
 function ee(e) {
   return q(e).getComputedStyle(e);
 }
-function ht(e) {
+function gt(e) {
   return Q(e) ? {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
@@ -1786,12 +1785,12 @@ function Ye(e, t, n) {
   t === void 0 && (t = []), n === void 0 && (n = !0);
   const o = Mr(e), s = o === ((r = e.ownerDocument) == null ? void 0 : r.body), a = q(o);
   if (s) {
-    const i = Lt(a);
+    const i = It(a);
     return t.concat(a, a.visualViewport || [], Ge(o) ? o : [], i && n ? Ye(i) : []);
   }
   return t.concat(o, Ye(o, [], n));
 }
-function Lt(e) {
+function It(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
 function _r(e) {
@@ -1842,10 +1841,10 @@ function je(e, t, n, r) {
   let u = (o.left + i.x) / a.x, l = (o.top + i.y) / a.y, f = o.width / a.x, d = o.height / a.y;
   if (s) {
     const h = q(s), p = r && Q(r) ? q(r) : r;
-    let v = h, g = Lt(v);
+    let v = h, g = It(v);
     for (; g && r && p !== v; ) {
       const x = Ne(g), b = g.getBoundingClientRect(), S = ee(g), E = b.left + (g.clientLeft + parseFloat(S.paddingLeft)) * x.x, w = b.top + (g.clientTop + parseFloat(S.paddingTop)) * x.y;
-      u *= x.x, l *= x.y, f *= x.x, d *= x.y, u += E, l += w, v = q(g), g = Lt(v);
+      u *= x.x, l *= x.y, f *= x.x, d *= x.y, u += E, l += w, v = q(g), g = It(v);
     }
   }
   return ft({
@@ -1856,7 +1855,7 @@ function je(e, t, n, r) {
   });
 }
 function an(e, t) {
-  const n = ht(e).scrollLeft;
+  const n = gt(e).scrollLeft;
   return t ? t.left + n : je(oe(e)).left + n;
 }
 function Fr(e, t, n) {
@@ -1877,7 +1876,7 @@ function Aa(e) {
     offsetParent: r,
     strategy: o
   } = e;
-  const s = o === "fixed", a = oe(r), i = t ? pt(t.floating) : !1;
+  const s = o === "fixed", a = oe(r), i = t ? ht(t.floating) : !1;
   if (r === a || i && s)
     return n;
   let u = {
@@ -1885,7 +1884,7 @@ function Aa(e) {
     scrollTop: 0
   }, l = ne(1);
   const f = ne(0), d = re(r);
-  if ((d || !d && !s) && ((Le(r) !== "body" || Ge(a)) && (u = ht(r)), re(r))) {
+  if ((d || !d && !s) && ((Le(r) !== "body" || Ge(a)) && (u = gt(r)), re(r))) {
     const p = je(r);
     l = Ne(r), f.x = p.x + r.clientLeft, f.y = p.y + r.clientTop;
   }
@@ -1901,7 +1900,7 @@ function Pa(e) {
   return Array.from(e.getClientRects());
 }
 function Na(e) {
-  const t = oe(e), n = ht(e), r = e.ownerDocument.body, o = X(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), s = X(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight);
+  const t = oe(e), n = gt(e), r = e.ownerDocument.body, o = X(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), s = X(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight);
   let a = -n.scrollLeft + an(e);
   const i = -n.scrollTop;
   return ee(r).direction === "rtl" && (a += X(t.clientWidth, r.clientWidth) - o), {
@@ -1911,7 +1910,7 @@ function Na(e) {
     y: i
   };
 }
-function Oa(e, t) {
+function Ra(e, t) {
   const n = q(e), r = oe(e), o = n.visualViewport;
   let s = r.clientWidth, a = r.clientHeight, i = 0, u = 0;
   if (o) {
@@ -1926,7 +1925,7 @@ function Oa(e, t) {
     y: u
   };
 }
-function Ra(e, t) {
+function Oa(e, t) {
   const n = je(e, !0, t === "fixed"), r = n.top + e.clientTop, o = n.left + e.clientLeft, s = re(e) ? Ne(e) : ne(1), a = e.clientWidth * s.x, i = e.clientHeight * s.y, u = o * s.x, l = r * s.y;
   return {
     width: a,
@@ -1938,11 +1937,11 @@ function Ra(e, t) {
 function Fn(e, t, n) {
   let r;
   if (t === "viewport")
-    r = Oa(e, n);
+    r = Ra(e, n);
   else if (t === "document")
     r = Na(oe(e));
   else if (Q(t))
-    r = Ra(t, n);
+    r = Oa(t, n);
   else {
     const o = Dr(e);
     r = {
@@ -1978,7 +1977,7 @@ function ka(e) {
     rootBoundary: r,
     strategy: o
   } = e;
-  const a = [...n === "clippingAncestors" ? pt(t) ? [] : Ta(t, this._c) : [].concat(n), r], i = a[0], u = a.reduce((l, f) => {
+  const a = [...n === "clippingAncestors" ? ht(t) ? [] : Ta(t, this._c) : [].concat(n), r], i = a[0], u = a.reduce((l, f) => {
     const d = Fn(t, f, o);
     return l.top = X(d.top, l.top), l.right = pe(d.right, l.right), l.bottom = pe(d.bottom, l.bottom), l.left = X(d.left, l.left), l;
   }, Fn(t, i, o));
@@ -2007,7 +2006,7 @@ function _a(e, t, n) {
   };
   const u = ne(0);
   if (r || !r && !s)
-    if ((Le(t) !== "body" || Ge(o)) && (i = ht(t)), r) {
+    if ((Le(t) !== "body" || Ge(o)) && (i = gt(t)), r) {
       const h = je(t, !0, s, t);
       u.x = h.x + t.clientLeft, u.y = h.y + t.clientTop;
     } else o && (u.x = an(o));
@@ -2019,7 +2018,7 @@ function _a(e, t, n) {
     height: a.height
   };
 }
-function St(e) {
+function At(e) {
   return ee(e).position === "static";
 }
 function Ln(e, t) {
@@ -2032,21 +2031,21 @@ function Ln(e, t) {
 }
 function Ir(e, t) {
   const n = q(e);
-  if (pt(e))
+  if (ht(e))
     return n;
   if (!re(e)) {
     let o = ge(e);
     for (; o && !ke(o); ) {
-      if (Q(o) && !St(o))
+      if (Q(o) && !At(o))
         return o;
       o = ge(o);
     }
     return n;
   }
   let r = Ln(e, t);
-  for (; r && ja(r) && St(r); )
+  for (; r && ja(r) && At(r); )
     r = Ln(r, t);
-  return r && ke(r) && St(r) && !rn(r) ? n : r || Ca(e) || n;
+  return r && ke(r) && At(r) && !rn(r) ? n : r || Ca(e) || n;
 }
 const Da = async function(e) {
   const t = this.getOffsetParent || Ir, n = this.getDimensions, r = await n(e.floating);
@@ -2211,7 +2210,7 @@ function $n(e, t) {
   const n = Wr(e);
   return Math.round(t * n) / n;
 }
-function At(e) {
+function Pt(e) {
   const t = m.useRef(e);
   return ot(() => {
     t.current = e;
@@ -2240,19 +2239,19 @@ function Ga(e) {
     isPositioned: !1
   }), [h, p] = m.useState(r);
   dt(h, r) || p(r);
-  const [v, g] = m.useState(null), [x, b] = m.useState(null), S = m.useCallback((O) => {
-    O !== A.current && (A.current = O, g(O));
-  }, []), E = m.useCallback((O) => {
-    O !== C.current && (C.current = O, b(O));
-  }, []), w = s || v, j = a || x, A = m.useRef(null), C = m.useRef(null), T = m.useRef(f), k = u != null, L = At(u), W = At(o), H = At(l), I = m.useCallback(() => {
+  const [v, g] = m.useState(null), [x, b] = m.useState(null), S = m.useCallback((R) => {
+    R !== A.current && (A.current = R, g(R));
+  }, []), E = m.useCallback((R) => {
+    R !== C.current && (C.current = R, b(R));
+  }, []), w = s || v, j = a || x, A = m.useRef(null), C = m.useRef(null), T = m.useRef(f), k = u != null, L = Pt(u), W = Pt(o), H = Pt(l), I = m.useCallback(() => {
     if (!A.current || !C.current)
       return;
-    const O = {
+    const R = {
       placement: t,
       strategy: n,
       middleware: h
     };
-    W.current && (O.platform = W.current), Ya(A.current, C.current, O).then((B) => {
+    W.current && (R.platform = W.current), Ya(A.current, C.current, R).then((B) => {
       const y = {
         ...B,
         // The floating element's position may be recomputed while it's closed
@@ -2267,8 +2266,8 @@ function Ga(e) {
     });
   }, [h, t, n, W, H]);
   ot(() => {
-    l === !1 && T.current.isPositioned && (T.current.isPositioned = !1, d((O) => ({
-      ...O,
+    l === !1 && T.current.isPositioned && (T.current.isPositioned = !1, d((R) => ({
+      ...R,
       isPositioned: !1
     })));
   }, [l]);
@@ -2290,17 +2289,17 @@ function Ga(e) {
   }), [S, E]), D = m.useMemo(() => ({
     reference: w,
     floating: j
-  }), [w, j]), R = m.useMemo(() => {
-    const O = {
+  }), [w, j]), O = m.useMemo(() => {
+    const R = {
       position: n,
       left: 0,
       top: 0
     };
     if (!D.floating)
-      return O;
+      return R;
     const B = $n(D.floating, f.x), y = $n(D.floating, f.y);
     return i ? {
-      ...O,
+      ...R,
       transform: "translate(" + B + "px, " + y + "px)",
       ...Wr(D.floating) >= 1.5 && {
         willChange: "transform"
@@ -2316,8 +2315,8 @@ function Ga(e) {
     update: I,
     refs: _,
     elements: D,
-    floatingStyles: R
-  }), [f, I, _, D, R]);
+    floatingStyles: O
+  }), [f, I, _, D, O]);
 }
 const Za = (e) => {
   function t(n) {
@@ -2438,7 +2437,7 @@ var ln = "PopperContent", [ai, ii] = Br(ln), Zr = m.forwardRef(
       boundary: W.filter(li),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
       altBoundary: H
-    }, { refs: M, floatingStyles: _, placement: D, isPositioned: R, middlewareData: O } = Ga({
+    }, { refs: M, floatingStyles: _, placement: D, isPositioned: O, middlewareData: R } = Ga({
       // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
       strategy: "fixed",
       placement: k,
@@ -2460,8 +2459,8 @@ var ln = "PopperContent", [ai, ii] = Br(ln), Zr = m.forwardRef(
         Qa({
           ...I,
           apply: ({ elements: se, rects: U, availableWidth: le, availableHeight: $e }) => {
-            const { width: wt, height: Wo } = U.reference, Xe = se.floating.style;
-            Xe.setProperty("--radix-popper-available-width", `${le}px`), Xe.setProperty("--radix-popper-available-height", `${$e}px`), Xe.setProperty("--radix-popper-anchor-width", `${wt}px`), Xe.setProperty("--radix-popper-anchor-height", `${Wo}px`);
+            const { width: jt, height: Wo } = U.reference, Xe = se.floating.style;
+            Xe.setProperty("--radix-popper-available-width", `${le}px`), Xe.setProperty("--radix-popper-available-height", `${$e}px`), Xe.setProperty("--radix-popper-anchor-width", `${jt}px`), Xe.setProperty("--radix-popper-anchor-height", `${Wo}px`);
           }
         }),
         w && ti({ element: w, padding: i }),
@@ -2470,9 +2469,9 @@ var ln = "PopperContent", [ai, ii] = Br(ln), Zr = m.forwardRef(
       ]
     }), [B, y] = Jr(D), N = Te(v);
     me(() => {
-      R && N?.();
-    }, [R, N]);
-    const $ = O.arrow?.x, P = O.arrow?.y, F = O.arrow?.centerOffset !== 0, [Z, Ie] = m.useState();
+      O && N?.();
+    }, [O, N]);
+    const $ = R.arrow?.x, P = R.arrow?.y, F = R.arrow?.centerOffset !== 0, [Z, Ie] = m.useState();
     return me(() => {
       b && Ie(window.getComputedStyle(b).zIndex);
     }, [b]), /* @__PURE__ */ c.jsx(
@@ -2482,18 +2481,18 @@ var ln = "PopperContent", [ai, ii] = Br(ln), Zr = m.forwardRef(
         "data-radix-popper-content-wrapper": "",
         style: {
           ..._,
-          transform: R ? _.transform : "translate(0, -200%)",
+          transform: O ? _.transform : "translate(0, -200%)",
           // keep off the page when measuring
           minWidth: "max-content",
           zIndex: Z,
           "--radix-popper-transform-origin": [
-            O.transformOrigin?.x,
-            O.transformOrigin?.y
+            R.transformOrigin?.x,
+            R.transformOrigin?.y
           ].join(" "),
           // hide the content if using the hide middleware and should be hidden
           // set visibility to hidden and disable pointer events so the UI behaves
           // as if the PopperContent isn't there at all
-          ...O.hide?.referenceHidden && {
+          ...R.hide?.referenceHidden && {
             visibility: "hidden",
             pointerEvents: "none"
           }
@@ -2519,7 +2518,7 @@ var ln = "PopperContent", [ai, ii] = Br(ln), Zr = m.forwardRef(
                   ...g.style,
                   // if the PopperContent hasn't been placed yet (not all measurements done)
                   // we prevent animations so that users's animation don't kick in too early referring wrong sides
-                  animation: R ? void 0 : "none"
+                  animation: O ? void 0 : "none"
                 }
               }
             )
@@ -2720,7 +2719,7 @@ var ji = function(e) {
     return null;
   var t = Array.isArray(e) ? e[0] : e;
   return t.ownerDocument.body;
-}, Ee = /* @__PURE__ */ new WeakMap(), Qe = /* @__PURE__ */ new WeakMap(), et = {}, Pt = 0, eo = function(e) {
+}, Ee = /* @__PURE__ */ new WeakMap(), Qe = /* @__PURE__ */ new WeakMap(), et = {}, Nt = 0, eo = function(e) {
   return e && (e.host || eo(e.parentNode));
 }, Ci = function(e, t) {
   return t.map(function(n) {
@@ -2751,11 +2750,11 @@ var ji = function(e) {
         }
     });
   };
-  return f(t), i.clear(), Pt++, function() {
+  return f(t), i.clear(), Nt++, function() {
     a.forEach(function(d) {
       var h = Ee.get(d) - 1, p = s.get(d) - 1;
       Ee.set(d, h), s.set(d, p), h || (Qe.has(d) || d.removeAttribute(r), Qe.delete(d)), p || d.removeAttribute(n);
-    }), Pt--, Pt || (Ee = /* @__PURE__ */ new WeakMap(), Ee = /* @__PURE__ */ new WeakMap(), Qe = /* @__PURE__ */ new WeakMap(), et = {});
+    }), Nt--, Nt || (Ee = /* @__PURE__ */ new WeakMap(), Ee = /* @__PURE__ */ new WeakMap(), Qe = /* @__PURE__ */ new WeakMap(), et = {});
   };
 }, Si = function(e, t, n) {
   n === void 0 && (n = "data-aria-hidden");
@@ -2786,10 +2785,10 @@ function Ai(e, t, n) {
   return e.concat(s || Array.prototype.slice.call(t));
 }
 var st = "right-scroll-bar-position", at = "width-before-scroll-bar", Pi = "with-scroll-bars-hidden", Ni = "--removed-body-scroll-bar-size";
-function Nt(e, t) {
+function Rt(e, t) {
   return typeof e == "function" ? e(t) : e && (e.current = t), e;
 }
-function Oi(e, t) {
+function Ri(e, t) {
   var n = G(function() {
     return {
       // value
@@ -2810,21 +2809,21 @@ function Oi(e, t) {
   })[0];
   return n.callback = t, n.facade;
 }
-var Ri = typeof window < "u" ? m.useLayoutEffect : m.useEffect, Wn = /* @__PURE__ */ new WeakMap();
+var Oi = typeof window < "u" ? m.useLayoutEffect : m.useEffect, Wn = /* @__PURE__ */ new WeakMap();
 function Ti(e, t) {
-  var n = Oi(null, function(r) {
+  var n = Ri(null, function(r) {
     return e.forEach(function(o) {
-      return Nt(o, r);
+      return Rt(o, r);
     });
   });
-  return Ri(function() {
+  return Oi(function() {
     var r = Wn.get(n);
     if (r) {
       var o = new Set(r), s = new Set(e), a = n.current;
       o.forEach(function(i) {
-        s.has(i) || Nt(i, null);
+        s.has(i) || Rt(i, null);
       }), s.forEach(function(i) {
-        o.has(i) || Nt(i, a);
+        o.has(i) || Rt(i, a);
       });
     }
     Wn.set(n, e);
@@ -2907,7 +2906,7 @@ function Di(e, t) {
   return e.useMedium(t), no;
 }
 var ro = _i(), Ot = function() {
-}, gt = m.forwardRef(function(e, t) {
+}, vt = m.forwardRef(function(e, t) {
   var n = m.useRef(null), r = m.useState({
     onScrollCapture: Ot,
     onWheelCapture: Ot,
@@ -2920,12 +2919,12 @@ var ro = _i(), Ot = function() {
     a ? m.cloneElement(m.Children.only(i), te(te({}, A), { ref: j })) : m.createElement(b, te({}, A, { className: u, ref: j }), i)
   );
 });
-gt.defaultProps = {
+vt.defaultProps = {
   enabled: !0,
   removeScrollBar: !0,
   inert: !1
 };
-gt.classNames = {
+vt.classNames = {
   fullWidth: at,
   zeroRight: st
 };
@@ -2978,11 +2977,11 @@ var Wi = function() {
   top: 0,
   right: 0,
   gap: 0
-}, Rt = function(e) {
+}, Tt = function(e) {
   return parseInt(e || "", 10) || 0;
 }, zi = function(e) {
   var t = window.getComputedStyle(document.body), n = t[e === "padding" ? "paddingLeft" : "marginLeft"], r = t[e === "padding" ? "paddingTop" : "marginTop"], o = t[e === "padding" ? "paddingRight" : "marginRight"];
-  return [Rt(n), Rt(r), Rt(o)];
+  return [Tt(n), Tt(r), Tt(o)];
 }, Vi = function(e) {
   if (e === void 0 && (e = "margin"), typeof window > "u")
     return Bi;
@@ -2993,14 +2992,14 @@ var Wi = function() {
     right: t[2],
     gap: Math.max(0, r - n + t[2] - t[0])
   };
-}, Ui = oo(), Oe = "data-scroll-locked", Yi = function(e, t, n, r) {
+}, Ui = oo(), Re = "data-scroll-locked", Yi = function(e, t, n, r) {
   var o = e.left, s = e.top, a = e.right, i = e.gap;
   return n === void 0 && (n = "margin"), `
   .`.concat(Pi, ` {
    overflow: hidden `).concat(r, `;
    padding-right: `).concat(i, "px ").concat(r, `;
   }
-  body[`).concat(Oe, `] {
+  body[`).concat(Re, `] {
     overflow: hidden `).concat(r, `;
     overscroll-behavior: contain;
     `).concat([
@@ -3033,18 +3032,18 @@ var Wi = function() {
     margin-right: 0 `).concat(r, `;
   }
   
-  body[`).concat(Oe, `] {
+  body[`).concat(Re, `] {
     `).concat(Ni, ": ").concat(i, `px;
   }
 `);
 }, Hn = function() {
-  var e = parseInt(document.body.getAttribute(Oe) || "0", 10);
+  var e = parseInt(document.body.getAttribute(Re) || "0", 10);
   return isFinite(e) ? e : 0;
 }, Gi = function() {
   m.useEffect(function() {
-    return document.body.setAttribute(Oe, (Hn() + 1).toString()), function() {
+    return document.body.setAttribute(Re, (Hn() + 1).toString()), function() {
       var e = Hn() - 1;
-      e <= 0 ? document.body.removeAttribute(Oe) : document.body.setAttribute(Oe, e.toString());
+      e <= 0 ? document.body.removeAttribute(Re) : document.body.setAttribute(Re, e.toString());
     };
   }, []);
 }, Zi = function(e) {
@@ -3054,19 +3053,19 @@ var Wi = function() {
     return Vi(o);
   }, [o]);
   return m.createElement(Ui, { styles: Yi(s, !t, o, n ? "" : "!important") });
-}, It = !1;
+}, $t = !1;
 if (typeof window < "u")
   try {
     var tt = Object.defineProperty({}, "passive", {
       get: function() {
-        return It = !0, !0;
+        return $t = !0, !0;
       }
     });
     window.addEventListener("test", tt, tt), window.removeEventListener("test", tt, tt);
   } catch {
-    It = !1;
+    $t = !1;
   }
-var Se = It ? { passive: !1 } : !1, Xi = function(e) {
+var Se = $t ? { passive: !1 } : !1, Xi = function(e) {
   return e.tagName === "TEXTAREA";
 }, so = function(e, t) {
   if (!(e instanceof Element))
@@ -3228,12 +3227,12 @@ function ac(e) {
 }
 const ic = Di(ro, sc);
 var co = m.forwardRef(function(e, t) {
-  return m.createElement(gt, te({}, e, { ref: t, sideCar: ic }));
+  return m.createElement(vt, te({}, e, { ref: t, sideCar: ic }));
 });
-co.classNames = gt.classNames;
-var vt = "Popover", [lo] = Er(vt, [
+co.classNames = vt.classNames;
+var yt = "Popover", [lo] = Er(yt, [
   zr
-]), Ze = zr(), [cc, ye] = lo(vt), uo = (e) => {
+]), Ze = zr(), [cc, ye] = lo(yt), uo = (e) => {
   const {
     __scopePopover: t,
     children: n,
@@ -3245,7 +3244,7 @@ var vt = "Popover", [lo] = Er(vt, [
     prop: r,
     defaultProp: o ?? !1,
     onChange: s,
-    caller: vt
+    caller: yt
   });
   return /* @__PURE__ */ c.jsx(fi, { ...i, children: /* @__PURE__ */ c.jsx(
     cc,
@@ -3264,7 +3263,7 @@ var vt = "Popover", [lo] = Er(vt, [
     }
   ) });
 };
-uo.displayName = vt;
+uo.displayName = yt;
 var fo = "PopoverAnchor", lc = m.forwardRef(
   (e, t) => {
     const { __scopePopover: n, ...r } = e, o = ye(fo, n), s = Ze(n), { onCustomAnchorAdd: a, onCustomAnchorRemove: i } = o;
@@ -3373,7 +3372,7 @@ var dc = /* @__PURE__ */ Sr("PopoverContent.RemoveScroll"), mc = m.forwardRef(
       ...d
     } = e, h = ye(Me, n), p = Ze(n);
     return Zs(), /* @__PURE__ */ c.jsx(
-      Or,
+      Rr,
       {
         asChild: !0,
         loop: !0,
@@ -3553,7 +3552,7 @@ function xe(e) {
 function Ve(e) {
   return Array.isArray(e) ? e.length : xe(e) ? Object.keys(e).length : 0;
 }
-function Oc(e, t) {
+function Rc(e, t) {
   if (typeof e == "string")
     return e;
   try {
@@ -3574,7 +3573,7 @@ function Oc(e, t) {
     return `${n.name}: ${n.message}` || "JSON.stringify failed";
   }
 }
-function Rc(e) {
+function Oc(e) {
   return jc(this, void 0, void 0, function* () {
     try {
       yield navigator.clipboard.writeText(e);
@@ -3613,7 +3612,7 @@ function Gn(e, t, n, r, o, s) {
   }
   return !!(Array.isArray(e) && a > o || xe(e) && a > o);
 }
-function Re(e, t, n) {
+function Oe(e, t, n) {
   return typeof e == "boolean" ? e : !!(typeof e == "number" && t > e || e === "collapsed" && n || e === "expanded" && !n);
 }
 function dn(e, t) {
@@ -3647,7 +3646,7 @@ function Xn(e) {
 function pn(e) {
   return !e || e.delete === void 0 || !!e.delete;
 }
-function yt(e) {
+function xt(e) {
   return !e || e.enableClipboard === void 0 || !!e.enableClipboard;
 }
 function kc(e) {
@@ -3657,18 +3656,18 @@ function Mc(e, t) {
   return e === "string" ? t.trim().replace(/^\"([\s\S]+?)\"$/, "$1") : t;
 }
 var qn;
-function $t() {
-  return $t = Object.assign ? Object.assign.bind() : function(e) {
+function Wt() {
+  return Wt = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var n = arguments[t];
       for (var r in n)
         Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
     }
     return e;
-  }, $t.apply(this, arguments);
+  }, Wt.apply(this, arguments);
 }
 var hn = function(t) {
-  return /* @__PURE__ */ m.createElement("svg", $t({
+  return /* @__PURE__ */ m.createElement("svg", Wt({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
@@ -3679,18 +3678,18 @@ var hn = function(t) {
     d: "M12.473 5.806a.666.666 0 0 0-.946 0L8.473 8.86a.667.667 0 0 1-.946 0L4.473 5.806a.667.667 0 1 0-.946.94l3.06 3.06a2 2 0 0 0 2.826 0l3.06-3.06a.667.667 0 0 0 0-.94Z"
   })));
 }, Jn;
-function Wt() {
-  return Wt = Object.assign ? Object.assign.bind() : function(e) {
+function Ht() {
+  return Ht = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var n = arguments[t];
       for (var r in n)
         Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
     }
     return e;
-  }, Wt.apply(this, arguments);
+  }, Ht.apply(this, arguments);
 }
 var _c = function(t) {
-  return /* @__PURE__ */ m.createElement("svg", Wt({
+  return /* @__PURE__ */ m.createElement("svg", Ht({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -3701,18 +3700,18 @@ var _c = function(t) {
     d: "M17.542 2.5h-4.75a3.963 3.963 0 0 0-3.959 3.958v4.75a3.963 3.963 0 0 0 3.959 3.959h4.75a3.963 3.963 0 0 0 3.958-3.959v-4.75A3.963 3.963 0 0 0 17.542 2.5Zm2.375 8.708a2.378 2.378 0 0 1-2.375 2.375h-4.75a2.378 2.378 0 0 1-2.375-2.375v-4.75a2.378 2.378 0 0 1 2.375-2.375h4.75a2.378 2.378 0 0 1 2.375 2.375v4.75Zm-4.75 6.334a3.963 3.963 0 0 1-3.959 3.958h-4.75A3.963 3.963 0 0 1 2.5 17.542v-4.75a3.963 3.963 0 0 1 3.958-3.959.791.791 0 1 1 0 1.584 2.378 2.378 0 0 0-2.375 2.375v4.75a2.378 2.378 0 0 0 2.375 2.375h4.75a2.378 2.378 0 0 0 2.375-2.375.792.792 0 1 1 1.584 0Z"
   })));
 }, Kn, Qn;
-function Ht() {
-  return Ht = Object.assign ? Object.assign.bind() : function(e) {
+function Bt() {
+  return Bt = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var n = arguments[t];
       for (var r in n)
         Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
     }
     return e;
-  }, Ht.apply(this, arguments);
+  }, Bt.apply(this, arguments);
 }
 var Dc = function(t) {
-  return /* @__PURE__ */ m.createElement("svg", Ht({
+  return /* @__PURE__ */ m.createElement("svg", Bt({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -3726,31 +3725,31 @@ var Dc = function(t) {
     d: "M10.312 14.45 7.83 11.906a.625.625 0 0 0-.896 0 .659.659 0 0 0 0 .918l2.481 2.546a1.264 1.264 0 0 0 .896.381 1.237 1.237 0 0 0 .895-.38l5.858-6.011a.658.658 0 0 0 0-.919.625.625 0 0 0-.896 0l-5.857 6.01Z"
   })));
 };
-function xt({ node: e, nodeMeta: t }) {
+function bt({ node: e, nodeMeta: t }) {
   const { customizeCopy: n, CopyComponent: r, CopiedComponent: o } = Ce(be), [s, a] = G(!1), i = (u) => {
     u.stopPropagation();
     const l = n(e, t);
-    typeof l == "string" && l && Rc(l), a(!0), setTimeout(() => a(!1), 3e3);
+    typeof l == "string" && l && Oc(l), a(!0), setTimeout(() => a(!1), 3e3);
   };
   return s ? typeof o == "function" ? c.jsx(o, { className: "json-view--copy", style: { display: "inline-block" } }) : c.jsx(Dc, { className: "json-view--copy", style: { display: "inline-block" } }) : typeof r == "function" ? c.jsx(r, { onClick: i, className: "json-view--copy" }) : c.jsx(_c, { onClick: i, className: "json-view--copy" });
 }
-function Bt({ indexOrName: e, value: t, depth: n, deleteHandle: r, editHandle: o, parent: s, parentPath: a }) {
+function zt({ indexOrName: e, value: t, depth: n, deleteHandle: r, editHandle: o, parent: s, parentPath: a }) {
   const { displayArrayIndex: i } = Ce(be), u = Array.isArray(s);
   return c.jsxs("div", Object.assign({ className: "json-view--pair" }, { children: [!u || u && i ? c.jsxs(c.Fragment, { children: [c.jsx("span", Object.assign({ className: typeof e == "number" ? "json-view--index" : "json-view--property" }, { children: e })), ":", " "] }) : c.jsx(c.Fragment, {}), c.jsx(Ao, { node: t, depth: n + 1, deleteHandle: (l, f) => r(l, f), editHandle: (l, f, d, h) => o(l, f, d, h), parent: s, indexOrName: e, parentPath: a })] }));
 }
 var er, tr;
-function zt() {
-  return zt = Object.assign ? Object.assign.bind() : function(e) {
+function Vt() {
+  return Vt = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var n = arguments[t];
       for (var r in n)
         Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
     }
     return e;
-  }, zt.apply(this, arguments);
+  }, Vt.apply(this, arguments);
 }
 var gn = function(t) {
-  return /* @__PURE__ */ m.createElement("svg", zt({
+  return /* @__PURE__ */ m.createElement("svg", Vt({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -3764,18 +3763,18 @@ var gn = function(t) {
     d: "M10.5 16.5a.75.75 0 0 0 .75-.75v-4.5a.75.75 0 1 0-1.5 0v4.5a.75.75 0 0 0 .75.75ZM13.5 16.5a.75.75 0 0 0 .75-.75v-4.5a.75.75 0 1 0-1.5 0v4.5a.75.75 0 0 0 .75.75Z"
   })));
 }, nr, rr;
-function Vt() {
-  return Vt = Object.assign ? Object.assign.bind() : function(e) {
+function Ut() {
+  return Ut = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var n = arguments[t];
       for (var r in n)
         Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
     }
     return e;
-  }, Vt.apply(this, arguments);
+  }, Ut.apply(this, arguments);
 }
 var So = function(t) {
-  return /* @__PURE__ */ m.createElement("svg", Vt({
+  return /* @__PURE__ */ m.createElement("svg", Ut({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -3789,18 +3788,18 @@ var So = function(t) {
     d: "M15 12.75a.75.75 0 1 0 0-1.5h-2.25V9a.75.75 0 1 0-1.5 0v2.25H9a.75.75 0 1 0 0 1.5h2.25V15a.75.75 0 1 0 1.5 0v-2.25H15Z"
   })));
 }, or, sr;
-function Ut() {
-  return Ut = Object.assign ? Object.assign.bind() : function(e) {
+function Yt() {
+  return Yt = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var n = arguments[t];
       for (var r in n)
         Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
     }
     return e;
-  }, Ut.apply(this, arguments);
+  }, Yt.apply(this, arguments);
 }
 var vn = function(t) {
-  return /* @__PURE__ */ m.createElement("svg", Ut({
+  return /* @__PURE__ */ m.createElement("svg", Yt({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -3814,18 +3813,18 @@ var vn = function(t) {
     d: "m10.85 13.96-1.986-2.036a.5.5 0 0 0-.716 0 .527.527 0 0 0 0 .735l1.985 2.036a1.01 1.01 0 0 0 .717.305.99.99 0 0 0 .716-.305l4.686-4.808a.526.526 0 0 0 0-.735.5.5 0 0 0-.716 0l-4.687 4.809Z"
   })));
 }, ar, ir;
-function Yt() {
-  return Yt = Object.assign ? Object.assign.bind() : function(e) {
+function Gt() {
+  return Gt = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var n = arguments[t];
       for (var r in n)
         Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
     }
     return e;
-  }, Yt.apply(this, arguments);
+  }, Gt.apply(this, arguments);
 }
 var yn = function(t) {
-  return /* @__PURE__ */ m.createElement("svg", Yt({
+  return /* @__PURE__ */ m.createElement("svg", Gt({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -3852,8 +3851,8 @@ function Fc({ originNode: e, node: t, depth: n, index: r, deleteHandle: o, custo
     }), h && h({ type: "edit", depth: n, src: f, indexOrName: A, parentType: "array", parentPath: u }), p();
   }, [t, d, h, p]), w = (A) => {
     e.splice(A, 1), o && o(A, u), p();
-  }, j = c.jsxs(c.Fragment, { children: [!b && c.jsxs("span", Object.assign({ onClick: () => S(!0), className: "jv-size-chevron" }, { children: [Re(v, n, b) && c.jsxs("span", Object.assign({ className: "jv-size" }, { children: [Ve(t), " Items"] })), c.jsx(hn, { className: "jv-chevron" })] })), !b && l && yt(s) && c.jsx(xt, { node: t, nodeMeta: { depth: n, indexOrName: r, parent: i, parentPath: u, currentPath: x } }), typeof g == "function" ? c.jsx(g, { node: t }) : null] });
-  return c.jsxs("div", { children: [c.jsx("span", { children: "[" }), j, b ? c.jsxs("button", Object.assign({ onClick: () => S(!1), className: "jv-button" }, { children: [a, " ... ", a + t.length - 1] })) : c.jsx("div", Object.assign({ className: "jv-indent" }, { children: t.map((A, C) => c.jsx(Bt, { indexOrName: C + a, value: A, depth: n, parent: t, deleteHandle: w, editHandle: E, parentPath: u }, String(r) + String(C))) })), c.jsx("span", { children: "]" })] });
+  }, j = c.jsxs(c.Fragment, { children: [!b && c.jsxs("span", Object.assign({ onClick: () => S(!0), className: "jv-size-chevron" }, { children: [Oe(v, n, b) && c.jsxs("span", Object.assign({ className: "jv-size" }, { children: [Ve(t), " Items"] })), c.jsx(hn, { className: "jv-chevron" })] })), !b && l && xt(s) && c.jsx(bt, { node: t, nodeMeta: { depth: n, indexOrName: r, parent: i, parentPath: u, currentPath: x } }), typeof g == "function" ? c.jsx(g, { node: t }) : null] });
+  return c.jsxs("div", { children: [c.jsx("span", { children: "[" }), j, b ? c.jsxs("button", Object.assign({ onClick: () => S(!1), className: "jv-button" }, { children: [a, " ... ", a + t.length - 1] })) : c.jsx("div", Object.assign({ className: "jv-indent" }, { children: t.map((A, C) => c.jsx(zt, { indexOrName: C + a, value: A, depth: n, parent: t, deleteHandle: w, editHandle: E, parentPath: u }, String(r) + String(C))) })), c.jsx("span", { children: "]" })] });
 }
 function Lc({ node: e, depth: t, deleteHandle: n, indexOrName: r, customOptions: o, parent: s, parentPath: a }) {
   const i = typeof r < "u" ? [...a, String(r)] : a, u = [];
@@ -3877,10 +3876,10 @@ function Lc({ node: e, depth: t, deleteHandle: n, indexOrName: r, customOptions:
     _.push(null), g && g({ indexOrName: _.length - 1, depth: t, src: v, parentType: "array", parentPath: a }), b && b({ type: "add", indexOrName: _.length - 1, depth: t, src: v, parentType: "array", parentPath: a }), S();
   }, H = A || k, I = () => {
     C(!1), L(!1);
-  }, M = c.jsxs(c.Fragment, { children: [!w && !H && c.jsxs("span", Object.assign({ onClick: () => j(!0), className: "jv-size-chevron" }, { children: [Re(E, t, w) && c.jsxs("span", Object.assign({ className: "jv-size" }, { children: [e.length, " Items"] })), c.jsx(hn, { className: "jv-chevron" })] })), H && c.jsx(vn, { className: "json-view--edit", style: { display: "inline-block" }, onClick: k ? W : T }), H && c.jsx(yn, { className: "json-view--edit", style: { display: "inline-block" }, onClick: I }), !w && !H && f && yt(o) && c.jsx(xt, { node: e, nodeMeta: { depth: t, indexOrName: r, parent: s, parentPath: a, currentPath: i } }), !w && !H && Co(h) && Eo(o) && c.jsx(So, { className: "json-view--edit", onClick: () => {
+  }, M = c.jsxs(c.Fragment, { children: [!w && !H && c.jsxs("span", Object.assign({ onClick: () => j(!0), className: "jv-size-chevron" }, { children: [Oe(E, t, w) && c.jsxs("span", Object.assign({ className: "jv-size" }, { children: [e.length, " Items"] })), c.jsx(hn, { className: "jv-chevron" })] })), H && c.jsx(vn, { className: "json-view--edit", style: { display: "inline-block" }, onClick: k ? W : T }), H && c.jsx(yn, { className: "json-view--edit", style: { display: "inline-block" }, onClick: I }), !w && !H && f && xt(o) && c.jsx(bt, { node: e, nodeMeta: { depth: t, indexOrName: r, parent: s, parentPath: a, currentPath: i } }), !w && !H && Co(h) && Eo(o) && c.jsx(So, { className: "json-view--edit", onClick: () => {
     W();
   } }), !w && !H && mn(h) && pn(o) && n && c.jsx(gn, { className: "json-view--edit", onClick: () => C(!0) }), typeof x == "function" ? c.jsx(x, { node: e }) : null] });
-  return c.jsxs(c.Fragment, { children: [c.jsx("span", { children: "[" }), M, w ? c.jsx("button", Object.assign({ onClick: () => j(!1), className: "jv-button" }, { children: "..." })) : c.jsx("div", Object.assign({ className: "jv-indent" }, { children: u.map((_, D) => c.jsx(Fc, { originNode: e, node: _, depth: t, index: D, startIndex: D * 100, deleteHandle: n, customOptions: o, parentPath: a }, String(r) + String(D))) })), c.jsx("span", { children: "]" }), w && Re(E, t, w) && c.jsxs("span", Object.assign({ onClick: () => j(!1), className: "jv-size" }, { children: [e.length, " Items"] }))] });
+  return c.jsxs(c.Fragment, { children: [c.jsx("span", { children: "[" }), M, w ? c.jsx("button", Object.assign({ onClick: () => j(!1), className: "jv-button" }, { children: "..." })) : c.jsx("div", Object.assign({ className: "jv-indent" }, { children: u.map((_, D) => c.jsx(Fc, { originNode: e, node: _, depth: t, index: D, startIndex: D * 100, deleteHandle: n, customOptions: o, parentPath: a }, String(r) + String(D))) })), c.jsx("span", { children: "]" }), w && Oe(E, t, w) && c.jsxs("span", Object.assign({ onClick: () => j(!1), className: "jv-size" }, { children: [e.length, " Items"] }))] });
 }
 function Ic({ node: e, depth: t, indexOrName: n, deleteHandle: r, customOptions: o, parent: s, parentPath: a }) {
   const { collapsed: i, onCollapse: u, enableClipboard: l, ignoreLargeArray: f, collapseObjectsAfterLength: d, editable: h, onDelete: p, src: v, onAdd: g, onEdit: x, onChange: b, forceUpdate: S, displaySize: E, CustomOperation: w } = Ce(be), j = typeof n < "u" ? [...a, String(n)] : a;
@@ -3913,31 +3912,31 @@ function Ic({ node: e, depth: t, indexOrName: n, deleteHandle: r, customOptions:
       parentType: A ? "object" : "array",
       parentPath: j
     });
-  }, [_, D] = G(!1), R = Qt(null), O = () => {
+  }, [_, D] = G(!1), O = mt(null), R = () => {
     var P;
     if (A) {
-      const F = (P = R.current) === null || P === void 0 ? void 0 : P.value;
-      F && (e[F] = null, R.current && (R.current.value = ""), D(!1), g && g({ indexOrName: F, depth: t, src: v, parentType: "object", parentPath: j }), b && b({ type: "add", indexOrName: F, depth: t, src: v, parentType: "object", parentPath: j }));
+      const F = (P = O.current) === null || P === void 0 ? void 0 : P.value;
+      F && (e[F] = null, O.current && (O.current.value = ""), D(!1), g && g({ indexOrName: F, depth: t, src: v, parentType: "object", parentPath: j }), b && b({ type: "add", indexOrName: F, depth: t, src: v, parentType: "object", parentPath: j }));
     } else if (Array.isArray(e)) {
       const F = e;
       F.push(null), g && g({ indexOrName: F.length - 1, depth: t, src: v, parentType: "array", parentPath: j }), b && b({ type: "add", indexOrName: F.length - 1, depth: t, src: v, parentType: "array", parentPath: j });
     }
     S();
   }, B = (P) => {
-    P.key === "Enter" ? (P.preventDefault(), O()) : P.key === "Escape" && N();
+    P.key === "Enter" ? (P.preventDefault(), R()) : P.key === "Escape" && N();
   }, y = H || _, N = () => {
     I(!1), D(!1);
-  }, $ = c.jsxs(c.Fragment, { children: [!C && !y && c.jsxs("span", Object.assign({ onClick: () => k(!0), className: "jv-size-chevron" }, { children: [Re(E, t, C) && c.jsxs("span", Object.assign({ className: "jv-size" }, { children: [Ve(e), " Items"] })), c.jsx(hn, { className: "jv-chevron" })] })), _ && A && c.jsx("input", { className: "json-view--input", placeholder: "property", ref: R, onKeyDown: B }), y && c.jsx(vn, { className: "json-view--edit", style: { display: "inline-block" }, onClick: _ ? O : M }), y && c.jsx(yn, { className: "json-view--edit", style: { display: "inline-block" }, onClick: N }), !C && !y && l && yt(o) && c.jsx(xt, { node: e, nodeMeta: { depth: t, indexOrName: n, parent: s, parentPath: a, currentPath: j } }), !C && !y && Co(h) && Eo(o) && c.jsx(So, { className: "json-view--edit", onClick: () => {
+  }, $ = c.jsxs(c.Fragment, { children: [!C && !y && c.jsxs("span", Object.assign({ onClick: () => k(!0), className: "jv-size-chevron" }, { children: [Oe(E, t, C) && c.jsxs("span", Object.assign({ className: "jv-size" }, { children: [Ve(e), " Items"] })), c.jsx(hn, { className: "jv-chevron" })] })), _ && A && c.jsx("input", { className: "json-view--input", placeholder: "property", ref: O, onKeyDown: B }), y && c.jsx(vn, { className: "json-view--edit", style: { display: "inline-block" }, onClick: _ ? R : M }), y && c.jsx(yn, { className: "json-view--edit", style: { display: "inline-block" }, onClick: N }), !C && !y && l && xt(o) && c.jsx(bt, { node: e, nodeMeta: { depth: t, indexOrName: n, parent: s, parentPath: a, currentPath: j } }), !C && !y && Co(h) && Eo(o) && c.jsx(So, { className: "json-view--edit", onClick: () => {
     A ? (D(!0), setTimeout(() => {
       var P;
-      return (P = R.current) === null || P === void 0 ? void 0 : P.focus();
-    })) : O();
+      return (P = O.current) === null || P === void 0 ? void 0 : P.focus();
+    })) : R();
   } }), !C && !y && mn(h) && pn(o) && r && c.jsx(gn, { className: "json-view--edit", onClick: () => I(!0) }), typeof w == "function" ? c.jsx(w, { node: e }) : null] });
-  return Array.isArray(e) ? c.jsxs(c.Fragment, { children: [c.jsx("span", { children: "[" }), $, C ? c.jsx("button", Object.assign({ onClick: () => k(!1), className: "jv-button" }, { children: "..." })) : c.jsx("div", Object.assign({ className: "jv-indent" }, { children: e.map((P, F) => c.jsx(Bt, { indexOrName: F, value: P, depth: t, parent: e, deleteHandle: W, editHandle: L, parentPath: j }, String(n) + String(F))) })), c.jsx("span", { children: "]" }), C && Re(E, t, C) && c.jsxs("span", Object.assign({ onClick: () => k(!1), className: "jv-size" }, { children: [Ve(e), " Items"] }))] }) : A ? c.jsxs(c.Fragment, { children: [c.jsx("span", { children: "{" }), $, C ? c.jsx("button", Object.assign({ onClick: () => k(!1), className: "jv-button" }, { children: "..." })) : c.jsx("div", Object.assign({ className: "jv-indent" }, { children: Object.entries(e).map(([P, F]) => c.jsx(Bt, { indexOrName: P, value: F, depth: t, parent: e, deleteHandle: W, editHandle: L, parentPath: j }, String(n) + String(P))) })), c.jsx("span", { children: "}" }), C && Re(E, t, C) && c.jsxs("span", Object.assign({ onClick: () => k(!1), className: "jv-size" }, { children: [Ve(e), " Items"] }))] }) : c.jsx("span", { children: String(e) });
+  return Array.isArray(e) ? c.jsxs(c.Fragment, { children: [c.jsx("span", { children: "[" }), $, C ? c.jsx("button", Object.assign({ onClick: () => k(!1), className: "jv-button" }, { children: "..." })) : c.jsx("div", Object.assign({ className: "jv-indent" }, { children: e.map((P, F) => c.jsx(zt, { indexOrName: F, value: P, depth: t, parent: e, deleteHandle: W, editHandle: L, parentPath: j }, String(n) + String(F))) })), c.jsx("span", { children: "]" }), C && Oe(E, t, C) && c.jsxs("span", Object.assign({ onClick: () => k(!1), className: "jv-size" }, { children: [Ve(e), " Items"] }))] }) : A ? c.jsxs(c.Fragment, { children: [c.jsx("span", { children: "{" }), $, C ? c.jsx("button", Object.assign({ onClick: () => k(!1), className: "jv-button" }, { children: "..." })) : c.jsx("div", Object.assign({ className: "jv-indent" }, { children: Object.entries(e).map(([P, F]) => c.jsx(zt, { indexOrName: P, value: F, depth: t, parent: e, deleteHandle: W, editHandle: L, parentPath: j }, String(n) + String(P))) })), c.jsx("span", { children: "}" }), C && Oe(E, t, C) && c.jsxs("span", Object.assign({ onClick: () => k(!1), className: "jv-size" }, { children: [Ve(e), " Items"] }))] }) : c.jsx("span", { children: String(e) });
 }
 const $c = Pe.forwardRef(({ str: e, className: t, ctrlClick: n }, r) => {
   let { collapseStringMode: o, collapseStringsAfterLength: s, customizeCollapseStringUI: a } = Ce(be);
-  const [i, u] = G(!0), l = Qt(null);
+  const [i, u] = G(!0), l = mt(null);
   s = s > 0 ? s : 0;
   const f = e.replace(/\s+/g, " "), d = typeof a == "function" ? a(f, i) : typeof a == "string" ? a : "...", h = (p) => {
     var v;
@@ -3978,18 +3977,18 @@ const $c = Pe.forwardRef(({ str: e, className: t, ctrlClick: n }, r) => {
   return c.jsxs("span", Object.assign({ ref: l, className: t }, { children: ['"', e, '"'] }));
 });
 var cr;
-function Gt() {
-  return Gt = Object.assign ? Object.assign.bind() : function(e) {
+function Zt() {
+  return Zt = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var n = arguments[t];
       for (var r in n)
         Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
     }
     return e;
-  }, Gt.apply(this, arguments);
+  }, Zt.apply(this, arguments);
 }
 var Wc = function(t) {
-  return /* @__PURE__ */ m.createElement("svg", Gt({
+  return /* @__PURE__ */ m.createElement("svg", Zt({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -4000,18 +3999,18 @@ var Wc = function(t) {
     d: "M17.25 3H6.75A3.754 3.754 0 0 0 3 6.75v10.5A3.754 3.754 0 0 0 6.75 21h10.5A3.754 3.754 0 0 0 21 17.25V6.75A3.754 3.754 0 0 0 17.25 3Zm2.25 14.25c0 1.24-1.01 2.25-2.25 2.25H6.75c-1.24 0-2.25-1.01-2.25-2.25V6.75c0-1.24 1.01-2.25 2.25-2.25h10.5c1.24 0 2.25 1.01 2.25 2.25v10.5Zm-6.09-9.466-5.031 5.03a2.981 2.981 0 0 0-.879 2.121v1.19c0 .415.336.75.75.75h1.19c.8 0 1.554-.312 2.12-.879l5.03-5.03a2.252 2.252 0 0 0 0-3.182c-.85-.85-2.331-.85-3.18 0Zm-2.91 7.151c-.28.28-.666.44-1.06.44H9v-.44c0-.4.156-.777.44-1.06l3.187-3.188 1.06 1.061-3.187 3.188Zm5.03-5.03-.782.783-1.06-1.061.782-.782a.766.766 0 0 1 1.06 0 .75.75 0 0 1 0 1.06Z"
   })));
 }, lr, ur;
-function Zt() {
-  return Zt = Object.assign ? Object.assign.bind() : function(e) {
+function Xt() {
+  return Xt = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var n = arguments[t];
       for (var r in n)
         Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
     }
     return e;
-  }, Zt.apply(this, arguments);
+  }, Xt.apply(this, arguments);
 }
 var Hc = function(t) {
-  return /* @__PURE__ */ m.createElement("svg", Zt({
+  return /* @__PURE__ */ m.createElement("svg", Xt({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -4039,7 +4038,7 @@ function Ao({ node: e, depth: t, deleteHandle: n, indexOrName: r, parent: o, edi
   if (Array.isArray(e) || xe(e))
     return c.jsx(Ic, { parent: o, node: e, depth: t, indexOrName: r, deleteHandle: n, parentPath: a, customOptions: typeof w == "object" ? w : void 0 });
   {
-    const j = typeof e, A = typeof r < "u" ? [...a, String(r)] : a, [C, T] = G(!1), [k, L] = G(!1), W = Qt(null), H = () => {
+    const j = typeof e, A = typeof r < "u" ? [...a, String(r)] : a, [C, T] = G(!1), [k, L] = G(!1), W = mt(null), H = () => {
       T(!0), setTimeout(() => {
         var P, F;
         (P = window.getSelection()) === null || P === void 0 || P.selectAllChildren(W.current), (F = W.current) === null || F === void 0 || F.focus();
@@ -4074,9 +4073,9 @@ function Ao({ node: e, depth: t, deleteHandle: n, indexOrName: r, parent: o, edi
       });
     }, D = de((P) => {
       P.key === "Enter" ? (P.preventDefault(), I()) : P.key === "Escape" && M();
-    }, [I]), R = C || k, O = !R && Zn(l) && Xn(w) && s ? (P) => {
+    }, [I]), O = C || k, R = !O && Zn(l) && Xn(w) && s ? (P) => {
       (P.ctrlKey || P.metaKey) && H();
-    } : void 0, B = c.jsxs(c.Fragment, { children: [R && (typeof b == "function" ? c.jsx(b, { className: "json-view--edit", style: { display: "inline-block" }, onClick: k ? _ : I }) : c.jsx(vn, { className: "json-view--edit", style: { display: "inline-block" }, onClick: k ? _ : I })), R && (typeof S == "function" ? c.jsx(S, { className: "json-view--edit", style: { display: "inline-block" }, onClick: M }) : c.jsx(yn, { className: "json-view--edit", style: { display: "inline-block" }, onClick: M })), !R && u && yt(w) && c.jsx(xt, { node: e, nodeMeta: { depth: t, indexOrName: r, parent: o, parentPath: a, currentPath: A } }), !R && v && j === "string" && g.test(e) && kc(w) && c.jsx("a", Object.assign({ href: e, target: "_blank", className: "json-view--link" }, { children: c.jsx(Hc, {}) })), !R && Zn(l) && Xn(w) && s && (typeof x == "function" ? c.jsx(x, { className: "json-view--edit", onClick: H }) : c.jsx(Wc, { className: "json-view--edit", onClick: H })), !R && mn(l) && pn(w) && n && c.jsx(gn, { className: "json-view--edit", onClick: () => L(!0) }), typeof E == "function" ? c.jsx(E, { node: e }) : null] });
+    } : void 0, B = c.jsxs(c.Fragment, { children: [O && (typeof b == "function" ? c.jsx(b, { className: "json-view--edit", style: { display: "inline-block" }, onClick: k ? _ : I }) : c.jsx(vn, { className: "json-view--edit", style: { display: "inline-block" }, onClick: k ? _ : I })), O && (typeof S == "function" ? c.jsx(S, { className: "json-view--edit", style: { display: "inline-block" }, onClick: M }) : c.jsx(yn, { className: "json-view--edit", style: { display: "inline-block" }, onClick: M })), !O && u && xt(w) && c.jsx(bt, { node: e, nodeMeta: { depth: t, indexOrName: r, parent: o, parentPath: a, currentPath: A } }), !O && v && j === "string" && g.test(e) && kc(w) && c.jsx("a", Object.assign({ href: e, target: "_blank", className: "json-view--link" }, { children: c.jsx(Hc, {}) })), !O && Zn(l) && Xn(w) && s && (typeof x == "function" ? c.jsx(x, { className: "json-view--edit", onClick: H }) : c.jsx(Wc, { className: "json-view--edit", onClick: H })), !O && mn(l) && pn(w) && n && c.jsx(gn, { className: "json-view--edit", onClick: () => L(!0) }), typeof E == "function" ? c.jsx(E, { node: e }) : null] });
     let y = "json-view--string";
     switch (j) {
       case "number":
@@ -4094,7 +4093,7 @@ function Ao({ node: e, depth: t, deleteHandle: n, indexOrName: r, parent: o, edi
     let N = String(e);
     j === "bigint" && (N += "n");
     const $ = z(() => c.jsx("span", { contentEditable: !0, className: y, dangerouslySetInnerHTML: { __html: j === "string" ? `"${N}"` : N }, ref: W, onKeyDown: D }), [N, j, D]);
-    return j === "string" ? c.jsxs(c.Fragment, { children: [C ? $ : e.length > i ? c.jsx($c, { str: e, ref: W, className: y, ctrlClick: O }) : c.jsxs("span", Object.assign({ className: y, onClick: O }, { children: ['"', N, '"'] })), B] }) : c.jsxs(c.Fragment, { children: [C ? $ : c.jsx("span", Object.assign({ className: y, onClick: O }, { children: N })), B] });
+    return j === "string" ? c.jsxs(c.Fragment, { children: [C ? $ : e.length > i ? c.jsx($c, { str: e, ref: W, className: y, ctrlClick: R }) : c.jsxs("span", Object.assign({ className: y, onClick: R }, { children: ['"', N, '"'] })), B] }) : c.jsxs(c.Fragment, { children: [C ? $ : c.jsx("span", Object.assign({ className: y, onClick: R }, { children: N })), B] });
   }
 }
 const Po = /^(((ht|f)tps?):\/\/)?([^!@#$%^&*?.\s-]([^!@#$%^&*?.\s]{0,63}[^!@#$%^&*?.\s])?\.)+[a-z]{2,6}\/?/, be = Bo({
@@ -4128,10 +4127,10 @@ const Po = /^(((ht|f)tps?):\/\/)?([^!@#$%^&*?.\s-]([^!@#$%^&*?.\s]{0,63}[^!@#$%^
   DoneComponent: void 0,
   CustomOperation: void 0
 });
-function fr({ src: e, collapseStringsAfterLength: t = 99, collapseStringMode: n = "directly", customizeCollapseStringUI: r, collapseObjectsAfterLength: o = 99, collapsed: s, onCollapse: a, enableClipboard: i = !0, editable: u = !1, onEdit: l, onDelete: f, onAdd: d, onChange: h, dark: p = !1, theme: v = "default", customizeNode: g, customizeCopy: x = (M) => Oc(M), displaySize: b, displayArrayIndex: S = !0, style: E, className: w, matchesURL: j = !1, urlRegExp: A = Po, ignoreLargeArray: C = !1, CopyComponent: T, CopiedComponent: k, EditComponent: L, CancelComponent: W, DoneComponent: H, CustomOperation: I }) {
-  const [M, _] = G(0), D = de(() => _((B) => ++B), []), [R, O] = G(e);
-  return _e(() => O(e), [e]), c.jsx(be.Provider, Object.assign({ value: {
-    src: R,
+function fr({ src: e, collapseStringsAfterLength: t = 99, collapseStringMode: n = "directly", customizeCollapseStringUI: r, collapseObjectsAfterLength: o = 99, collapsed: s, onCollapse: a, enableClipboard: i = !0, editable: u = !1, onEdit: l, onDelete: f, onAdd: d, onChange: h, dark: p = !1, theme: v = "default", customizeNode: g, customizeCopy: x = (M) => Rc(M), displaySize: b, displayArrayIndex: S = !0, style: E, className: w, matchesURL: j = !1, urlRegExp: A = Po, ignoreLargeArray: C = !1, CopyComponent: T, CopiedComponent: k, EditComponent: L, CancelComponent: W, DoneComponent: H, CustomOperation: I }) {
+  const [M, _] = G(0), D = de(() => _((B) => ++B), []), [O, R] = G(e);
+  return _e(() => R(e), [e]), c.jsx(be.Provider, Object.assign({ value: {
+    src: O,
     collapseStringsAfterLength: t,
     collapseStringMode: n,
     customizeCollapseStringUI: r,
@@ -4158,27 +4157,27 @@ function fr({ src: e, collapseStringsAfterLength: t = 99, collapseStringMode: n
     CancelComponent: W,
     DoneComponent: H,
     CustomOperation: I
-  } }, { children: c.jsx("code", Object.assign({ className: "json-view" + (p ? " dark" : "") + (v && v !== "default" ? " json-view_" + v : "") + (w ? " " + w : ""), style: E }, { children: c.jsx(Ao, { node: R, depth: 1, editHandle: (B, y, N, $) => {
-    O(y), l && l({
+  } }, { children: c.jsx("code", Object.assign({ className: "json-view" + (p ? " dark" : "") + (v && v !== "default" ? " json-view_" + v : "") + (w ? " " + w : ""), style: E }, { children: c.jsx(Ao, { node: O, depth: 1, editHandle: (B, y, N, $) => {
+    R(y), l && l({
       newValue: y,
       oldValue: N,
       depth: 1,
-      src: R,
+      src: O,
       indexOrName: B,
       parentType: null,
       parentPath: $
-    }), h && h({ type: "edit", depth: 1, src: R, indexOrName: B, parentType: null, parentPath: $ });
+    }), h && h({ type: "edit", depth: 1, src: O, indexOrName: B, parentType: null, parentPath: $ });
   }, deleteHandle: (B, y) => {
-    O(void 0), f && f({
-      value: R,
+    R(void 0), f && f({
+      value: O,
       depth: 1,
-      src: R,
+      src: O,
       indexOrName: B,
       parentType: null,
       parentPath: y
     }), h && h({
       depth: 1,
-      src: R,
+      src: O,
       indexOrName: B,
       parentType: null,
       type: "delete",
@@ -4186,7 +4185,7 @@ function fr({ src: e, collapseStringsAfterLength: t = 99, collapseStringMode: n
     });
   }, parentPath: [] }) })) }));
 }
-const Bc = (e) => typeof e == "object" && e !== null ? JSON.stringify(e, null, 1) : e === null ? "null" : e.toString(), Xt = V(({ arg: e, popover: t = !0 }) => {
+const Bc = (e) => typeof e == "object" && e !== null ? JSON.stringify(e, null, 1) : e === null ? "null" : e.toString(), qt = V(({ arg: e, popover: t = !0 }) => {
   const n = z(() => typeof e == "object" && e !== null, [e]), r = z(() => Bc(e), [e]), o = z(() => JSON.stringify(e, null, 2), [e]);
   return t ? /* @__PURE__ */ c.jsxs(bo, { children: [
     /* @__PURE__ */ c.jsx(wo, { asChild: !0, children: /* @__PURE__ */ c.jsx("span", { className: "truncate font-mono text-blue-500 cursor-pointer inline-block", children: r }) }),
@@ -4196,18 +4195,18 @@ const Bc = (e) => typeof e == "object" && e !== null ? JSON.stringify(e, null, 1
         className: "backdrop-blur-md w-auto max-w-2xl relative max-h-[50vh] overflow-y-auto",
         hideWhenDetached: !0,
         children: n ? /* @__PURE__ */ c.jsxs("div", { children: [
-          /* @__PURE__ */ c.jsx(Mt, { textToCopy: o, className: "absolute top-4 right-4", title: "Copy JSON" }),
+          /* @__PURE__ */ c.jsx(_t, { textToCopy: o, className: "absolute top-4 right-4", title: "Copy JSON" }),
           /* @__PURE__ */ c.jsx(fr, { src: e, theme: "default", enableClipboard: !1, style: { padding: 0 } })
         ] }) : /* @__PURE__ */ c.jsxs("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ c.jsx("span", { children: r }),
-          /* @__PURE__ */ c.jsx(Mt, { textToCopy: o, className: "ml-2", title: "Copy JSON" })
+          /* @__PURE__ */ c.jsx(_t, { textToCopy: o, className: "ml-2", title: "Copy JSON" })
         ] })
       }
     )
   ] }) : /* @__PURE__ */ c.jsx(c.Fragment, { children: n ? /* @__PURE__ */ c.jsx(fr, { src: e, theme: "default", enableClipboard: !1, style: { padding: 0 } }) : /* @__PURE__ */ c.jsx("span", { className: "font-mono text-blue-500", children: r }) });
 });
-Xt.displayName = "Argument";
-const qt = V(({ callsQuantity: e, noQuantity: t = !1 }) => {
+qt.displayName = "Argument";
+const Jt = V(({ callsQuantity: e, noQuantity: t = !1 }) => {
   const n = e && e > 1;
   return /* @__PURE__ */ c.jsxs("div", { className: "flex items-center", children: [
     /* @__PURE__ */ c.jsx("span", { className: "font-mono text-emerald-500", children: ")" }),
@@ -4217,8 +4216,8 @@ const qt = V(({ callsQuantity: e, noQuantity: t = !1 }) => {
     ] })
   ] });
 });
-qt.displayName = "ClosingParenthesis";
-const Jt = Kt(
+Jt.displayName = "ClosingParenthesis";
+const Kt = Qt(
   ({ topLevelClassName: e, objectName: t, functionName: n, className: r, ...o }, s) => /* @__PURE__ */ c.jsxs("div", { ref: s, className: De("flex items-center", r), ...o, children: [
     e && /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
       /* @__PURE__ */ c.jsx("span", { className: "font-mono text-pink-500", children: e }),
@@ -4232,8 +4231,8 @@ const Jt = Kt(
     /* @__PURE__ */ c.jsx("span", { className: "font-mono text-emerald-500", children: "(" })
   ] })
 );
-Jt.displayName = "FunctionCallContent";
-const zc = { gridTemplateColumns: "max-content 1fr max-content" }, bt = V(
+Kt.displayName = "FunctionCallContent";
+const zc = { gridTemplateColumns: "max-content 1fr max-content" }, wt = V(
   ({ topLevelClassName: e, objectName: t, functionName: n, args: r, callsQuantity: o }) => {
     const s = z(() => r.filter((u) => u !== void 0), [r]), a = z(
       () => ({ gridTemplateColumns: `repeat(${s.length * 2}, minmax(0, auto))` }),
@@ -4245,7 +4244,7 @@ const zc = { gridTemplateColumns: "max-content 1fr max-content" }, bt = V(
     return /* @__PURE__ */ c.jsxs("div", { className: "grid overflow-hidden items-center", style: zc, children: [
       /* @__PURE__ */ c.jsxs(bo, { children: [
         /* @__PURE__ */ c.jsx(wo, { asChild: !0, children: /* @__PURE__ */ c.jsx(
-          Jt,
+          Kt,
           {
             className: "cursor-pointer",
             functionName: n,
@@ -4261,56 +4260,56 @@ const zc = { gridTemplateColumns: "max-content 1fr max-content" }, bt = V(
             children: [
               /* @__PURE__ */ c.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
                 /* @__PURE__ */ c.jsx(
-                  Jt,
+                  Kt,
                   {
                     functionName: n,
                     topLevelClassName: e,
                     objectName: t
                   }
                 ),
-                /* @__PURE__ */ c.jsx(Mt, { textToCopy: i })
+                /* @__PURE__ */ c.jsx(_t, { textToCopy: i })
               ] }),
               s.map((u, l) => /* @__PURE__ */ c.jsxs("div", { className: "grid grid-cols-[auto_1fr] items-center pl-4", children: [
-                /* @__PURE__ */ c.jsx(Xt, { arg: u, popover: !1 }),
+                /* @__PURE__ */ c.jsx(qt, { arg: u, popover: !1 }),
                 l < s.length - 1 && /* @__PURE__ */ c.jsx("span", { children: ", " })
               ] }, l)),
-              /* @__PURE__ */ c.jsx(qt, { callsQuantity: o, noQuantity: !0 })
+              /* @__PURE__ */ c.jsx(Jt, { callsQuantity: o, noQuantity: !0 })
             ]
           }
         )
       ] }),
       /* @__PURE__ */ c.jsx("div", { className: "grid items-center min-w-0", style: a, children: s.map((u, l) => /* @__PURE__ */ c.jsxs(pr, { children: [
-        /* @__PURE__ */ c.jsx(Xt, { arg: u }),
+        /* @__PURE__ */ c.jsx(qt, { arg: u }),
         l < s.length - 1 && /* @__PURE__ */ c.jsx("span", { children: ", " })
       ] }, l)) }),
-      /* @__PURE__ */ c.jsx(qt, { callsQuantity: o })
+      /* @__PURE__ */ c.jsx(Jt, { callsQuantity: o })
     ] });
   }
 );
-bt.displayName = "FunctionCall";
+wt.displayName = "FunctionCall";
 const No = V(({ event: e }) => {
   const t = z(() => [{ topic: e.topic, data: e.data }], [e]);
-  return /* @__PURE__ */ c.jsx(bt, { functionName: "emit", args: t });
+  return /* @__PURE__ */ c.jsx(wt, { functionName: "emit", args: t });
 });
 No.displayName = "TraceEmitEvent";
-const Oo = V(({ event: e }) => /* @__PURE__ */ c.jsxs("div", { className: "flex items-center gap-2", children: [
+const Ro = V(({ event: e }) => /* @__PURE__ */ c.jsxs("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ c.jsx(Uo, { level: e.level }),
   " ",
   e.message
 ] }));
-Oo.displayName = "TraceLogEvent";
-const Ro = V(({ event: e }) => {
+Ro.displayName = "TraceLogEvent";
+const Oo = V(({ event: e }) => {
   const t = z(() => [e.data.traceId, e.data.key, e.data.value], [e]);
-  return /* @__PURE__ */ c.jsx(bt, { objectName: "state", functionName: e.operation, args: t });
+  return /* @__PURE__ */ c.jsx(wt, { objectName: "state", functionName: e.operation, args: t });
 });
-Ro.displayName = "TraceStateEvent";
+Oo.displayName = "TraceStateEvent";
 const To = V(({ event: e }) => {
   const t = z(
     () => [e.data.groupId, e.data.id, e.data.data],
     [e]
   );
   return /* @__PURE__ */ c.jsx(
-    bt,
+    wt,
     {
       topLevelClassName: "streams",
       objectName: e.streamName,
@@ -4323,11 +4322,11 @@ const To = V(({ event: e }) => {
 To.displayName = "TraceStreamEvent";
 const ko = V(({ event: e }) => {
   if (e.type === "log")
-    return /* @__PURE__ */ c.jsx(Oo, { event: e });
+    return /* @__PURE__ */ c.jsx(Ro, { event: e });
   if (e.type === "emit")
     return /* @__PURE__ */ c.jsx(No, { event: e });
   if (e.type === "state")
-    return /* @__PURE__ */ c.jsx(Ro, { event: e });
+    return /* @__PURE__ */ c.jsx(Oo, { event: e });
   if (e.type === "stream")
     return /* @__PURE__ */ c.jsx(To, { event: e });
 });
@@ -4576,7 +4575,7 @@ const rl = {
   const o = rl[e];
   return typeof o == "string" ? r = o : t === 1 ? r = o.one : r = o.other.replace("{{count}}", t.toString()), n?.addSuffix ? n.comparison && n.comparison > 0 ? "in " + r : r + " ago" : r;
 };
-function Tt(e) {
+function kt(e) {
   return (t = {}) => {
     const n = t.width ? String(t.width) : e.defaultWidth;
     return e.formats[n] || e.formats[e.defaultWidth];
@@ -4598,15 +4597,15 @@ const sl = {
   medium: "{{date}}, {{time}}",
   short: "{{date}}, {{time}}"
 }, cl = {
-  date: Tt({
+  date: kt({
     formats: sl,
     defaultWidth: "full"
   }),
-  time: Tt({
+  time: kt({
     formats: al,
     defaultWidth: "full"
   }),
-  dateTime: Tt({
+  dateTime: kt({
     formats: il,
     defaultWidth: "full"
   })
@@ -4840,7 +4839,7 @@ const jl = /^(\d+)(th|st|nd|rd)?/i, Cl = /\d+/i, El = {
   narrow: /^[jfmasond]/i,
   abbreviated: /^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,
   wide: /^(january|february|march|april|may|june|july|august|september|october|november|december)/i
-}, Ol = {
+}, Rl = {
   narrow: [
     /^j/i,
     /^f/i,
@@ -4869,7 +4868,7 @@ const jl = /^(\d+)(th|st|nd|rd)?/i, Cl = /\d+/i, El = {
     /^n/i,
     /^d/i
   ]
-}, Rl = {
+}, Ol = {
   narrow: /^[smtwf]/i,
   short: /^(su|mo|tu|we|th|fr|sa)/i,
   abbreviated: /^(sun|mon|tue|wed|thu|fri|sat)/i,
@@ -4913,11 +4912,11 @@ const jl = /^(\d+)(th|st|nd|rd)?/i, Cl = /\d+/i, El = {
   month: ze({
     matchPatterns: Nl,
     defaultMatchWidth: "wide",
-    parsePatterns: Ol,
+    parsePatterns: Rl,
     defaultParseWidth: "any"
   }),
   day: ze({
-    matchPatterns: Rl,
+    matchPatterns: Ol,
     defaultMatchWidth: "wide",
     parsePatterns: Tl,
     defaultParseWidth: "any"