visualizer-components 0.1.0

package/dist/store/store.js

@@ -0,0 +1,78 @@
+/**
+ * @file src/utils/store/index.ts\
+ * @description
+ * This file sets up the Redux store for the ASV telemetry application.
+ *
+ *
+ * @author Carson Fujita
+ * @license MIT
+ *
+ * @remarks
+ * - It configures the store with the state reducer and exports the necessary types for use throughout the application.
+ */
+/*
+MIT License
+
+Copyright (c) 2026 HumberASV
+Copyright (c) 2026 Carson Fujita
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+*/
+import { useSelector, useDispatch } from 'react-redux';
+import { configureStore } from "@reduxjs/toolkit";
+import telemetryReducer from "./slices/telemetrySlice";
+import connectionReducer from "./slices/connectionSlice";
+import videoReducer from "./slices/videoSlice";
+import visualizationReducer from "./slices/visualizationSlice";
+import simulationReducer from "./slices/simulationSlice";
+import discoveredGridReducer from "./slices/discoveredGridSlice";
+import sceneReducer from "./slices/sceneSlice";
+/**
+ * Configures the Redux store for the ASV telemetry application.
+ * @remarks
+ * - The store is configured with the state reducer,
+ *  which manages the state related to telemetry data.
+ * - Middleware is set up to disable serializable checks,
+ *  allowing for more flexible action payloads if needed.
+ * - The store is exported for use in the application,
+ *  along with types for RootState and AppDispatch to ensure type safety
+ *  when using the store in components and actions.
+ *
+ * @see {@link statusSlice} for the reducer managing the telemetry state.
+ */
+const store = configureStore({
+    reducer: {
+        telemetry: telemetryReducer,
+        visualization: visualizationReducer,
+        simulation: simulationReducer,
+        discoveredGrid: discoveredGridReducer,
+        scene: sceneReducer,
+        connection: connectionReducer,
+        video: videoReducer,
+    },
+    middleware: (getDefaultMiddleware) => getDefaultMiddleware({
+        serializableCheck: false,
+    }),
+});
+// Use throughout your app instead of plain `useDispatch` and `useSelector`
+const useAppDispatch = () => useDispatch();
+const useAppSelector = useSelector;
+export { useAppDispatch, useAppSelector };
+export default store;
+//# sourceMappingURL=store.js.map

package/dist/store/store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.js","sourceRoot":"","sources":["../../src/store/store.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH;;;;;;;;;;;;;;;;;;;;;;;EAuBE;AACF,OAAO,EAAE,WAAW,EAAE,WAAW,EAA6B,MAAM,aAAa,CAAC;AAClF,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,gBAAgB,MAAM,yBAAyB,CAAC;AACvD,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AACzD,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,oBAAoB,MAAM,6BAA6B,CAAC;AAC/D,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AACzD,OAAO,qBAAqB,MAAM,8BAA8B,CAAC;AACjE,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C;;;;;;;;;;;;GAYG;AACH,MAAM,KAAK,GAAG,cAAc,CAAC;IACzB,OAAO,EAAE;QACL,SAAS,EAAE,gBAAgB;QAC3B,aAAa,EAAE,oBAAoB;QACnC,UAAU,EAAE,iBAAiB;QAC7B,cAAc,EAAE,qBAAqB;QACrC,KAAK,EAAE,YAAY;QACnB,UAAU,EAAE,iBAAiB;QAC7B,KAAK,EAAE,YAAY;KACtB;IACD,UAAU,EAAE,CAAC,oBAAoB,EAAE,EAAE,CAAC,oBAAoB,CAAC;QACvD,iBAAiB,EAAE,KAAK;KAC3B,CAAC;CACL,CAAC,CAAC;AAOH,2EAA2E;AAC3E,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,WAAW,EAAe,CAAC;AACxD,MAAM,cAAc,GAAoC,WAAW,CAAC;AAEpE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC;AAC1C,eAAe,KAAK,CAAC"}

