@synnaxlabs/pluto 0.12.0 → 0.14.0

package/dist/index.js

@@ -1,694 +1,552 @@
-import { j as jsxRuntimeExports } from "./jsx-runtime-rX5tAIG2.js";
-import { createElement, useCallback, useState, useEffect } from "react";
-import { s as Icon$1, a3 as variantColors, a4 as Aggregator, r as Text, a5 as useAggregator, a6 as useContext, a7 as useNotifications, a8 as Config, a9 as Context, aa as Dialog, ab as formatTip, ac as useConfig, ad as wrap, ae as useUniqueKey, M as MaybeEditable, I as Icon$2, g as Text$1, af as useDrop, ag as filterByType, ah as canDropOfType, ai as useDraggingState, aj as use$5, x as Provider$1, ak as Provider$2, al as Provider$3, am as Provider$4, P as Provider$8, e as DateTime } from "./Toggle-kLunfJtR.js";
-import { an, ao, D, ap, aq, au, aD, as, aE, ar, aw, a2, aB, aC, ax, at, av, ay, az, aA } from "./Toggle-kLunfJtR.js";
-import { a as Color, Z as ZERO, g as cssString, f as fromHSLA, h as toHex, C as CSS, b as box$1, i as Case, l as location, j as external$h, e as external$1$1, x as xy, T as TimeStamp, k as TimeSpan } from "./css-NTD4Xm8x.js";
-import { n } from "./css-NTD4Xm8x.js";
-import { B as ButtonTitle, A as Actions } from "./external-up1sE3F6.js";
-import { e } from "./external-up1sE3F6.js";
-import { H as Header } from "./Header-7x6367IV.js";
-import { V as VARIANTS, g as specZ, v as variantZ } from "./component-k78Jq9I7.js";
-import { h } from "./component-k78Jq9I7.js";
-import { S as Space, P as Pack } from "./Center-gEKkAkdh.js";
-import { G } from "./Center-gEKkAkdh.js";
-import { d as Picker, e as Swatch, f as Core, M as Multiple, g as Single, h as calculateDiffPercentage, i as useMultiple, j as useContext$1, k as Simple, l as useGridPosition, m as Multiple$1, n as Single$1, o as MODES, D as DEFAULT_TRIGGERS, p as MASK_MODES, q as Mask, r as PAN_DEFAULT_TRIGGERS, s as SELECT_DEFAULT_TRIGGERS, Z as ZOOM_DEFAULT_TRIGGERS, t as use$3, v as Line$1, w as LinePlot$1, V as Viewport, X as XAxis$1, Y as YAxis$1, x as axisFactory, y as selectViewportEl, z as useViewport, A as Tooltip$1, B as Measure, E as HAUL_TYPE, R as Rule, G as AliasInput, I as AliasProvider, J as SelectMultiple, K as SelectSingle, N as useActiveRange, O as useAlias, Q as useAliases, U as useContext$2, W as useName, _ as HAUL_CREATE_TYPE, $ as HAUL_DROP_TYPE, a0 as Mosaic, a1 as Bar, a2 as Drawer, a3 as useDrawer, a4 as Background, a5 as Controls$1, a6 as Diagram, a7 as FitViewControl, a8 as HandleLayout, a9 as NodeLayout, aa as NodeRenderer, ab as ToggleEditControl, ac as selectNode, ad as selectNodeBox, ae as selectNodeLayout, af as use$4, ag as useContext$3, ah as StringTD, ai as TR, aj as Table$1, ak as LabelSpec, al as REGISTRY, am as initialProps, an as corePropsZ, ao as use$6, ap as Chip, aq as Controller, ar as Indicator, as as Legend$1, at as StateProvider, au as useContext$4, av as Provider$5, aw as Provider$6, ax as Provider$7, ay as use$7, az as Tag } from "./TimeRangeChip-eDCX5pUC.js";
-import { aC as aC2, aI, aD as aD2, aE as aE2, aG, aF, aA as aA2, aB as aB2, aH, T, aK, aJ, aM, aL } from "./TimeRangeChip-eDCX5pUC.js";
-import { ag as streamChannelData, u as channelData, a_ as Table, a$ as tableStateZ } from "./table-8MFXzE4C.js";
-import { u as useTypography } from "./font-t7KoGNFX.js";
-import { e as e2 } from "./external-vXBQOmKv.js";
-import { e as e3 } from "./external-9pS8-DvV.js";
-import { e as e4 } from "./external-KxlyA74C.js";
-import { e as e5 } from "./external-QRmqSjV0.js";
-import { e as e6 } from "./external-oX1JmOFf.js";
-import { b as resetSelection, r as rename } from "./Selector-R3lL41_i.js";
-import { B as Button$1 } from "./SelectLevel-cewIWtOv.js";
-import { e as e7 } from "./external-_CtRDtih.js";
-import { e as e8 } from "./external-9RCzxzgZ.js";
-import { e as e9 } from "./external-kbDFnfuk.js";
-import { T as Text$2 } from "./external-QuVTCnGl.js";
-import { e as e10 } from "./external-QuVTCnGl.js";
-import { V } from "./Video-Vpwp5ao1.js";
+import { j as n } from "./jsx-runtime-NmMXPjeo.js";
+import { createElement as C, useCallback as ne, useState as Ne, useEffect as De } from "react";
+import { F as x, aa as Ge, ab as re, A as Ae, ac as Re, ad as Ze, ae as He, af as le, ag as Ve, ah as Fe, ai as Xe, aj as Ye, ak as Ue, al as We, M as Ke, I as X, g as Z, am as oe, w as ie, an as Y, v as ce, ao as Je, O as Qe, ap as qe, aq as es, ar as ss, P as ts, e as Q } from "./Toggle-HVxv8bv2.js";
+import { as as tn, at as an, D as nn, au as rn, av as ln, ax as on, aG as cn, aH as un, az as dn, a9 as mn, aE as fn, aF as pn, aA as xn, aw as bn, ay as gn, aB as yn, aC as jn, aD as hn } from "./Toggle-HVxv8bv2.js";
+import { C as p, b as y, i as as, l as P, j as ns, e as rs, x as B, T as N, k as ls } from "./css-5RvvUhjr.js";
+import { n as Tn } from "./css-5RvvUhjr.js";
+import { B as os, A as is } from "./external-r_2-tYfC.js";
+import { e as vn } from "./external-r_2-tYfC.js";
+import { H as cs } from "./Header-9CR1VnwV.js";
+import { V as us, g as ds, v as ms } from "./component-LA8IXGSG.js";
+import { h as zn } from "./component-LA8IXGSG.js";
+import { S as k, P as fs } from "./Center-8mBjm1cO.js";
+import { G as Pn } from "./Center-8mBjm1cO.js";
+import { d as ps, M as ue, e as xs, f as bs, g as de, h as H, i as gs, j as me, k as fe, l as ys, m as z, D as js, n as hs, o as Ss, p as Ts, q as _s, Z as vs, r as ws, s as U, t as pe, V as xe, X as be, Y as ge, v as zs, w as Ms, x as Ps, y as Ls, z as Os, A as w, R as ye, B as Es, E as je, G as Cs, I as ks, J as Is, K as $s, N as Bs, O as Ns, Q as Ds, U as Gs, W as As, _ as Rs, $ as Zs, a0 as Hs, a1 as Vs, a2 as Fs, a3 as Xs, a4 as Ys, a5 as Us, a6 as Ws, a7 as Ks, a8 as Js, a9 as Qs, aa as qs, ab as et, ac as st, ad as tt, ae as at, af as nt, ag as rt, ah as lt, ai as ot, aj as it, ak as ct, al as ut, am as dt, an as mt, ao as ft, ap as pt, aq as xt, ar as he, as as bt, at as gt, au as yt, av as jt, aw as ht, ax as St } from "./TimeRangeChip-jI9Nn9z8.js";
+import { aA as On, aG as En, aB as Cn, aC as kn, aE as In, aD as $n, ay as Bn, az as Nn, aF as Dn, T as Gn, aI as An, aH as Rn, aK as Zn, aJ as Hn } from "./TimeRangeChip-jI9Nn9z8.js";
+import { ag as q, u as ee, a_ as Tt, a$ as _t } from "./table-MJysJcCC.js";
+import { u as vt } from "./font-HpLrwPSD.js";
+import { e as Fn } from "./external-uSIsCKNG.js";
+import { e as Yn } from "./external-phknItOL.js";
+import { e as Wn } from "./external-uR-7_68y.js";
+import { c as Jn, u as Qn } from "./color-9QRifwqk.js";
+import { e as er } from "./external-4h9H4Y_N.js";
+import { e as tr } from "./external-kvAz85mu.js";
+import { e as nr } from "./external-sHbzLUrP.js";
+import { b as Se, r as wt } from "./Selector-R4SumEUV.js";
+import { B as W } from "./SelectLevel-Uod3Ez6y.js";
+import { e as lr } from "./external-1DGLK9F2.js";
+import { e as ir } from "./external-WiHGqQPA.js";
+import { e as ur } from "./external-FCO_hdNr.js";
+import { T as zt } from "./external-4uqucf0m.js";
+import { e as mr } from "./external-4uqucf0m.js";
+import { V as pr } from "./Video-vyIORMaH.js";
 import "react-hook-form";
-import "./Item-EDdYN2NK.js";
-import { e as e11 } from "./external-2Aicsb3l.js";
+import "./Item-kbCoFEj2.js";
+import { e as br } from "./external-mpVdVPF1.js";
 import "react-dom";
 import "zod";
