@luxonis/depthai-viewer-common 3.8.1 → 3.8.3

package/README.md

@@ -1,11 +1,104 @@
-# DepthAI Web Viewer | Common | Luxonis
-This package is a workspace common library
-
-## Exports
-- Navigational components `ButtonLink` and `Link` supporing dynamic base path
-- `Pipeline` and `Streams` sections
-- `Resizable` for resizable panes
-- Connection and URL constants
-- Visualizer connection and [Decoding Worker](https://github.com/luxonis/depthai-visualizer-lib?tab=readme-ov-file#important-notes-and-considerations)
-- Connection, navigation and search hooks supporing dynamic base path
-- Data and Connection providers
+# DepthAI Viewer Common
+
+Shared React components, hooks, providers, connection utilities, and viewer helpers for Luxonis DepthAI frontend applications.
+
+## Purpose
+
+`@luxonis/depthai-viewer-common` contains reusable UI and connection building blocks used by OAK Viewer, OAK Visualizer, and other frontend applications that need to connect to DepthAI services, render streams, and share viewer state.
+
+Use this package when an application needs:
+
+- DepthAI connection management through WebSocket or WebRTC.
+- Stream and pipeline UI components.
+- Shared React providers for connection, layout, URL, and unit preferences.
+- Utility functions for URLs, stream sorting, local storage, units, logging, and Vite setup.
+
+## Installation
+
+```bash
+npm install @luxonis/depthai-viewer-common
+```
+
+This package expects the host application to provide compatible React and React DOM versions.
+
+## Imports
+
+```ts
+import {
+	ConnectionProvider,
+	DataProvider,
+	Streams,
+	useCreateConnection,
+} from '@luxonis/depthai-viewer-common';
+import '@luxonis/depthai-viewer-common/styles';
+```
+
+The package also exposes visualizer-specific entrypoints for applications that need lower-level visualizer integration:
+
+```ts
+import {
+	ImagePanel,
+	PanelLayout,
+	PointCloudPanel,
+	VisualizerConnection,
+} from '@luxonis/depthai-viewer-common/visualizer';
+import { viewerViteDevFixPlugin } from '@luxonis/depthai-viewer-common/vite';
+```
+
+## Basic Usage
+
+```tsx
+import {
+	ConnectionProvider,
+	DataProvider,
+	Streams,
+} from '@luxonis/depthai-viewer-common';
+import '@luxonis/depthai-viewer-common/styles';
+
+export function ViewerPage() {
+	return (
+		<DataProvider
+			connectionConfig={{
+				type: 'ws',
+				wsUrl: 'ws://localhost:8765',
+			}}
+		>
+			<ConnectionProvider activeServices={[]}>
+				<Streams />
+			</ConnectionProvider>
+		</DataProvider>
+	);
+}
+```
+
+## API Documentation
+
+TSDoc comments in `src/` are the source of truth for generated API reference documentation.
+
+Generate the TypeDoc JSON API model from the repository root:
+
+```bash
+npm run docs:api-json:common
+```
+
+The generated JSON is written to:
+
+```text
+dist/docs-api/depthai-viewer-common.json
+```
+
+This file is an intermediate build artifact for the `docs-content` pipeline. Do not edit it manually.
+
+## Development
+
+From the repository root:
+
+```bash
+npm run build:common
+```
+
+On Windows:
+
+```bash
+npm run build:common:win
+```

package/dist/components/CTASubLabel.d.ts

@@ -1,6 +1,14 @@
-type CTASubLabelProps = {
+/**
+ * Props for the store/documentation call-to-action shown when a connected device exposes no streams.
+ */
+export type CTASubLabelProps = {
+    /**
+     * Whether the delayed call-to-action may be displayed.
+     */
     shouldDisplayAd: boolean;
 };
+/**
+ * Displays a delayed helper label with links to Luxonis purchasing and documentation pages.
+ */
 export declare const CTASubLabel: (props: CTASubLabelProps) => false | import("react/jsx-runtime").JSX.Element;
-export {};
 //# sourceMappingURL=CTASubLabel.d.ts.map

package/dist/components/CTASubLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CTASubLabel.d.ts","sourceRoot":"","sources":["../../src/components/CTASubLabel.tsx"],"names":[],"mappings":"AAOA,KAAK,gBAAgB,GAAG;IACvB,eAAe,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,oDAiClD,CAAC"}
+{"version":3,"file":"CTASubLabel.d.ts","sourceRoot":"","sources":["../../src/components/CTASubLabel.tsx"],"names":[],"mappings":"AAOA;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC9B;;OAEG;IACH,eAAe,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,oDAiClD,CAAC"}

package/dist/components/CTASubLabel.js

@@ -3,6 +3,9 @@ import { ExternalLink, Flex, SubLabel } from '@luxonis/ui-components';
 import React from 'react';
 import { useDaiConnection } from '../providers/ConnectionProvider.js';
 const DISPLAY_LABEL_TIMEOUT = 30_000;
+/**
+ * Displays a delayed helper label with links to Luxonis purchasing and documentation pages.
+ */
 export const CTASubLabel = (props) => {
     const { shouldDisplayAd } = props;
     const { connected, topics } = useDaiConnection();

package/dist/components/CTASubLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"CTASubLabel.js","sourceRoot":"","sources":["../../src/components/CTASubLabel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAEtE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAEtE,MAAM,qBAAqB,GAAG,MAAe,CAAC;AAM9C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACtD,MAAM,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IAClC,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACjD,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,IAAI,SAAS,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,kBAAkB,IAAI,eAAe,EAAE,CAAC;YAChF,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAAE,qBAAqB,CAAC,CAAC;YACrF,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACpC,CAAC;IACF,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,kBAAkB,EAAE,eAAe,CAAC,CAAC,CAAC;IAE7D,OAAO,CACN,kBAAkB,IAAI,CACrB,KAAC,IAAI,IAAC,SAAS,EAAC,aAAa,YAC5B,KAAC,QAAQ,IACR,IAAI,EACH,mEACyC,GAAG,EAC3C,KAAC,YAAY,IAAC,GAAG,QAAC,EAAE,EAAC,0BAA0B,EAAC,MAAM,EAAC,QAAQ,YAC9D,KAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,eAAe,EAAC,SAAS,EAAC,gBAAgB,GAAG,GAC3D,4BAEf,cAAM,kBAAa,GAAG,EACtB,KAAC,YAAY,IAAC,GAAG,QAAC,EAAE,EAAC,wCAAwC,EAAC,MAAM,EAAC,QAAQ,YAC5E,KAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,uBAAuB,EAAC,SAAS,EAAC,gBAAgB,GAAG,GACnE,EAAC,GAAG,yDAEhB,GAEJ,GACI,CACP,CACD,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"CTASubLabel.js","sourceRoot":"","sources":["../../src/components/CTASubLabel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAEtE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAEtE,MAAM,qBAAqB,GAAG,MAAe,CAAC;AAY9C;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACtD,MAAM,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IAClC,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACjD,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,IAAI,SAAS,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,kBAAkB,IAAI,eAAe,EAAE,CAAC;YAChF,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAAE,qBAAqB,CAAC,CAAC;YACrF,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACpC,CAAC;IACF,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,kBAAkB,EAAE,eAAe,CAAC,CAAC,CAAC;IAE7D,OAAO,CACN,kBAAkB,IAAI,CACrB,KAAC,IAAI,IAAC,SAAS,EAAC,aAAa,YAC5B,KAAC,QAAQ,IACR,IAAI,EACH,mEACyC,GAAG,EAC3C,KAAC,YAAY,IAAC,GAAG,QAAC,EAAE,EAAC,0BAA0B,EAAC,MAAM,EAAC,QAAQ,YAC9D,KAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,eAAe,EAAC,SAAS,EAAC,gBAAgB,GAAG,GAC3D,4BAEf,cAAM,kBAAa,GAAG,EACtB,KAAC,YAAY,IAAC,GAAG,QAAC,EAAE,EAAC,wCAAwC,EAAC,MAAM,EAAC,QAAQ,YAC5E,KAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,uBAAuB,EAAC,SAAS,EAAC,gBAAgB,GAAG,GACnE,EAAC,GAAG,yDAEhB,GAEJ,GACI,CACP,CACD,CAAC;AACH,CAAC,CAAC"}

package/dist/components/DepthAIContext.d.ts

@@ -3,14 +3,37 @@ import type { DAIService, MessageHandlerVersion } from '../dai-connection/connec
 import type { TokenRefreshHandler } from '../hooks/connection.js';
 import { type DataProviderProps } from '../providers/DataProvider.js';
 import type { RuntimeConfig } from '../visualizer/index.js';
-type DepthAIEntrypointProps = {
+/**
+ * Props for the top-level DepthAI context provider.
+ */
+export type DepthAIEntrypointProps = {
+    /**
+     * DepthAI service names that should be polled while the connection is alive.
+     */
     activeServices?: DAIService[];
+    /**
+     * React tree that consumes the connection, data, and visualizer runtime contexts.
+     */
     children?: React.ReactNode;
+    /**
+     * Enables debug logging for the shared DepthAI connection stack.
+     */
     withDebugLogs?: boolean;
+    /**
+     * Selects the backend message handling protocol expected by the visualizer connection.
+     */
     messageHandlerVersion?: MessageHandlerVersion;
+    /**
+     * Controls how refreshed WebRTC tokens are propagated back to the host application.
+     */
     tokenRefresh?: TokenRefreshHandler;
+    /**
+     * Initial runtime configuration used by visualizer panels and stream decoding.
+     */
     visualizerRuntimeConfig?: Readonly<RuntimeConfig>;
 } & DataProviderProps;
+/**
+ * Composes the common DepthAI data, connection, and visualizer runtime providers.
+ */
 export declare function DepthAIContext(props: Readonly<DepthAIEntrypointProps>): import("react/jsx-runtime").JSX.Element;
-export {};
 //# sourceMappingURL=DepthAIContext.d.ts.map

package/dist/components/DepthAIContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DepthAIContext.d.ts","sourceRoot":"","sources":["../../src/components/DepthAIContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACzF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAEpF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5D,KAAK,sBAAsB,GAAG;IAC7B,cAAc,CAAC,EAAE,UAAU,EAAE,CAAC;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAC9C,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,uBAAuB,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC;CAClD,GAAG,iBAAiB,CAAC;AAEtB,wBAAgB,cAAc,CAAC,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,2CAyBrE"}
+{"version":3,"file":"DepthAIContext.d.ts","sourceRoot":"","sources":["../../src/components/DepthAIContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACzF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAEpF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5D;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACpC;;OAEG;IACH,cAAc,CAAC,EAAE,UAAU,EAAE,CAAC;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAC9C;;OAEG;IACH,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC;;OAEG;IACH,uBAAuB,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC;CAClD,GAAG,iBAAiB,CAAC;AAEtB;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,2CAyBrE"}

package/dist/components/DepthAIContext.js

@@ -2,6 +2,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { ConnectionProvider } from '../providers/ConnectionProvider.js';
 import { DataProvider } from '../providers/DataProvider.js';
 import { VisualizerRuntimeConfigProvider } from '../providers/VisualizerRuntimeConfigProvider.js';
+/**
+ * Composes the common DepthAI data, connection, and visualizer runtime providers.
+ */
 export function DepthAIContext(props) {
     const { activeServices = [], children, withDebugLogs, messageHandlerVersion, connectionConfig, tokenRefresh, visualizerRuntimeConfig, } = props;
     return (_jsx(DataProvider, { connectionConfig: connectionConfig, children: _jsx(VisualizerRuntimeConfigProvider, { initialRuntimeConfig: visualizerRuntimeConfig, children: _jsx(ConnectionProvider, { activeServices: activeServices, withDebugLogs: withDebugLogs, messageHandlerVersion: messageHandlerVersion, tokenRefresh: tokenRefresh, children: children }) }) }));

package/dist/components/DepthAIContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"DepthAIContext.js","sourceRoot":"","sources":["../../src/components/DepthAIContext.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,YAAY,EAA0B,MAAM,8BAA8B,CAAC;AACpF,OAAO,EAAE,+BAA+B,EAAE,MAAM,iDAAiD,CAAC;AAYlG,MAAM,UAAU,cAAc,CAAC,KAAuC;IACrE,MAAM,EACL,cAAc,GAAG,EAAE,EACnB,QAAQ,EACR,aAAa,EACb,qBAAqB,EACrB,gBAAgB,EAChB,YAAY,EACZ,uBAAuB,GACvB,GAAG,KAAK,CAAC;IAEV,OAAO,CACN,KAAC,YAAY,IAAC,gBAAgB,EAAE,gBAAgB,YAC/C,KAAC,+BAA+B,IAAC,oBAAoB,EAAE,uBAAuB,YAC7E,KAAC,kBAAkB,IAClB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,qBAAqB,EAAE,qBAAqB,EAC5C,YAAY,EAAE,YAAY,YAEzB,QAAQ,GACW,GACY,GACpB,CACf,CAAC;AACH,CAAC"}
+{"version":3,"file":"DepthAIContext.js","sourceRoot":"","sources":["../../src/components/DepthAIContext.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,YAAY,EAA0B,MAAM,8BAA8B,CAAC;AACpF,OAAO,EAAE,+BAA+B,EAAE,MAAM,iDAAiD,CAAC;AAiClG;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,KAAuC;IACrE,MAAM,EACL,cAAc,GAAG,EAAE,EACnB,QAAQ,EACR,aAAa,EACb,qBAAqB,EACrB,gBAAgB,EAChB,YAAY,EACZ,uBAAuB,GACvB,GAAG,KAAK,CAAC;IAEV,OAAO,CACN,KAAC,YAAY,IAAC,gBAAgB,EAAE,gBAAgB,YAC/C,KAAC,+BAA+B,IAAC,oBAAoB,EAAE,uBAAuB,YAC7E,KAAC,kBAAkB,IAClB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,qBAAqB,EAAE,qBAAqB,EAC5C,YAAY,EAAE,YAAY,YAEzB,QAAQ,GACW,GACY,GACpB,CACf,CAAC;AACH,CAAC"}

package/dist/components/Pipeline.d.ts

@@ -1,6 +1,23 @@
-type PipelineProps = {
+/**
+ * Props for the DepthAI pipeline visualization wrapper.
+ */
+export type PipelineProps = {
+    /**
+     * Shows the pipeline loading state while the parent application swaps pipeline presets.
+     */
     isPipelineSwitching?: boolean;
 };
+/**
+ * Renders the current DepthAI pipeline graph and its live node state when pipeline debugging is available.
+ *
+ * @remarks
+ * The component reads pipeline data from {@link ConnectionProvider}. It prefers the
+ * default pipeline when available and falls back to the full pipeline.
+ *
+ * @example
+ * ```tsx
+ * <Pipeline isPipelineSwitching={isPresetChanging} />
+ * ```
+ */
 export declare const Pipeline: (props: PipelineProps) => import("react/jsx-runtime").JSX.Element;
-export {};
 //# sourceMappingURL=Pipeline.d.ts.map

package/dist/components/Pipeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pipeline.d.ts","sourceRoot":"","sources":["../../src/components/Pipeline.tsx"],"names":[],"mappings":"AAOA,KAAK,aAAa,GAAG;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,4CA8E5C,CAAC"}
+{"version":3,"file":"Pipeline.d.ts","sourceRoot":"","sources":["../../src/components/Pipeline.tsx"],"names":[],"mappings":"AAOA;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IAC3B;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,4CA8E5C,CAAC"}

package/dist/components/Pipeline.js

@@ -4,6 +4,18 @@ import { Alert, Flex } from '@luxonis/ui-components';
 import React from 'react';
 import { useDaiConnection } from '../providers/ConnectionProvider.js';
 const PIPELINE_LOADING_TIMEOUT = 60_000;
+/**
+ * Renders the current DepthAI pipeline graph and its live node state when pipeline debugging is available.
+ *
+ * @remarks
+ * The component reads pipeline data from {@link ConnectionProvider}. It prefers the
+ * default pipeline when available and falls back to the full pipeline.
+ *
+ * @example
+ * ```tsx
+ * <Pipeline isPipelineSwitching={isPresetChanging} />
+ * ```
+ */
 export const Pipeline = (props) => {
     const { isPipelineSwitching } = props;
     const { pipeline, isPipelineLoading, setIsPipelineLoading, fullPipeline, pipelineState } = useDaiConnection();

package/dist/components/Pipeline.js.map

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

package/dist/components/Resizable.d.ts

@@ -1,10 +1,30 @@
 import React from 'react';
 export type ResizableItem = {
+    /**
+     * React content rendered inside one resizable panel.
+     */
     component: React.ReactNode;
 };
+/**
+ * Props for a two-dimensional resizable panel layout.
+ */
 export type ResizableLayoutProps = {
+    /**
+     * Stable autosave id used by react-resizable-panels to persist panel sizes.
+     */
     id?: string | null;
+    /**
+     * Rows of panel items. Each nested array is rendered as one horizontal panel group.
+     */
     items: ResizableItem[][];
 };
+/**
+ * Renders nested vertical and horizontal resize groups for stream and visualization panels.
+ *
+ * @example
+ * ```tsx
+ * <ResizableLayout items={[[{ component: <Streams /> }]]} />
+ * ```
+ */
 export declare const ResizableLayout: React.FC<ResizableLayoutProps>;
 //# sourceMappingURL=Resizable.d.ts.map

package/dist/components/Resizable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Resizable.d.ts","sourceRoot":"","sources":["../../src/components/Resizable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,aAAa,GAAG;IAC3B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IAClC,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,KAAK,EAAE,aAAa,EAAE,EAAE,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA2C1D,CAAC"}
+{"version":3,"file":"Resizable.d.ts","sourceRoot":"","sources":["../../src/components/Resizable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,aAAa,GAAG;IAC3B;;OAEG;IACH,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IAClC;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB;;OAEG;IACH,KAAK,EAAE,aAAa,EAAE,EAAE,CAAC;CACzB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA2C1D,CAAC"}

package/dist/components/Resizable.js

@@ -1,6 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { Panel, PanelGroup, PanelResizeHandle } from 'react-resizable-panels';
+/**
+ * Renders nested vertical and horizontal resize groups for stream and visualization panels.
+ *
+ * @example
+ * ```tsx
+ * <ResizableLayout items={[[{ component: <Streams /> }]]} />
+ * ```
+ */
 export const ResizableLayout = ({ items, id = 'resizable-layout', }) => {
     const groupStyles = React.useMemo(() => ({
         display: 'flex',

package/dist/components/Resizable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Resizable.js","sourceRoot":"","sources":["../../src/components/Resizable.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAW9E,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC/D,KAAK,EACL,EAAE,GAAG,kBAAkB,GACvB,EAAE,EAAE;IACJ,MAAM,WAAW,GAAwB,KAAK,CAAC,OAAO,CACrD,GAAG,EAAE,CAAC,CAAC;QACN,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,KAAK;KACV,CAAC,EACF,EAAE,CACF,CAAC;IAEF,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAC3B,GAAG,EAAE,CACJ,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,CAC5B,MAAC,KAAK,CAAC,QAAQ,eACd,KAAC,KAAK,IAAC,KAAK,EAAE,QAAQ,YACrB,KAAC,UAAU,IACV,UAAU,EAAE,EAAE,IAAI,GAAG,EAAE,IAAI,QAAQ,EAAE,EACrC,SAAS,EAAC,YAAY,EACtB,KAAK,EAAE,WAAW,YAEjB,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,CAC7B,MAAC,KAAK,CAAC,QAAQ,eACd,KAAC,KAAK,IAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,YACjD,IAAI,CAAC,SAAS,GACR,EACP,SAAS,KAAK,GAAG,CAAC,MAAM,GAAG,CAAC,IAAI,KAAC,iBAAiB,KAAG,KAJlC,iBAAiB,QAAQ,SAAS,SAAS,EAAE,CAKjD,CACjB,CAAC,GACU,GACN,EACP,QAAQ,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,KAAC,iBAAiB,KAAG,KAjBnC,iBAAiB,QAAQ,EAAE,CAkB/B,CACjB,CAAC,EACH,CAAC,WAAW,EAAE,EAAE,EAAE,KAAK,CAAC,CACxB,CAAC;IAEF,OAAO,CACN,KAAC,UAAU,IAAC,UAAU,EAAE,EAAE,EAAE,SAAS,EAAC,UAAU,EAAC,KAAK,EAAE,WAAW,YACjE,MAAM,GACK,CACb,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"Resizable.js","sourceRoot":"","sources":["../../src/components/Resizable.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAuB9E;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC/D,KAAK,EACL,EAAE,GAAG,kBAAkB,GACvB,EAAE,EAAE;IACJ,MAAM,WAAW,GAAwB,KAAK,CAAC,OAAO,CACrD,GAAG,EAAE,CAAC,CAAC;QACN,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,KAAK;KACV,CAAC,EACF,EAAE,CACF,CAAC;IAEF,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAC3B,GAAG,EAAE,CACJ,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,CAC5B,MAAC,KAAK,CAAC,QAAQ,eACd,KAAC,KAAK,IAAC,KAAK,EAAE,QAAQ,YACrB,KAAC,UAAU,IACV,UAAU,EAAE,EAAE,IAAI,GAAG,EAAE,IAAI,QAAQ,EAAE,EACrC,SAAS,EAAC,YAAY,EACtB,KAAK,EAAE,WAAW,YAEjB,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,CAC7B,MAAC,KAAK,CAAC,QAAQ,eACd,KAAC,KAAK,IAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,YACjD,IAAI,CAAC,SAAS,GACR,EACP,SAAS,KAAK,GAAG,CAAC,MAAM,GAAG,CAAC,IAAI,KAAC,iBAAiB,KAAG,KAJlC,iBAAiB,QAAQ,SAAS,SAAS,EAAE,CAKjD,CACjB,CAAC,GACU,GACN,EACP,QAAQ,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,KAAC,iBAAiB,KAAG,KAjBnC,iBAAiB,QAAQ,EAAE,CAkB/B,CACjB,CAAC,EACH,CAAC,WAAW,EAAE,EAAE,EAAE,KAAK,CAAC,CACxB,CAAC;IAEF,OAAO,CACN,KAAC,UAAU,IAAC,UAAU,EAAE,EAAE,EAAE,SAAS,EAAC,UAAU,EAAC,KAAK,EAAE,WAAW,YACjE,MAAM,GACK,CACb,CAAC;AACH,CAAC,CAAC"}

package/dist/components/Streams.d.ts

@@ -2,31 +2,127 @@ import { type Topic, type TopicGroup } from '@luxonis/depthai-viewer-common';
 import React, { type JSX } from 'react';
 import { type StreamType } from '../constants/streams.js';
 import type { DeviceConfiguration } from '../models/device-configuration.js';
-type OnClickHandler = (event: React.MouseEvent, clickOffsetCoords: {
+/**
+ * Click handler invoked from stream panels with optional cursor coordinates inside the rendered frame.
+ */
+export type OnClickHandler = (event: React.MouseEvent, clickOffsetCoords: {
+    /**
+     * Horizontal click position relative to the rendered stream.
+     */
     offsetX: number;
+    /**
+     * Vertical click position relative to the rendered stream.
+     */
     offsetY: number;
 } | undefined) => void;
-export declare const Streams: React.FC<{
+/**
+ * Props for the DepthAI stream panel collection.
+ */
+export type StreamsProps = {
+    /**
+     * Target FPS shown by stream panels when performance metrics are enabled.
+     */
     targetFps?: number;
+    /**
+     * Optional callback used by stream panels to show host application notifications.
+     */
     triggerToast?: () => void;
+    /**
+     * Device metadata used by host applications to tailor stream controls.
+     */
     deviceOptions?: DeviceConfiguration | null;
+    /**
+     * Hides per-panel toolbars when the host provides its own controls.
+     */
     hideToolbar?: boolean;
+    /**
+     * Topics that should be opened automatically once the connection reports available streams.
+     */
     defaultTopics?: string[];
+    /**
+     * Marks the selected device as disconnected while keeping the connection UI mounted.
+     */
     isDeviceDisconnected?: boolean;
+    /**
+     * Shows a multi-device empty state when no device is selected.
+     */
     isMultipleNotConnected?: boolean;
+    /**
+     * Mapping from stream topic names to their visual group labels.
+     */
     topicGroups?: TopicGroup | null;
+    /**
+     * Tracks whether the point cloud stream was explicitly enabled by the user.
+     */
     isPCExplicitlyClicked?: boolean;
+    /**
+     * Updates the explicit point cloud selection state.
+     */
     setIsPCExplicitlyClicked?: React.Dispatch<React.SetStateAction<boolean>>;
+    /**
+     * Additional toolbar actions keyed by stream type.
+     */
     actions?: Record<string, JSX.Element>;
+    /**
+     * Custom sorting function applied to enabled stream topics before layout.
+     */
     topicSortingFunction?: (a: Topic, b: Topic) => number;
+    /**
+     * Restricts the visible and toggleable stream topics to this allow-list.
+     */
     allowedTopics?: string[];
+    /**
+     * Allows the delayed store/documentation call-to-action when no streams are available.
+     */
     shouldDisplayAd?: boolean;
+    /**
+     * Overrides the column count used by the stream panel layout.
+     */
     numberOfColumns?: number;
+    /**
+     * Optional overlays rendered above specific stream panels.
+     */
     topicOverlayMap?: Map<StreamType, React.JSX.Element>;
+    /**
+     * Optional click handlers keyed by topic name.
+     */
     topicOnClickHandlersMap?: Map<string, OnClickHandler>;
+    /**
+     * Enables Viewer-specific empty states and point cloud behavior.
+     */
     isViewer?: boolean;
+    /**
+     * Disables zoom interaction in image panels.
+     */
     disableZoom?: boolean;
+    /**
+     * Keeps the loading state visible until one of the default topic frames arrives.
+     *
+     * @defaultValue `false`
+     */
+    waitForDefaultTopicFrame?: boolean;
+    /**
+     * Maximum time to wait for the first default topic frame before leaving the loading state.
+     *
+     * @defaultValue `15000`
+     */
+    defaultTopicFrameWaitTimeoutMs?: number;
+    /**
+     * Custom loading or empty-stream element rendered instead of the default loading state.
+     *
+     * @remarks
+     * This is most useful together with `defaultTopics`; otherwise a host application can render
+     * a persistent loading element while no topic is selected.
+     */
     customLoadingElement?: React.JSX.Element;
-}>;
-export {};
+};
+/**
+ * Renders available DepthAI image, depth, point cloud, and RGBD streams with selection controls.
+ *
+ * @example
+ * ```tsx
+ * <Streams targetFps={30} hideToolbar />
+ * ```
+ */
+export declare const Streams: React.FC<StreamsProps>;
 //# sourceMappingURL=Streams.d.ts.map

package/dist/components/Streams.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Streams.d.ts","sourceRoot":"","sources":["../../src/components/Streams.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAkB9F,OAAO,KAAK,EAAE,EAAE,KAAK,GAAG,EAAkB,MAAM,OAAO,CAAC;AAIxD,OAAO,EAAkB,KAAK,UAAU,EAAe,MAAM,yBAAyB,CAAC;AAGvF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AA0E7E,KAAK,cAAc,GAAG,CACrB,KAAK,EAAE,KAAK,CAAC,UAAU,EACvB,iBAAiB,EACd;IACA,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACf,GACD,SAAS,KACR,IAAI,CAAC;AAweV,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,WAAW,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IAChC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,wBAAwB,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACzE,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACtC,oBAAoB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,KAAK,MAAM,CAAC;IACtD,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,GAAG,CAAC,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACrD,uBAAuB,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,oBAAoB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;CACzC,CAyUA,CAAC"}
+{"version":3,"file":"Streams.d.ts","sourceRoot":"","sources":["../../src/components/Streams.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAkB9F,OAAO,KAAK,EAAE,EAAE,KAAK,GAAG,EAAkB,MAAM,OAAO,CAAC;AAIxD,OAAO,EAAkB,KAAK,UAAU,EAAe,MAAM,yBAAyB,CAAC;AAGvF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAuG7E;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,CAC5B,KAAK,EAAE,KAAK,CAAC,UAAU,EACvB,iBAAiB,EACd;IACA;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;CACf,GACD,SAAS,KACR,IAAI,CAAC;AAEV;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAC3C;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;OAEG;IACH,WAAW,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IAChC;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;OAEG;IACH,wBAAwB,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACzE;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACtC;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,KAAK,MAAM,CAAC;IACtD;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,eAAe,CAAC,EAAE,GAAG,CAAC,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACrD;;OAEG;IACH,uBAAuB,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IACtD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;;;OAIG;IACH,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC;;;;;;OAMG;IACH,oBAAoB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;CACzC,CAAC;AAweF;;;;;;;GAOG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA4X1C,CAAC"}