@spear-ai/spectral 1.3.22 → 1.3.24

package/dist/.js

@@ -1,99 +1,106 @@
 "use client";
-import './assets/main.css';
-import { Badge as p } from "./Badge.js";
-import { Button as n } from "./Button.js";
-import { Card as x } from "./Card.js";
-import { Drawer as I } from "./Drawer.js";
-import { Popover as i, PopoverContent as l, PopoverTrigger as s } from "./Popover.js";
-import { RadioGroup as T, RadioGroupItem as d } from "./RadioGroup.js";
-import { Skeleton as C } from "./Skeleton.js";
-import { Slider as L } from "./Slider.js";
-import { Switch as v } from "./Switch.js";
-import { Toggle as h } from "./Toggle.js";
-import { ToggleGroup as w, ToggleGroupItem as B } from "./ToggleGroup.js";
-import { Toolbar as R } from "./Toolbar.js";
-import { Tooltip as b, TooltipContent as y, TooltipTrigger as A } from "./Tooltip.js";
-import { AnnotationsIcon as E } from "./Icons/AnnotationsIcon.js";
-import { CalendarIcon as M } from "./Icons/CalendarIcon.js";
-import { ClockIcon as V } from "./Icons/ClockIcon.js";
-import { DeleteIcon as Y } from "./Icons/DeleteIcon.js";
-import { DurationIcon as q } from "./Icons/DurationIcon.js";
-import { EraserIcon as H } from "./Icons/EraserIcon.js";
-import { GoToFirstIcon as K } from "./Icons/GoToFirstIcon.js";
-import { GoToLastIcon as Q } from "./Icons/GoToLastIcon.js";
-import { InfoIcon as _ } from "./Icons/InfoIcon.js";
-import { LabelIcon as oo } from "./Icons/LabelIcon.js";
-import { LassoIcon as eo } from "./Icons/LassoIcon.js";
-import { LineToolIcon as po } from "./Icons/LineToolIcon.js";
-import { LiveViewIcon as no } from "./Icons/LiveViewIcon.js";
-import { LocationIcon as xo } from "./Icons/LocationIcon.js";
-import { MetadataIcon as Io } from "./Icons/MetadataIcon.js";
-import { OntologyIcon as io } from "./Icons/OntologyIcon.js";
-import { PlayIcon as so } from "./Icons/PlayIcon.js";
-import { PlusIcon as To } from "./Icons/PlusIcon.js";
-import { ResetIcon as Co } from "./Icons/ResetIcon.js";
-import { ScissorsIcon as Lo } from "./Icons/ScissorsIcon.js";
-import { SettingsIcon as vo } from "./Icons/SettingsIcon.js";
-import { TrashIcon as ho } from "./Icons/TrashIcon.js";
-import { UndoIcon as wo } from "./Icons/UndoIcon.js";
-import { ZoomAllIcon as Do } from "./Icons/ZoomAllIcon.js";
-import { ZoomXIcon as Zo } from "./Icons/ZoomXIcon.js";
-import { ZoomYIcon as yo } from "./Icons/ZoomYIcon.js";
-import { default as Oo, SvgIdContext as Eo } from "./Icons/IconBase.js";
+(function(){
+  if (typeof document === 'undefined') return;
+  if (document.querySelector('link[data-spectral-css]')) return;
+  var link = document.createElement('link');
+  link.rel = 'stylesheet';
+  link.setAttribute('data-spectral-css', '');
+  link.href = new URL('./assets/main.css', import.meta.url).href;
+  document.head.appendChild(link);
+})();
+import { Badge as t } from "./Badge.js";
+import { Button as m } from "./Button.js";
+import { Card as f } from "./Card.js";
+import { Drawer as c } from "./Drawer.js";
+import { Popover as a, PopoverContent as i, PopoverTrigger as l } from "./Popover.js";
+import { RadioGroup as g, RadioGroupItem as T } from "./RadioGroup.js";
+import { Skeleton as u } from "./Skeleton.js";
+import { Slider as G } from "./Slider.js";
+import { Switch as S } from "./Switch.js";
+import { Toggle as P } from "./Toggle.js";
+import { ToggleGroup as k, ToggleGroupItem as w } from "./ToggleGroup.js";
+import { Toolbar as D } from "./Toolbar.js";
+import { Tooltip as Z, TooltipContent as b, TooltipTrigger as y } from "./Tooltip.js";
+import { AnnotationsIcon as O } from "./Icons/AnnotationsIcon.js";
+import { CalendarIcon as F } from "./Icons/CalendarIcon.js";
+import { ClockIcon as U } from "./Icons/ClockIcon.js";
+import { DeleteIcon as X } from "./Icons/DeleteIcon.js";
+import { DurationIcon as j } from "./Icons/DurationIcon.js";
+import { EraserIcon as z } from "./Icons/EraserIcon.js";
+import { GoToFirstIcon as J } from "./Icons/GoToFirstIcon.js";
+import { GoToLastIcon as N } from "./Icons/GoToLastIcon.js";
+import { InfoIcon as W } from "./Icons/InfoIcon.js";
+import { LabelIcon as $ } from "./Icons/LabelIcon.js";
+import { LassoIcon as ro } from "./Icons/LassoIcon.js";
+import { LineToolIcon as to } from "./Icons/LineToolIcon.js";
+import { LiveViewIcon as mo } from "./Icons/LiveViewIcon.js";
+import { LocationIcon as fo } from "./Icons/LocationIcon.js";
+import { MetadataIcon as co } from "./Icons/MetadataIcon.js";
+import { OntologyIcon as ao } from "./Icons/OntologyIcon.js";
+import { PlayIcon as lo } from "./Icons/PlayIcon.js";
+import { PlusIcon as go } from "./Icons/PlusIcon.js";
+import { ResetIcon as uo } from "./Icons/ResetIcon.js";
+import { ScissorsIcon as Go } from "./Icons/ScissorsIcon.js";
+import { SettingsIcon as So } from "./Icons/SettingsIcon.js";
+import { TrashIcon as Po } from "./Icons/TrashIcon.js";
+import { UndoIcon as ko } from "./Icons/UndoIcon.js";
+import { ZoomAllIcon as Bo } from "./Icons/ZoomAllIcon.js";
+import { ZoomXIcon as Ro } from "./Icons/ZoomXIcon.js";
+import { ZoomYIcon as bo } from "./Icons/ZoomYIcon.js";
+import { default as Ao, SvgIdContext as Oo } from "./Icons/IconBase.js";
 import "react";