-import "./useDrag-rQt5hv4R.js";
-import "./Item-owLU4Xop.js";
-import "./dimensions-guJ5PHmb.js";
-import "./Link-laNlv47N.js";
+import "./Swatch-IH4OmVdd.js";
+import "./useDrag-4o21IpGy.js";
+import "./Item--h4UWJZo.js";
+import "./dimensions--C45ahLe.js";
+import "./Link-fRQvqiYx.js";
 import "./Video-w40geAFS.js";
-import "./fontString-RKvYIr5H.js";
-import "./Keyboard-mE03PKwA.js";
-const Circle = ({ variant }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1.Circle, { color: variantColors[variant] });
-};
-const external$g = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+import "./fontString-lodjYTYz.js";
+import "./Keyboard-IWRXgioJ.js";
+const Mt = ({ variant: e }) => /* @__PURE__ */ n.jsx(x.Circle, { color: Ge[e] }), Ba = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Aggregator,
-  Circle,
-  Text,
-  VARIANTS,
-  specZ,
-  useAggregator,
-  useContext,
-  useNotifications,
-  variantZ
-}, Symbol.toStringTag, { value: "Module" }));
-const external$f = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  Aggregator: re,
+  Circle: Mt,
+  Text: Ae,
+  VARIANTS: us,
+  specZ: ds,
+  useAggregator: Re,
+  useContext: Ze,
+  useNotifications: He,
+  variantZ: ms
+}, Symbol.toStringTag, { value: "Module" })), Na = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Color,
-  Picker,
-  Swatch,
-  ZERO,
-  cssString,
-  fromHSLA,
-  toHex
-}, Symbol.toStringTag, { value: "Module" }));
-const external$e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Config,
-  Context,
-  Dialog,
-  formatTip,
-  useConfig,
-  wrap
-}, Symbol.toStringTag, { value: "Module" }));
-const external$d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  Config: le,
+  Context: Ve,
+  Dialog: Fe,
+  formatTip: Xe,
+  useConfig: Ye,
+  wrap: Ue
+}, Symbol.toStringTag, { value: "Module" })), Da = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Core,
-  Multiple,
-  Single,
-  calculateDiffPercentage,
-  useMultiple
-}, Symbol.toStringTag, { value: "Module" }));
-const DIRECTION = "y";
-const MIN_SIZE = 28;
-const COLLAPSED_THRESHOLD = 32;
-const EXPAND_THRESHOLD = 40;
-const DEFAULT_EXPAND_SIZE = 0.5;
-const Accordion = ({ data, ...props }) => {
+  Core: ps,
+  Multiple: ue,
+  Single: xs,
+  calculateDiffPercentage: bs,
+  useMultiple: de
+}, Symbol.toStringTag, { value: "Module" })), M = "y", se = 28, Pt = 32, Lt = 40, Ot = 0.5, Et = ({ data: e, ...s }) => {
   const {
-    setSize,
-    props: { sizeDistribution: sizes, ref, ...resizeProps }
-  } = useMultiple({
-    direction: DIRECTION,
-    count: data.length,
-    minSize: MIN_SIZE
-  });
-  const onExpand = (index) => {
-    if (ref.current == null)
+    setSize: t,
+    props: { sizeDistribution: a, ref: r, ...l }
+  } = de({
+    direction: M,
+    count: e.length,
+    minSize: se
+  }), o = (i) => {
+    if (r.current == null)
       return;
-    const parentSize = box$1.dim(box$1.construct(ref.current), DIRECTION);
-    if (sizes[index] < EXPAND_THRESHOLD / parentSize)
-      setSize(index, data[index].initialSize ?? DEFAULT_EXPAND_SIZE);
-    else
-      setSize(index, MIN_SIZE + 1);
+    const u = y.dim(y.construct(r.current), M);
+    a[i] < Lt / u ? t(i, e[i].initialSize ?? Ot) : t(i, se + 1);
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Multiple,
+  return /* @__PURE__ */ n.jsx(
+    ue,
     {
-      empty: true,
-      className: CSS.B("accordion"),
-      sizeDistribution: sizes,
-      ref,
-      ...props,
-      ...resizeProps,
-      children: data.map((entry, i) => /* @__PURE__ */ createElement(
-        EntryC,
+      empty: !0,
+      className: p.B("accordion"),
+      sizeDistribution: a,
+      ref: r,
+      ...s,
+      ...l,
+      children: e.map((i, u) => /* @__PURE__ */ C(
+        It,
         {
-          ...entry,
-          key: entry.key,
-          index: i,
-          direction: DIRECTION,
-          onExpand,
-          parent: ref,
-          size: sizes[i]
+          ...i,
+          key: i.key,
+          index: u,
+          direction: M,
+          onExpand: o,
+          parent: r,
+          size: a[u]
         }
       ))
     }
   );
-};
-const expandedIcon = /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1.Caret.Down, { "aria-label": "contract" });
-const collapsedIcon = /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1.Caret.Right, { "aria-label": "expand" });
-const EntryC = ({
-  index,
-  name,
-  content,
-  actions,
-  size,
-  parent,
-  onExpand
+}, Ct = /* @__PURE__ */ n.jsx(x.Caret.Down, { "aria-label": "contract" }), kt = /* @__PURE__ */ n.jsx(x.Caret.Right, { "aria-label": "expand" }), It = ({
+  index: e,
+  name: s,
+  content: t,
+  actions: a,
+  size: r,
+  parent: l,
+  onExpand: o
 }) => {
-  let expanded = true;
-  if (parent.current != null) {
-    const parentSize = box$1.dim(box$1.construct(parent.current), DIRECTION);
-    expanded = size * parentSize > COLLAPSED_THRESHOLD;
+  let i = !0;
+  if (l.current != null) {
+    const d = y.dim(y.construct(l.current), M);
+    i = r * d > Pt;
   }
-  const icon = expanded ? expandedIcon : collapsedIcon;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(Header, { level: "p", className: CSS.expanded(expanded), empty: true, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(ButtonTitle, { startIcon: icon, onClick: () => onExpand(index), children: name }),
-      actions != null && /* @__PURE__ */ jsxRuntimeExports.jsx(Actions, { children: actions })
+  const u = i ? Ct : kt;
+  return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    /* @__PURE__ */ n.jsxs(cs, { level: "p", className: p.expanded(i), empty: !0, children: [
+      /* @__PURE__ */ n.jsx(os, { startIcon: u, onClick: () => o(e), children: s }),
+      a != null && /* @__PURE__ */ n.jsx(is, { children: a })
     ] }),
-    content
+    t
   ] });
-};
-const Accordion$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Ga = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Accordion
-}, Symbol.toStringTag, { value: "Module" }));
-const Legend = ({
-  className,
-  style,
-  onLineChange,
-  ...props
+  Accordion: Et
+}, Symbol.toStringTag, { value: "Module" })), Te = ({
+  className: e,
+  style: s,
+  onLineChange: t,
+  ...a
 }) => {
-  const { lines } = useContext$1("Legend");
-  useContext$1("Legend");
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Simple, { data: lines, onEntryChange: onLineChange, ...props });
-};
-const Title = ({
-  level = "h2",
-  ...props
+  const { lines: r } = H("Legend");
+  return H("Legend"), /* @__PURE__ */ n.jsx(gs, { data: r, onEntryChange: t, ...a });
+}, _e = ({
+  level: e = "h2",
+  ...s
 }) => {
-  const key = useUniqueKey();
-  const font = useTypography(level);
-  const gridStyle = useGridPosition(
+  const t = We(), a = vt(e), r = me(
     {
-      key,
-      size: (font.lineHeight + 2) * font.baseSize,
+      key: t,
+      size: (a.lineHeight + 2) * a.baseSize,
       loc: "top",
       order: "first"
     },
     "Title"
   );
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Space, { justify: "center", align: "center", style: gridStyle, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MaybeEditable, { ...props, level }) });
-};
-const DATA = [
+  return /* @__PURE__ */ n.jsx(k, { justify: "center", align: "center", style: r, children: /* @__PURE__ */ n.jsx(Ke, { ...s, level: e }) });
+}, $t = [
   {
     key: "x",
-    icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1.Arrow.Right, {})
+    icon: /* @__PURE__ */ n.jsx(x.Arrow.Right, {})
   },
   {
     key: "y",
-    icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1.Arrow.Down, {})
+    icon: /* @__PURE__ */ n.jsx(x.Arrow.Down, {})
   }
