@luxonis/depthai-viewer-common 3.7.6 → 3.8.0

package/dist/index.css

@@ -14,7 +14,6 @@
     --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
       "Courier New", monospace;
     --color-slate-600: oklch(44.6% 0.043 257.281);
-    --color-gray-100: oklch(96.7% 0.003 264.542);
     --color-gray-700: oklch(37.3% 0.034 259.733);
     --color-black: #000;
     --color-white: #fff;
@@ -917,9 +916,6 @@
     --tw-border-style: solid;
     border-style: solid;
   }
-  .border-\[\#d3d3d3d9\] {
-    border-color: #d3d3d3d9;
-  }
   .border-\[color-mix\(in_srgb\,var\(--lux-muted-foreground\)_65\%\,var\(--lux-background\)\)\] {
     border-color: var(--lux-muted-foreground);
     @supports (color: color-mix(in lab, red, red)) {
@@ -947,6 +943,15 @@
   .border-black {
     border-color: var(--color-black);
   }
+  .border-border {
+    border-color: var(--lux-border);
+  }
+  .border-divider {
+    border-color: var(--lux-divider);
+  }
+  .border-input {
+    border-color: var(--lux-input);
+  }
   .border-transparent {
     border-color: transparent;
   }
@@ -986,6 +991,9 @@
   .bg-\[var\(--ui-color-bg\)\] {
     background-color: var(--ui-color-bg);
   }
+  .bg-background {
+    background-color: var(--lux-background);
+  }
   .bg-black {
     background-color: var(--color-black);
   }
@@ -995,8 +1003,23 @@
       background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
     }
   }
-  .bg-gray-100 {
-    background-color: var(--color-gray-100);
+  .bg-border {
+    background-color: var(--lux-border);
+  }
+  .bg-canvas {
+    background-color: var(--lux-canvas);
+  }
+  .bg-card {
+    background-color: var(--lux-card);
+  }
+  .bg-input {
+    background-color: var(--lux-input);
+  }
+  .bg-muted {
+    background-color: var(--lux-muted);
+  }
+  .bg-muted-foreground {
+    background-color: var(--lux-muted-foreground);
   }
   .bg-transparent {
     background-color: transparent;
@@ -1239,12 +1262,33 @@
   .text-black {
     color: var(--color-black);
   }
+  .text-border {
+    color: var(--lux-border);
+  }
+  .text-foreground {
+    color: var(--lux-foreground);
+  }
+  .text-foreground\/70 {
+    color: var(--lux-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--lux-foreground) 70%, transparent);
+    }
+  }
   .text-gray-700 {
     color: var(--color-gray-700);
   }
   .text-inherit {
     color: inherit;
   }
+  .text-muted-foreground {
+    color: var(--lux-muted-foreground);
+  }
+  .text-muted-foreground\/80 {
+    color: var(--lux-muted-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--lux-muted-foreground) 80%, transparent);
+    }
+  }
   .text-slate-600 {
     color: var(--color-slate-600);
   }
