@spear-ai/spectral 1.3.32 → 1.3.34

package/dist/features/LabelingTools.js

@@ -1,112 +1,149 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { Badge as s } from "../Badge.js";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { Badge as a } from "../Badge.js";
 import "../Icons/AnnotationsIcon.js";
 import "../Icons/CalendarIcon.js";
 import "../Icons/ClockIcon.js";
 import "../Icons/DashboardIcon.js";
-import { DeleteIcon as c } from "../Icons/DeleteIcon.js";
+import { DeleteIcon as n } from "../Icons/DeleteIcon.js";
 import "../Icons/DurationIcon.js";
-import { EraserIcon as m } from "../Icons/EraserIcon.js";
+import { EraserIcon as c } from "../Icons/EraserIcon.js";
 import "../Icons/GoToFirstIcon.js";
 import "../Icons/GoToLastIcon.js";
+import "../Icons/HarmonicCursorsIcon.js";
 import "../Icons/InfoIcon.js";
-import { LabelIcon as a } from "../Icons/LabelIcon.js";
-import { LassoIcon as h } from "../Icons/LassoIcon.js";
+import { LabelIcon as m } from "../Icons/LabelIcon.js";
+import { LassoIcon as g } from "../Icons/LassoIcon.js";
 import { LineToolIcon as p } from "../Icons/LineToolIcon.js";
 import "../Icons/LiveViewIcon.js";
 import "../Icons/LocationIcon.js";
 import "../Icons/LogoutIcon.js";
-import { MetadataIcon as f } from "../Icons/MetadataIcon.js";
-import { OntologyIcon as g } from "../Icons/OntologyIcon.js";
+import { MetadataIcon as b } from "../Icons/MetadataIcon.js";
+import { OntologyIcon as h } from "../Icons/OntologyIcon.js";
 import "../Icons/PanelIcon.js";
 import "../Icons/PlayIcon.js";
-import { PlusIcon as u } from "../Icons/PlusIcon.js";
+import { PlusIcon as f } from "../Icons/PlusIcon.js";
 import "../Icons/ResetIcon.js";
 import { ScissorsIcon as v } from "../Icons/ScissorsIcon.js";
 import "../Icons/SettingsIcon.js";
 import "../Icons/TrashIcon.js";
-import { UndoIcon as b } from "../Icons/UndoIcon.js";
+import { UndoIcon as u } from "../Icons/UndoIcon.js";
 import "../Icons/UserIcon.js";
+import "../Icons/WarningIcon.js";
 import "../Icons/ZoomAllIcon.js";
 import "../Icons/ZoomXIcon.js";
 import "../Icons/ZoomYIcon.js";
 import { Toggle as d } from "../Toggle.js";
