@spear-ai/spectral 1.3.20 → 1.3.22

package/dist/features/SensorMetadata/SensorMetadata.d.ts

@@ -0,0 +1,2 @@
+export declare const SensorMetadata: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SensorMetadata.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SensorMetadata.d.ts","sourceRoot":"","sources":["../../../src/features/SensorMetadata/SensorMetadata.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,+CAgE1B,CAAA"}

package/dist/features/SensorMetadata.js

@@ -0,0 +1,85 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { Drawer as r } from "../Drawer.js";
+import "../Icons/AnnotationsIcon.js";
+import "../Icons/CalendarIcon.js";
+import { ClockIcon as i } from "../Icons/ClockIcon.js";
+import "../Icons/DeleteIcon.js";
+import { DurationIcon as a } from "../Icons/DurationIcon.js";
+import "../Icons/EraserIcon.js";
+import "../Icons/GoToFirstIcon.js";
+import "../Icons/GoToLastIcon.js";
+import { InfoIcon as s } from "../Icons/InfoIcon.js";
+import "../Icons/LabelIcon.js";
+import "../Icons/LassoIcon.js";
+import "../Icons/LineToolIcon.js";
+import "../Icons/LiveViewIcon.js";
+import { LocationIcon as c } from "../Icons/LocationIcon.js";
+import { MetadataIcon as m } from "../Icons/MetadataIcon.js";
+import "../Icons/OntologyIcon.js";
+import "../Icons/PlayIcon.js";
+import "../Icons/PlusIcon.js";
+import "../Icons/ResetIcon.js";
+import "../Icons/ScissorsIcon.js";
+import "../Icons/SettingsIcon.js";
+import "../Icons/TrashIcon.js";
+import "../Icons/UndoIcon.js";
+import "../Icons/ZoomAllIcon.js";
+import "../Icons/ZoomXIcon.js";
+import "../Icons/ZoomYIcon.js";
+const T = () => /* @__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 }),
+      "sensor type"
+    ] }),
+    /* @__PURE__ */ e("div", { className: "!text-text-accent-primary mt-4 flex text-center !text-xl", children: "Omnidirectional Hydrophone Array" })
+  ] }),
+  /* @__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(c, { size: 16 }),
+      "location"
+    ] }),
+    /* @__PURE__ */ e("div", { className: "!text-text-accent-primary mt-4 flex justify-center !text-xl", children: "42.3601° N, 71.0589° W" }),
+    /* @__PURE__ */ e("div", { className: "!text-text-primary flex justify-center text-sm", children: "North Atlantic Ocean" })
+  ] }),
+  /* @__PURE__ */ t("div", { className: "flex gap-4", children: [
+    /* @__PURE__ */ e("div", { className: "bg-card-bg-secondary w-1/2 rounded-md px-4 py-5", children: /* @__PURE__ */ t("div", { className: "flex flex-col items-center gap-1 font-semibold", children: [
+      /* @__PURE__ */ t("div", { className: "!text-text-accent-primary flex items-baseline !text-xl", children: [
+        "45.2",
+        /* @__PURE__ */ e("span", { className: "!text-text-primary !text-sm font-normal", children: "m" })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "!text-sm font-medium uppercase", children: "water depth" })
+    ] }) }),
+    /* @__PURE__ */ e("div", { className: "bg-card-bg-secondary w-1/2 rounded-md px-4 py-5", children: /* @__PURE__ */ t("div", { className: "flex flex-col items-center gap-1 font-semibold", children: [
+      /* @__PURE__ */ e("div", { className: "!text-text-success !text-lg font-semibold", children: "Active" }),
+      /* @__PURE__ */ e("div", { className: "!text-sm font-medium uppercase", children: "status" })
+    ] }) })
+  ] }),
+  /* @__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(i, { size: 16 }),
+      "time details"
+    ] }),
+    /* @__PURE__ */ t("div", { className: "mt-5 flex justify-between", children: [
+      /* @__PURE__ */ e("div", { className: "!text-text-secondary", children: "Start Date" }),
+      /* @__PURE__ */ e("div", { className: "!text-text-accent-primary", children: "March 1, 2025" })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "border-border-secondary mt-3 flex justify-between border-t pt-3", children: [
+      /* @__PURE__ */ e("div", { className: "!text-text-secondary", children: "Time Range" }),
+      /* @__PURE__ */ e("div", { className: "!text-text-accent-primary", children: "8:43am - 9:26am" })
+    ] })
+  ] }),
+  /* @__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(a, { size: 16 }),
+      "active duration"
+    ] }),
+    /* @__PURE__ */ t("div", { className: "sb-unstyled mt-4 flex flex-col justify-between", children: [
+      /* @__PURE__ */ e("div", { className: "!text-text-accent-primary flex justify-center !text-xl font-semibold", children: "44.3 minutes" }),
+      /* @__PURE__ */ e("div", { className: "flex justify-center !text-sm font-medium uppercase", children: "total active time" })
+    ] })
+  ] })
+] }) });
+export {
+  T as SensorMetadata
+};

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

@@ -0,0 +1,2 @@
+export declare const SettingsPopover: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SettingsPopover.d.ts.map

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

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

package/dist/features/SettingsPopover.js