@@ -1296,6 +1340,9 @@
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .ring-offset-background {
+    --tw-ring-offset-color: var(--lux-background);
+  }
   .outline {
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
@@ -1373,6 +1420,11 @@
     .group-hover\:opacity-100:is(:where(.group):hover *) {
       opacity: 100%;
     }
+  }
+  .placeholder\:text-muted-foreground::placeholder {
+    color: var(--lux-muted-foreground);
+  }
+  @media (hover: hover) {
     .hover\:border-\[var\(--ui-color-border-hover\)\]:hover {
       border-color: var(--ui-color-border-hover);
     }
@@ -1382,6 +1434,9 @@
     .hover\:text-\[var\(--ui-color-text-hover\)\]:hover {
       color: var(--ui-color-text-hover);
     }
+    .hover\:text-foreground:hover {
+      color: var(--lux-foreground);
+    }
     .hover\:underline:hover {
       text-decoration-line: underline;
     }
@@ -1451,6 +1506,12 @@
   .data-\[disabled\]\:opacity-50[data-disabled] {
     opacity: 50%;
   }
+  .data-\[state\=active\]\:bg-background[data-state="active"] {
+    background-color: var(--lux-background);
+  }
+  .data-\[state\=active\]\:text-foreground[data-state="active"] {
+    color: var(--lux-foreground);
+  }
   .data-\[state\=active\]\:shadow-sm[data-state="active"] {
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1466,6 +1527,9 @@
     --tw-translate-x: 0px;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] {
+    background-color: var(--lux-input);
+  }
   @media (width >= 40rem) {
     .sm\:max-w-\[420px\] {
       max-width: 420px;
@@ -1507,6 +1571,349 @@
     rotate: 180deg;
   }
 }
+:root {
+  color-scheme: light;
+  --lux-surface: #ffffff;
+  --lux-surface-raised: #ffffff;
+  --lux-surface-sunken: #f2f4f7;
+  --lux-popover: #ffffff;
+  --lux-popover-foreground: #1d2939;
+  --lux-divider: #d3d3d3d9;
+  --lux-overlay: #00000040;
+  --lux-canvas: #ffffff;
+  --lux-chart-x: #82ca9d;
+  --lux-chart-y: #00099d;
+  --lux-chart-z: #ff0000;
+  --lux-chart-grid: #cccccc;
+  --lux-chart-axis: #666666;
+}
+html.dark {
+  color-scheme: dark;
+  --lux-background: #0b1220;
+  --lux-foreground: #e6e9ef;
+  --lux-card: #111a2b;
+  --lux-card-foreground: #e6e9ef;
+  --lux-popover: #1a2437;
+  --lux-popover-foreground: #e6e9ef;
+  --lux-surface: #111a2b;
+  --lux-surface-raised: #1a2437;
+  --lux-surface-sunken: #080d18;
+  --lux-divider: #2c3a50;
+  --lux-overlay: #000000a6;
+  --lux-canvas: #0b1220;
+  --lux-chart-x: #82ca9d;
+  --lux-chart-y: #7b83ff;
+  --lux-chart-z: #ff6b6b;
+  --lux-chart-grid: #2c3a50;
+  --lux-chart-axis: #98a2b3;
+  --lux-border: #2c3a50;
+  --lux-input: #2c3a50;
+  --lux-ring: #8da4f4;
+  --lux-muted: #16202f;
+  --lux-muted-foreground: #98a2b3;
+  --lux-secondary: #1a2437;
+  --lux-secondary-foreground: #cbd2dd;
+  --lux-accent: #1e2450;
+  --lux-accent-foreground: #a5b0f7;
+  --lux-primary: #4c4ff1;
+  --lux-primary-foreground: #ffffff;
+  --lux-destructive: #f04438;
+  --lux-destructive-foreground: #ffffff;
+  --lux-success: #12b76a;
+  --lux-success-foreground: #ffffff;
+  --lux-warning: #dc6803;
+  --lux-warning-foreground: #ffffff;
+  --lux-intent-active-solid: #4c4ff1;
+  --lux-intent-active-hover-solid: #5f62f4;
+  --lux-intent-active-soft: #1e2450;
+  --lux-intent-active-hover-soft: #262d61;
+  --lux-intent-active-text: #a5b0f7;
+  --lux-intent-active-border: #3b45a8;
+  --lux-intent-active-on-solid: #ffffff;
+  --lux-intent-gray-solid: #667085;
+  --lux-intent-gray-hover-solid: #7b849a;
+  --lux-intent-gray-soft: #1d2939;
+  --lux-intent-gray-hover-soft: #263447;
+  --lux-intent-gray-text: #d0d5dd;
+  --lux-intent-gray-border: #2c3a50;
+  --lux-intent-gray-on-solid: #ffffff;
+  --lux-intent-success-solid: #12b76a;
+  --lux-intent-success-hover-solid: #2ecc84;
+  --lux-intent-success-soft: #0c2c1e;
+  --lux-intent-success-hover-soft: #113a28;
+  --lux-intent-success-text: #6ce9a6;
+  --lux-intent-success-border: #1f6b45;
+  --lux-intent-success-on-solid: #ffffff;
+  --lux-intent-warning-solid: #dc6803;
+  --lux-intent-warning-hover-solid: #f08316;
+  --lux-intent-warning-soft: #2f1e05;
+  --lux-intent-warning-hover-soft: #3d2708;
+  --lux-intent-warning-text: #fdb022;
+  --lux-intent-warning-border: #7c4a0a;
+  --lux-intent-warning-on-solid: #ffffff;
+  --lux-intent-error-solid: #f04438;
+  --lux-intent-error-hover-solid: #f4695f;
+  --lux-intent-error-soft: #351210;
+  --lux-intent-error-hover-soft: #451915;
+  --lux-intent-error-text: #fda29b;
+  --lux-intent-error-border: #8f2d25;
+  --lux-intent-error-on-solid: #ffffff;
+  --lux-intent-white-solid: #1a2437;
+  --lux-intent-white-hover-solid: #243149;
+  --lux-intent-white-soft: #1a2437;
+  --lux-intent-white-hover-soft: #243149;
+  --lux-intent-white-text: #e6e9ef;
+  --lux-intent-white-border: #2c3a50;
+  --lux-intent-white-on-solid: #e6e9ef;
+  --lux-component-filled-active-text: var(--lux-intent-active-on-solid);
+  --lux-component-filled-active-background: var(--lux-intent-active-solid);
+  --lux-component-filled-active-border: var(--lux-intent-active-solid);
+  --lux-component-filled-active-hover-background: var(
+		--lux-intent-active-hover-solid
+	);
+  --lux-component-filled-active-hover-border: var(
+		--lux-intent-active-hover-solid
+	);
+  --lux-component-filled-active-hover-text: var(--lux-intent-active-on-solid);
+  --lux-component-filled-gray-text: var(--lux-intent-gray-on-solid);
+  --lux-component-filled-gray-background: var(--lux-intent-gray-solid);
+  --lux-component-filled-gray-border: var(--lux-intent-gray-solid);
+  --lux-component-filled-gray-hover-background: var(
+		--lux-intent-gray-hover-solid
+	);
+  --lux-component-filled-gray-hover-border: var(--lux-intent-gray-hover-solid);
+  --lux-component-filled-gray-hover-text: var(--lux-intent-gray-on-solid);
+  --lux-component-filled-success-text: var(--lux-intent-success-on-solid);
+  --lux-component-filled-success-background: var(--lux-intent-success-solid);
+  --lux-component-filled-success-border: var(--lux-intent-success-solid);
+  --lux-component-filled-success-hover-background: var(
+		--lux-intent-success-hover-solid
+	);
+  --lux-component-filled-success-hover-border: var(
+		--lux-intent-success-hover-solid
+	);
+  --lux-component-filled-success-hover-text: var(--lux-intent-success-on-solid);
+  --lux-component-filled-warning-text: var(--lux-intent-warning-on-solid);
+  --lux-component-filled-warning-background: var(--lux-intent-warning-solid);
+  --lux-component-filled-warning-border: var(--lux-intent-warning-solid);
+  --lux-component-filled-warning-hover-background: var(
+		--lux-intent-warning-hover-solid
+	);
+  --lux-component-filled-warning-hover-border: var(
+		--lux-intent-warning-hover-solid
+	);
+  --lux-component-filled-warning-hover-text: var(--lux-intent-warning-on-solid);
+  --lux-component-filled-error-text: var(--lux-intent-error-on-solid);
+  --lux-component-filled-error-background: var(--lux-intent-error-solid);
+  --lux-component-filled-error-border: var(--lux-intent-error-solid);
+  --lux-component-filled-error-hover-background: var(
+		--lux-intent-error-hover-solid
+	);
+  --lux-component-filled-error-hover-border: var(
+		--lux-intent-error-hover-solid
+	);
+  --lux-component-filled-error-hover-text: var(--lux-intent-error-on-solid);
+  --lux-component-filled-white-text: var(--lux-intent-white-on-solid);
+  --lux-component-filled-white-background: var(--lux-intent-white-solid);
+  --lux-component-filled-white-border: var(--lux-intent-white-solid);
+  --lux-component-filled-white-hover-background: var(
+		--lux-intent-white-hover-solid
+	);
+  --lux-component-filled-white-hover-border: var(
+		--lux-intent-white-hover-solid
+	);
+  --lux-component-filled-white-hover-text: var(--lux-intent-white-on-solid);
+  --lux-component-light-active-text: var(--lux-intent-active-text);
+  --lux-component-light-active-background: var(--lux-intent-active-soft);
+  --lux-component-light-active-border: var(--lux-intent-active-soft);
+  --lux-component-light-active-hover-background: var(
+		--lux-intent-active-hover-soft
+	);
+  --lux-component-light-active-hover-border: var(
+		--lux-intent-active-hover-soft
+	);
+  --lux-component-light-active-hover-text: var(--lux-intent-active-text);
+  --lux-component-light-gray-text: var(--lux-intent-gray-text);
+  --lux-component-light-gray-background: var(--lux-intent-gray-soft);
+  --lux-component-light-gray-border: var(--lux-intent-gray-soft);
+  --lux-component-light-gray-hover-background: var(
+		--lux-intent-gray-hover-soft
+	);
+  --lux-component-light-gray-hover-border: var(--lux-intent-gray-hover-soft);
+  --lux-component-light-gray-hover-text: var(--lux-intent-gray-text);
+  --lux-component-light-success-text: var(--lux-intent-success-text);
+  --lux-component-light-success-background: var(--lux-intent-success-soft);
+  --lux-component-light-success-border: var(--lux-intent-success-soft);
+  --lux-component-light-success-hover-background: var(
+		--lux-intent-success-hover-soft
+	);
+  --lux-component-light-success-hover-border: var(
+		--lux-intent-success-hover-soft
+	);
+  --lux-component-light-success-hover-text: var(--lux-intent-success-text);
+  --lux-component-light-warning-text: var(--lux-intent-warning-text);
+  --lux-component-light-warning-background: var(--lux-intent-warning-soft);
+  --lux-component-light-warning-border: var(--lux-intent-warning-soft);
+  --lux-component-light-warning-hover-background: var(
+		--lux-intent-warning-hover-soft
+	);
+  --lux-component-light-warning-hover-border: var(
+		--lux-intent-warning-hover-soft
+	);
+  --lux-component-light-warning-hover-text: var(--lux-intent-warning-text);
+  --lux-component-light-error-text: var(--lux-intent-error-text);
+  --lux-component-light-error-background: var(--lux-intent-error-soft);
+  --lux-component-light-error-border: var(--lux-intent-error-soft);
+  --lux-component-light-error-hover-background: var(
+		--lux-intent-error-hover-soft
+	);
+  --lux-component-light-error-hover-border: var(--lux-intent-error-hover-soft);
+  --lux-component-light-error-hover-text: var(--lux-intent-error-text);
+  --lux-component-light-white-text: var(--lux-intent-white-text);
+  --lux-component-light-white-background: var(--lux-intent-white-soft);
+  --lux-component-light-white-border: var(--lux-intent-white-soft);
+  --lux-component-light-white-hover-background: var(
+		--lux-intent-white-hover-soft
+	);
+  --lux-component-light-white-hover-border: var(--lux-intent-white-hover-soft);
+  --lux-component-light-white-hover-text: var(--lux-intent-white-text);
+  --lux-component-outline-active-text: var(--lux-intent-active-text);
+  --lux-component-outline-active-background: var(--lux-intent-active-soft);
+  --lux-component-outline-active-border: var(--lux-intent-active-border);
+  --lux-component-outline-active-hover-background: var(
+		--lux-intent-active-hover-soft
+	);
+  --lux-component-outline-active-hover-border: var(--lux-intent-active-border);
+  --lux-component-outline-active-hover-text: var(--lux-intent-active-text);
+  --lux-component-outline-gray-text: var(--lux-intent-gray-text);
+  --lux-component-outline-gray-background: var(--lux-intent-gray-soft);
+  --lux-component-outline-gray-border: var(--lux-intent-gray-border);
+  --lux-component-outline-gray-hover-background: var(
+		--lux-intent-gray-hover-soft
+	);
+  --lux-component-outline-gray-hover-border: var(--lux-intent-gray-border);
+  --lux-component-outline-gray-hover-text: var(--lux-intent-gray-text);
+  --lux-component-outline-success-text: var(--lux-intent-success-text);
+  --lux-component-outline-success-background: var(--lux-intent-success-soft);
+  --lux-component-outline-success-border: var(--lux-intent-success-border);
+  --lux-component-outline-success-hover-background: var(
+		--lux-intent-success-hover-soft
+	);
+  --lux-component-outline-success-hover-border: var(
+		--lux-intent-success-border
+	);
+  --lux-component-outline-success-hover-text: var(--lux-intent-success-text);
+  --lux-component-outline-warning-text: var(--lux-intent-warning-text);
+  --lux-component-outline-warning-background: var(--lux-intent-warning-soft);
+  --lux-component-outline-warning-border: var(--lux-intent-warning-border);
+  --lux-component-outline-warning-hover-background: var(
+		--lux-intent-warning-hover-soft
+	);
+  --lux-component-outline-warning-hover-border: var(
+		--lux-intent-warning-border
+	);
+  --lux-component-outline-warning-hover-text: var(--lux-intent-warning-text);
+  --lux-component-outline-error-text: var(--lux-intent-error-text);
+  --lux-component-outline-error-background: var(--lux-intent-error-soft);
+  --lux-component-outline-error-border: var(--lux-intent-error-border);
+  --lux-component-outline-error-hover-background: var(
+		--lux-intent-error-hover-soft
+	);
+  --lux-component-outline-error-hover-border: var(--lux-intent-error-border);
+  --lux-component-outline-error-hover-text: var(--lux-intent-error-text);
+  --lux-component-outline-white-text: var(--lux-intent-white-text);
+  --lux-component-outline-white-background: var(--lux-intent-white-soft);
+  --lux-component-outline-white-border: var(--lux-intent-white-border);
+  --lux-component-outline-white-hover-background: var(
+		--lux-intent-white-hover-soft
+	);
+  --lux-component-outline-white-hover-border: var(--lux-intent-white-border);
+  --lux-component-outline-white-hover-text: var(--lux-intent-white-text);
+  --lux-component-ghost-active-text: var(--lux-intent-active-text);
+  --lux-component-ghost-active-background: transparent;
+  --lux-component-ghost-active-border: transparent;
+  --lux-component-ghost-active-hover-background: var(--lux-intent-active-soft);
+  --lux-component-ghost-active-hover-border: var(--lux-intent-active-soft);
+  --lux-component-ghost-active-hover-text: var(--lux-intent-active-text);
+  --lux-component-ghost-gray-text: var(--lux-intent-gray-text);
+  --lux-component-ghost-gray-background: transparent;
+  --lux-component-ghost-gray-border: transparent;
+  --lux-component-ghost-gray-hover-background: var(--lux-intent-gray-soft);
+  --lux-component-ghost-gray-hover-border: var(--lux-intent-gray-soft);
+  --lux-component-ghost-gray-hover-text: var(--lux-intent-gray-text);
+  --lux-component-ghost-success-text: var(--lux-intent-success-text);
+  --lux-component-ghost-success-background: transparent;
+  --lux-component-ghost-success-border: transparent;
+  --lux-component-ghost-success-hover-background: var(
+		--lux-intent-success-soft
+	);
+  --lux-component-ghost-success-hover-border: var(--lux-intent-success-soft);
+  --lux-component-ghost-success-hover-text: var(--lux-intent-success-text);
+  --lux-component-ghost-warning-text: var(--lux-intent-warning-text);
+  --lux-component-ghost-warning-background: transparent;
+  --lux-component-ghost-warning-border: transparent;
+  --lux-component-ghost-warning-hover-background: var(
+		--lux-intent-warning-soft
+	);
+  --lux-component-ghost-warning-hover-border: var(--lux-intent-warning-soft);
+  --lux-component-ghost-warning-hover-text: var(--lux-intent-warning-text);
+  --lux-component-ghost-error-text: var(--lux-intent-error-text);
+  --lux-component-ghost-error-background: transparent;
+  --lux-component-ghost-error-border: transparent;
+  --lux-component-ghost-error-hover-background: var(--lux-intent-error-soft);
+  --lux-component-ghost-error-hover-border: var(--lux-intent-error-soft);
+  --lux-component-ghost-error-hover-text: var(--lux-intent-error-text);
+  --lux-component-ghost-white-text: var(--lux-intent-white-text);
+  --lux-component-ghost-white-background: transparent;
+  --lux-component-ghost-white-border: transparent;
+  --lux-component-ghost-white-hover-background: var(--lux-intent-white-soft);
+  --lux-component-ghost-white-hover-border: var(--lux-intent-white-soft);
+  --lux-component-ghost-white-hover-text: var(--lux-intent-white-text);
+  --lux-component-link-active-text: var(--lux-intent-active-text);
+  --lux-component-link-active-background: transparent;
+  --lux-component-link-active-border: transparent;
+  --lux-component-link-active-hover-background: transparent;
+  --lux-component-link-active-hover-border: transparent;
+  --lux-component-link-active-hover-text: var(--lux-intent-active-text);
+  --lux-component-link-gray-text: var(--lux-intent-gray-text);
+  --lux-component-link-gray-background: transparent;
+  --lux-component-link-gray-border: transparent;
+  --lux-component-link-gray-hover-background: transparent;
+  --lux-component-link-gray-hover-border: transparent;
+  --lux-component-link-gray-hover-text: var(--lux-intent-gray-text);
+  --lux-component-link-success-text: var(--lux-intent-success-text);
+  --lux-component-link-success-background: transparent;
+  --lux-component-link-success-border: transparent;
+  --lux-component-link-success-hover-background: transparent;
+  --lux-component-link-success-hover-border: transparent;
+  --lux-component-link-success-hover-text: var(--lux-intent-success-text);
+  --lux-component-link-warning-text: var(--lux-intent-warning-text);
+  --lux-component-link-warning-background: transparent;
+  --lux-component-link-warning-border: transparent;
+  --lux-component-link-warning-hover-background: transparent;
+  --lux-component-link-warning-hover-border: transparent;
+  --lux-component-link-warning-hover-text: var(--lux-intent-warning-text);
+  --lux-component-link-error-text: var(--lux-intent-error-text);
+  --lux-component-link-error-background: transparent;
+  --lux-component-link-error-border: transparent;
+  --lux-component-link-error-hover-background: transparent;
+  --lux-component-link-error-hover-border: transparent;
+  --lux-component-link-error-hover-text: var(--lux-intent-error-text);
+  --lux-component-link-white-text: var(--lux-intent-white-text);
+  --lux-component-link-white-background: transparent;
+  --lux-component-link-white-border: transparent;
+  --lux-component-link-white-hover-background: transparent;
+  --lux-component-link-white-hover-border: transparent;
+  --lux-component-link-white-hover-text: var(--lux-intent-white-text);
+}
+html.dark, html.dark body {
+  background-color: var(--lux-background);
+  color: var(--lux-foreground);
+}
+html.dark [data-radix-popper-content-wrapper] [role="menu"], html.dark [data-radix-popper-content-wrapper] [role="listbox"] {
+  background-color: var(--lux-popover);
+  color: var(--lux-popover-foreground);
+}
 @property --tw-translate-x {
   syntax: "*";
   inherits: false;

package/dist/index.d.ts

@@ -4,6 +4,7 @@ export * from './components/Pipeline.js';
 export * from './components/Resizable.js';
 export * from './components/Resizable.js';
 export * from './components/Streams.js';
+export * from './components/ThemeToggle.js';
 export * from './constants/connection.js';
 export * from './constants/streams.js';
 export * from './constants/url.js';
@@ -16,6 +17,7 @@ export * from './hooks/useFullScreen.js';
 export * from './models/device-configuration.js';
 export * from './providers/ConnectionProvider.js';
 export * from './providers/DataProvider.js';
+export * from './providers/ThemeProvider.js';
 export * from './providers/VisualizerRuntimeConfigProvider.js';
 export * from './utils/functions.js';
 export * from './utils/functions.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AAEnC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AAEnD,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AAEzC,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gDAAgD,CAAC;AAC/D,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,YAAY,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACnD,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AAEnC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AAEnD,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AAEzC,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gDAAgD,CAAC;AAC/D,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,YAAY,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACnD,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC"}

package/dist/index.js

@@ -4,6 +4,7 @@ export * from './components/Pipeline.js';
 export * from './components/Resizable.js';
 export * from './components/Resizable.js';
 export * from './components/Streams.js';
+export * from './components/ThemeToggle.js';
 export * from './constants/connection.js';
 export * from './constants/streams.js';
 export * from './constants/url.js';
@@ -16,6 +17,7 @@ export * from './hooks/useFullScreen.js';
 export * from './models/device-configuration.js';
 export * from './providers/ConnectionProvider.js';
 export * from './providers/DataProvider.js';
+export * from './providers/ThemeProvider.js';
 export * from './providers/VisualizerRuntimeConfigProvider.js';
 export * from './utils/functions.js';
 export * from './utils/functions.js';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AAEnC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AAEnD,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AAEzC,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gDAAgD,CAAC;AAC/D,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AAEnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AAEnC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AAEnD,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AAEzC,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gDAAgD,CAAC;AAC/D,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AAEnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC"}

package/dist/providers/ThemeProvider.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+/** What the user picked. `system` follows the OS and keeps following it. */
+export type ThemePreference = 'light' | 'dark' | 'system';
+/** What is actually on screen. `system` has already been resolved. */
+export type ResolvedTheme = 'light' | 'dark';
+export declare const THEME_PREFERENCES: ThemePreference[];
+export declare const resolveTheme: (preference: ThemePreference) => ResolvedTheme;
+export declare const readStoredTheme: () => ThemePreference;
+/**
+ * Applied both from React and from the inline bootstrap script in index.html, which
+ * runs before first paint so the app never flashes the light theme on load.
+ */
+export declare const applyTheme: (theme: ResolvedTheme) => void;
+export type ThemeContext = {
+    /** The user's choice, including `system`. */
+    theme: ThemePreference;
+    /** The theme currently rendered. */
+    resolvedTheme: ResolvedTheme;
+    setTheme: (theme: ThemePreference) => void;
+    /** Flips between light and dark, resolving `system` first. */
+    toggleTheme: () => void;
+};
+export declare const useTheme: () => ThemeContext;
+export declare const ThemeProvider: React.FC<React.PropsWithChildren>;
+//# sourceMappingURL=ThemeProvider.d.ts.map

package/dist/providers/ThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/providers/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,4EAA4E;AAC5E,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE1D,sEAAsE;AACtE,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAC;AAE7C,eAAO,MAAM,iBAAiB,EAAE,eAAe,EAAgC,CAAC;AAWhF,eAAO,MAAM,YAAY,GAAI,YAAY,eAAe,KAAG,aACe,CAAC;AAE3E,eAAO,MAAM,eAAe,QAAO,eAGlC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,OAAO,aAAa,SAE9C,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IAC1B,6CAA6C;IAC7C,KAAK,EAAE,eAAe,CAAC;IACvB,oCAAoC;IACpC,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC3C,8DAA8D;IAC9D,WAAW,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AASF,eAAO,MAAM,QAAQ,oBAAuC,CAAC;AAE7D,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAsC3D,CAAC"}

package/dist/providers/ThemeProvider.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { noop } from '../utils/functions.js';
+import { getItemFromLocalStorage, setItemToLocalStorage } from '../utils/local-storage.js';
+export const THEME_PREFERENCES = ['light', 'dark', 'system'];
+const DARK_CLASS = 'dark';
+const COLOR_SCHEME_QUERY = '(prefers-color-scheme: dark)';
+const isThemePreference = (value) => THEME_PREFERENCES.includes(value);
+const prefersDark = () => typeof window !== 'undefined' && window.matchMedia(COLOR_SCHEME_QUERY).matches;
+export const resolveTheme = (preference) => preference === 'system' ? (prefersDark() ? 'dark' : 'light') : preference;
+export const readStoredTheme = () => {
+    const stored = getItemFromLocalStorage('theme');
+    return isThemePreference(stored) ? stored : 'system';
+};
+/**
+ * Applied both from React and from the inline bootstrap script in index.html, which
+ * runs before first paint so the app never flashes the light theme on load.
+ */
+export const applyTheme = (theme) => {
+    document.documentElement.classList.toggle(DARK_CLASS, theme === 'dark');
+};
+const ThemeContext = React.createContext({
+    theme: 'system',
+    resolvedTheme: 'light',
+    setTheme: noop,
+    toggleTheme: noop,
+});
+export const useTheme = () => React.useContext(ThemeContext);
+export const ThemeProvider = ({ children }) => {
+    const [theme, setThemeState] = React.useState(readStoredTheme);
+    const [systemTheme, setSystemTheme] = React.useState(() => prefersDark() ? 'dark' : 'light');
+    const resolvedTheme = theme === 'system' ? systemTheme : theme;
+    // Keep following the OS while the preference is `system`.
+    React.useEffect(() => {
+        const query = window.matchMedia(COLOR_SCHEME_QUERY);
+        const handleChange = (event) => {
+            setSystemTheme(event.matches ? 'dark' : 'light');
+        };
+        query.addEventListener('change', handleChange);
+        return () => query.removeEventListener('change', handleChange);
+    }, []);
+    React.useEffect(() => {
+        applyTheme(resolvedTheme);
+    }, [resolvedTheme]);
+    const setTheme = React.useCallback((next) => {
+        setThemeState(next);
+        setItemToLocalStorage('theme', next);
+    }, []);
+    const toggleTheme = React.useCallback(() => {
+        setTheme(resolvedTheme === 'dark' ? 'light' : 'dark');
+    }, [resolvedTheme, setTheme]);
+    const value = React.useMemo(() => ({ theme, resolvedTheme, setTheme, toggleTheme }), [theme, resolvedTheme, setTheme, toggleTheme]);
+    return _jsx(ThemeContext.Provider, { value: value, children: children });
+};
+//# sourceMappingURL=ThemeProvider.js.map

package/dist/providers/ThemeProvider.js.map

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

package/dist/utils/local-storage.d.ts

@@ -1,4 +1,4 @@
-export type LocalStorageItems = 'topicList' | 'analyticsEnabled';
+export type LocalStorageItems = 'topicList' | 'analyticsEnabled' | 'theme';
 export declare function getItemFromLocalStorage<T>(key: LocalStorageItems): T | null;
 export declare function setItemToLocalStorage(key: LocalStorageItems, value: unknown): void;
 export declare function removeItemFromLocalStorage(key: LocalStorageItems): void;

package/dist/utils/local-storage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"local-storage.d.ts","sourceRoot":"","sources":["../../src/utils/local-storage.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG,kBAAkB,CAAC;AAEjE,wBAAgB,uBAAuB,CAAC,CAAC,EAAE,GAAG,EAAE,iBAAiB,GAAG,CAAC,GAAG,IAAI,CAQ3E;AAED,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,iBAAiB,EAAE,KAAK,EAAE,OAAO,QAE3E;AAED,wBAAgB,0BAA0B,CAAC,GAAG,EAAE,iBAAiB,QAEhE"}
+{"version":3,"file":"local-storage.d.ts","sourceRoot":"","sources":["../../src/utils/local-storage.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG,kBAAkB,GAAG,OAAO,CAAC;AAE3E,wBAAgB,uBAAuB,CAAC,CAAC,EAAE,GAAG,EAAE,iBAAiB,GAAG,CAAC,GAAG,IAAI,CAQ3E;AAED,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,iBAAiB,EAAE,KAAK,EAAE,OAAO,QAE3E;AAED,wBAAgB,0BAA0B,CAAC,GAAG,EAAE,iBAAiB,QAEhE"}

package/dist/visualizer/components/EmptyState.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 export default function EmptyState({ children, className }) {
-    return (_jsx("div", { className: `flex h-full min-h-0 w-full items-center justify-center bg-white p-6 text-center text-sm text-slate-600 ${className ?? ""}`.trim(), children: _jsx("div", { className: "max-w-full", children: children }) }));
+    return (_jsx("div", { className: `flex h-full min-h-0 w-full items-center justify-center bg-card p-6 text-center text-sm text-muted-foreground ${className ?? ""}`.trim(), children: _jsx("div", { className: "max-w-full", children: children }) }));
 }
 //# sourceMappingURL=EmptyState.js.map

package/dist/visualizer/components/EmptyState.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../../src/visualizer/components/EmptyState.tsx"],"names":[],"mappings":";AAUA,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAmB;IACzE,OAAO,CACL,cACE,SAAS,EAAE,0GAA0G,SAAS,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,YAE7I,cAAK,SAAS,EAAC,YAAY,YAAE,QAAQ,GAAO,GACxC,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../../src/visualizer/components/EmptyState.tsx"],"names":[],"mappings":";AAUA,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAmB;IACzE,OAAO,CACL,cACE,SAAS,EAAE,gHAAgH,SAAS,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,YAEnJ,cAAK,SAAS,EAAC,YAAY,YAAE,QAAQ,GAAO,GACxC,CACP,CAAC;AACJ,CAAC"}