package/dist/theme/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @file theme/index.ts
+ * @description Barrel for the visualizer's MUI themes. Importing this module
+ * (or anything from `@humber-asv/visualizer/theme`) also activates the MUI
+ * palette module augmentations (`accent`, `status`, `gui`, `sim`, `map`,
+ * `compass`, `water`, `scene`, `telemetry`, `occupancyMap`) in the consumer's
+ * TypeScript program.
+ *
+ * @author Carson Fujita
+ * @license MIT
+ */
+export { lightTheme, theme, statusColors, setColors } from './lightTheme';
+export { telemetryTheme } from './telemetryTheme';
+//# sourceMappingURL=index.d.ts.map

package/dist/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/theme/index.js

@@ -0,0 +1,14 @@
+/**
+ * @file theme/index.ts
+ * @description Barrel for the visualizer's MUI themes. Importing this module
+ * (or anything from `@humber-asv/visualizer/theme`) also activates the MUI
+ * palette module augmentations (`accent`, `status`, `gui`, `sim`, `map`,
+ * `compass`, `water`, `scene`, `telemetry`, `occupancyMap`) in the consumer's
+ * TypeScript program.
+ *
+ * @author Carson Fujita
+ * @license MIT
+ */
+export { lightTheme, theme, statusColors, setColors } from './lightTheme';
+export { telemetryTheme } from './telemetryTheme';
+//# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/theme/lightTheme.d.ts

@@ -0,0 +1,151 @@
+import type { TaskStatus } from "../types/taskTypes";
+export declare const statusColors: Record<TaskStatus, string>;
+/**
+ * Sets the secondary status colors by
+ * converting the hex color codes to RGBA
+ *  format with the specified opacity.
+ * This function iterates through the
+ * defined status colors, converts each hex
+ * color to its RGB components, and then constructs
+ *  an RGBA color string using the OPACITY constant
+ *  for the alpha channel.
+ * The resulting RGBA colors are stored in a
+ *  new object that is returned at the end of
+ * the function.
+ * @returns the secondary status colors in RGBA format, which can be used for styling UI elements such as backgrounds or accents while maintaining visual consistency with the primary status colors.
+ */
+export declare const setColors: () => Record<TaskStatus, string>;
+declare module "@mui/material/styles" {
+    interface Palette {
+        accent: Palette["primary"];
+        tertiary: Palette["primary"];
+        status: {
+            primary: Record<TaskStatus, string>;
+            secondary: Record<TaskStatus, string>;
+        };
+        gui: {
+            primary: string;
+            secondary: string;
+            light: string;
+            muted: string;
+            subtle: string;
+            faint: string;
+        };
+        sim: {
+            auto: string;
+            manual: string;
+            connecting: string;
+        };
+        map: {
+            grid: string;
+            weight: string;
+            buoyancy: string;
+            current: string;
+            drag: string;
+            xAxis: string;
+            yAxis: string;
+            localXY: string;
+            localXZ: string;
+            localOrigin: string;
+            globalOrigin: string;
+            heading: string;
+            courseTrail: string;
+        };
+        compass: {
+            intercardinal: string;
+            north: string;
+            northEast: string;
+            east: string;
+            southEast: string;
+            south: string;
+            southWest: string;
+            west: string;
+            northWest: string;
+        };
+        water: {
+            surface: string;
+            mid: string;
+            deep: string;
+            deeper: string;
+            abyss: string;
+            highlight: string;
+        };
+        scene: {
+            skyLight: string;
+            skyDark: string;
+            skyMid: string;
+        };
+    }
+    interface PaletteOptions {
+        accent?: PaletteOptions["primary"];
+        tertiary?: PaletteOptions["primary"];
+        status?: {
+            primary?: Record<TaskStatus, string>;
+            secondary?: Record<TaskStatus, string>;
+        };
+        gui?: {
+            primary?: string;
+            secondary?: string;
+            light?: string;
+            muted?: string;
+            subtle?: string;
+            faint?: string;
+        };
+        sim?: {
+            auto?: string;
+            manual?: string;
+            connecting?: string;
+        };
+        map?: {
+            grid?: string;
+            weight?: string;
+            buoyancy?: string;
+            current?: string;
+            drag?: string;
+            xAxis?: string;
+            yAxis?: string;
+            localXY?: string;
+            localXZ?: string;
+            localOrigin?: string;
+            globalOrigin?: string;
+            heading?: string;
+            courseTrail?: string;
+        };
+        compass?: {
+            intercardinal?: string;
+            north?: string;
+            northEast?: string;
+            east?: string;
+            southEast?: string;
+            south?: string;
+            southWest?: string;
+            west?: string;
+            northWest?: string;
+        };
+        water?: {
+            surface?: string;
+            mid?: string;
+            deep?: string;
+            deeper?: string;
+            abyss?: string;
+            highlight?: string;
+        };
+        scene?: {
+            skyLight?: string;
+            skyDark?: string;
+            skyMid?: string;
+        };
+    }
+}
+declare module "@mui/material/Button" {
+    interface ButtonPropsColorOverrides {
+        accent: true;
+    }
+}
+export declare const lightTheme: import("@mui/material").Theme;
+/**
+ * Backwards-compatible alias — the HumberASV website historically imported this
+ * theme as `theme` from `src/theme.ts`.
+ */
+export declare const theme: import("@mui/material").Theme;
+//# sourceMappingURL=lightTheme.d.ts.map