-import { useOutsideClick as Mo } from "./hooks/useOutsideClick.js";
-import { useTheme as Vo } from "./hooks/useTheme.js";
-import { c as Yo } from "./twUtils-CRiPKpXj.js";
-/* empty css              */
+import { useOutsideClick as Fo } from "./hooks/useOutsideClick.js";
+import { useTheme as Uo } from "./hooks/useTheme.js";
+import { c as Xo } from "./twUtils-CRiPKpXj.js";
 export {
-  E as AnnotationsIcon,
-  p as Badge,
-  n as Button,
-  M as CalendarIcon,
-  x as Card,
-  V as ClockIcon,
-  Y as DeleteIcon,
-  I as Drawer,
-  q as DurationIcon,
-  H as EraserIcon,
-  K as GoToFirstIcon,
-  Q as GoToLastIcon,
-  Oo as IconBase,
-  _ as InfoIcon,
-  oo as LabelIcon,
-  eo as LassoIcon,
-  po as LineToolIcon,
-  no as LiveViewIcon,
-  xo as LocationIcon,
-  Io as MetadataIcon,
-  io as OntologyIcon,
-  so as PlayIcon,
-  To as PlusIcon,
-  i as Popover,
-  l as PopoverContent,
-  s as PopoverTrigger,
-  T as RadioGroup,
-  d as RadioGroupItem,
-  Co as ResetIcon,
-  Lo as ScissorsIcon,
-  vo as SettingsIcon,
-  C as Skeleton,
-  L as Slider,
-  Eo as SvgIdContext,
-  v as Switch,
-  h as Toggle,
-  w as ToggleGroup,
-  B as ToggleGroupItem,
-  R as Toolbar,
-  b as Tooltip,
-  y as TooltipContent,
-  A as TooltipTrigger,
-  ho as TrashIcon,
-  wo as UndoIcon,
-  Do as ZoomAllIcon,
-  Zo as ZoomXIcon,
-  yo as ZoomYIcon,
-  Yo as cn,
-  Mo as useOutsideClick,
-  Vo as useTheme
+  O as AnnotationsIcon,
+  t as Badge,
+  m as Button,
+  F as CalendarIcon,
+  f as Card,
+  U as ClockIcon,
+  X as DeleteIcon,
+  c as Drawer,
+  j as DurationIcon,
+  z as EraserIcon,
+  J as GoToFirstIcon,
+  N as GoToLastIcon,
+  Ao as IconBase,
+  W as InfoIcon,
+  $ as LabelIcon,
+  ro as LassoIcon,
+  to as LineToolIcon,
+  mo as LiveViewIcon,
+  fo as LocationIcon,
+  co as MetadataIcon,
+  ao as OntologyIcon,
+  lo as PlayIcon,
+  go as PlusIcon,
+  a as Popover,
+  i as PopoverContent,
+  l as PopoverTrigger,
+  g as RadioGroup,
+  T as RadioGroupItem,
+  uo as ResetIcon,
+  Go as ScissorsIcon,
+  So as SettingsIcon,
+  u as Skeleton,
+  G as Slider,
+  Oo as SvgIdContext,
+  S as Switch,
+  P as Toggle,
+  k as ToggleGroup,
+  w as ToggleGroupItem,
+  D as Toolbar,
+  Z as Tooltip,
+  b as TooltipContent,
+  y as TooltipTrigger,
+  Po as TrashIcon,
+  ko as UndoIcon,
+  Bo as ZoomAllIcon,
+  Ro as ZoomXIcon,
+  bo as ZoomYIcon,
+  Xo as cn,
+  Fo as useOutsideClick,
+  Uo as useTheme
 };