-import { ToggleGroup as n, ToggleGroupItem as t } from "../ToggleGroup.js";
-import { Tooltip as o, TooltipTrigger as r, TooltipContent as l } from "../Tooltip.js";
-const ee = () => /* @__PURE__ */ i("div", { className: "align-center flex gap-4", children: [
-  /* @__PURE__ */ e("div", { className: "flex", children: /* @__PURE__ */ i(n, { type: "single", variant: "outline", children: [
-    /* @__PURE__ */ i(o, { children: [
-      /* @__PURE__ */ e(r, { children: /* @__PURE__ */ i(t, { value: "crosshairs", children: [
-        /* @__PURE__ */ e(u, { size: 22 }),
-        /* @__PURE__ */ e(s, { className: "ml-1", children: "C" })
+import { ToggleGroup as s, ToggleGroupItem as l } from "../ToggleGroup.js";
+import { Tooltip as i, TooltipTrigger as o, TooltipContent as t } from "../Tooltip.js";
+const ie = () => /* @__PURE__ */ r("div", { className: "align-center flex gap-4", children: [
+  /* @__PURE__ */ e("div", { className: "flex", children: /* @__PURE__ */ r(s, { type: "single", variant: "outline", children: [
+    /* @__PURE__ */ r(i, { children: [
+      /* @__PURE__ */ e(o, { children: /* @__PURE__ */ r(l, { value: "crosshairs", children: [
+        /* @__PURE__ */ e(f, { size: 22 }),
+        /* @__PURE__ */ e(a, { className: "ml-1", children: "C" })
       ] }) }),
-      /* @__PURE__ */ e(l, { sideOffset: 8, side: "bottom", children: "Crosshairs tool (C)" })
+      /* @__PURE__ */ e(t, { sideOffset: 8, side: "bottom", children: "Crosshairs tool (C)" })
     ] }),
-    /* @__PURE__ */ i(o, { children: [
-      /* @__PURE__ */ e(r, { children: /* @__PURE__ */ i(t, { value: "lasso", children: [
-        /* @__PURE__ */ e(h, { size: 22 }),
-        /* @__PURE__ */ e(s, { className: "ml-1", children: "L" })
+    /* @__PURE__ */ r(i, { children: [
+      /* @__PURE__ */ e(o, { children: /* @__PURE__ */ r(l, { value: "lasso", children: [
+        /* @__PURE__ */ e(g, { size: 22 }),
+        /* @__PURE__ */ e(a, { className: "ml-1", children: "L" })
       ] }) }),
-      /* @__PURE__ */ e(l, { sideOffset: 8, side: "bottom", children: "Lasso tool (L)" })
+      /* @__PURE__ */ e(t, { sideOffset: 8, side: "bottom", children: "Lasso tool (L)" })
     ] }),
-    /* @__PURE__ */ i(o, { children: [
-      /* @__PURE__ */ e(r, { children: /* @__PURE__ */ i(t, { value: "points", children: [
+    /* @__PURE__ */ r(i, { children: [
+      /* @__PURE__ */ e(o, { children: /* @__PURE__ */ r(l, { value: "points", children: [
         /* @__PURE__ */ e(p, { size: 22 }),
-        /* @__PURE__ */ e(s, { className: "ml-1", children: "P" })
+        /* @__PURE__ */ e(a, { className: "ml-1", children: "P" })
       ] }) }),
-      /* @__PURE__ */ e(l, { sideOffset: 8, side: "bottom", children: "Points tool (P)" })
+      /* @__PURE__ */ e(t, { sideOffset: 8, side: "bottom", children: "Points tool (P)" })
     ] })
   ] }) }),
-  /* @__PURE__ */ e("div", { className: "flex", children: /* @__PURE__ */ i(n, { type: "single", variant: "outline", children: [
-    /* @__PURE__ */ i(o, { children: [
-      /* @__PURE__ */ e(r, { children: /* @__PURE__ */ i(t, { value: "crosshairs", children: [
-        /* @__PURE__ */ e(v, { size: 22 }),
-        /* @__PURE__ */ e(s, { className: "ml-1", children: "⌘X" })
-      ] }) }),
-      /* @__PURE__ */ e(l, { sideOffset: 8, side: "bottom", children: "Scissor tool (⌘X)" })
+  /* @__PURE__ */ e("div", { className: "flex", children: /* @__PURE__ */ r(s, { type: "single", variant: "outline", children: [
+    /* @__PURE__ */ r(i, { children: [
+      /* @__PURE__ */ e(o, { children: /* @__PURE__ */ r(
+        l,
+        {
+          value: "crosshairs",
+          className: "data-[state=on]:bg-toggle-bg data-[state=on]:border-toggle-border",
+          children: [
+            /* @__PURE__ */ e(v, { size: 22 }),
+            /* @__PURE__ */ e(a, { className: "group-data-[state=on]:bg-badge-primary-bg active:bg-badge-primary-bg--active ml-1", children: "⌘X" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ e(t, { sideOffset: 8, side: "bottom", children: "Scissor tool (⌘X)" })
     ] }),
-    /* @__PURE__ */ i(o, { children: [
-      /* @__PURE__ */ e(r, { children: /* @__PURE__ */ i(t, { value: "lasso", children: [
-        /* @__PURE__ */ e(a, { size: 22 }),
-        /* @__PURE__ */ e(s, { className: "ml-1", children: "⌘T" })
-      ] }) }),
-      /* @__PURE__ */ e(l, { sideOffset: 8, side: "bottom", children: "Label tool (⌘T)" })
+    /* @__PURE__ */ r(i, { children: [
+      /* @__PURE__ */ e(o, { children: /* @__PURE__ */ r(
+        l,
+        {
+          value: "lasso",
+          className: "data-[state=on]:bg-toggle-bg data-[state=on]:border-toggle-border",
+          children: [
+            /* @__PURE__ */ e(m, { size: 22 }),
+            /* @__PURE__ */ e(a, { className: "group-data-[state=on]:bg-badge-primary-bg active:bg-badge-primary-bg--active ml-1", children: "⌘T" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ e(t, { sideOffset: 8, side: "bottom", children: "Label tool (⌘T)" })
     ] })
   ] }) }),
-  /* @__PURE__ */ e("div", { className: "flex", children: /* @__PURE__ */ i(n, { type: "single", variant: "outline", children: [
-    /* @__PURE__ */ i(o, { children: [
-      /* @__PURE__ */ e(r, { children: /* @__PURE__ */ i(t, { value: "undo", children: [
-        /* @__PURE__ */ e(b, { size: 22 }),
-        /* @__PURE__ */ e(s, { className: "ml-1", children: "⌘X" })
-      ] }) }),
-      /* @__PURE__ */ e(l, { sideOffset: 8, side: "bottom", children: "Undo last (⌘X)" })
+  /* @__PURE__ */ e("div", { className: "flex", children: /* @__PURE__ */ r(s, { type: "single", variant: "outline", children: [
+    /* @__PURE__ */ r(i, { children: [
+      /* @__PURE__ */ e(o, { children: /* @__PURE__ */ r(
+        l,
+        {
+          value: "undo",
+          className: "data-[state=on]:bg-toggle-bg data-[state=on]:border-toggle-border",
+          children: [
+            /* @__PURE__ */ e(u, { size: 22 }),
+            /* @__PURE__ */ e(a, { className: "group-data-[state=on]:bg-badge-primary-bg active:bg-badge-primary-bg--active ml-1", children: "⌘X" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ e(t, { sideOffset: 8, side: "bottom", children: "Undo last (⌘X)" })
     ] }),
-    /* @__PURE__ */ i(o, { children: [
-      /* @__PURE__ */ e(r, { children: /* @__PURE__ */ i(t, { value: "delete", children: [
-        /* @__PURE__ */ e(c, { size: 22 }),
-        /* @__PURE__ */ e(s, { className: "ml-1", children: "⌫" })
-      ] }) }),
-      /* @__PURE__ */ e(l, { sideOffset: 8, side: "bottom", children: "Delete selected (⌫)" })
+    /* @__PURE__ */ r(i, { children: [
+      /* @__PURE__ */ e(o, { children: /* @__PURE__ */ r(
+        l,
+        {
+          value: "delete",
+          className: "data-[state=on]:bg-toggle-bg data-[state=on]:border-toggle-border",
+          children: [
+            /* @__PURE__ */ e(n, { size: 22 }),
+            /* @__PURE__ */ e(a, { className: "group-data-[state=on]:bg-badge-primary-bg active:bg-badge-primary-bg--active ml-1", children: "⌫" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ e(t, { sideOffset: 8, side: "bottom", children: "Delete selected (⌫)" })
     ] }),
-    /* @__PURE__ */ i(o, { children: [
-      /* @__PURE__ */ e(r, { children: /* @__PURE__ */ i(t, { value: "clear", children: [
-        /* @__PURE__ */ e(m, { size: 22 }),
-        /* @__PURE__ */ e(s, { className: "ml-1", children: "⌘⇧A" })
-      ] }) }),
-      /* @__PURE__ */ e(l, { sideOffset: 8, side: "bottom", children: "Clear (⌘⇧A)" })
+    /* @__PURE__ */ r(i, { children: [
+      /* @__PURE__ */ e(o, { children: /* @__PURE__ */ r(
+        l,
+        {
+          value: "clear",
+          className: "data-[state=on]:bg-toggle-bg data-[state=on]:border-toggle-border",
+          children: [
+            /* @__PURE__ */ e(c, { size: 22 }),
+            /* @__PURE__ */ e(a, { className: "group-data-[state=on]:bg-badge-primary-bg active:bg-badge-primary-bg--active ml-1", children: "⌘⇧A" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ e(t, { sideOffset: 8, side: "bottom", children: "Clear (⌘⇧A)" })
     ] })
   ] }) }),
-  /* @__PURE__ */ i("div", { className: "flex gap-4", children: [
-    /* @__PURE__ */ i(o, { children: [
-      /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(f, { size: 22 }) }) }),
-      /* @__PURE__ */ e(l, { sideOffset: 8, side: "bottom", children: "Metadata" })
+  /* @__PURE__ */ r("div", { className: "flex gap-4", children: [
+    /* @__PURE__ */ r(i, { children: [
+      /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(d, { pressed: !1, children: /* @__PURE__ */ e(b, { size: 22 }) }) }),
+      /* @__PURE__ */ e(t, { sideOffset: 8, side: "bottom", children: "Metadata" })
     ] }),
-    /* @__PURE__ */ i(o, { children: [
-      /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(g, { size: 22 }) }) }),
-      /* @__PURE__ */ e(l, { sideOffset: 8, side: "bottom", children: "Ontology" })
+    /* @__PURE__ */ r(i, { children: [
+      /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(d, { pressed: !1, children: /* @__PURE__ */ e(h, { size: 22 }) }) }),
+      /* @__PURE__ */ e(t, { sideOffset: 8, side: "bottom", children: "Ontology" })
     ] })
   ] })
 ] });
 export {
-  ee as LabelingTools
+  ie as LabelingTools
 };

package/dist/features/SensorMetadata.js

@@ -9,6 +9,7 @@ import { DurationIcon as a } from "../Icons/DurationIcon.js";
 import "../Icons/EraserIcon.js";
 import "../Icons/GoToFirstIcon.js";
 import "../Icons/GoToLastIcon.js";
+import "../Icons/HarmonicCursorsIcon.js";
 import { InfoIcon as s } from "../Icons/InfoIcon.js";
 import "../Icons/LabelIcon.js";
 import "../Icons/LassoIcon.js";
@@ -27,10 +28,11 @@ import "../Icons/SettingsIcon.js";
 import "../Icons/TrashIcon.js";
 import "../Icons/UndoIcon.js";
 import "../Icons/UserIcon.js";
+import "../Icons/WarningIcon.js";
 import "../Icons/ZoomAllIcon.js";
 import "../Icons/ZoomXIcon.js";
 import "../Icons/ZoomYIcon.js";
-const E = () => /* @__PURE__ */ e(r, { description: "Recording Details", title: "Sensor Metadata", trigger: /* @__PURE__ */ e(m, {}), children: /* @__PURE__ */ t("div", { className: "flex flex-col gap-4", children: [
+const G = () => /* @__PURE__ */ e(r, { description: "Recording Details", title: "Sensor Metadata", trigger: /* @__PURE__ */ e(m, {}), children: /* @__PURE__ */ t("div", { className: "flex flex-col gap-4", children: [
   /* @__PURE__ */ t("div", { className: "bg-card-bg-secondary rounded-md px-4 py-5", children: [
     /* @__PURE__ */ t("div", { className: "flex items-center gap-2 !text-sm font-semibold uppercase", children: [
       /* @__PURE__ */ e(s, { size: 16 }),
@@ -85,5 +87,5 @@ const E = () => /* @__PURE__ */ e(r, { description: "Recording Details", title:
   ] })
 ] }) });
 export {
-  E as SensorMetadata
+  G as SensorMetadata
 };

package/dist/features/SettingsPopover/SettingsPopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsPopover.d.ts","sourceRoot":"","sources":["../../../src/features/SettingsPopover/SettingsPopover.tsx"],"names":[],"mappings":"AAkBA,eAAO,MAAM,eAAe,+CA4J3B,CAAA"}
+{"version":3,"file":"SettingsPopover.d.ts","sourceRoot":"","sources":["../../../src/features/SettingsPopover/SettingsPopover.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,eAAe,+CAkK3B,CAAA"}

package/dist/features/SettingsPopover.js

@@ -7,13 +7,14 @@ import "../Icons/DashboardIcon.js";
 import "../Icons/DeleteIcon.js";
 import "../Icons/DurationIcon.js";
 import "../Icons/EraserIcon.js";
-import { GoToFirstIcon as w } from "../Icons/GoToFirstIcon.js";
+import { GoToFirstIcon as y } from "../Icons/GoToFirstIcon.js";
 import { GoToLastIcon as N } from "../Icons/GoToLastIcon.js";
+import { HarmonicCursorsIcon as T } from "../Icons/HarmonicCursorsIcon.js";
 import "../Icons/InfoIcon.js";
 import "../Icons/LabelIcon.js";
 import "../Icons/LassoIcon.js";
 import "../Icons/LineToolIcon.js";
-import { LiveViewIcon as T } from "../Icons/LiveViewIcon.js";
+import { LiveViewIcon as x } from "../Icons/LiveViewIcon.js";
 import "../Icons/LocationIcon.js";
 import "../Icons/LogoutIcon.js";
 import "../Icons/MetadataIcon.js";
@@ -21,27 +22,28 @@ import "../Icons/OntologyIcon.js";
 import "../Icons/PanelIcon.js";
 import "../Icons/PlayIcon.js";
 import "../Icons/PlusIcon.js";
-import { ResetIcon as x } from "../Icons/ResetIcon.js";
+import { ResetIcon as z } from "../Icons/ResetIcon.js";
 import "../Icons/ScissorsIcon.js";
-import { SettingsIcon as z } from "../Icons/SettingsIcon.js";
+import { SettingsIcon as O } from "../Icons/SettingsIcon.js";
 import "../Icons/TrashIcon.js";
 import "../Icons/UndoIcon.js";
 import "../Icons/UserIcon.js";
-import { ZoomAllIcon as O } from "../Icons/ZoomAllIcon.js";
-import { ZoomXIcon as I } from "../Icons/ZoomXIcon.js";
+import "../Icons/WarningIcon.js";
+import { ZoomAllIcon as I } from "../Icons/ZoomAllIcon.js";
+import { ZoomXIcon as C } from "../Icons/ZoomXIcon.js";
 import { ZoomYIcon as k } from "../Icons/ZoomYIcon.js";
-import { Popover as G, PopoverTrigger as V, PopoverContent as C } from "../Popover.js";
-import { RadioGroup as R, RadioGroupItem as l } from "../RadioGroup.js";
-import { Switch as S } from "../Switch.js";
-import { Toggle as d } from "../Toggle.js";
-import { ToggleGroup as h, ToggleGroupItem as o } from "../ToggleGroup.js";
-import { Tooltip as a, TooltipTrigger as s, TooltipContent as m } from "../Tooltip.js";
-import { useState as n } from "react";
-const ve = () => {
-  const [g, b] = n("green-black"), [f, c] = n(""), [v, p] = n(!1), [u, y] = n(!1);
+import { Popover as G, PopoverTrigger as V, PopoverContent as R } from "../Popover.js";
+import { RadioGroup as S, RadioGroupItem as l } from "../RadioGroup.js";
+import { Switch as A } from "../Switch.js";
+import { Toggle as s } from "../Toggle.js";
+import { ToggleGroup as h, ToggleGroupItem as t } from "../ToggleGroup.js";
+import { Tooltip as a, TooltipTrigger as m, TooltipContent as n } from "../Tooltip.js";
+import { useState as c } from "react";
+const ye = () => {
+  const [g, b] = c("green-black"), [f, d] = c(""), [v, p] = c(!1), [u, w] = c(!1);
   return /* @__PURE__ */ r(G, { open: v, onOpenChange: p, children: [
-    /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(d, { pressed: !1, children: /* @__PURE__ */ e(z, {}) }) }),
-    /* @__PURE__ */ r(C, { side: "bottom", align: "end", children: [
+    /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(s, { pressed: !1, children: /* @__PURE__ */ e(O, {}) }) }),
+    /* @__PURE__ */ r(R, { side: "bottom", align: "end", children: [
       /* @__PURE__ */ r("div", { className: "mb-6 w-full", children: [
         /* @__PURE__ */ e("p", { className: "text-md text-md mb-3 font-semibold", children: "Zoom Options" }),
         /* @__PURE__ */ r(
@@ -50,20 +52,20 @@ const ve = () => {
             type: "single",
             layout: "expanded",
             value: f,
-            onValueChange: (t) => {
-              const i = typeof t == "string" ? t : "";
-              c(i), i && p(!1);
+            onValueChange: (o) => {
+              const i = typeof o == "string" ? o : "";
+              d(i), i && p(!1);
             },
             children: [
-              /* @__PURE__ */ r(o, { value: "zoom-all", children: [
-                /* @__PURE__ */ e(O, { size: 16 }),
+              /* @__PURE__ */ r(t, { value: "zoom-all", children: [
+                /* @__PURE__ */ e(I, { size: 16 }),
                 "All"
               ] }),
-              /* @__PURE__ */ r(o, { value: "zoom-bearing", children: [
-                /* @__PURE__ */ e(I, { size: 16 }),
+              /* @__PURE__ */ r(t, { value: "zoom-bearing", children: [
+                /* @__PURE__ */ e(C, { size: 16 }),
                 "Bearing"
               ] }),
-              /* @__PURE__ */ r(o, { value: "zoom-time", children: [
+              /* @__PURE__ */ r(t, { value: "zoom-time", children: [
                 /* @__PURE__ */ e(k, { size: 16 }),
                 "Time"
               ] })
@@ -71,16 +73,16 @@ const ve = () => {
           }
         ),
         /* @__PURE__ */ r(
-          d,
+          s,
           {
             pressed: !1,
             "aria-label": "Reset zoom",
-            className: "active:bg-selected-primary",
+            className: "mt-4 w-full",
             onClick: () => {
-              c("");
+              d("");
             },
             children: [
-              /* @__PURE__ */ e(x, { size: 16 }),
+              /* @__PURE__ */ e(z, { size: 16 }),
               "Reset"
             ]
           }
@@ -91,47 +93,51 @@ const ve = () => {
         /* @__PURE__ */ r("div", { className: "flex items-center justify-between", children: [
           "View Annotations",
           /* @__PURE__ */ e(
-            S,
+            A,
             {
               checked: u,
-              onChange: (t) => {
-                y(t);
+              onChange: (o) => {
+                w(o);
               },
               labelText: "View Annotations",
               hideLabel: !0,
               id: "view-annotations"
             }
           )
-        ] })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "mt-4 flex w-full items-center justify-center gap-2", children: /* @__PURE__ */ r(s, { pressed: !1, className: "w-full", children: [
+          /* @__PURE__ */ e(T, { size: 16 }),
+          "Harmonic Cursors"
+        ] }) })
       ] }),
       /* @__PURE__ */ r("div", { className: "border-border-secondary mb-6 w-full border-t pt-4", children: [
         /* @__PURE__ */ e("p", { className: "text-md text-md mb-3 font-semibold", children: "Theme Options" }),
         /* @__PURE__ */ r(
-          R,
+          S,
           {
             orientation: "horizontal",
             className: "flex items-center gap-3",
             value: g,
-            onValueChange: (t) => {
-              b(typeof t == "string" ? t : "green-black");
+            onValueChange: (o) => {
+              b(typeof o == "string" ? o : "green-black");
             },
             variant: "unstyled",
             children: [
               /* @__PURE__ */ e(l, { value: "green-black", "aria-label": "green & black theme", children: /* @__PURE__ */ r(a, { children: [
-                /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e("img", { src: "/themes/green-black-theme.webp", alt: "green & black theme", className: "h-8 w-8" }) }),
-                /* @__PURE__ */ e(m, { side: "bottom", sideOffset: 8, children: /* @__PURE__ */ e("p", { children: "Green & Black Theme" }) })
+                /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e("img", { src: "/themes/green-black-theme.webp", alt: "green & black theme", className: "h-8 w-8" }) }),
+                /* @__PURE__ */ e(n, { side: "bottom", sideOffset: 8, children: /* @__PURE__ */ e("p", { children: "Green & Black Theme" }) })
               ] }) }),
               /* @__PURE__ */ e(l, { value: "grayscale", "aria-label": "grayscale theme", children: /* @__PURE__ */ r(a, { children: [
-                /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e("img", { src: "/themes/grayscale-theme.webp", alt: "grayscale theme", className: "h-8 w-8" }) }),
-                /* @__PURE__ */ e(m, { side: "bottom", sideOffset: 8, children: /* @__PURE__ */ e("p", { children: "Grayscale Theme" }) })
+                /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e("img", { src: "/themes/grayscale-theme.webp", alt: "grayscale theme", className: "h-8 w-8" }) }),
+                /* @__PURE__ */ e(n, { side: "bottom", sideOffset: 8, children: /* @__PURE__ */ e("p", { children: "Grayscale Theme" }) })
               ] }) }),
               /* @__PURE__ */ e(l, { value: "reverse-grayscale", "aria-label": "reverse grayscale theme", children: /* @__PURE__ */ r(a, { children: [
-                /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e("img", { src: "/themes/reverse-grayscale-theme.webp", alt: "reverse grayscale theme", className: "h-8 w-8" }) }),
-                /* @__PURE__ */ e(m, { side: "bottom", sideOffset: 8, children: /* @__PURE__ */ e("p", { children: "Reverse Grayscale Theme" }) })
+                /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e("img", { src: "/themes/reverse-grayscale-theme.webp", alt: "reverse grayscale theme", className: "h-8 w-8" }) }),
+                /* @__PURE__ */ e(n, { side: "bottom", sideOffset: 8, children: /* @__PURE__ */ e("p", { children: "Reverse Grayscale Theme" }) })
               ] }) }),
               /* @__PURE__ */ e(l, { value: "viridis", "aria-label": "viridis theme", children: /* @__PURE__ */ r(a, { children: [
-                /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e("img", { src: "/themes/viridis-theme.webp", alt: "viridis theme", className: "h-8 w-8" }) }),
-                /* @__PURE__ */ e(m, { side: "bottom", sideOffset: 8, children: /* @__PURE__ */ e("p", { children: "Viridis Theme" }) })
+                /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e("img", { src: "/themes/viridis-theme.webp", alt: "viridis theme", className: "h-8 w-8" }) }),
+                /* @__PURE__ */ e(n, { side: "bottom", sideOffset: 8, children: /* @__PURE__ */ e("p", { children: "Viridis Theme" }) })
               ] }) })
             ]
           }
@@ -139,8 +145,8 @@ const ve = () => {
       ] }),
       /* @__PURE__ */ r("div", { className: "border-border-secondary mb-2 w-full border-t pt-4", children: [
         /* @__PURE__ */ e("p", { className: "text-md text-md mb-3 font-semibold", children: "View Options" }),
-        /* @__PURE__ */ r(d, { pressed: !1, className: "active:bg-selected-primary mb-4 w-full", children: [
-          /* @__PURE__ */ e(T, { size: 18 }),
+        /* @__PURE__ */ r(s, { pressed: !1, className: "mb-4 w-full", children: [
+          /* @__PURE__ */ e(x, { size: 18 }),
           "Realtime Stream"
         ] }),
         /* @__PURE__ */ r(
@@ -148,26 +154,26 @@ const ve = () => {
           {
             type: "single",
             layout: "expanded",
-            onValueChange: (t) => {
-              c(typeof t == "string" ? t : "");
+            onValueChange: (o) => {
+              d(typeof o == "string" ? o : "");
             },
             children: [
               /* @__PURE__ */ r(
-                o,
+                t,
                 {
                   value: "zoom-time",
-                  className: "active:bg-selected-primary data-[state=on]:bg-toggle-bg data-[state=on]:border-toggle-border",
+                  className: "data-[state=on]:bg-toggle-bg data-[state=on]:border-toggle-border",
                   children: [
-                    /* @__PURE__ */ e(w, { size: 16 }),
+                    /* @__PURE__ */ e(y, { size: 16 }),
                     "Oldest Data"
                   ]
                 }
               ),
               /* @__PURE__ */ r(
-                o,
+                t,
                 {
                   value: "zoom-bearing",
-                  className: "active:bg-selected-primary data-[state=on]:bg-toggle-bg data-[state=on]:border-toggle-border",
+                  className: "data-[state=on]:bg-toggle-bg data-[state=on]:border-toggle-border",
                   children: [
                     /* @__PURE__ */ e(N, { size: 16 }),
                     "Newest Data"
@@ -182,5 +188,5 @@ const ve = () => {
   ] });
 };
 export {
-  ve as SettingsPopover
+  ye as SettingsPopover
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spear-ai/spectral",
-  "version": "1.3.32",
+  "version": "1.3.34",
   "type": "module",
   "private": false,
   "repository": {