package/dist/theme/lightTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lightTheme.d.ts","sourceRoot":"","sources":["../../src/theme/lightTheme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAOrD,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAMnD,CAAA;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,SAAS,QAAO,MAAM,CAAC,UAAU,EAAE,MAAM,CAYrD,CAAA;AAED,OAAO,QAAQ,sBAAsB,CAAC;IACpC,UAAU,OAAO;QACf,MAAM,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;QAC3B,QAAQ,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;QAC7B,MAAM,EAAE;YACN,OAAO,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;YACpC,SAAS,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;SACvC,CAAC;QACF,GAAG,EAAE;YACH,OAAO,EAAE,MAAM,CAAC;YAChB,SAAS,EAAE,MAAM,CAAC;YAClB,KAAK,EAAE,MAAM,CAAC;YACd,KAAK,EAAE,MAAM,CAAC;YACd,MAAM,EAAE,MAAM,CAAC;YACf,KAAK,EAAE,MAAM,CAAC;SACf,CAAC;QACF,GAAG,EAAE;YACH,IAAI,EAAE,MAAM,CAAC;YACb,MAAM,EAAE,MAAM,CAAC;YACf,UAAU,EAAE,MAAM,CAAC;SACpB,CAAC;QACF,GAAG,EAAE;YACH,IAAI,EAAE,MAAM,CAAC;YACb,MAAM,EAAE,MAAM,CAAC;YACf,QAAQ,EAAE,MAAM,CAAC;YACjB,OAAO,EAAE,MAAM,CAAC;YAChB,IAAI,EAAE,MAAM,CAAC;YACb,KAAK,EAAE,MAAM,CAAC;YACd,KAAK,EAAE,MAAM,CAAC;YACd,OAAO,EAAE,MAAM,CAAC;YAChB,OAAO,EAAE,MAAM,CAAC;YAChB,WAAW,EAAE,MAAM,CAAC;YACpB,YAAY,EAAE,MAAM,CAAC;YACrB,OAAO,EAAE,MAAM,CAAC;YAChB,WAAW,EAAE,MAAM,CAAC;SACrB,CAAC;QACF,OAAO,EAAE;YACP,aAAa,EAAE,MAAM,CAAC;YACtB,KAAK,EAAE,MAAM,CAAC;YACd,SAAS,EAAE,MAAM,CAAC;YAClB,IAAI,EAAE,MAAM,CAAC;YACb,SAAS,EAAE,MAAM,CAAC;YAClB,KAAK,EAAE,MAAM,CAAC;YACd,SAAS,EAAE,MAAM,CAAC;YAClB,IAAI,EAAE,MAAM,CAAC;YACb,SAAS,EAAE,MAAM,CAAC;SACnB,CAAC;QACF,KAAK,EAAE;YACL,OAAO,EAAE,MAAM,CAAC;YAChB,GAAG,EAAE,MAAM,CAAC;YACZ,IAAI,EAAE,MAAM,CAAC;YACb,MAAM,EAAE,MAAM,CAAC;YACf,KAAK,EAAE,MAAM,CAAC;YACd,SAAS,EAAE,MAAM,CAAC;SACnB,CAAC;QACF,KAAK,EAAE;YACL,QAAQ,EAAE,MAAM,CAAC;YACjB,OAAO,EAAE,MAAM,CAAC;YAChB,MAAM,EAAE,MAAM,CAAC;SAChB,CAAC;KACH;IACD,UAAU,cAAc;QACtB,MAAM,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;QACnC,QAAQ,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;QACrC,MAAM,CAAC,EAAE;YACP,OAAO,CAAC,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;YACrC,SAAS,CAAC,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;SACxC,CAAC;QACF,GAAG,CAAC,EAAE;YACJ,OAAO,CAAC,EAAE,MAAM,CAAC;YACjB,SAAS,CAAC,EAAE,MAAM,CAAC;YACnB,KAAK,CAAC,EAAE,MAAM,CAAC;YACf,KAAK,CAAC,EAAE,MAAM,CAAC;YACf,MAAM,CAAC,EAAE,MAAM,CAAC;YAChB,KAAK,CAAC,EAAE,MAAM,CAAC;SAChB,CAAC;QACF,GAAG,CAAC,EAAE;YACJ,IAAI,CAAC,EAAE,MAAM,CAAC;YACd,MAAM,CAAC,EAAE,MAAM,CAAC;YAChB,UAAU,CAAC,EAAE,MAAM,CAAC;SACrB,CAAC;QACF,GAAG,CAAC,EAAE;YACJ,IAAI,CAAC,EAAE,MAAM,CAAC;YACd,MAAM,CAAC,EAAE,MAAM,CAAC;YAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;YAClB,OAAO,CAAC,EAAE,MAAM,CAAC;YACjB,IAAI,CAAC,EAAE,MAAM,CAAC;YACd,KAAK,CAAC,EAAE,MAAM,CAAC;YACf,KAAK,CAAC,EAAE,MAAM,CAAC;YACf,OAAO,CAAC,EAAE,MAAM,CAAC;YACjB,OAAO,CAAC,EAAE,MAAM,CAAC;YACjB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,OAAO,CAAC,EAAE,MAAM,CAAC;YACjB,WAAW,CAAC,EAAE,MAAM,CAAC;SACtB,CAAC;QACF,OAAO,CAAC,EAAE;YACR,aAAa,CAAC,EAAE,MAAM,CAAC;YACvB,KAAK,CAAC,EAAE,MAAM,CAAC;YACf,SAAS,CAAC,EAAE,MAAM,CAAC;YACnB,IAAI,CAAC,EAAE,MAAM,CAAC;YACd,SAAS,CAAC,EAAE,MAAM,CAAC;YACnB,KAAK,CAAC,EAAE,MAAM,CAAC;YACf,SAAS,CAAC,EAAE,MAAM,CAAC;YACnB,IAAI,CAAC,EAAE,MAAM,CAAC;YACd,SAAS,CAAC,EAAE,MAAM,CAAC;SACpB,CAAC;QACF,KAAK,CAAC,EAAE;YACN,OAAO,CAAC,EAAE,MAAM,CAAC;YACjB,GAAG,CAAC,EAAE,MAAM,CAAC;YACb,IAAI,CAAC,EAAE,MAAM,CAAC;YACd,MAAM,CAAC,EAAE,MAAM,CAAC;YAChB,KAAK,CAAC,EAAE,MAAM,CAAC;YACf,SAAS,CAAC,EAAE,MAAM,CAAC;SACpB,CAAC;QACF,KAAK,CAAC,EAAE;YACN,QAAQ,CAAC,EAAE,MAAM,CAAC;YAClB,OAAO,CAAC,EAAE,MAAM,CAAC;YACjB,MAAM,CAAC,EAAE,MAAM,CAAC;SACjB,CAAC;KACH;CACF;AAGD,OAAO,QAAQ,sBAAsB,CAAC;IACpC,UAAU,yBAAyB;QACjC,MAAM,EAAE,IAAI,CAAC;KACd;CACF;AAED,eAAO,MAAM,UAAU,+BAqJrB,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,KAAK,+BAAa,CAAC"}