package/dist/App.js

@@ -1,5 +1,13 @@
 "use client";
-import './assets/main.css';
+(function(){
+  if (typeof document === 'undefined') return;
+  if (document.querySelector('link[data-spectral-css]')) return;
+  var link = document.createElement('link');
+  link.rel = 'stylesheet';
+  link.setAttribute('data-spectral-css', '');
+  link.href = new URL('./assets/main.css', import.meta.url).href;
+  document.head.appendChild(link);
+})();
 import { jsx as r } from "react/jsx-runtime";
 function p() {
   return /* @__PURE__ */ r("div", { children: "spectral | spear.ai" });

package/dist/Badge.js

@@ -1,5 +1,13 @@
 "use client";
-import './assets/main.css';
+(function(){
+  if (typeof document === 'undefined') return;
+  if (document.querySelector('link[data-spectral-css]')) return;
+  var link = document.createElement('link');
+  link.rel = 'stylesheet';
+  link.setAttribute('data-spectral-css', '');
+  link.href = new URL('./assets/main.css', import.meta.url).href;
+  document.head.appendChild(link);
+})();
 import { jsx as e } from "react/jsx-runtime";
 import { BadgeBase as t } from "./Badge/BadgeBase.js";
 const p = ({ children: r, ...o }) => /* @__PURE__ */ e(t, { ...o, children: r });

package/dist/Button.js

@@ -1,5 +1,13 @@
 "use client";
-import './assets/main.css';
+(function(){
+  if (typeof document === 'undefined') return;
+  if (document.querySelector('link[data-spectral-css]')) return;
+  var link = document.createElement('link');
+  link.rel = 'stylesheet';
+  link.setAttribute('data-spectral-css', '');
+  link.href = new URL('./assets/main.css', import.meta.url).href;
+  document.head.appendChild(link);
+})();
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { c as u } from "./twUtils-CRiPKpXj.js";
 import { c as f } from "./index-CRBC94ik.js";

package/dist/Card.js

@@ -1,5 +1,13 @@
 "use client";
-import './assets/main.css';
+(function(){
+  if (typeof document === 'undefined') return;
+  if (document.querySelector('link[data-spectral-css]')) return;
+  var link = document.createElement('link');
+  link.rel = 'stylesheet';
+  link.setAttribute('data-spectral-css', '');
+  link.href = new URL('./assets/main.css', import.meta.url).href;
+  document.head.appendChild(link);
+})();
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import { c as a } from "./twUtils-CRiPKpXj.js";
 import { forwardRef as u } from "react";

package/dist/Drawer.js

@@ -1,5 +1,13 @@
 "use client";
-import './assets/main.css';
+(function(){
+  if (typeof document === 'undefined') return;
+  if (document.querySelector('link[data-spectral-css]')) return;
+  var link = document.createElement('link');
+  link.rel = 'stylesheet';
+  link.setAttribute('data-spectral-css', '');
+  link.href = new URL('./assets/main.css', import.meta.url).href;
+  document.head.appendChild(link);
+})();
 import { jsx as S, jsxs as gt, Fragment as te } from "react/jsx-runtime";
 import * as O from "react";
 import i, { useMemo as je, useLayoutEffect as qe, useEffect as Xe } from "react";

package/dist/Icons.js

@@ -1,5 +1,13 @@
 "use client";
-import './assets/main.css';
+(function(){
+  if (typeof document === 'undefined') return;
+  if (document.querySelector('link[data-spectral-css]')) return;
+  var link = document.createElement('link');
+  link.rel = 'stylesheet';
+  link.setAttribute('data-spectral-css', '');
+  link.href = new URL('./assets/main.css', import.meta.url).href;
+  document.head.appendChild(link);
+})();
 import { AnnotationsIcon as e } from "./Icons/AnnotationsIcon.js";
 import { CalendarIcon as n } from "./Icons/CalendarIcon.js";
 import { ClockIcon as m } from "./Icons/ClockIcon.js";

package/dist/Label.js

@@ -1,5 +1,13 @@
 "use client";
-import './assets/main.css';
+(function(){
+  if (typeof document === 'undefined') return;
+  if (document.querySelector('link[data-spectral-css]')) return;
+  var link = document.createElement('link');
+  link.rel = 'stylesheet';
+  link.setAttribute('data-spectral-css', '');
+  link.href = new URL('./assets/main.css', import.meta.url).href;
+  document.head.appendChild(link);
+})();
 import { jsx as l } from "react/jsx-runtime";
 import { c as s } from "./twUtils-CRiPKpXj.js";
 import { c as t } from "./index-CRBC94ik.js";

package/dist/Popover.js

@@ -1,5 +1,13 @@
 "use client";
-import './assets/main.css';
+(function(){
+  if (typeof document === 'undefined') return;
+  if (document.querySelector('link[data-spectral-css]')) return;
+  var link = document.createElement('link');
+  link.rel = 'stylesheet';
+  link.setAttribute('data-spectral-css', '');
+  link.href = new URL('./assets/main.css', import.meta.url).href;
+  document.head.appendChild(link);
+})();
 import { jsx as s } from "react/jsx-runtime";
 import * as i from "react";
 import { u as L, c as z, a as G, P as x, b as H, d as O, e as _, f as P, g as K, D as j } from "./index-B7LSgz_k.js";

package/dist/RadioGroup.js

@@ -1,5 +1,13 @@
 "use client";
-import './assets/main.css';
+(function(){
+  if (typeof document === 'undefined') return;
+  if (document.querySelector('link[data-spectral-css]')) return;
+  var link = document.createElement('link');
+  link.rel = 'stylesheet';
+  link.setAttribute('data-spectral-css', '');
+  link.href = new URL('./assets/main.css', import.meta.url).href;
+  document.head.appendChild(link);
+})();
 import { jsx as t, jsxs as d } from "react/jsx-runtime";
 import { RadioGroup as l, RadioGroupItem as n, RadioGroupIndicator as m } from "./RadioGroup/RadioGroupBase.js";
 import { c as e } from "./twUtils-CRiPKpXj.js";

package/dist/Skeleton.js

@@ -1,5 +1,13 @@
 "use client";
-import './assets/main.css';
+(function(){
+  if (typeof document === 'undefined') return;
+  if (document.querySelector('link[data-spectral-css]')) return;
+  var link = document.createElement('link');
+  link.rel = 'stylesheet';
+  link.setAttribute('data-spectral-css', '');
+  link.href = new URL('./assets/main.css', import.meta.url).href;
+  document.head.appendChild(link);
+})();
 import { jsx as o } from "react/jsx-runtime";
 import { c as n } from "./twUtils-CRiPKpXj.js";
 import "react";

package/dist/Slider.js

@@ -1,5 +1,13 @@
 "use client";
-import './assets/main.css';
+(function(){
+  if (typeof document === 'undefined') return;
+  if (document.querySelector('link[data-spectral-css]')) return;
+  var link = document.createElement('link');
+  link.rel = 'stylesheet';
+  link.setAttribute('data-spectral-css', '');
+  link.href = new URL('./assets/main.css', import.meta.url).href;
+  document.head.appendChild(link);
+})();
 import { jsxs as v, jsx as t } from "react/jsx-runtime";
 import { SliderBase as w, SliderTrack as p, SliderRange as x, SliderThumb as k } from "./Slider/SliderBase.js";
 import { c as a } from "./twUtils-CRiPKpXj.js";

package/dist/Switch.js

@@ -1,5 +1,13 @@
 "use client";
-import './assets/main.css';
+(function(){
+  if (typeof document === 'undefined') return;
+  if (document.querySelector('link[data-spectral-css]')) return;
+  var link = document.createElement('link');
+  link.rel = 'stylesheet';
+  link.setAttribute('data-spectral-css', '');
+  link.href = new URL('./assets/main.css', import.meta.url).href;
+  document.head.appendChild(link);
+})();
 import { jsxs as w, jsx as t } from "react/jsx-runtime";
 import { Switch as p, SwitchThumb as k } from "./Switch/SwitchBase.js";
 import { Label as r } from "./Label.js";

package/dist/Toggle.js

@@ -1,5 +1,13 @@
 "use client";
-import './assets/main.css';
+(function(){
+  if (typeof document === 'undefined') return;
+  if (document.querySelector('link[data-spectral-css]')) return;
+  var link = document.createElement('link');
+  link.rel = 'stylesheet';
+  link.setAttribute('data-spectral-css', '');
+  link.href = new URL('./assets/main.css', import.meta.url).href;
+  document.head.appendChild(link);
+})();
 import { jsx as n } from "react/jsx-runtime";
 import { ToggleBase as g } from "./Toggle/ToggleBase.js";
 import { c as s } from "./twUtils-CRiPKpXj.js";

package/dist/ToggleGroup.js

@@ -1,5 +1,13 @@
 "use client";
-import './assets/main.css';
+(function(){
+  if (typeof document === 'undefined') return;
+  if (document.querySelector('link[data-spectral-css]')) return;
+  var link = document.createElement('link');
+  link.rel = 'stylesheet';
+  link.setAttribute('data-spectral-css', '');
+  link.href = new URL('./assets/main.css', import.meta.url).href;
+  document.head.appendChild(link);
+})();
 import { jsx as d } from "react/jsx-runtime";
 import { ToggleGroupItemBase as p, ToggleGroupBase as f } from "./ToggleGroup/ToggleGroupBase.js";
 import { toggleVariants as m } from "./Toggle.js";

package/dist/Toolbar.js

@@ -1,5 +1,13 @@
 "use client";
-import './assets/main.css';
+(function(){
+  if (typeof document === 'undefined') return;
+  if (document.querySelector('link[data-spectral-css]')) return;
+  var link = document.createElement('link');
+  link.rel = 'stylesheet';
+  link.setAttribute('data-spectral-css', '');
+  link.href = new URL('./assets/main.css', import.meta.url).href;
+  document.head.appendChild(link);
+})();
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import "react";
 const c = ({ title: r, description: t, children: l }) => /* @__PURE__ */ s("div", { className: "bg-background text-text-primary border-border-primary flex h-[72px] w-full justify-between border-b", children: [

package/dist/Tooltip.js

@@ -1,5 +1,13 @@
 "use client";
-import './assets/main.css';
+(function(){
+  if (typeof document === 'undefined') return;
+  if (document.querySelector('link[data-spectral-css]')) return;
+  var link = document.createElement('link');
+  link.rel = 'stylesheet';
+  link.setAttribute('data-spectral-css', '');
+  link.href = new URL('./assets/main.css', import.meta.url).href;
+  document.head.appendChild(link);
+})();
 import { jsx as u, jsxs as S } from "react/jsx-runtime";
 import * as a from "react";
 import { e as H, c as J, a as Q, u as Z, P as j, b as ee, d as G, f as C, D as te, h as oe } from "./index-B7LSgz_k.js";

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,+CAqK3B,CAAA"}
+{"version":3,"file":"SettingsPopover.d.ts","sourceRoot":"","sources":["../../../src/features/SettingsPopover/SettingsPopover.tsx"],"names":[],"mappings":"AAkBA,eAAO,MAAM,eAAe,+CA4J3B,CAAA"}

package/dist/features/SettingsPopover.js

@@ -26,18 +26,18 @@ import "../Icons/UndoIcon.js";
 import { ZoomAllIcon as O } from "../Icons/ZoomAllIcon.js";
 import { ZoomXIcon as I } from "../Icons/ZoomXIcon.js";
 import { ZoomYIcon as k } from "../Icons/ZoomYIcon.js";
-import { Popover as C, PopoverTrigger as G, PopoverContent as V } from "../Popover.js";
-import { RadioGroup as R, RadioGroupItem as a } from "../RadioGroup.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 p } from "../Toggle.js";
-import { ToggleGroup as h, ToggleGroupItem as l } from "../ToggleGroup.js";
-import { Tooltip as s, TooltipTrigger as m, TooltipContent as n } from "../Tooltip.js";
-import { useState as c } from "react";
+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 he = () => {
-  const [g, b] = c("green-black"), [f, d] = c(""), [v, i] = c(!1), [u, y] = c(!1);
-  return /* @__PURE__ */ r(C, { open: v, onOpenChange: i, children: [
-    /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(p, { pressed: !1, children: /* @__PURE__ */ e(z, {}) }) }),
-    /* @__PURE__ */ r(V, { side: "bottom", align: "end", children: [
+  const [g, b] = n("green-black"), [f, c] = n(""), [v, p] = n(!1), [u, y] = n(!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__ */ 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(
@@ -47,19 +47,19 @@ const he = () => {
             layout: "expanded",
             value: f,
             onValueChange: (t) => {
-              const o = typeof t == "string" ? t : "";
-              d(o), o && i(!1);
+              const i = typeof t == "string" ? t : "";
+              c(i), i && p(!1);
             },
             children: [
-              /* @__PURE__ */ r(l, { value: "zoom-all", children: [
+              /* @__PURE__ */ r(o, { value: "zoom-all", children: [
                 /* @__PURE__ */ e(O, { size: 16 }),
                 "All"
               ] }),
-              /* @__PURE__ */ r(l, { value: "zoom-bearing", children: [
+              /* @__PURE__ */ r(o, { value: "zoom-bearing", children: [
                 /* @__PURE__ */ e(I, { size: 16 }),
                 "Bearing"
               ] }),
-              /* @__PURE__ */ r(l, { value: "zoom-time", children: [
+              /* @__PURE__ */ r(o, { value: "zoom-time", children: [
                 /* @__PURE__ */ e(k, { size: 16 }),
                 "Time"
               ] })
@@ -67,13 +67,13 @@ const he = () => {
           }
         ),
         /* @__PURE__ */ r(
-          p,
+          d,
           {
             pressed: !1,
             "aria-label": "Reset zoom",
             className: "active:bg-selected-primary",
             onClick: () => {
-              d("");
+              c("");
             },
             children: [
               /* @__PURE__ */ e(x, { size: 16 }),
@@ -91,7 +91,7 @@ const he = () => {
             {
               checked: u,
               onChange: (t) => {
-                y(t), t && i(!1);
+                y(t);
               },
               labelText: "View Annotations",
               hideLabel: !0,
@@ -109,26 +109,25 @@ const he = () => {
             className: "flex items-center gap-3",
             value: g,
             onValueChange: (t) => {
-              const o = typeof t == "string" ? t : "green-black";
-              b(o), o && i(!1);
+              b(typeof t == "string" ? t : "green-black");
             },
             variant: "unstyled",
             children: [
-              /* @__PURE__ */ e(a, { value: "green-black", "aria-label": "green & black theme", children: /* @__PURE__ */ r(s, { children: [
-                /* @__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: "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(a, { value: "grayscale", "aria-label": "grayscale theme", children: /* @__PURE__ */ r(s, { children: [
-                /* @__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: "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(a, { value: "reverse-grayscale", "aria-label": "reverse grayscale theme", children: /* @__PURE__ */ r(s, { children: [
-                /* @__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: "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(a, { value: "viridis", "aria-label": "viridis theme", children: /* @__PURE__ */ r(s, { children: [
-                /* @__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" }) })
+              /* @__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" }) })
               ] }) })
             ]
           }
@@ -136,32 +135,21 @@ const he = () => {
       ] }),
       /* @__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(
-          p,
-          {
-            pressed: !1,
-            className: "active:bg-selected-primary mb-4 w-full",
-            onClick: () => {
-              i(!1);
-            },
-            children: [
-              /* @__PURE__ */ e(T, { size: 18 }),
-              "Realtime Stream"
-            ]
-          }
-        ),
+        /* @__PURE__ */ r(d, { pressed: !1, className: "active:bg-selected-primary mb-4 w-full", children: [
+          /* @__PURE__ */ e(T, { size: 18 }),
+          "Realtime Stream"
+        ] }),
         /* @__PURE__ */ r(
           h,
           {
             type: "single",
             layout: "expanded",
             onValueChange: (t) => {
-              const o = typeof t == "string" ? t : "";
-              d(o), o && i(!1);
+              c(typeof t == "string" ? t : "");
             },
             children: [
               /* @__PURE__ */ r(
-                l,
+                o,
                 {
                   value: "zoom-time",
                   className: "active:bg-selected-primary data-[state=on]:bg-toggle-bg data-[state=on]:border-toggle-border",
@@ -172,7 +160,7 @@ const he = () => {
                 }
               ),
               /* @__PURE__ */ r(
-                l,
+                o,
                 {
                   value: "zoom-bearing",
                   className: "active:bg-selected-primary data-[state=on]:bg-toggle-bg data-[state=on]:border-toggle-border",

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AACtF,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAA;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AACzD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AACnD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,KAAK,gBAAgB,EAAE,MAAM,sCAAsC,CAAA;AAC1G,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,8BAA8B,CAAA;AACzE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAGtF,cAAc,oBAAoB,CAAA;AAClC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC/E,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAGjF,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAG3C,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAA;AAGpC,OAAO,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AACtF,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAA;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AACzD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AACnD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,KAAK,gBAAgB,EAAE,MAAM,sCAAsC,CAAA;AAC1G,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,8BAA8B,CAAA;AACzE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAGtF,cAAc,oBAAoB,CAAA;AAClC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC/E,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAGjF,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAG3C,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAA"}

package/dist/main.js

@@ -1,8 +1,15 @@
 "use client";
-import './assets/main.css';
+(function(){
+  if (typeof document === 'undefined') return;
+  if (document.querySelector('link[data-spectral-css]')) return;
+  var link = document.createElement('link');
+  link.rel = 'stylesheet';
+  link.setAttribute('data-spectral-css', '');
+  link.href = new URL('./assets/main.css', import.meta.url).href;
+  document.head.appendChild(link);
+})();
 import { jsx as gS } from "react/jsx-runtime";
 import qb from "./App.js";
-/* empty css              */
 import RS, { StrictMode as Nb } from "react";
 import OS from "react-dom";
 var kp = { exports: {} }, Im = {}, Wp = { exports: {} }, gg = {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spear-ai/spectral",
-  "version": "1.3.22",
+  "version": "1.3.24",
   "type": "module",
   "private": false,
   "repository": {
@@ -19,7 +19,6 @@
       "import": "./dist/*.js",
       "types": "./dist/*.d.ts"
     },
-    "./styles": "./dist/assets/main.css",
     "./styles/base-colors.css": "./dist/styles/base-colors.css"
   },
   "typesVersions": {