@@ -0,0 +1,194 @@
+"use client";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import "../Icons/AnnotationsIcon.js";
+import "../Icons/CalendarIcon.js";
+import "../Icons/ClockIcon.js";
+import "../Icons/DeleteIcon.js";
+import "../Icons/DurationIcon.js";
+import "../Icons/EraserIcon.js";
+import { GoToFirstIcon as w } from "../Icons/GoToFirstIcon.js";
+import { GoToLastIcon as N } from "../Icons/GoToLastIcon.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 "../Icons/LocationIcon.js";
+import "../Icons/MetadataIcon.js";
+import "../Icons/OntologyIcon.js";
+import "../Icons/PlayIcon.js";
+import "../Icons/PlusIcon.js";
+import { ResetIcon as x } from "../Icons/ResetIcon.js";
+import "../Icons/ScissorsIcon.js";
+import { SettingsIcon as z } from "../Icons/SettingsIcon.js";
+import "../Icons/TrashIcon.js";
+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 { 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";
+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: [
+      /* @__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(
+          h,
+          {
+            type: "single",
+            layout: "expanded",
+            value: f,
+            onValueChange: (t) => {
+              const o = typeof t == "string" ? t : "";
+              d(o), o && i(!1);
+            },
+            children: [
+              /* @__PURE__ */ r(l, { value: "zoom-all", children: [
+                /* @__PURE__ */ e(O, { size: 16 }),
+                "All"
+              ] }),
+              /* @__PURE__ */ r(l, { value: "zoom-bearing", children: [
+                /* @__PURE__ */ e(I, { size: 16 }),
+                "Bearing"
+              ] }),
+              /* @__PURE__ */ r(l, { value: "zoom-time", children: [
+                /* @__PURE__ */ e(k, { size: 16 }),
+                "Time"
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ r(
+          p,
+          {
+            pressed: !1,
+            "aria-label": "Reset zoom",
+            className: "active:bg-selected-primary",
+            onClick: () => {
+              d("");
+            },
+            children: [
+              /* @__PURE__ */ e(x, { size: 16 }),
+              "Reset"
+            ]
+          }
+        )
+      ] }),
+      /* @__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: "Display Options" }),
+        /* @__PURE__ */ r("div", { className: "flex items-center justify-between", children: [
+          "View Annotations",
+          /* @__PURE__ */ e(
+            S,
+            {
+              checked: u,
+              onChange: (t) => {
+                y(t), t && i(!1);
+              },
+              labelText: "View Annotations",
+              hideLabel: !0,
+              id: "view-annotations"
+            }
+          )
+        ] })
+      ] }),
+      /* @__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,
+          {
+            orientation: "horizontal",
+            className: "flex items-center gap-3",
+            value: g,
+            onValueChange: (t) => {
+              const o = typeof t == "string" ? t : "green-black";
+              b(o), o && i(!1);
+            },
+            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(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(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(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__ */ 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(
+          h,
+          {
+            type: "single",
+            layout: "expanded",
+            onValueChange: (t) => {
+              const o = typeof t == "string" ? t : "";
+              d(o), o && i(!1);
+            },
+            children: [
+              /* @__PURE__ */ r(
+                l,
+                {
+                  value: "zoom-time",
+                  className: "active:bg-selected-primary data-[state=on]:bg-toggle-bg data-[state=on]:border-toggle-border",
+                  children: [
+                    /* @__PURE__ */ e(w, { size: 16 }),
+                    "Oldest Data"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ r(
+                l,
+                {
+                  value: "zoom-bearing",
+                  className: "active:bg-selected-primary data-[state=on]:bg-toggle-bg data-[state=on]:border-toggle-border",
+                  children: [
+                    /* @__PURE__ */ e(N, { size: 16 }),
+                    "Newest Data"
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
+export {
+  he as SettingsPopover
+};

package/dist/index.d.ts

@@ -3,6 +3,7 @@ export { Button, type ButtonProps } from './components/Button/Button';
 export { Card, type CardProps } from './components/Card/Card';
 export { Drawer, type DrawerProps } from './components/Drawer/Drawer';
 export { Popover, PopoverContent, PopoverTrigger } from './components/Popover/Popover';
+export { RadioGroup, RadioGroupItem } from './components/RadioGroup/RadioGroup';
 export { Skeleton } from './components/Skeleton/Skeleton';
 export { Slider, type SliderProps } from './components/Slider/Slider';
 export { Switch } from './components/Switch/Switch';

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,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;AAGpC,OAAO,mBAAmB,CAAA"}

package/dist/loader-circle-CvdzOiQ_.js

@@ -0,0 +1,11 @@
+import { c } from "./createLucideIcon-CI1yJrZf.js";
+/**
+ * @license lucide-react v0.542.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const e = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], a = c("loader-circle", e);
+export {
+  a as L
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spear-ai/spectral",
-  "version": "1.3.20",
+  "version": "1.3.22",
   "type": "module",
   "private": false,
   "repository": {
@@ -19,7 +19,8 @@
       "import": "./dist/*.js",
       "types": "./dist/*.d.ts"
     },
-    "./styles": "./dist/assets/main.css"
+    "./styles": "./dist/assets/main.css",
+    "./styles/base-colors.css": "./dist/styles/base-colors.css"
   },
   "typesVersions": {
     "*": {
@@ -58,6 +59,8 @@
     "@storybook/react": "^9.1.4",
     "@storybook/react-vite": "^9.1.3",
     "@tailwindcss/vite": "^4.1.12",
+    "@testing-library/jest-dom": "^6.8.0",
+    "@testing-library/react": "^16.3.0",
     "@types/node": "^24.3.1",
     "@types/react": "^19.1.12",
     "@types/react-dom": "^19.1.9",

package/src/styles/main.css

@@ -1,5 +1,6 @@
 @import 'tailwindcss';
 @import 'tw-animate-css';
+@import './horizon/base-colors.css';
 @import './horizon/colors.css';
 @import './horizon/theme.css';
 @import './horizon/base.css';