package/dist/theme/lightTheme.js

@@ -0,0 +1,194 @@
+import { alpha, createTheme } from "@mui/material/styles";
+// Opacity value for status colors, 
+// used to create lighter versions of the colors 
+// for backgrounds or accents in the UI
+const OPACITY = 0.2;
+export const statusColors = {
+    "autonomous": "#10b981",
+    "remote": "#3b82f6",
+    "standby": "#eab308",
+    "out of control": "#ef4444",
+    "lost connection": "#9ca3af",
+};
+/**
+ * Sets the secondary status colors by
+ * converting the hex color codes to RGBA
+ *  format with the specified opacity.
+ * This function iterates through the
+ * defined status colors, converts each hex
+ * color to its RGB components, and then constructs
+ *  an RGBA color string using the OPACITY constant
+ *  for the alpha channel.
+ * The resulting RGBA colors are stored in a
+ *  new object that is returned at the end of
+ * the function.
+ * @returns the secondary status colors in RGBA format, which can be used for styling UI elements such as backgrounds or accents while maintaining visual consistency with the primary status colors.
+ */
+export const setColors = () => {
+    const colors = {};
+    for (const status in statusColors) {
+        const key = status;
+        const color = statusColors[key];
+        const num = parseInt(color.slice(1), 16);
+        const r = (num >> 16) & 255;
+        const g = (num >> 8) & 255;
+        const b = num & 255;
+        colors[key] = `rgba(${r}, ${g}, ${b}, ${OPACITY})`;
+    }
+    return colors;
+};
+export const lightTheme = createTheme({
+    palette: {
+        mode: "light",
+        text: {
+            primary: "#000000",
+            secondary: "#4D5259",
+        },
+        background: {
+            default: "#F2F2F2",
+        },
+        primary: {
+            main: "#A06CD3",
+            light: "#B980F1",
+            dark: "#76529A",
+        },
+        secondary: {
+            main: "#D9D9D9",
+        },
+        accent: {
+            main: "#D9FA05",
+            light: "#E6FB4C",
+            dark: "#C2E006",
+            contrastText: "#00435C",
+        },
+        tertiary: {
+            main: "#070373",
+            light: "#070373",
+            dark: "#080721",
+            contrastText: "#FFFFFF",
+        },
+        status: {
+            primary: statusColors,
+            secondary: setColors(),
+        },
+        map: {
+            grid: "#cbd5e1",
+            weight: "#ef4444",
+            buoyancy: "#22c55e",
+            current: "#3b82f6",
+            drag: "#f59e0b",
+            xAxis: "#eab308",
+            yAxis: "#10b981",
+            localXY: "#3b82f6",
+            localXZ: "#f59e0b",
+            localOrigin: "#10b981",
+            globalOrigin: "#cbd5e1",
+            heading: "#ef4444",
+            courseTrail: "#b45309",
+        },
+        gui: {
+            primary: "rgba(30, 41, 59, 0.7)",
+            secondary: "rgba(51, 65, 85, 0.9)",
+            light: "rgba(255, 255, 255, 0.8)",
+            muted: "#94a3b8",
+            subtle: "#64748b",
+            faint: "#475569",
+        },
+        sim: {
+            auto: "#a78bfa",
+            manual: "#fbbf24",
+            connecting: "#60a5fa",
+        },
+        compass: {
+            intercardinal: "rgba(255,255,255,0.55)",
+            north: "#ff9999",
+            northEast: "#ffb380",
+            east: "#ffe066",
+            southEast: "#99ddaa",
+            south: "#77cc88",
+            southWest: "#88ccee",
+            west: "#8899ee",
+            northWest: "#cc99dd",
+        },
+        water: {
+            surface: "#0ea5e9",
+            mid: "#0284c7",
+            deep: "#0369a1",
+            deeper: "#075985",
+            abyss: "#0c4a6e",
+            highlight: "#38bdf8",
+        },
+        scene: {
+            skyLight: "#1e3a5f",
+            skyDark: "#0f172a",
+            skyMid: "#1e293b",
+        },
+    },
+    typography: {
+        fontFamily: `'Roboto', 'Arial', sans-serif`,
+        h1: {
+            fontFamily: `'Montserrat', 'Roboto', sans-serif`,
+            fontWeight: 600,
+        },
+        h2: {
+            fontFamily: `'Montserrat', 'Roboto', sans-serif`,
+            fontWeight: 600,
+        },
+        h3: {
+            fontFamily: `'Montserrat', 'Roboto', sans-serif`,
+            fontWeight: 600,
+        },
+        h4: {
+            fontFamily: `'Montserrat', 'Roboto', sans-serif`,
+            fontWeight: 600,
+        },
+        h5: {
+            fontFamily: `'Montserrat', 'Roboto', sans-serif`,
+            fontWeight: 600,
+        },
+        h6: {
+            fontFamily: `'Montserrat', 'Roboto', sans-serif`,
+            fontWeight: 600,
+        },
+        button: {
+            fontFamily: `'Montserrat', 'Roboto', sans-serif`,
+            fontWeight: 600,
+            textTransform: "none",
+        },
+    },
+    components: {
+        MuiButton: {
+            styleOverrides: {
+                root: {
+                    borderRadius: 8,
+                },
+            },
+        },
+        MuiListItemButton: {
+            styleOverrides: {
+                // Change `root` to an arrow function that destructures { theme }
+                root: ({ theme }) => ({
+                    borderRadius: 4,
+                    "&.Mui-selected": {
+                        // Now you can pass the raw string directly into alpha
+                        backgroundColor: alpha(theme.palette.primary.main, 0.1),
+                        color: theme.palette.primary.main,
+                        "&:hover": {
+                            backgroundColor: alpha(theme.palette.primary.main, 0.2),
+                        },
+                    },
+                    "&:hover": {
+                        backgroundColor: alpha(theme.palette.primary.main, 0.15),
+                        color: theme.palette.primary.main,
+                    },
+                }),
+            },
+        },
+    }
+});
+/**
+ * Backwards-compatible alias — the HumberASV website historically imported this
+ * theme as `theme` from `src/theme.ts`.
+ */
+export const theme = lightTheme;
+//# sourceMappingURL=lightTheme.js.map

