@synnaxlabs/pluto 0.12.0

package/dist/index.cjs

@@ -0,0 +1,1175 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("./jsx-runtime-N1ikfypN.cjs");
+const React = require("react");
+const Toggle = require("./Toggle-eOKYw1OT.cjs");
+const css = require("./css-V3VUT_Js.cjs");
+const external$j = require("./external-9Ncn2J9B.cjs");
+const Header = require("./Header-5YX6FUn6.cjs");
+const component = require("./component-joFaJiQW.cjs");
+const Center = require("./Center-ZAcURh-3.cjs");
+const TimeRangeChip$1 = require("./TimeRangeChip-XXXLMCrf.cjs");
+const table = require("./table-VNkSG_Cj.cjs");
+const font = require("./font-wlgaMRYN.cjs");
+const external$h = require("./external-OSLzuRs1.cjs");
+const external$i = require("./external-oZe6tF4A.cjs");
+const external$k = require("./external-tVcmKSsT.cjs");
+const external$l = require("./external-U5HRPaDI.cjs");
+const external$m = require("./external-uvx0b-Jw.cjs");
+const Selector = require("./Selector-hQLSIYum.cjs");
+const SelectLevel = require("./SelectLevel-bGb0dRXh.cjs");
+const external$n = require("./external-yiqRIIvW.cjs");
+const external$o = require("./external-zw9fckWT.cjs");
+const external$p = require("./external-PS3nzqUn.cjs");
+const external$q = require("./external-zBiIxeDG.cjs");
+const Video = require("./Video-a7BUKvzF.cjs");
+require("react-hook-form");
+require("./Item-HWzX7RK2.cjs");
+const external$r = require("./external-eQU48hM4.cjs");
+require("react-dom");
+require("zod");
+require("./useDrag-KRQ7DTg1.cjs");
+require("./Item-rkSKzZoh.cjs");
+require("./dimensions-Sej0Zly9.cjs");
+require("./Link-xlTZan29.cjs");
+require("./Video-k52RqIHf.cjs");
+require("./fontString-i24UxKCQ.cjs");
+require("./Keyboard-w372197S.cjs");
+const Circle = ({ variant }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Icon$1.Circle, { color: Toggle.variantColors[variant] });
+};
+const external$g = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Aggregator: Toggle.Aggregator,
+  Circle,
+  Text: Toggle.Text$2,
+  VARIANTS: component.VARIANTS,
+  specZ: component.specZ$1,
+  useAggregator: Toggle.useAggregator,
+  useContext: Toggle.useContext$2,
+  useNotifications: Toggle.useNotifications,
+  variantZ: component.variantZ
+}, Symbol.toStringTag, { value: "Module" }));
+const external$f = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Color: css.Color,
+  Picker: TimeRangeChip$1.Picker,
+  Swatch: TimeRangeChip$1.Swatch,
+  ZERO: css.ZERO,
+  cssString: css.cssString,
+  fromHSLA: css.fromHSLA,
+  toHex: css.toHex
+}, Symbol.toStringTag, { value: "Module" }));
+const external$e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Config: Toggle.Config,
+  Context: Toggle.Context,
+  Dialog: Toggle.Dialog,
+  formatTip: Toggle.formatTip,
+  useConfig: Toggle.useConfig,
+  wrap: Toggle.wrap
+}, Symbol.toStringTag, { value: "Module" }));
+const external$d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Core: TimeRangeChip$1.Core$1,
+  Multiple: TimeRangeChip$1.Multiple,
+  Single: TimeRangeChip$1.Single,
+  calculateDiffPercentage: TimeRangeChip$1.calculateDiffPercentage,
+  useMultiple: TimeRangeChip$1.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 }) => {
+  const {
+    setSize,
+    props: { sizeDistribution: sizes, ref, ...resizeProps }
+  } = TimeRangeChip$1.useMultiple({
+    direction: DIRECTION,
+    count: data.length,
+    minSize: MIN_SIZE
+  });
+  const onExpand = (index) => {
+    if (ref.current == null)
+      return;
+    const parentSize = css.box$1.dim(css.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);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    TimeRangeChip$1.Multiple,
+    {
+      empty: true,
+      className: css.CSS.B("accordion"),
+      sizeDistribution: sizes,
+      ref,
+      ...props,
+      ...resizeProps,
+      children: data.map((entry, i) => /* @__PURE__ */ React.createElement(
+        EntryC,
+        {
+          ...entry,
+          key: entry.key,
+          index: i,
+          direction: DIRECTION,
+          onExpand,
+          parent: ref,
+          size: sizes[i]
+        }
+      ))
+    }
+  );
+};
+const expandedIcon = /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Icon$1.Caret.Down, { "aria-label": "contract" });
+const collapsedIcon = /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Icon$1.Caret.Right, { "aria-label": "expand" });
+const EntryC = ({
+  index,
+  name,
+  content,
+  actions,
+  size,
+  parent,
+  onExpand
+}) => {
+  let expanded = true;
+  if (parent.current != null) {
+    const parentSize = css.box$1.dim(css.box$1.construct(parent.current), DIRECTION);
+    expanded = size * parentSize > COLLAPSED_THRESHOLD;
+  }
+  const icon = expanded ? expandedIcon : collapsedIcon;
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Header.Header, { level: "p", className: css.CSS.expanded(expanded), empty: true, children: [
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(external$j.ButtonTitle, { startIcon: icon, onClick: () => onExpand(index), children: name }),
+      actions != null && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(external$j.Actions, { children: actions })
+    ] }),
+    content
+  ] });
+};
+const Accordion$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Accordion
+}, Symbol.toStringTag, { value: "Module" }));
+const Legend = ({
+  className,
+  style,
+  onLineChange,
+  ...props
+}) => {
+  const { lines } = TimeRangeChip$1.useContext$1("Legend");
+  TimeRangeChip$1.useContext$1("Legend");
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(TimeRangeChip$1.Simple, { data: lines, onEntryChange: onLineChange, ...props });
+};
+const Title = ({
+  level = "h2",
+  ...props
+}) => {
+  const key = Toggle.useUniqueKey();
+  const font$1 = font.useTypography(level);
+  const gridStyle = TimeRangeChip$1.useGridPosition(
+    {
+      key,
+      size: (font$1.lineHeight + 2) * font$1.baseSize,
+      loc: "top",
+      order: "first"
+    },
+    "Title"
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Center.Space, { justify: "center", align: "center", style: gridStyle, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.MaybeEditable, { ...props, level }) });
+};
+const DATA = [
+  {
+    key: "x",
+    icon: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Icon$1.Arrow.Right, {})
+  },
+  {
+    key: "y",
+    icon: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Icon$1.Arrow.Down, {})
+  }
+];
+const defaultSelectDirectionButton = ({
+  key,
+  entry,
+  onClick,
+  selected
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    Toggle.Icon,
+    {
+      variant: selected ? "filled" : "outlined",
+      onClick,
+      children: entry.icon
+    },
+    key
+  );
+};
+const Direction = ({
+  children = defaultSelectDirectionButton,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(SelectLevel.Button, { ...props, data: DATA, children });
+};
+const external$c = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Button: SelectLevel.Button,
+  Direction,
+  Multiple: TimeRangeChip$1.Multiple$1,
+  Single: TimeRangeChip$1.Single$1
+}, Symbol.toStringTag, { value: "Module" }));
+const Tooltip = ({ mode, triggers }) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Center.Space, { direction: "x", align: "center", children: [
+  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Text, { level: "small", children: css.Case.capitalize(mode) }),
+  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(external$q.Text, { trigger: triggers[0], level: "small" })
+] });
+const MODE_ICONS = {
+  zoom: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Icon$1.Zoom, {}),
+  pan: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Icon$1.Pan, {}),
+  select: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Icon$1.Selection, {}),
+  zoomReset: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Icon$1.Expand, {}),
+  click: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Icon$1.Bolt, {})
+};
+const SelectMode = ({
+  triggers,
+  disable = ["zoomReset", "click"],
+  ...props
+}) => {
+  const data = Object.entries(triggers).filter(([key]) => !disable.includes(key) && TimeRangeChip$1.MODES.includes(key)).map(([key, value]) => ({
+    key,
+    icon: MODE_ICONS[key],
+    tooltip: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Tooltip, { mode: key, triggers: value })
+  })).sort((a, b) => TimeRangeChip$1.MODES.indexOf(a.key) - TimeRangeChip$1.MODES.indexOf(b.key));
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(SelectLevel.Button, { ...props, data, entryRenderKey: "icon", children: ({ title: _, entry, ...props2 }) => /* @__PURE__ */ React.createElement(
+    Toggle.Icon,
+    {
+      ...props2,
+      key: entry.key,
+      variant: props2.selected ? "filled" : "text",
+      size: "medium",
+      tooltip: entry.tooltip,
+      tooltipLocation: { x: "right", y: "top" }
+    },
+    entry.icon
+  ) });
+};
+const external$b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  DEFAULT_TRIGGERS: TimeRangeChip$1.DEFAULT_TRIGGERS,
+  MASK_MODES: TimeRangeChip$1.MASK_MODES,
+  MODES: TimeRangeChip$1.MODES,
+  Mask: TimeRangeChip$1.Mask,
+  PAN_DEFAULT_TRIGGERS: TimeRangeChip$1.PAN_DEFAULT_TRIGGERS,
+  SELECT_DEFAULT_TRIGGERS: TimeRangeChip$1.SELECT_DEFAULT_TRIGGERS,
+  SelectMode,
+  ZOOM_DEFAULT_TRIGGERS: TimeRangeChip$1.ZOOM_DEFAULT_TRIGGERS,
+  use: TimeRangeChip$1.use
+}, Symbol.toStringTag, { value: "Module" }));
+const external$a = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Legend,
+  Line: TimeRangeChip$1.Line,
+  LinePlot: TimeRangeChip$1.LinePlot,
+  Title,
+  Viewport: TimeRangeChip$1.Viewport,
+  XAxis: TimeRangeChip$1.XAxis,
+  YAxis: TimeRangeChip$1.YAxis,
+  axisFactory: TimeRangeChip$1.axisFactory,
+  selectViewportEl: TimeRangeChip$1.selectViewportEl,
+  useContext: TimeRangeChip$1.useContext$1,
+  useGridPosition: TimeRangeChip$1.useGridPosition,
+  useViewport: TimeRangeChip$1.useViewport
+}, Symbol.toStringTag, { value: "Module" }));
+const canDrop = Toggle.canDropOfType(TimeRangeChip$1.HAUL_TYPE);
+const LinePlot = ({
+  lines,
+  axes,
+  showTitle = true,
+  title = "",
+  onTitleChange,
+  showLegend = true,
+  titleLevel = "h4",
+  onLineChange,
+  onRuleChange,
+  onAxisChannelDrop,
+  onAxisChange,
+  rules,
+  enableTooltip = true,
+  enableMeasure = false,
+  initialViewport = css.box$1.DECIMAL,
+  onViewportChange,
+  viewportTriggers,
+  ...restProps
+}) => {
+  const xAxes = axes.filter(({ location: l }) => css.location.isY(l));
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(TimeRangeChip$1.LinePlot, { ...restProps, children: [
+    xAxes.map((a, i) => {
+      const axisLines = lines.filter((l) => l.axes.x === a.key);
+      const yAxes = axes.filter(({ location: l }) => css.location.isX(l));
+      const axisRules = rules == null ? void 0 : rules.filter(
+        (r) => [...yAxes.map(({ key: id }) => id), a.key].includes(r.axis)
+      );
+      return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        XAxis,
+        {
+          axis: a,
+          index: i,
+          lines: axisLines,
+          yAxes,
+          rules: axisRules,
+          onAxisChannelDrop,
+          onAxisChange
+        },
+        a.key
+      );
+    }),
+    showLegend && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Legend, { onLineChange }),
+    showTitle && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Title, { value: title, onChange: onTitleChange, level: titleLevel }),
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+      TimeRangeChip$1.Viewport,
+      {
+        initial: initialViewport,
+        onChange: onViewportChange,
+        triggers: viewportTriggers,
+        children: [
+          enableTooltip && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(TimeRangeChip$1.Tooltip, {}),
+          enableMeasure && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(TimeRangeChip$1.Measure, {})
+        ]
+      }
+    )
+  ] });
+};
+const XAxis = ({
+  yAxes,
+  lines,
+  index,
+  rules,
+  onRuleChange,
+  onAxisChannelDrop,
+  onAxisChange,
+  axis: { location, key, showGrid, ...axis }
+}) => {
+  const dropProps = Toggle.useDrop({
+    type: "Channel.LinePlot.XAxis",
+    canDrop,
+    onDrop: React.useCallback(
+      ({ items }) => {
+        const dropped = Toggle.filterByType(TimeRangeChip$1.HAUL_TYPE, items);
+        onAxisChannelDrop == null ? void 0 : onAxisChannelDrop(
+          key,
+          dropped.map(({ key: key2 }) => key2)
+        );
+        return dropped;
+      },
+      [key, onAxisChannelDrop]
+    )
+  });
+  const xRules = rules == null ? void 0 : rules.filter((r) => r.axis === key);
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+    TimeRangeChip$1.XAxis,
+    {
+      ...axis,
+      ...dropProps,
+      location,
+      showGrid: showGrid ?? index === 0,
+      className: css.CSS(
+        css.CSS.dropRegion(Toggle.canDropOfType(TimeRangeChip$1.HAUL_TYPE)(Toggle.useDraggingState()))
+      ),
+      onAutoBoundsChange: (bounds) => onAxisChange == null ? void 0 : onAxisChange({ key, bounds }),
+      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__ */ jsxRuntime.jsxRuntimeExports.jsx(
+            YAxis,
+            {
+              axis: {
+                ...a,
+                showGrid: showGrid ?? (index === 0 && i === 0)
+              },
+              lines: yLines,
+              rules: yRules,
+              onRuleChange,
+              onAxisChannelDrop,
+              onAxisChange
+            },
+            a.key
+          );
+        }),
+        xRules == null ? void 0 : xRules.map((rule) => /* @__PURE__ */ React.createElement(
+          TimeRangeChip$1.Rule,
+          {
+            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 })
+          }
+        ))
+      ]
+    }
+  );
+};
+const lineKey = ({ channels: { x, y } }) => `${x ?? 0}-${y}`;
+const YAxis = ({
+  lines,
+  rules,
+  onRuleChange,
+  onAxisChannelDrop,
+  onAxisChange,
+  axis: { key, location: loc2, ...props }
+}) => {
+  const dropProps = Toggle.useDrop({
+    type: "Channel.LinePlot.YAxis",
+    canDrop,
+    onDrop: React.useCallback(
+      ({ items }) => {
+        const dropped = Toggle.filterByType(TimeRangeChip$1.HAUL_TYPE, items);
+        onAxisChannelDrop == null ? void 0 : onAxisChannelDrop(
+          key,
+          dropped.map(({ key: key2 }) => key2)
+        );
+        return dropped;
+      },
+      [key, onAxisChannelDrop]
+    )
+  });
+  const dragging = Toggle.useDraggingState();
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+    TimeRangeChip$1.YAxis,
+    {
+      ...props,
+      ...dropProps,
+      location: loc2,
+      className: css.CSS(css.CSS.dropRegion(Toggle.canDropOfType(TimeRangeChip$1.HAUL_TYPE)(dragging))),
+      onAutoBoundsChange: (bounds) => onAxisChange == null ? void 0 : onAxisChange({ key, bounds }),
+      children: [
+        lines.map((l) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Line, { line: l }, lineKey(l))),
+        rules == null ? void 0 : rules.map((r) => /* @__PURE__ */ React.createElement(
+          TimeRangeChip$1.Rule,
+          {
+            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 })
+          }
+        ))
+      ]
+    }
+  );
+};
+const Line = ({ line }) => line.variant === "static" ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(StaticLine, { line }) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(DynamicLine, { line });
+const DynamicLine = ({
+  line: {
+    key,
+    timeSpan,
+    channels: { x, y },
+    ...props
+  }
+}) => {
+  const yTelem = table.streamChannelData({ timeSpan, channel: y });
+  const hasX = x != null && x !== 0;
+  const xTelem = table.streamChannelData({
+    timeSpan,
+    channel: hasX ? x : y,
+    index: !hasX
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(TimeRangeChip$1.Line, { aetherKey: key, y: yTelem, x: xTelem, ...props });
+};
+const StaticLine = ({
+  line: {
+    timeRange,
+    key,
+    channels: { x, y },
+    ...props
+  }
+}) => {
+  const yTelem = table.channelData({ timeRange, channel: y });
+  const hasX = x != null && x !== 0;
+  const xTelem = table.channelData({
+    timeRange,
+    channel: hasX ? x : y,
+    index: !hasX
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(TimeRangeChip$1.Line, { aetherKey: key, y: yTelem, x: xTelem, ...props });
+};
+const external$9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  AliasInput: TimeRangeChip$1.AliasInput,
+  AliasProvider: TimeRangeChip$1.AliasProvider,
+  LinePlot,
+  SelectMultiple: TimeRangeChip$1.SelectMultiple,
+  SelectSingle: TimeRangeChip$1.SelectSingle,
+  useActiveRange: TimeRangeChip$1.useActiveRange,
+  useAlias: TimeRangeChip$1.useAlias,
+  useAliases: TimeRangeChip$1.useAliases,
+  useContext: TimeRangeChip$1.useContext$2,
+  useName: TimeRangeChip$1.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 = Selector.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);
+  }
+  if (root.last != null) {
+    const [r, l] = autoSelectTabs(root.last);
+    root.last = r;
+    selected.push(...l);
+  }
+  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 = Selector.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)
+    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 = Selector.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];
+  }
+  if (node.first == null || node.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) {
+    case "top":
+      return ["first", "last", "y"];
+    case "left":
+      return ["first", "last", "x"];
+    case "bottom":
+      return ["last", "first", "y"];
+    case "right":
+      return ["last", "first", "x"];
+    case "center":
+      throw new Error("cannot split a center placed tab");
+  }
+};
+const shallowCopyNode = (node) => css.external.copy(node);
+const use$2 = ({ allowRename = false, initialTree }) => {
+  const [root, setRoot] = React.useState(initialTree);
+  React.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
+  };
+};
+const external$8 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  HAUL_CREATE_TYPE: TimeRangeChip$1.HAUL_CREATE_TYPE,
+  HAUL_DROP_TYPE: TimeRangeChip$1.HAUL_DROP_TYPE,
+  Mosaic: TimeRangeChip$1.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({
+  __proto__: null,
+  Bar: TimeRangeChip$1.Bar,
+  Drawer: TimeRangeChip$1.Drawer,
+  useDrawer: TimeRangeChip$1.useDrawer
+}, Symbol.toStringTag, { value: "Module" }));
+const Icon = {
+  Close: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+    "svg",
+    {
+      width: "124",
+      height: "124",
+      viewBox: "0 0 124 124",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          "rect",
+          {
+            x: "26.8701",
+            y: "88.3883",
+            width: "87",
+            height: "11",
+            transform: "rotate(-45 26.8701 88.3883)",
+            fill: "#7E0508"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          "rect",
+          {
+            x: "26.8701",
+            y: "34.6482",
+            width: "11",
+            height: "87",
+            transform: "rotate(-45 26.8701 34.6482)",
+            fill: "#7E0508"
+          }
+        )
+      ]
+    }
+  ),
+  Minimize: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    "svg",
+    {
+      width: "87",
+      height: "11",
+      viewBox: "0 0 87 11",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("rect", { x: "15", width: "60", height: "11", fill: "#985712" })
+    }
+  ),
+  Maximize: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+    "svg",
+    {
+      width: "143",
+      height: "143",
+      viewBox: "0 0 143 143",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.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__ */ jsxRuntime.jsxRuntimeExports.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",
+            fill: "#0B650D"
+          }
+        )
+      ]
+    }
+  )
+};
+const MacOS = ({
+  disabled = [],
+  className,
+  focused = true,
+  onMinimize,
+  onMaximize,
+  onFullscreen,
+  onClose,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+  Center.Space,
+  {
+    size: 1.5,
+    direction: "x",
+    className: css.CSS(
+      css.CSS.B("macos-controls"),
+      !focused && css.CSS.BM("macos-controls", "blurred"),
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        TrafficLight,
+        {
+          onClick: onClose,
+          className: css.CSS.BM("macos-control", "close"),
+          disabled: disabled.includes("close"),
+          children: Icon.Close
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        TrafficLight,
+        {
+          onClick: onMinimize,
+          className: css.CSS.BM("macos-control", "minimize"),
+          disabled: disabled.includes("minimize"),
+          children: Icon.Minimize
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        TrafficLight,
+        {
+          onClick: onFullscreen,
+          className: css.CSS.BM("macos-control", "maximize"),
+          disabled: disabled.includes("maximize"),
+          children: Icon.Maximize
+        }
+      )
+    ]
+  }
+);
+const TrafficLight = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  "button",
+  {
+    className: css.CSS(css.CSS.B("macos-control"), className),
+    tabIndex: -1,
+    size: "",
+    ...props
+  }
+);
+const Windows = ({
+  disabled = [],
+  onMinimize,
+  onMaximize,
+  onClose,
+  // no-op on windows
+  onFullscreen: _,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Center.Pack, { ...props, children: [
+  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    Button,
+    {
+      className: css.CSS.BM("windows-control", "minimize"),
+      onClick: onMinimize,
+      disabled: disabled.includes("minimize"),
+      children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Icon$1.Subtract, {})
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    Button,
+    {
+      className: css.CSS.BM("windows-control", "maximize"),
+      onClick: onMaximize,
+      disabled: disabled.includes("maximize"),
+      children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Icon$1.Box, {})
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    Button,
+    {
+      onClick: onClose,
+      className: css.CSS.BM("windows-control", "close"),
+      disabled: disabled.includes("close"),
+      children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Icon$1.Close, {})
+    }
+  )
+] });
+const Button = ({
+  disabled = false,
+  className,
+  ...props
+}) => !disabled ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  Toggle.Icon,
+  {
+    className: css.CSS(css.CSS.B("windows-control"), className),
+    tabIndex: -1,
+    ...props
+  }
+) : null;
+const use$1 = (props) => css.external$1.getOS(props);
+const Variants = {
+  MacOS,
+  Windows,
+  Linux: Windows,
+  Docker: Windows
+};
+const DEFAULT_OS = "Windows";
+const Controls = ({
+  forceOS,
+  visibleIfOS,
+  ...props
+}) => {
+  const os = use$1({ force: forceOS, default: DEFAULT_OS });
+  const C = Variants[os];
+  if (visibleIfOS != null && visibleIfOS !== os)
+    return null;
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(C, { ...props });
+};
+const external$6 = /* @__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)
+    return [];
+  const loc = css.location.construct(dir);
+  const oppositeLoc = css.location.swap(loc);
+  layouts.sort((a, b) => css.box$1.loc(a.box, loc) - css.box$1.loc(b.box, loc));
+  layouts.forEach((layout, i) => {
+    if (i === 0)
+      return;
+    const prev = layouts[i - 1];
+    const prevRightHandle = prev.handles.find((h) => h.orientation === oppositeLoc);
+    const leftHandle = layout.handles.find((h) => h.orientation === loc);
+    if (prevRightHandle == null || leftHandle == null)
+      return;
+    const prevHandleAbsPos = prevRightHandle.absolutePosition;
+    const leftHandleAbsPos = leftHandle.absolutePosition;
+    const dist = css.xy.set(css.xy.translation(leftHandleAbsPos, prevHandleAbsPos), dir, 0);
+    const newPos = css.xy.translate(css.box$1.topLeft(layout.box), dist);
+    layout.box = css.box$1.construct(newPos, css.box$1.dims(layout.box));
+  });
+  return layouts;
+};
+const external$5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Background: TimeRangeChip$1.Background,
+  Controls: TimeRangeChip$1.Controls,
+  Diagram: TimeRangeChip$1.Diagram,
+  FitViewControl: TimeRangeChip$1.FitViewControl,
+  HandleLayout: TimeRangeChip$1.HandleLayout,
+  NodeLayout: TimeRangeChip$1.NodeLayout,
+  NodeRenderer: TimeRangeChip$1.NodeRenderer,
+  ToggleEditControl: TimeRangeChip$1.ToggleEditControl,
+  alignNodes,
+  selectNode: TimeRangeChip$1.selectNode,
+  selectNodeBox: TimeRangeChip$1.selectNodeBox,
+  selectNodeLayout: TimeRangeChip$1.selectNodeLayout,
+  use: TimeRangeChip$1.use$1,
+  useContext: TimeRangeChip$1.useContext$3
+}, Symbol.toStringTag, { value: "Module" }));
+const use = ({
+  aetherKey,
+  ...props
+}) => Toggle.use$2({
+  aetherKey,
+  type: table.Table.TYPE,
+  schema: table.tableStateZ,
+  initialState: props
+});
+const external$4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  StringTD: TimeRangeChip$1.StringTD,
+  TR: TimeRangeChip$1.TR,
+  Table: TimeRangeChip$1.Table,
+  use
+}, Symbol.toStringTag, { value: "Module" }));
+const external$3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  LabelSpec: TimeRangeChip$1.LabelSpec,
+  REGISTRY: TimeRangeChip$1.REGISTRY,
+  initialProps: TimeRangeChip$1.initialProps
+}, Symbol.toStringTag, { value: "Module" }));
+const external$2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  corePropsZ: TimeRangeChip$1.corePropsZ,
+  use: TimeRangeChip$1.use$2
+}, Symbol.toStringTag, { value: "Module" }));
+const external$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Chip: TimeRangeChip$1.Chip,
+  Controller: TimeRangeChip$1.Controller,
+  Indicator: TimeRangeChip$1.Indicator,
+  Legend: TimeRangeChip$1.Legend,
+  StateProvider: TimeRangeChip$1.StateProvider,
+  useContext: TimeRangeChip$1.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__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Provider$1, { ...triggers, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Config, { ...tooltip, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Provider$2, { ...haul, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Provider$3, { url: workerURL ?? DefaultWorkerURL, enabled: workerEnabled, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Provider$4, { workerKey: "vis", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(TimeRangeChip$1.Provider$1, { ...alamos, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Aggregator, { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(TimeRangeChip$1.Provider$2, { connParams, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(TimeRangeChip$1.AliasProvider, { ...channelAlias, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(TimeRangeChip$1.Provider$3, { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    Toggle.Provider,
+    {
+      theme,
+      toggleTheme,
+      setTheme,
+      children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(TimeRangeChip$1.StateProvider, { children })
+    }
+  ) }) }) }) }) }) }) }) }) }) });
+};
+const Pluto = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Provider
+}, Symbol.toStringTag, { value: "Module" }));
+const TimeRangeChip = ({ timeRange }) => {
+  const startTS = new css.TimeStamp(timeRange.start);
+  const startFormat = startTS.isToday ? "time" : "dateTime";
+  const endTS = new css.TimeStamp(timeRange.end);
+  const isOpen = endTS.equals(css.TimeStamp.MAX);
+  const endFormat = endTS.span(startTS) < css.TimeSpan.DAY ? "time" : "dateTime";
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+    Center.Space,
+    {
+      direction: "x",
+      size: "small",
+      className: css.CSS(css.CSS.B("time-range-chip")),
+      align: "center",
+      children: [
+        startTS.isToday && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Text, { level: "small", children: "Today" }),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.DateTime, { level: "small", displayTZ: "local", format: startFormat, children: startTS }),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Icon$1.Arrow.Right, { color: "var(--pluto-text-color)" }),
+        isOpen ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Text, { level: "small", children: "Now" }) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.DateTime, { level: "small", displayTZ: "local", format: endFormat, children: endTS })
+      ]
+    }
+  );
+};
+const labelColumns = [
+  {
+    key: "color",
+    name: "Color",
+    width: 50,
+    render: (v) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      Toggle.Icon$1.Circle,
+      {
+        style: { fontSize: 10, marginLeft: 10, marginRight: 30 },
+        color: v.entry.color
+      }
+    )
+  },
+  {
+    key: "name",
+    name: "Name"
+  }
+];
+const SelectLabels = (props) => {
+  const client = TimeRangeChip$1.use$3();
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    TimeRangeChip$1.Multiple$1,
+    {
+      ...props,
+      searcher: client == null ? void 0 : client.labels,
+      columns: labelColumns,
+      renderTag: (v) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(TimeRangeChip$1.Tag, { color: v.entry.color, children: v.entry.name })
+    }
+  );
+};
+const external = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  SelectLabels,
+  TimeRangeChip
+}, Symbol.toStringTag, { value: "Module" }));
+exports.Aether = Toggle.main;
+exports.Divider = Toggle.Divider$1;
+exports.Dropdown = Toggle.Dropdown;
+exports.Haul = Toggle.Haul;
+exports.Worker = Toggle.Context$1;
+exports.compareArrayDeps = Toggle.compareArrayDeps;
+exports.componentRenderProp = Toggle.componentRenderProp;
+exports.createHexOpacityVariants = Toggle.createHexOpacityVariants;
+exports.isRenderProp = Toggle.isRenderProp;
+exports.unitProperty = Toggle.unitProperty;
+exports.useAsyncEffect = Toggle.useAsyncEffect;
+exports.useClickOutside = Toggle.useClickOutside;
+exports.useCombinedRefs = Toggle.useCombinedRefs;
+exports.useCombinedStateAndRef = Toggle.useCombinedStateAndRef;
+exports.useEffectCompare = Toggle.useEffectCompare;
+exports.useMemoCompare = Toggle.useMemoCompare;
+exports.useMemoDeepEqualProps = Toggle.useMemoDeepEqualProps;
+exports.useResize = Toggle.useResize;
+exports.useStateRef = Toggle.useStateRef;
+exports.useSyncedRef = Toggle.useSyncedRef;
+exports.CSS = css.CSS;
+exports.newBEM = css.newBEM;
+exports.Header = external$j.external;
+exports.state = component.state;
+exports.Generic = Center.Generic;
+exports.Canvas = TimeRangeChip$1.Canvas;
+exports.Eraser = TimeRangeChip$1.use$4;
+exports.Line = TimeRangeChip$1.Line$1;
+exports.Measure = TimeRangeChip$1.Measure$1;
+exports.PID = TimeRangeChip$1.registry;
+exports.Rule = TimeRangeChip$1.Rule$1;
+exports.Synnax = TimeRangeChip$1.Provider$4;
+exports.Tag = TimeRangeChip$1.Tag$1;
+exports.Telem = TimeRangeChip$1.Provider$5;
+exports.Tree = TimeRangeChip$1.Tree;
+exports.createFilterTransform = TimeRangeChip$1.createFilterTransform;
+exports.fuseFilter = TimeRangeChip$1.fuseFilter;
+exports.useDebouncedCallback = TimeRangeChip$1.useDebouncedCallback;
+exports.useTransforms = TimeRangeChip$1.useTransforms;
+exports.Align = external$h.external;
+exports.Button = external$i.external;
+exports.Input = external$k.external;
+exports.List = external$l.external;
+exports.Menu = external$m.external;
+exports.Tabs = external$n.external;
+exports.Text = external$o.external;
+exports.Theming = external$p.external;
+exports.Triggers = external$q.external;
+exports.Video = Video.Video;
+exports.telem = external$r.external;
+exports.Accordion = Accordion$1;
+exports.Channel = external$9;
+exports.Color = external$f;
+exports.Control = external$1;
+exports.Diagram = external$5;
+exports.LinePlot = external$a;
+exports.Mosaic = external$8;
+exports.Nav = external$7;
+exports.OS = external$6;
+exports.Pluto = Pluto;
+exports.Ranger = external;
+exports.Resize = external$d;
+exports.Select = external$c;
+exports.Status = external$g;
+exports.Table = external$4;
+exports.TableCell = external$3;
+exports.Tooltip = external$e;
+exports.Value = external$2;
+exports.Viewport = external$b;
+//# sourceMappingURL=index.cjs.map