-];
-const defaultSelectDirectionButton = ({
-  key,
-  entry,
-  onClick,
-  selected
-}) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Icon$2,
-    {
-      variant: selected ? "filled" : "outlined",
-      onClick,
-      children: entry.icon
-    },
-    key
-  );
-};
-const Direction = ({
-  children = defaultSelectDirectionButton,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, { ...props, data: DATA, children });
-};
-const external$c = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+], Bt = ({
+  key: e,
+  entry: s,
+  onClick: t,
+  selected: a
+}) => /* @__PURE__ */ n.jsx(
+  X,
+  {
+    variant: a ? "filled" : "outlined",
+    onClick: t,
+    children: s.icon
+  },
+  e
+), Nt = ({
+  children: e = Bt,
+  ...s
+}) => /* @__PURE__ */ n.jsx(W, { ...s, data: $t, children: e }), Aa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Button: Button$1,
-  Direction,
-  Multiple: Multiple$1,
-  Single: Single$1
-}, Symbol.toStringTag, { value: "Module" }));
-const Tooltip = ({ mode, triggers }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, { direction: "x", align: "center", children: [
-  /* @__PURE__ */ jsxRuntimeExports.jsx(Text$1, { level: "small", children: Case.capitalize(mode) }),
-  /* @__PURE__ */ jsxRuntimeExports.jsx(Text$2, { trigger: triggers[0], level: "small" })
-] });
-const MODE_ICONS = {
-  zoom: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1.Zoom, {}),
-  pan: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1.Pan, {}),
-  select: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1.Selection, {}),
-  zoomReset: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1.Expand, {}),
-  click: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1.Bolt, {})
-};
-const SelectMode = ({
-  triggers,
-  disable = ["zoomReset", "click"],
-  ...props
+  Button: W,
+  Direction: Nt,
+  Multiple: fe,
+  Single: ys
+}, Symbol.toStringTag, { value: "Module" })), Dt = ({ mode: e, triggers: s }) => /* @__PURE__ */ n.jsxs(k, { direction: "x", align: "center", children: [
+  /* @__PURE__ */ n.jsx(Z, { level: "small", children: as.capitalize(e) }),
+  /* @__PURE__ */ n.jsx(zt, { trigger: s[0], level: "small" })
+] }), Gt = {
+  zoom: /* @__PURE__ */ n.jsx(x.Zoom, {}),
+  pan: /* @__PURE__ */ n.jsx(x.Pan, {}),
+  select: /* @__PURE__ */ n.jsx(x.Selection, {}),
+  zoomReset: /* @__PURE__ */ n.jsx(x.Expand, {}),
+  click: /* @__PURE__ */ n.jsx(x.Bolt, {})
+}, At = ({
+  triggers: e,
+  disable: s = ["zoomReset", "click"],
+  ...t
 }) => {
-  const data = Object.entries(triggers).filter(([key]) => !disable.includes(key) && MODES.includes(key)).map(([key, value]) => ({
-    key,
-    icon: MODE_ICONS[key],
-    tooltip: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { mode: key, triggers: value })
-  })).sort((a, b) => MODES.indexOf(a.key) - MODES.indexOf(b.key));
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, { ...props, data, entryRenderKey: "icon", children: ({ title: _, entry, ...props2 }) => /* @__PURE__ */ createElement(
-    Icon$2,
+  const a = Object.entries(e).filter(([r]) => !s.includes(r) && z.includes(r)).map(([r, l]) => ({
+    key: r,
+    icon: Gt[r],
+    tooltip: /* @__PURE__ */ n.jsx(Dt, { mode: r, triggers: l })
+  })).sort((r, l) => z.indexOf(r.key) - z.indexOf(l.key));
+  return /* @__PURE__ */ n.jsx(W, { ...t, data: a, entryRenderKey: "icon", children: ({ title: r, entry: l, ...o }) => /* @__PURE__ */ C(
+    X,
     {
-      ...props2,
-      key: entry.key,
-      variant: props2.selected ? "filled" : "text",
+      ...o,
+      key: l.key,
+      variant: o.selected ? "filled" : "text",
       size: "medium",
-      tooltip: entry.tooltip,
+      tooltip: l.tooltip,
       tooltipLocation: { x: "right", y: "top" }
     },
-    entry.icon
+    l.icon
   ) });
-};
-const external$b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Ra = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  DEFAULT_TRIGGERS,
-  MASK_MODES,
-  MODES,
-  Mask,
-  PAN_DEFAULT_TRIGGERS,
-  SELECT_DEFAULT_TRIGGERS,
-  SelectMode,
-  ZOOM_DEFAULT_TRIGGERS,
-  use: use$3
-}, Symbol.toStringTag, { value: "Module" }));
-const external$a = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  DEFAULT_TRIGGERS: js,
+  MASK_MODES: hs,
+  MODES: z,
+  Mask: Ss,
+  PAN_DEFAULT_TRIGGERS: Ts,
+  SELECT_DEFAULT_TRIGGERS: _s,
+  SelectMode: At,
+  ZOOM_DEFAULT_TRIGGERS: vs,
+  use: ws
+}, Symbol.toStringTag, { value: "Module" })), Za = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Legend,
-  Line: Line$1,
-  LinePlot: LinePlot$1,
-  Title,
-  Viewport,
-  XAxis: XAxis$1,
-  YAxis: YAxis$1,
-  axisFactory,
-  selectViewportEl,
-  useContext: useContext$1,
-  useGridPosition,
-  useViewport
-}, Symbol.toStringTag, { value: "Module" }));
-const canDrop = canDropOfType(HAUL_TYPE);
-const LinePlot = ({
-  lines,
-  axes,
-  showTitle = true,
-  title = "",
-  onTitleChange,
-  showLegend = true,
-  titleLevel = "h4",
-  onLineChange,
-  onRuleChange,
-  onAxisChannelDrop,
-  onAxisChange,
-  rules,
-  enableTooltip = true,
-  enableMeasure = false,
-  initialViewport = box$1.DECIMAL,
-  onViewportChange,
-  viewportTriggers,
-  ...restProps
+  Legend: Te,
+  Line: U,
+  LinePlot: pe,
+  Title: _e,
+  Viewport: xe,
+  XAxis: be,
+  YAxis: ge,
+  axisFactory: zs,
+  selectViewportEl: Ms,
+  useContext: H,
+  useGridPosition: me,
+  useViewport: Ps
+}, Symbol.toStringTag, { value: "Module" })), ve = Y(w), Rt = ({
+  lines: e,
+  axes: s,
+  showTitle: t = !0,
+  title: a = "",
+  onTitleChange: r,
+  showLegend: l = !0,
+  titleLevel: o = "h4",
+  onLineChange: i,
+  onRuleChange: u,
+  onAxisChannelDrop: d,
+  onAxisChange: c,
+  rules: m,
+  enableTooltip: b = !0,
+  enableMeasure: f = !1,
+  initialViewport: g = y.DECIMAL,
+  onViewportChange: T,
+  viewportTriggers: $,
+  ..._
 }) => {
-  const xAxes = axes.filter(({ location: l }) => location.isY(l));
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(LinePlot$1, { ...restProps, children: [
-    xAxes.map((a, i) => {
-      const axisLines = lines.filter((l) => l.axes.x === a.key);
-      const yAxes = axes.filter(({ location: l }) => location.isX(l));
-      const axisRules = rules == null ? void 0 : rules.filter(
-        (r) => [...yAxes.map(({ key: id }) => id), a.key].includes(r.axis)
+  const Ce = s.filter(({ location: h }) => P.isY(h));
+  return /* @__PURE__ */ n.jsxs(pe, { ..._, children: [
+    Ce.map((h, ke) => {
+      const Ie = e.filter((v) => v.axes.x === h.key), J = s.filter(({ location: v }) => P.isX(v)), $e = m == null ? void 0 : m.filter(
+        (v) => [...J.map(({ key: Be }) => Be), h.key].includes(v.axis)
       );
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(
-        XAxis,
+      return /* @__PURE__ */ n.jsx(
+        Zt,
         {
-          axis: a,
-          index: i,
-          lines: axisLines,
-          yAxes,
-          rules: axisRules,
-          onAxisChannelDrop,
-          onAxisChange
+          axis: h,
+          index: ke,
+          lines: Ie,
+          yAxes: J,
+          rules: $e,
+          onAxisChannelDrop: d,
+          onAxisChange: c
         },
-        a.key
+        h.key
       );
     }),
-    showLegend && /* @__PURE__ */ jsxRuntimeExports.jsx(Legend, { onLineChange }),
-    showTitle && /* @__PURE__ */ jsxRuntimeExports.jsx(Title, { value: title, onChange: onTitleChange, level: titleLevel }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      Viewport,
+    l && /* @__PURE__ */ n.jsx(Te, { onLineChange: i }),
+    t && /* @__PURE__ */ n.jsx(_e, { value: a, onChange: r, level: o }),
+    /* @__PURE__ */ n.jsxs(
+      xe,
       {
-        initial: initialViewport,
-        onChange: onViewportChange,
-        triggers: viewportTriggers,
+        initial: g,
+        onChange: T,
+        triggers: $,
         children: [
-          enableTooltip && /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, {}),
-          enableMeasure && /* @__PURE__ */ jsxRuntimeExports.jsx(Measure, {})
+          b && /* @__PURE__ */ n.jsx(Ls, {}),
+          f && /* @__PURE__ */ n.jsx(Os, {})
         ]
       }
     )
   ] });
-};
-const XAxis = ({
-  yAxes,
-  lines,
-  index,
-  rules,
-  onRuleChange,
-  onAxisChannelDrop,
-  onAxisChange,
-  axis: { location: location2, key, showGrid, ...axis }
+}, Zt = ({
+  yAxes: e,
+  lines: s,
+  index: t,
+  rules: a,
+  onRuleChange: r,
+  onAxisChannelDrop: l,
+  onAxisChange: o,
+  axis: { location: i, key: u, showGrid: d, ...c }
 }) => {
-  const dropProps = useDrop({
+  const m = oe({
     type: "Channel.LinePlot.XAxis",
-    canDrop,
-    onDrop: useCallback(
-      ({ items }) => {
-        const dropped = filterByType(HAUL_TYPE, items);
-        onAxisChannelDrop == null ? void 0 : onAxisChannelDrop(
-          key,
-          dropped.map(({ key: key2 }) => key2)
-        );
-        return dropped;
+    canDrop: ve,
+    onDrop: ne(
+      ({ items: f }) => {
+        const g = ie(w, f);
+        return l == null || l(
+          u,
+          g.map(({ key: T }) => T)
+        ), g;
       },
-      [key, onAxisChannelDrop]
+      [u, l]
     )
-  });
-  const xRules = rules == null ? void 0 : rules.filter((r) => r.axis === key);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    XAxis$1,
+  }), b = a == null ? void 0 : a.filter((f) => f.axis === u);
+  return /* @__PURE__ */ n.jsxs(
+    be,
     {
-      ...axis,
-      ...dropProps,
-      location: location2,
-      showGrid: showGrid ?? index === 0,
-      className: CSS(
-        CSS.dropRegion(canDropOfType(HAUL_TYPE)(useDraggingState()))
+      ...c,
+      ...m,
+      location: i,
+      showGrid: d ?? t === 0,
+      className: p(
+        p.dropRegion(Y(w)(ce()))
       ),
-      onAutoBoundsChange: (bounds) => onAxisChange == null ? void 0 : onAxisChange({ key, bounds }),
+      onAutoBoundsChange: (f) => o == null ? void 0 : o({ key: u, bounds: f }),
       children: [
-        yAxes.map((a, i) => {
-          const yLines = lines.filter((l) => l.axes.y === a.key);
-          const yRules = rules == null ? void 0 : rules.filter((r) => r.axis === a.key);
-          return /* @__PURE__ */ jsxRuntimeExports.jsx(
-            YAxis,
+        e.map((f, g) => {
+          const T = s.filter((_) => _.axes.y === f.key), $ = a == null ? void 0 : a.filter((_) => _.axis === f.key);
+          return /* @__PURE__ */ n.jsx(
+            Vt,
             {
               axis: {
-                ...a,
-                showGrid: showGrid ?? (index === 0 && i === 0)
+                ...f,
+                showGrid: d ?? (t === 0 && g === 0)
               },
-              lines: yLines,
-              rules: yRules,
-              onRuleChange,
-              onAxisChannelDrop,
-              onAxisChange
+              lines: T,
+              rules: $,
+              onRuleChange: r,
+              onAxisChannelDrop: l,
+              onAxisChange: o
             },
-            a.key
+            f.key
           );
         }),
-        xRules == null ? void 0 : xRules.map((rule) => /* @__PURE__ */ createElement(
-          Rule,
+        b == null ? void 0 : b.map((f) => /* @__PURE__ */ C(
+          ye,
           {
-            aetherKey: rule.key,
-            ...rule,
-            key: rule.key,
-            onLabelChange: (value) => onRuleChange == null ? void 0 : onRuleChange({ key: rule.key, label: value }),
-            onPositionChange: (value) => onRuleChange == null ? void 0 : onRuleChange({ key: rule.key, position: value })
+            aetherKey: f.key,
+            ...f,
+            key: f.key,
+            onLabelChange: (g) => r == null ? void 0 : r({ key: f.key, label: g }),
+            onPositionChange: (g) => r == null ? void 0 : r({ key: f.key, position: g })
           }
         ))
       ]
     }
   );
-};
-const lineKey = ({ channels: { x, y } }) => `${x ?? 0}-${y}`;
-const YAxis = ({
-  lines,
-  rules,
-  onRuleChange,
-  onAxisChannelDrop,
-  onAxisChange,
-  axis: { key, location: loc2, ...props }
+}, Ht = ({ channels: { x: e, y: s } }) => `${e ?? 0}-${s}`, Vt = ({
+  lines: e,
+  rules: s,
+  onRuleChange: t,
+  onAxisChannelDrop: a,
+  onAxisChange: r,
+  axis: { key: l, location: o, ...i }
 }) => {
-  const dropProps = useDrop({
+  const u = oe({
     type: "Channel.LinePlot.YAxis",
-    canDrop,
-    onDrop: useCallback(
-      ({ items }) => {
-        const dropped = filterByType(HAUL_TYPE, items);
-        onAxisChannelDrop == null ? void 0 : onAxisChannelDrop(
-          key,
-          dropped.map(({ key: key2 }) => key2)
-        );
-        return dropped;
+    canDrop: ve,
+    onDrop: ne(
+      ({ items: c }) => {
+        const m = ie(w, c);
+        return a == null || a(
+          l,
+          m.map(({ key: b }) => b)
+        ), m;
       },
-      [key, onAxisChannelDrop]
+      [l, a]
     )
-  });
-  const dragging = useDraggingState();
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    YAxis$1,
+  }), d = ce();
+  return /* @__PURE__ */ n.jsxs(
+    ge,
     {
-      ...props,
-      ...dropProps,
-      location: loc2,
-      className: CSS(CSS.dropRegion(canDropOfType(HAUL_TYPE)(dragging))),
-      onAutoBoundsChange: (bounds) => onAxisChange == null ? void 0 : onAxisChange({ key, bounds }),
+      ...i,
+      ...u,
+      location: o,
+      className: p(p.dropRegion(Y(w)(d))),
+      onAutoBoundsChange: (c) => r == null ? void 0 : r({ key: l, bounds: c }),
       children: [
-        lines.map((l) => /* @__PURE__ */ jsxRuntimeExports.jsx(Line, { line: l }, lineKey(l))),
-        rules == null ? void 0 : rules.map((r) => /* @__PURE__ */ createElement(
-          Rule,
+        e.map((c) => /* @__PURE__ */ n.jsx(Ft, { line: c }, Ht(c))),
+        s == null ? void 0 : s.map((c) => /* @__PURE__ */ C(
+          ye,
           {
-            aetherKey: r.key,
-            ...r,
-            key: r.key,
-            onLabelChange: (value) => onRuleChange == null ? void 0 : onRuleChange({ key: r.key, label: value }),
-            onPositionChange: (value) => onRuleChange == null ? void 0 : onRuleChange({ key: r.key, position: value })
+            aetherKey: c.key,
+            ...c,
+            key: c.key,
+            onLabelChange: (m) => t == null ? void 0 : t({ key: c.key, label: m }),
+            onPositionChange: (m) => t == null ? void 0 : t({ key: c.key, position: m })
           }
         ))
       ]
     }
   );
-};
-const Line = ({ line }) => line.variant === "static" ? /* @__PURE__ */ jsxRuntimeExports.jsx(StaticLine, { line }) : /* @__PURE__ */ jsxRuntimeExports.jsx(DynamicLine, { line });
-const DynamicLine = ({
+}, Ft = ({ line: e }) => e.variant === "static" ? /* @__PURE__ */ n.jsx(Yt, { line: e }) : /* @__PURE__ */ n.jsx(Xt, { line: e }), Xt = ({
   line: {
-    key,
-    timeSpan,
-    channels: { x, y },
-    ...props
+    key: e,
+    timeSpan: s,
+    channels: { x: t, y: a },
+    ...r
   }
 }) => {
-  const yTelem = streamChannelData({ timeSpan, channel: y });
-  const hasX = x != null && x !== 0;
-  const xTelem = streamChannelData({
-    timeSpan,
-    channel: hasX ? x : y,
-    index: !hasX
+  const l = q({ timeSpan: s, channel: a }), o = t != null && t !== 0, i = q({
+    timeSpan: s,
+    channel: o ? t : a,
+    index: !o
   });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Line$1, { aetherKey: key, y: yTelem, x: xTelem, ...props });
-};
-const StaticLine = ({
+  return /* @__PURE__ */ n.jsx(U, { aetherKey: e, y: l, x: i, ...r });
+}, Yt = ({
   line: {
-    timeRange,
-    key,
-    channels: { x, y },
-    ...props
+    timeRange: e,
+    key: s,
+    channels: { x: t, y: a },
+    ...r
   }
 }) => {
-  const yTelem = channelData({ timeRange, channel: y });
-  const hasX = x != null && x !== 0;
-  const xTelem = channelData({
-    timeRange,
-    channel: hasX ? x : y,
-    index: !hasX
+  const l = ee({ timeRange: e, channel: a }), o = t != null && t !== 0, i = ee({
+    timeRange: e,
+    channel: o ? t : a,
+    index: !o
   });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Line$1, { aetherKey: key, y: yTelem, x: xTelem, ...props });
-};
-const external$9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  return /* @__PURE__ */ n.jsx(U, { aetherKey: s, y: l, x: i, ...r });
+}, Ha = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  AliasInput,
-  AliasProvider,
-  LinePlot,
-  SelectMultiple,
-  SelectSingle,
-  useActiveRange,
-  useAlias,
-  useAliases,
-  useContext: useContext$2,
-  useName
-}, Symbol.toStringTag, { value: "Module" }));
-const TabNotFound = new Error("Tab not found");
-const InvalidMosaic = new Error("Invalid Mosaic");
-const insertTab = (root, tab, loc = "center", key) => {
-  var _a;
-  root = shallowCopyNode(root);
-  if (key === void 0)
-    return insertAnywhere(root, tab);
-  const node = findNodeOrAncestor(root, key);
-  if (loc === "center") {
-    (_a = node.tabs) == null ? void 0 : _a.push(tab);
-    node.selected = tab.tabKey;
-    return root;
-  }
-  if (node.tabs == null || node.tabs.length === 0)
-    return root;
-  const [insertOrder, siblingOrder, dir] = splitArrangement(loc);
-  node.direction = dir;
-  node[insertOrder] = { key: 0, tabs: [tab], selected: tab.tabKey };
-  node[siblingOrder] = { key: 0, tabs: node.tabs, selected: node.selected };
-  if (node.first == null || node.last == null)
-    throw InvalidMosaic;
-  node.first.key = node.key * 2;
-  node.last.key = node.key * 2 + 1;
-  node.tabs = void 0;
-  node.size = void 0;
-  node.selected = void 0;
-  return root;
-};
-const insertAnywhere = (root, tab) => {
-  root = shallowCopyNode(root);
-  if (root.tabs != null) {
-    root.tabs.push(tab);
-    root.selected = tab.tabKey;
-    return root;
-  }
-  if (root.first != null)
-    root.first = insertAnywhere(root.first, tab);
-  else if (root.last != null)
-    root.last = insertAnywhere(root.last, tab);
-  return root;
-};
-const autoSelectTabs = (root) => {
-  root = shallowCopyNode(root);
-  const selected = [];
-  if (root.tabs != null) {
-    root.selected = resetSelection(root.selected, root.tabs);
-    if (root.selected != null)
-      selected.push(root.selected);
-  }
-  if (root.first != null) {
-    const [f, s] = autoSelectTabs(root.first);
-    root.first = f;
-    selected.push(...s);
+  AliasInput: Es,
+  AliasProvider: je,
+  LinePlot: Rt,
+  SelectMultiple: Cs,
+  SelectSingle: ks,
+  useActiveRange: Is,
+  useAlias: $s,
+  useAliases: Bs,
+  useContext: Ns,
+  useName: Ds
+}, Symbol.toStringTag, { value: "Module" })), I = new Error("Tab not found"), Ut = new Error("Invalid Mosaic"), we = (e, s, t = "center", a) => {
+  var u;
+  if (e = j(e), a === void 0)
+    return V(e, s);
+  const r = Oe(e, a);
+  if (t === "center")
+    return (u = r.tabs) == null || u.push(s), r.selected = s.tabKey, e;
+  if (r.tabs == null || r.tabs.length === 0)
+    return e;
+  const [l, o, i] = Jt(t);
+  if (r.direction = i, r[l] = { key: 0, tabs: [s], selected: s.tabKey }, r[o] = { key: 0, tabs: r.tabs, selected: r.selected }, r.first == null || r.last == null)
+    throw Ut;
+  return r.first.key = r.key * 2, r.last.key = r.key * 2 + 1, r.tabs = void 0, r.size = void 0, r.selected = void 0, e;
+}, V = (e, s) => (e = j(e), e.tabs != null ? (e.tabs.push(s), e.selected = s.tabKey, e) : (e.first != null ? e.first = V(e.first, s) : e.last != null && (e.last = V(e.last, s)), e)), L = (e) => {
+  e = j(e);
+  const s = [];
+  if (e.tabs != null && (e.selected = Se(e.selected, e.tabs), e.selected != null && s.push(e.selected)), e.first != null) {
+    const [t, a] = L(e.first);
+    e.first = t, s.push(...a);
   }
-  if (root.last != null) {
-    const [r, l] = autoSelectTabs(root.last);
-    root.last = r;
-    selected.push(...l);
+  if (e.last != null) {
+    const [t, a] = L(e.last);
+    e.last = t, s.push(...a);
   }
-  return [root, selected];
-};
-const removeTab = (root, tabKey) => {
-  var _a;
-  root = shallowCopyNode(root);
-  const [, node] = findMosaicTab(root, tabKey);
-  if (node == null)
-    throw TabNotFound;
-  node.tabs = (_a = node.tabs) == null ? void 0 : _a.filter((t) => t.tabKey !== tabKey);
-  node.selected = resetSelection(node.selected, node.tabs);
-  const gced = gc(root);
-  const selected = node.selected ?? findSelected(gced);
-  return [gced, selected];
-};
-const findSelected = (root) => {
-  if (root.selected != null)
-    return root.selected;
-  if (root.first != null)
-    return findSelected(root.first);
-  if (root.last != null)
-    return findSelected(root.last);
-  return null;
-};
-const selectTab = (root, tabKey) => {
-  root = shallowCopyNode(root);
-  const [tab, entry] = findMosaicTab(root, tabKey);
-  if (tab == null || entry == null)
-    throw TabNotFound;
-  entry.selected = tabKey;
-  return root;
-};
-const moveTab = (root, tabKey, loc, to) => {
-  root = shallowCopyNode(root);
-  const [tab, entry] = findMosaicTab(root, tabKey);
-  if (tab == null || entry == null)
-    throw TabNotFound;
-  const [r2, selected] = removeTab(root, tabKey);
-  const r3 = insertTab(r2, tab, loc, to);
-  return [r3, selected];
-};
-const resizeNode = (root, key, size) => {
-  const node = findMosaicNode(root, key);
-  if (node == null)
+  return [e, s];
+}, K = (e, s) => {
+  var l;
+  e = j(e);
+  const [, t] = S(e, s);
+  if (t == null)
+    throw I;
+  t.tabs = (l = t.tabs) == null ? void 0 : l.filter((o) => o.tabKey !== s), t.selected = Se(t.selected, t.tabs);
+  const a = Kt(e), r = t.selected ?? O(a);
+  return [a, r];
+}, O = (e) => e.selected != null ? e.selected : e.first != null ? O(e.first) : e.last != null ? O(e.last) : null, ze = (e, s) => {
+  e = j(e);
+  const [t, a] = S(e, s);
+  if (t == null || a == null)
+    throw I;
+  return a.selected = s, e;
+}, Me = (e, s, t, a) => {
+  e = j(e);
+  const [r, l] = S(e, s);
+  if (r == null || l == null)
+    throw I;
+  const [o, i] = K(e, s);
+  return [we(o, r, t, a), i];
+}, Pe = (e, s, t) => {
+  const a = E(e, s);
+  if (a == null)
     throw new Error("Node not found");
-  else
-    node.size = size;
-  return root;
-};
-const renameTab = (root, tabKey, name) => {
-  root = shallowCopyNode(root);
-  const [, leaf] = findMosaicTab(root, tabKey);
-  if ((leaf == null ? void 0 : leaf.tabs) == null)
-    throw TabNotFound;
-  leaf.tabs = rename(tabKey, name, (leaf == null ? void 0 : leaf.tabs) ?? []);
-  return root;
-};
-const isEmpty = (root) => {
-  if (root.tabs != null)
-    return root.tabs.length === 0;
-  return root.first == null && root.last == null;
-};
-const findNodeOrAncestor = (root, key) => {
-  const node = findMosaicNode(root, key);
-  if (node != null)
-    return node;
-  const next = Math.floor(key / 2);
-  return next === 0 ? root : findNodeOrAncestor(root, next);
-};
-const gc = (root) => {
-  let gced = true;
-  while (gced)
-    [root, gced] = _gc(root);
-  return root;
-};
-const _gc = (node) => {
-  if (node.first == null || node.last == null)
-    return [node, false];
-  if (shouldGc(node.first))
-    return [liftUp(node.last, true), true];
-  if (shouldGc(node.last))
-    return [liftUp(node.first, false), true];
-  let [sGC, eGC] = [false, false];
-  [node.first, sGC] = _gc(node.first);
-  [node.last, eGC] = _gc(node.last);
-  return [node, sGC || eGC];
-};
-const liftUp = (node, isLast) => {
-  node.size = void 0;
-  node.key = (node.key - Number(isLast)) / 2;
-  return node;
-};
-const shouldGc = (node) => node.first == null && node.last == null && (node.tabs == null || node.tabs.length === 0);
-const findMosaicTab = (node, tabKey) => {
-  if (node.tabs != null) {
-    const tab = node.tabs.find((t) => t.tabKey === tabKey);
-    if (tab != null)
-      return [tab, node];
+  return a.size = t, e;
+}, Le = (e, s, t) => {
+  e = j(e);
+  const [, a] = S(e, s);
+  if ((a == null ? void 0 : a.tabs) == null)
+    throw I;
+  return a.tabs = wt(s, t, (a == null ? void 0 : a.tabs) ?? []), e;
+}, Wt = (e) => e.tabs != null ? e.tabs.length === 0 : e.first == null && e.last == null, Oe = (e, s) => {
+  const t = E(e, s);
+  if (t != null)
+    return t;
+  const a = Math.floor(s / 2);
+  return a === 0 ? e : Oe(e, a);
+}, Kt = (e) => {
+  let s = !0;
+  for (; s; )
+    [e, s] = F(e);
+  return e;
+}, F = (e) => {
+  if (e.first == null || e.last == null)
+    return [e, !1];
+  if (ae(e.first))
+    return [te(e.last, !0), !0];
+  if (ae(e.last))
+    return [te(e.first, !1), !0];
+  let [s, t] = [!1, !1];
+  return [e.first, s] = F(e.first), [e.last, t] = F(e.last), [e, s || t];
+}, te = (e, s) => (e.size = void 0, e.key = (e.key - Number(s)) / 2, e), ae = (e) => e.first == null && e.last == null && (e.tabs == null || e.tabs.length === 0), S = (e, s) => {
+  if (e.tabs != null) {
+    const o = e.tabs.find((i) => i.tabKey === s);
+    if (o != null)
+      return [o, e];
   }
-  if (node.first == null || node.last == null)
+  if (e.first == null || e.last == null)
     return [void 0, void 0];
-  const [t1Tab, t2Tree] = findMosaicTab(node.first, tabKey);
-  if (t1Tab != null && t2Tree != null)
-    return [t1Tab, t2Tree];
-  const [t2Tab, t2Tree2] = findMosaicTab(node.last, tabKey);
-  return [t2Tab, t2Tree2];
-};
-const findMosaicNode = (node, key) => {
-  if (node.key === key)
-    return node;
-  if (node.first == null || node.last == null)
-    return void 0;
-  const n1 = findMosaicNode(node.first, key);
-  if (n1 != null)
-    return n1;
-  return findMosaicNode(node.last, key);
-};
-const splitArrangement = (insertPosition) => {
-  switch (insertPosition) {
+  const [t, a] = S(e.first, s);
+  if (t != null && a != null)
+    return [t, a];
+  const [r, l] = S(e.last, s);
+  return [r, l];
+}, E = (e, s) => {
+  if (e.key === s)
+    return e;
+  if (e.first == null || e.last == null)
+    return;
+  const t = E(e.first, s);
+  return t ?? E(e.last, s);
+}, Jt = (e) => {
+  switch (e) {
     case "top":
       return ["first", "last", "y"];
     case "left":
@@ -700,49 +558,38 @@ const splitArrangement = (insertPosition) => {
     case "center":
       throw new Error("cannot split a center placed tab");
   }
-};
-const shallowCopyNode = (node) => external$h.copy(node);
-const use$2 = ({ allowRename = false, initialTree }) => {
-  const [root, setRoot] = useState(initialTree);
-  useEffect(() => setRoot(autoSelectTabs(initialTree)[0]), [initialTree]);
-  const handleDrop = (key, tabKey, loc) => setRoot((r) => moveTab(r, tabKey, loc, key)[0]);
-  const handleClose = (tabKey) => setRoot((r) => removeTab(r, tabKey)[0]);
-  const handleSelect = (tabKey) => setRoot((r) => selectTab(r, tabKey));
-  const handleResize = (key, size) => setRoot((r) => resizeNode(r, key, size));
-  const handleRename = (tabKey, title) => setRoot((r) => renameTab(r, tabKey, title));
-  return {
-    root,
-    onDrop: handleDrop,
-    onClose: handleClose,
-    onSelect: handleSelect,
-    onResize: handleResize,
-    onRename: allowRename ? handleRename : void 0
+}, j = (e) => ns.copy(e), Qt = ({ allowRename: e = !1, initialTree: s }) => {
+  const [t, a] = Ne(s);
+  return De(() => a(L(s)[0]), [s]), {
+    root: t,
+    onDrop: (d, c, m) => a((b) => Me(b, c, m, d)[0]),
+    onClose: (d) => a((c) => K(c, d)[0]),
+    onSelect: (d) => a((c) => ze(c, d)),
+    onResize: (d, c) => a((m) => Pe(m, d, c)),
+    onRename: e ? (d, c) => a((m) => Le(m, d, c)) : void 0
   };
-};
-const external$8 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Va = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  HAUL_CREATE_TYPE,
-  HAUL_DROP_TYPE,
-  Mosaic,
-  autoSelectTabs,
-  findSelected,
-  insertTab,
-  isEmpty,
-  moveTab,
-  removeTab,
-  renameTab,
-  resizeNode,
-  selectTab,
-  use: use$2
-}, Symbol.toStringTag, { value: "Module" }));
-const external$7 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  HAUL_CREATE_TYPE: Gs,
+  HAUL_DROP_TYPE: As,
+  Mosaic: Rs,
+  autoSelectTabs: L,
+  findSelected: O,
+  insertTab: we,
+  isEmpty: Wt,
+  moveTab: Me,
+  removeTab: K,
+  renameTab: Le,
+  resizeNode: Pe,
+  selectTab: ze,
+  use: Qt
+}, Symbol.toStringTag, { value: "Module" })), Fa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Bar,
-  Drawer,
-  useDrawer
-}, Symbol.toStringTag, { value: "Module" }));
-const Icon = {
-  Close: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  Bar: Zs,
+  Drawer: Hs,
+  useDrawer: Vs
+}, Symbol.toStringTag, { value: "Module" })), D = {
+  Close: /* @__PURE__ */ n.jsxs(
     "svg",
     {
       width: "124",
@@ -751,7 +598,7 @@ const Icon = {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ n.jsx(
           "rect",
           {
             x: "26.8701",
@@ -762,7 +609,7 @@ const Icon = {
             fill: "#7E0508"
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ n.jsx(
           "rect",
           {
             x: "26.8701",
@@ -776,7 +623,7 @@ const Icon = {
       ]
     }
   ),
-  Minimize: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  Minimize: /* @__PURE__ */ n.jsx(
     "svg",
     {
       width: "87",
@@ -784,10 +631,10 @@ const Icon = {
       viewBox: "0 0 87 11",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx("rect", { x: "15", width: "60", height: "11", fill: "#985712" })
+      children: /* @__PURE__ */ n.jsx("rect", { x: "15", width: "60", height: "11", fill: "#985712" })
     }
   ),
-  Maximize: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  Maximize: /* @__PURE__ */ n.jsxs(
     "svg",
     {
       width: "143",
@@ -796,14 +643,14 @@ const Icon = {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ n.jsx(
           "path",
           {
             d: "M108.242 32.8833C108.797 32.8817 109.247 33.3317 109.245 33.8862L109.092 87.5891C109.09 88.4786 108.014 88.9223 107.385 88.2933L53.8351 34.7432C53.2061 34.1142 53.6499 33.0387 54.5394 33.0361L108.242 32.8833Z",
             fill: "#0B650D"
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ n.jsx(
           "path",
           {
             d: "M33.8862 109.245C33.3317 109.247 32.8818 108.797 32.8833 108.242L33.0361 54.5394C33.0387 53.6499 34.1142 53.2061 34.7432 53.8351L88.2934 107.385C88.9223 108.014 88.4786 109.09 87.5891 109.092L33.8862 109.245Z",
@@ -813,276 +660,238 @@ const Icon = {
       ]
     }
   )
-};
-const MacOS = ({
-  disabled = [],
-  className,
-  focused = true,
-  onMinimize,
-  onMaximize,
-  onFullscreen,
-  onClose,
-  ...props
-}) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-  Space,
+}, qt = ({
+  disabled: e = [],
+  className: s,
+  focused: t = !0,
+  onMinimize: a,
+  onMaximize: r,
+  onFullscreen: l,
+  onClose: o,
+  ...i
+}) => /* @__PURE__ */ n.jsxs(
+  k,
   {
     size: 1.5,
     direction: "x",
-    className: CSS(
-      CSS.B("macos-controls"),
-      !focused && CSS.BM("macos-controls", "blurred"),
-      className
+    className: p(
+      p.B("macos-controls"),
+      !t && p.BM("macos-controls", "blurred"),
+      s
     ),
-    ...props,
+    ...i,
     children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        TrafficLight,
+      /* @__PURE__ */ n.jsx(
+        G,
         {
-          onClick: onClose,
-          className: CSS.BM("macos-control", "close"),
-          disabled: disabled.includes("close"),
-          children: Icon.Close
+          onClick: o,
+          className: p.BM("macos-control", "close"),
+          disabled: e.includes("close"),
+          children: D.Close
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        TrafficLight,
+      /* @__PURE__ */ n.jsx(
+        G,
         {
-          onClick: onMinimize,
-          className: CSS.BM("macos-control", "minimize"),
-          disabled: disabled.includes("minimize"),
-          children: Icon.Minimize
+          onClick: a,
+          className: p.BM("macos-control", "minimize"),
+          disabled: e.includes("minimize"),
+          children: D.Minimize
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        TrafficLight,
+      /* @__PURE__ */ n.jsx(
+        G,
         {
-          onClick: onFullscreen,
-          className: CSS.BM("macos-control", "maximize"),
-          disabled: disabled.includes("maximize"),
-          children: Icon.Maximize
+          onClick: l,
+          className: p.BM("macos-control", "maximize"),
+          disabled: e.includes("maximize"),
+          children: D.Maximize
         }
       )
     ]
   }
-);
-const TrafficLight = ({ className, ...props }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+), G = ({ className: e, ...s }) => /* @__PURE__ */ n.jsx(
   "button",
   {
-    className: CSS(CSS.B("macos-control"), className),
+    className: p(p.B("macos-control"), e),
     tabIndex: -1,
     size: "",
-    ...props
+    ...s
   }
-);
-const Windows = ({
-  disabled = [],
-  onMinimize,
-  onMaximize,
-  onClose,
+), A = ({
+  disabled: e = [],
+  onMinimize: s,
+  onMaximize: t,
+  onClose: a,
   // no-op on windows
-  onFullscreen: _,
-  ...props
-}) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Pack, { ...props, children: [
-  /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Button,
+  onFullscreen: r,
+  ...l
+}) => /* @__PURE__ */ n.jsxs(fs, { ...l, children: [
+  /* @__PURE__ */ n.jsx(
+    R,
     {
-      className: CSS.BM("windows-control", "minimize"),
-      onClick: onMinimize,
-      disabled: disabled.includes("minimize"),
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1.Subtract, {})
+      className: p.BM("windows-control", "minimize"),
+      onClick: s,
+      disabled: e.includes("minimize"),
+      children: /* @__PURE__ */ n.jsx(x.Subtract, {})
     }
   ),
-  /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Button,
+  /* @__PURE__ */ n.jsx(
+    R,
     {
-      className: CSS.BM("windows-control", "maximize"),
-      onClick: onMaximize,
-      disabled: disabled.includes("maximize"),
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1.Box, {})
+      className: p.BM("windows-control", "maximize"),
+      onClick: t,
+      disabled: e.includes("maximize"),
+      children: /* @__PURE__ */ n.jsx(x.Box, {})
     }
   ),
-  /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Button,
+  /* @__PURE__ */ n.jsx(
+    R,
     {
-      onClick: onClose,
-      className: CSS.BM("windows-control", "close"),
-      disabled: disabled.includes("close"),
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1.Close, {})
+      onClick: a,
+      className: p.BM("windows-control", "close"),
+      disabled: e.includes("close"),
+      children: /* @__PURE__ */ n.jsx(x.Close, {})
     }
   )
-] });
-const Button = ({
-  disabled = false,
-  className,
-  ...props
-}) => !disabled ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-  Icon$2,
+] }), R = ({
+  disabled: e = !1,
+  className: s,
+  ...t
+}) => e ? null : /* @__PURE__ */ n.jsx(
+  X,
   {
-    className: CSS(CSS.B("windows-control"), className),
+    className: p(p.B("windows-control"), s),
     tabIndex: -1,
-    ...props
+    ...t
   }
-) : null;
-const use$1 = (props) => external$1$1.getOS(props);
-const Variants = {
-  MacOS,
-  Windows,
-  Linux: Windows,
-  Docker: Windows
-};
-const DEFAULT_OS = "Windows";
-const Controls = ({
-  forceOS,
-  visibleIfOS,
-  ...props
+), Ee = (e) => rs.getOS(e), ea = {
+  MacOS: qt,
+  Windows: A,
+  Linux: A,
+  Docker: A
+}, sa = "Windows", ta = ({
+  forceOS: e,
+  visibleIfOS: s,
+  ...t
 }) => {
-  const os = use$1({ force: forceOS, default: DEFAULT_OS });
-  const C = Variants[os];
-  if (visibleIfOS != null && visibleIfOS !== os)
-    return null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(C, { ...props });
-};
-const external$6 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  const a = Ee({ force: e, default: sa }), r = ea[a];
+  return s != null && s !== a ? null : /* @__PURE__ */ n.jsx(r, { ...t });
+}, Xa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Controls,
-  use: use$1
-}, Symbol.toStringTag, { value: "Module" }));
-const alignNodes = (layouts, dir = "x") => {
-  if (layouts.length === 0)
+  Controls: ta,
+  use: Ee
+}, Symbol.toStringTag, { value: "Module" })), aa = (e, s = "x") => {
+  if (e.length === 0)
     return [];
-  const loc = location.construct(dir);
-  const oppositeLoc = location.swap(loc);
-  layouts.sort((a, b) => box$1.loc(a.box, loc) - box$1.loc(b.box, loc));
-  layouts.forEach((layout, i) => {
-    if (i === 0)
+  const t = P.construct(s), a = P.swap(t);
+  return e.sort((r, l) => y.loc(r.box, t) - y.loc(l.box, t)), e.forEach((r, l) => {
+    if (l === 0)
       return;
-    const prev = layouts[i - 1];
-    const prevRightHandle = prev.handles.find((h2) => h2.orientation === oppositeLoc);
-    const leftHandle = layout.handles.find((h2) => h2.orientation === loc);
-    if (prevRightHandle == null || leftHandle == null)
+    const i = e[l - 1].handles.find((f) => f.orientation === a), u = r.handles.find((f) => f.orientation === t);
+    if (i == null || u == null)
       return;
-    const prevHandleAbsPos = prevRightHandle.absolutePosition;
-    const leftHandleAbsPos = leftHandle.absolutePosition;
-    const dist = xy.set(xy.translation(leftHandleAbsPos, prevHandleAbsPos), dir, 0);
-    const newPos = xy.translate(box$1.topLeft(layout.box), dist);
-    layout.box = box$1.construct(newPos, box$1.dims(layout.box));
-  });
-  return layouts;
-};
-const external$5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+    const d = i.absolutePosition, c = u.absolutePosition, m = B.set(B.translation(c, d), s, 0), b = B.translate(y.topLeft(r.box), m);
+    r.box = y.construct(b, y.dims(r.box));
+  }), e;
+}, Ya = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Background,
-  Controls: Controls$1,
-  Diagram,
-  FitViewControl,
-  HandleLayout,
-  NodeLayout,
-  NodeRenderer,
-  ToggleEditControl,
-  alignNodes,
-  selectNode,
-  selectNodeBox,
-  selectNodeLayout,
-  use: use$4,
-  useContext: useContext$3
-}, Symbol.toStringTag, { value: "Module" }));
-const use = ({
-  aetherKey,
-  ...props
-}) => use$5({
-  aetherKey,
-  type: Table.TYPE,
-  schema: tableStateZ,
-  initialState: props
-});
-const external$4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  Background: Fs,
+  Controls: Xs,
+  Diagram: Ys,
+  FitViewControl: Us,
+  HandleLayout: Ws,
+  NodeLayout: Ks,
+  NodeRenderer: Js,
+  ToggleEditControl: Qs,
+  alignNodes: aa,
+  selectNode: qs,
+  selectNodeBox: et,
+  selectNodeLayout: st,
+  use: tt,
+  useContext: at
+}, Symbol.toStringTag, { value: "Module" })), na = ({
+  aetherKey: e,
+  ...s
+}) => Je({
+  aetherKey: e,
+  type: Tt.TYPE,
+  schema: _t,
+  initialState: s
+}), Ua = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  StringTD,
-  TR,
-  Table: Table$1,
-  use
-}, Symbol.toStringTag, { value: "Module" }));
-const external$3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  StringTD: nt,
+  TR: rt,
+  Table: lt,
+  use: na
+}, Symbol.toStringTag, { value: "Module" })), Wa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  LabelSpec,
-  REGISTRY,
-  initialProps
-}, Symbol.toStringTag, { value: "Module" }));
-const external$2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  LabelSpec: ot,
+  REGISTRY: it,
+  initialProps: ct
+}, Symbol.toStringTag, { value: "Module" })), Ka = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  corePropsZ,
-  use: use$6
-}, Symbol.toStringTag, { value: "Module" }));
-const external$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  corePropsZ: ut,
+  use: dt
+}, Symbol.toStringTag, { value: "Module" })), Ja = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Chip,
-  Controller,
-  Indicator,
-  Legend: Legend$1,
-  StateProvider,
-  useContext: useContext$4
-}, Symbol.toStringTag, { value: "Module" }));
-const DefaultWorkerURL = "data:video/mp2t;base64,Ly8gQ29weXJpZ2h0IDIwMjMgU3lubmF4IExhYnMsIEluYy4KLy8KLy8gVXNlIG9mIHRoaXMgc29mdHdhcmUgaXMgZ292ZXJuZWQgYnkgdGhlIEJ1c2luZXNzIFNvdXJjZSBMaWNlbnNlIGluY2x1ZGVkIGluIHRoZSBmaWxlCi8vIGxpY2Vuc2VzL0JTTC50eHQuCi8vCi8vIEFzIG9mIHRoZSBDaGFuZ2UgRGF0ZSBzcGVjaWZpZWQgaW4gdGhhdCBmaWxlLCBpbiBhY2NvcmRhbmNlIHdpdGggdGhlIEJ1c2luZXNzIFNvdXJjZQovLyBMaWNlbnNlLCB1c2Ugb2YgdGhpcyBzb2Z0d2FyZSB3aWxsIGJlIGdvdmVybmVkIGJ5IHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAsCi8vIGluY2x1ZGVkIGluIHRoZSBmaWxlIGxpY2Vuc2VzL0FQTC50eHQuCgppbXBvcnQgeyBwbHV0byB9IGZyb20gIkAvcGx1dG8vYWV0aGVyIjsKCnBsdXRvLnJlbmRlcigpOwo=";
-const Provider = ({
-  children,
-  connParams,
-  workerEnabled = true,
-  workerURL,
-  theme,
-  toggleTheme,
-  setTheme,
-  tooltip,
-  triggers,
-  alamos,
-  haul,
-  channelAlias
-}) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Provider$1, { ...triggers, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Config, { ...tooltip, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Provider$2, { ...haul, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Provider$3, { url: workerURL ?? DefaultWorkerURL, enabled: workerEnabled, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Provider$4, { workerKey: "vis", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Provider$5, { ...alamos, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Aggregator, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Provider$6, { connParams, children: /* @__PURE__ */ jsxRuntimeExports.jsx(AliasProvider, { ...channelAlias, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Provider$7, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Provider$8,
-    {
-      theme,
-      toggleTheme,
-      setTheme,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(StateProvider, { children })
-    }
-  ) }) }) }) }) }) }) }) }) }) });
-};
-const Pluto = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  Chip: mt,
+  Controller: ft,
+  Indicator: pt,
+  Legend: xt,
+  StateProvider: he,
+  useContext: bt
+}, Symbol.toStringTag, { value: "Module" })), ra = "data:video/mp2t;base64,Ly8gQ29weXJpZ2h0IDIwMjMgU3lubmF4IExhYnMsIEluYy4KLy8KLy8gVXNlIG9mIHRoaXMgc29mdHdhcmUgaXMgZ292ZXJuZWQgYnkgdGhlIEJ1c2luZXNzIFNvdXJjZSBMaWNlbnNlIGluY2x1ZGVkIGluIHRoZSBmaWxlCi8vIGxpY2Vuc2VzL0JTTC50eHQuCi8vCi8vIEFzIG9mIHRoZSBDaGFuZ2UgRGF0ZSBzcGVjaWZpZWQgaW4gdGhhdCBmaWxlLCBpbiBhY2NvcmRhbmNlIHdpdGggdGhlIEJ1c2luZXNzIFNvdXJjZQovLyBMaWNlbnNlLCB1c2Ugb2YgdGhpcyBzb2Z0d2FyZSB3aWxsIGJlIGdvdmVybmVkIGJ5IHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAsCi8vIGluY2x1ZGVkIGluIHRoZSBmaWxlIGxpY2Vuc2VzL0FQTC50eHQuCgppbXBvcnQgeyBwbHV0byB9IGZyb20gIkAvcGx1dG8vYWV0aGVyIjsKCnBsdXRvLnJlbmRlcigpOwo=", la = ({
+  children: e,
+  connParams: s,
+  workerEnabled: t = !0,
+  workerURL: a,
+  theme: r,
+  toggleTheme: l,
+  setTheme: o,
+  tooltip: i,
+  triggers: u,
+  alamos: d,
+  haul: c,
+  channelAlias: m
+}) => /* @__PURE__ */ n.jsx(Qe, { ...u, children: /* @__PURE__ */ n.jsx(le, { ...i, children: /* @__PURE__ */ n.jsx(qe, { ...c, children: /* @__PURE__ */ n.jsx(es, { url: a ?? ra, enabled: t, children: /* @__PURE__ */ n.jsx(ss, { workerKey: "vis", children: /* @__PURE__ */ n.jsx(gt, { ...d, children: /* @__PURE__ */ n.jsx(re, { children: /* @__PURE__ */ n.jsx(yt, { connParams: s, children: /* @__PURE__ */ n.jsx(je, { ...m, children: /* @__PURE__ */ n.jsx(jt, { children: /* @__PURE__ */ n.jsx(
+  ts,
+  {
+    theme: r,
+    toggleTheme: l,
+    setTheme: o,
+    children: /* @__PURE__ */ n.jsx(he, { children: e })
+  }
+) }) }) }) }) }) }) }) }) }) }), Qa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Provider
-}, Symbol.toStringTag, { value: "Module" }));
-const TimeRangeChip = ({ timeRange }) => {
-  const startTS = new TimeStamp(timeRange.start);
-  const startFormat = startTS.isToday ? "time" : "dateTime";
-  const endTS = new TimeStamp(timeRange.end);
-  const isOpen = endTS.equals(TimeStamp.MAX);
-  const endFormat = endTS.span(startTS) < TimeSpan.DAY ? "time" : "dateTime";
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    Space,
+  Provider: la
+}, Symbol.toStringTag, { value: "Module" })), oa = ({ timeRange: e }) => {
+  const s = new N(e.start), t = s.isToday ? "time" : "dateTime", a = new N(e.end), r = a.equals(N.MAX), l = a.span(s) < ls.DAY ? "time" : "dateTime";
+  return /* @__PURE__ */ n.jsxs(
+    k,
     {
       direction: "x",
       size: "small",
-      className: CSS(CSS.B("time-range-chip")),
+      className: p(p.B("time-range-chip")),
       align: "center",
       children: [
-        startTS.isToday && /* @__PURE__ */ jsxRuntimeExports.jsx(Text$1, { level: "small", children: "Today" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(DateTime, { level: "small", displayTZ: "local", format: startFormat, children: startTS }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1.Arrow.Right, { color: "var(--pluto-text-color)" }),
-        isOpen ? /* @__PURE__ */ jsxRuntimeExports.jsx(Text$1, { level: "small", children: "Now" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(DateTime, { level: "small", displayTZ: "local", format: endFormat, children: endTS })
+        s.isToday && /* @__PURE__ */ n.jsx(Z, { level: "small", children: "Today" }),
+        /* @__PURE__ */ n.jsx(Q, { level: "small", displayTZ: "local", format: t, children: s }),
+        /* @__PURE__ */ n.jsx(x.Arrow.Right, { color: "var(--pluto-text-color)" }),
+        r ? /* @__PURE__ */ n.jsx(Z, { level: "small", children: "Now" }) : /* @__PURE__ */ n.jsx(Q, { level: "small", displayTZ: "local", format: l, children: a })
       ]
     }
   );
-};
-const labelColumns = [
+}, ia = [
   {
     key: "color",
     name: "Color",
     width: 50,
-    render: (v) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Icon$1.Circle,
+    render: (e) => /* @__PURE__ */ n.jsx(
+      x.Circle,
       {
         style: { fontSize: 10, marginLeft: 10, marginRight: 30 },
-        color: v.entry.color
+        color: e.entry.color
       }
     )
   },
@@ -1090,93 +899,91 @@ const labelColumns = [
     key: "name",
     name: "Name"
   }
-];
-const SelectLabels = (props) => {
-  const client = use$7();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Multiple$1,
+], ca = (e) => {
+  const s = ht();
+  return /* @__PURE__ */ n.jsx(
+    fe,
     {
-      ...props,
-      searcher: client == null ? void 0 : client.labels,
-      columns: labelColumns,
-      renderTag: (v) => /* @__PURE__ */ jsxRuntimeExports.jsx(Tag, { color: v.entry.color, children: v.entry.name })
+      ...e,
+      searcher: s == null ? void 0 : s.labels,
+      columns: ia,
+      renderTag: (t) => /* @__PURE__ */ n.jsx(St, { color: t.entry.color, children: t.entry.name })
     }
   );
-};
-const external = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, qa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  SelectLabels,
-  TimeRangeChip
+  SelectLabels: ca,
+  TimeRangeChip: oa
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Accordion$1 as Accordion,
-  an as Aether,
-  e2 as Align,
-  e3 as Button,
-  CSS,
-  aC2 as Canvas,
-  external$9 as Channel,
-  external$f as Color,
-  external$1 as Control,
-  external$5 as Diagram,
-  ao as Divider,
-  D as Dropdown,
-  aI as Eraser,
-  G as Generic,
-  ap as Haul,
-  e as Header,
-  e4 as Input,
-  aD2 as Line,
-  external$a as LinePlot,
-  e5 as List,
-  aE2 as Measure,
-  e6 as Menu,
-  external$8 as Mosaic,
-  external$7 as Nav,
-  external$6 as OS,
-  aG as PID,
-  Pluto,
-  external as Ranger,
-  external$d as Resize,
-  aF as Rule,
-  external$c as Select,
-  external$g as Status,
-  aA2 as Synnax,
-  external$4 as Table,
-  external$3 as TableCell,
-  e7 as Tabs,
-  aB2 as Tag,
-  aH as Telem,
-  e8 as Text,
-  e9 as Theming,
-  external$e as Tooltip,
-  T as Tree,
-  e10 as Triggers,
-  external$2 as Value,
-  V as Video,
-  external$b as Viewport,
-  aq as Worker,
-  au as compareArrayDeps,
-  aD as componentRenderProp,
-  aK as createFilterTransform,
-  as as createHexOpacityVariants,
-  aJ as fuseFilter,
-  aE as isRenderProp,
-  n as newBEM,
-  h as state,
-  e11 as telem,
-  ar as unitProperty,
-  aw as useAsyncEffect,
-  a2 as useClickOutside,
-  aB as useCombinedRefs,
-  aC as useCombinedStateAndRef,
-  aM as useDebouncedCallback,
-  ax as useEffectCompare,
-  at as useMemoCompare,
-  av as useMemoDeepEqualProps,
-  ay as useResize,
-  az as useStateRef,
-  aA as useSyncedRef,
-  aL as useTransforms
+  Ga as Accordion,
+  tn as Aether,
+  Fn as Align,
+  Yn as Button,
+  p as CSS,
+  On as Canvas,
+  Ha as Channel,
+  Wn as Color,
+  Ja as Control,
+  Ya as Diagram,
+  an as Divider,
+  nn as Dropdown,
+  En as Eraser,
+  Pn as Generic,
+  rn as Haul,
+  vn as Header,
+  er as Input,
+  Cn as Line,
+  Za as LinePlot,
+  tr as List,
+  kn as Measure,
+  nr as Menu,
+  Va as Mosaic,
+  Fa as Nav,
+  Xa as OS,
+  In as PID,
+  Qa as Pluto,
+  qa as Ranger,
+  Da as Resize,
+  $n as Rule,
+  Aa as Select,
+  Ba as Status,
+  Bn as Synnax,
+  Ua as Table,
+  Wa as TableCell,
+  lr as Tabs,
+  Nn as Tag,
+  Dn as Telem,
+  ir as Text,
+  ur as Theming,
+  Na as Tooltip,
+  Gn as Tree,
+  mr as Triggers,
+  Ka as Value,
+  pr as Video,
+  Ra as Viewport,
+  ln as Worker,
+  on as compareArrayDeps,
+  cn as componentRenderProp,
+  An as createFilterTransform,
+  Jn as createHexOpacityVariants,
+  Rn as fuseFilter,
+  un as isRenderProp,
+  Tn as newBEM,
+  zn as state,
+  br as telem,
+  Qn as unitProperty,
+  dn as useAsyncEffect,
+  mn as useClickOutside,
+  fn as useCombinedRefs,
+  pn as useCombinedStateAndRef,
+  Zn as useDebouncedCallback,
+  xn as useEffectCompare,
+  bn as useMemoCompare,
+  gn as useMemoDeepEqualProps,
+  yn as useResize,
+  jn as useStateRef,
+  hn as useSyncedRef,
+  Hn as useTransforms
 };
 //# sourceMappingURL=index.js.map