package/dist/theme/lightTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lightTheme.js","sourceRoot":"","sources":["../../src/theme/lightTheme.ts"],"names":[],"mappings":"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"}

package/dist/theme/telemetryTheme.d.ts

@@ -0,0 +1,90 @@
+declare module "@mui/material/styles" {
+    interface Palette {
+        telemetry: {
+            status: {
+                online: string;
+                warning: string;
+                error: string;
+                offline: string;
+            };
+            background: {
+                primary: string;
+                secondary: string;
+                tertiary: string;
+                header: string;
+                overlay: string;
+                headerAlt: string;
+                empty: string;
+            };
+            border: {
+                light: string;
+                lighter: string;
+                lightest: string;
+            };
+            text: {
+                primary: string;
+                secondary: string;
+            };
+            accent: string;
+        };
+        occupancyMap: {
+            empty: string;
+            occupied: string;
+            path: string;
+            current: string;
+            objective: string;
+            error: string;
+            currentIcon: string;
+            objectiveIcon: string;
+            errorIcon: string;
+            courseIcon: string;
+            course: string;
+            plan: string;
+        };
+    }
+    interface PaletteOptions {
+        telemetry?: {
+            status?: {
+                online?: string;
+                warning?: string;
+                error?: string;
+                offline?: string;
+            };
+            background?: {
+                primary?: string;
+                secondary?: string;
+                tertiary?: string;
+                header?: string;
+                overlay?: string;
+                headerAlt?: string;
+                empty?: string;
+            };
+            border?: {
+                light?: string;
+                lighter?: string;
+                lightest?: string;
+            };
+            text?: {
+                primary?: string;
+                secondary?: string;
+            };
+            accent?: string;
+        };
+        occupancyMap?: {
+            empty?: string;
+            occupied?: string;
+            path?: string;
+            current?: string;
+            objective?: string;
+            error?: string;
+            currentIcon?: string;
+            objectiveIcon?: string;
+            errorIcon?: string;
+            courseIcon?: string;
+            course?: string;
+            plan?: string;
+        };
+    }
+}
+export declare const telemetryTheme: import("@mui/material").Theme;
+//# sourceMappingURL=telemetryTheme.d.ts.map

package/dist/theme/telemetryTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"telemetryTheme.d.ts","sourceRoot":"","sources":["../../src/theme/telemetryTheme.ts"],"names":[],"mappings":"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"}