@twinmatrix/ui-sdk 0.0.1

package/lib/types/internal/ui/topbar/addons/SidebarToggleButton.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const SidebarToggleButton: React.FC<{
+    active?: boolean;
+    onClick: () => void;
+}>;
+//# sourceMappingURL=SidebarToggleButton.d.ts.map

package/lib/types/internal/ui/topbar/addons/SidebarToggleButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarToggleButton.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/ui/topbar/addons/SidebarToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAIA,CAAC"}

package/lib/types/internal/ui/topbar/addons/ThemeToggleButton.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const ThemeToggleButton: React.FC<{
+    onClick: () => void;
+}>;
+//# sourceMappingURL=ThemeToggleButton.d.ts.map

package/lib/types/internal/ui/topbar/addons/ThemeToggleButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeToggleButton.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/ui/topbar/addons/ThemeToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,CAM/D,CAAC"}

package/lib/types/internal/ui/topbar/addons/TimelineToggleButton.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const TimelineToggleButton: React.FC<{
+    active?: boolean;
+    onClick: () => void;
+}>;
+//# sourceMappingURL=TimelineToggleButton.d.ts.map

package/lib/types/internal/ui/topbar/addons/TimelineToggleButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineToggleButton.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/ui/topbar/addons/TimelineToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC1C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAIA,CAAC"}

package/lib/types/internal/ui/topbar/styles.d.ts

@@ -0,0 +1,148 @@
+export declare const styles: {
+    rootBase: {
+        display: string;
+        alignItems: string;
+        gap: string;
+        padding: string;
+    };
+    rootLight: {
+        backgroundColor: string;
+        borderBottom: string;
+        color: string;
+    };
+    rootDark: {
+        background: string;
+        borderBottom: string;
+        color: string;
+    };
+    rootGlass: {
+        background: string;
+        backdropFilter: string;
+        borderBottom: string;
+        color: string;
+    };
+    logo: {
+        cursor: string;
+        display: string;
+        alignItems: string;
+        gap: string;
+    };
+    logoImage: {
+        height: string;
+        width: string;
+        objectFit: "contain";
+    };
+    search: {
+        flex: number;
+        maxWidth: string;
+        display: string;
+        alignItems: string;
+        color: string;
+    };
+    searchInput: {
+        width: string;
+        padding: string;
+        border: string;
+        borderRadius: string;
+        fontSize: string;
+    };
+    searchIcon: {
+        marginRight: number;
+        color: string;
+        display: string;
+    };
+    selector: {
+        display: string;
+        alignItems: string;
+        gap: string;
+    };
+    selectorLabel: {
+        fontSize: string;
+        color: string;
+        fontWeight: number;
+    };
+    select: {
+        padding: string;
+        border: string;
+        borderRadius: string;
+        fontSize: string;
+        backgroundColor: string;
+        color: string;
+        cursor: string;
+    };
+    option: {
+        color: string;
+        backgroundColor: string;
+    };
+    actions: {
+        display: string;
+        alignItems: string;
+        gap: string;
+        marginLeft: string;
+    };
+    title: {
+        fontSize: string;
+        fontWeight: number;
+        margin: number;
+        color: string;
+    };
+    hDivider: {
+        width: string;
+        height: number;
+        background: string;
+    };
+    vDivider: {
+        width: number;
+        height: string;
+        background: string;
+    };
+    iconButton: {
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        gap: number;
+        padding: string;
+        borderRadius: number;
+        border: string;
+        background: string;
+        color: string;
+        cursor: string;
+    };
+    iconButtonActive: {
+        borderColor: string;
+        background: string;
+        color: string;
+    };
+    badge: {
+        display: string;
+        alignItems: string;
+        padding: string;
+        borderRadius: number;
+        background: string;
+        color: string;
+        fontSize: number;
+        fontWeight: number;
+    };
+    eventsBar: {
+        display: string;
+        gap: number;
+        overflowX: "auto";
+        padding: string;
+    };
+    eventsChip: {
+        border: string;
+        background: string;
+        color: string;
+        padding: string;
+        borderRadius: number;
+        cursor: string;
+        whiteSpace: "nowrap";
+    };
+    eventsChipActive: {
+        background: string;
+        color: string;
+        borderColor: string;
+        fontWeight: number;
+    };
+};
+//# sourceMappingURL=styles.d.ts.map

package/lib/types/internal/ui/topbar/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/internal/ui/topbar/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkJlB,CAAC"}

package/lib/types/internal/utils/colorShades.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Utility functions for generating color shades from a base color
+ */
+/**
+ * Generates an array of color shades from a base color
+ * Creates a gradient from lighter to darker shades
+ * @param baseColor - Base hex color string
+ * @param count - Number of shades to generate
+ * @returns Array of hex color strings
+ */
+export declare const generateColorShades: (baseColor: string, count: number) => string[];
+//# sourceMappingURL=colorShades.d.ts.map

package/lib/types/internal/utils/colorShades.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorShades.d.ts","sourceRoot":"","sources":["../../../../src/internal/utils/colorShades.ts"],"names":[],"mappings":"AAAA;;GAEG;AAgCH;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,GAAI,WAAW,MAAM,EAAE,OAAO,MAAM,KAAG,MAAM,EAmB5E,CAAC"}

package/lib/types/internal/webrtc/WebRTCManager.d.ts

@@ -0,0 +1,28 @@
+export type ConnectionStatus = 'disconnected' | 'connecting' | 'connected' | 'failed';
+export interface StreamState {
+    stream: MediaStream | null;
+    pc: RTCPeerConnection | null;
+    status: ConnectionStatus;
+    error: string | null;
+    retryCount: number;
+}
+type Listener = (state: StreamState) => void;
+declare class WebRTCManager {
+    private connections;
+    private refCounts;
+    private reconnectTimeouts;
+    private listeners;
+    getStreamState(url: string): StreamState | undefined;
+    on(event: string, listener: Listener): void;
+    off(event: string, listener: Listener): void;
+    private emit;
+    connect(url: string, cameraName?: string): StreamState | Promise<StreamState>;
+    disconnect(url: string): void;
+    private startStream;
+    private handleFailure;
+    private cleanup;
+    retry(url: string, cameraName?: string): void;
+}
+export declare const webrtcManager: WebRTCManager;
+export {};
+//# sourceMappingURL=WebRTCManager.d.ts.map

package/lib/types/internal/webrtc/WebRTCManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebRTCManager.d.ts","sourceRoot":"","sources":["../../../../src/internal/webrtc/WebRTCManager.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG,cAAc,GAAG,YAAY,GAAG,WAAW,GAAG,QAAQ,CAAC;AAEtF,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,EAAE,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC7B,MAAM,EAAE,gBAAgB,CAAC;IACzB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,KAAK,QAAQ,GAAG,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;AAE7C,cAAM,aAAa;IACjB,OAAO,CAAC,WAAW,CAAuC;IAC1D,OAAO,CAAC,SAAS,CAAkC;IACnD,OAAO,CAAC,iBAAiB,CAAyD;IAClF,OAAO,CAAC,SAAS,CAAyC;IAE1D,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS;IAIpD,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ;IAOpC,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ;IAOrC,OAAO,CAAC,IAAI;IAOZ,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,UAAU,GAAE,MAAiB;IAgBlD,UAAU,CAAC,GAAG,EAAE,MAAM;YAeR,WAAW;IAuFzB,OAAO,CAAC,aAAa;IAqBrB,OAAO,CAAC,OAAO;IAkBf,KAAK,CAAC,GAAG,EAAE,MAAM,EAAE,UAAU,GAAE,MAAiB;CAOjD;AAED,eAAO,MAAM,aAAa,eAAsB,CAAC"}

package/lib/types/internal/webrtc/WebRTCStreamPlayer.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface WebRTCStreamPlayerProps {
+    url: string;
+    cameraName: string;
+    onOpenFullscreen?: () => void;
+}
+export declare const WebRTCStreamPlayer: React.FC<WebRTCStreamPlayerProps>;
+//# sourceMappingURL=WebRTCStreamPlayer.d.ts.map

package/lib/types/internal/webrtc/WebRTCStreamPlayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebRTCStreamPlayer.d.ts","sourceRoot":"","sources":["../../../../src/internal/webrtc/WebRTCStreamPlayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,MAAM,WAAW,uBAAuB;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAmHhE,CAAC"}

package/lib/types/layout/DashboardBottomRegion.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export interface DashboardBottomRegionProps {
+    children: React.ReactNode;
+    leftOffset?: number;
+    rightOffset?: number;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ * DashboardBottomRegion - Bottom overlay region for timeline/controls
+ *
+ * Provides an absolutely positioned bottom region that adjusts its horizontal
+ * position based on open side panels. Used for Timeline.Playback and other
+ * bottom-mounted controls.
+ */
+export declare const DashboardBottomRegion: React.FC<DashboardBottomRegionProps>;
+//# sourceMappingURL=DashboardBottomRegion.d.ts.map

package/lib/types/layout/DashboardBottomRegion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardBottomRegion.d.ts","sourceRoot":"","sources":["../../../src/layout/DashboardBottomRegion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,0BAA0B;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAsBtE,CAAC"}

package/lib/types/layout/DashboardMain.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export interface DashboardMainProps {
+    children: React.ReactNode;
+    overlayLayers?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ * DashboardMain - Central content area for dashboard layouts
+ *
+ * Provides a flex container for the main content (map or other content) with
+ * support for overlay layers (timeline, floating controls, etc.).
+ * This component auto-fits to fill available space in the DashboardShell.
+ */
+export declare const DashboardMain: React.FC<DashboardMainProps>;
+//# sourceMappingURL=DashboardMain.d.ts.map

package/lib/types/layout/DashboardMain.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardMain.d.ts","sourceRoot":"","sources":["../../../src/layout/DashboardMain.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuBtD,CAAC"}

package/lib/types/layout/DashboardMobileDrawer.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+export interface DashboardMobileDrawerSideConfig {
+    /** Tab title shown in the mobile drawer header button */
+    title: string;
+    /** Content rendered when this side is active */
+    content: React.ReactNode;
+}
+export interface DashboardMobileDrawerProps {
+    /** Whether the drawer is open */
+    isOpen: boolean;
+    /** Which side (tab) is currently active */
+    activeSide: 'left' | 'right';
+    /** Called when user switches between left/right */
+    onSelectSide: (side: 'left' | 'right') => void;
+    /** Called when the drawer (and backdrop) should be closed */
+    onClose: () => void;
+    /** Configuration for the left tab */
+    left: DashboardMobileDrawerSideConfig;
+    /** Configuration for the right tab */
+    right: DashboardMobileDrawerSideConfig;
+    /**
+     * Optional spacing configuration for the content area.
+     * Delegated to SidePanelUI.Body so it matches desktop side panel spacing.
+     */
+    bodySpacing?: boolean | {
+        gap?: number;
+        paddingBottom?: number;
+    };
+}
+/**
+ * DashboardMobileDrawer - Generic mobile drawer wrapper for dashboard layouts.
+ *
+ * Provides a two-tab (left/right) bottom sheet that reuses SidePanel UI
+ * primitives so spacing, theming, and behavior are consistent with desktop
+ * side panels.
+ */
+export declare const DashboardMobileDrawer: React.FC<DashboardMobileDrawerProps>;
+//# sourceMappingURL=DashboardMobileDrawer.d.ts.map

package/lib/types/layout/DashboardMobileDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardMobileDrawer.d.ts","sourceRoot":"","sources":["../../../src/layout/DashboardMobileDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,+BAA+B;IAC9C,yDAAyD;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,0BAA0B;IACzC,iCAAiC;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,2CAA2C;IAC3C,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B,mDAAmD;IACnD,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;IAC/C,6DAA6D;IAC7D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,qCAAqC;IACrC,IAAI,EAAE,+BAA+B,CAAC;IACtC,sCAAsC;IACtC,KAAK,EAAE,+BAA+B,CAAC;IACvC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG;QAAE,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,aAAa,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAClE;AAED;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAyItE,CAAC"}

package/lib/types/layout/DashboardShell.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+export interface DashboardShellProps {
+    children: React.ReactNode;
+    fullScreen?: boolean;
+    gap?: number;
+    background?: string;
+    topOffset?: number;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ * DashboardShell - Full viewport container for dashboard layouts
+ *
+ * Provides a flex column layout that fills the viewport, similar to the container
+ * styles in DashboardLayout.tsx. This is the root container for dashboard layouts.
+ */
+export declare const DashboardShell: React.FC<DashboardShellProps>;
+//# sourceMappingURL=DashboardShell.d.ts.map

package/lib/types/layout/DashboardShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardShell.d.ts","sourceRoot":"","sources":["../../../src/layout/DashboardShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;;GAKG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2BxD,CAAC"}

package/lib/types/layout/DashboardSidePanel.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+export interface DashboardSidePanelProps {
+    side: 'left' | 'right';
+    width?: number;
+    isOpen: boolean;
+    title?: string;
+    headerActions?: React.ReactNode;
+    children: React.ReactNode;
+    bodyProps?: {
+        className?: string;
+        style?: React.CSSProperties;
+        useMotion?: boolean;
+        spacing?: boolean | {
+            gap?: number;
+            paddingBottom?: number;
+        };
+    };
+    onClose?: () => void;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ * DashboardSidePanel - Side panel wrapper for dashboard layouts
+ *
+ * A thin wrapper around SidePanelUI.SidePanel that provides dashboard-specific
+ * defaults and ergonomic props. Automatically includes Header and Body components
+ * with proper styling and animations.
+ */
+export declare const DashboardSidePanel: React.FC<DashboardSidePanelProps>;
+//# sourceMappingURL=DashboardSidePanel.d.ts.map

package/lib/types/layout/DashboardSidePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardSidePanel.d.ts","sourceRoot":"","sources":["../../../src/layout/DashboardSidePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE;QACV,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,OAAO,CAAC,EAAE,OAAO,GAAG;YAAE,GAAG,CAAC,EAAE,MAAM,CAAC;YAAC,aAAa,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;KAC9D,CAAC;IACF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAuChE,CAAC"}

package/lib/types/layout/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Dashboard SDK - Layout Primitives
+ *
+ * Layout components for building dashboard interfaces:
+ * - DashboardShell: Root container
+ * - DashboardMain: Central content area
+ * - DashboardSidePanel: Side panels (left/right)
+ * - DashboardBottomRegion: Bottom overlay region
+ * - DashboardMobileDrawer: Mobile drawer component
+ */
+export { DashboardShell } from './DashboardShell';
+export type { DashboardShellProps } from './DashboardShell';
+export { DashboardMain } from './DashboardMain';
+export type { DashboardMainProps } from './DashboardMain';
+export { DashboardSidePanel } from './DashboardSidePanel';
+export type { DashboardSidePanelProps } from './DashboardSidePanel';
+export { DashboardBottomRegion } from './DashboardBottomRegion';
+export type { DashboardBottomRegionProps } from './DashboardBottomRegion';
+export { DashboardMobileDrawer } from './DashboardMobileDrawer';
+export type { DashboardMobileDrawerProps } from './DashboardMobileDrawer';
+//# sourceMappingURL=index.d.ts.map

package/lib/types/layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAEpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAE1E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC"}

package/lib/types/types/generic.d.ts

@@ -0,0 +1,73 @@
+/**
+ * Dashboard SDK - Generic Types
+ *
+ * Schema-agnostic types for widgets. Consumers transform their data into these shapes.
+ */
+/** Severity levels for alerts and insights */
+export type GenericSeverity = 'Severe' | 'Medium' | 'Normal' | 'Info';
+/** Single data point for charts (label + value) */
+export interface ChartDataPoint {
+    label: string;
+    value: number;
+}
+/** Chart data shape for bar/doughnut/line charts */
+export interface ChartData {
+    labels: string[];
+    values: number[];
+    /** Optional color mapping for each label. If not provided, shades of accent.primary will be generated. */
+    colors?: Record<string, string> | string[];
+}
+/** Alert/item for list widgets (AlertsPanel, RecentActivityFeed) */
+export interface AlertListItem {
+    id: string | number;
+    message: string;
+    time: string;
+    severity: GenericSeverity;
+    category?: string;
+    /** Optional ISO timestamp for sorting (newest first) */
+    timestamp?: string;
+    metadata?: Record<string, unknown>;
+}
+/** Source/entity stats for TopCamerasList or similar ranked lists */
+export interface SourceStatsItem {
+    id: string;
+    name: string;
+    count: number;
+    lastActivity?: string;
+}
+/** AI insight for AIAnalysisPanel */
+export interface InsightItem {
+    type: 'warning' | 'info' | 'success' | 'critical';
+    title: string;
+    message: string;
+    icon?: string;
+}
+/** Statistics summary for AIAnalysisPanel */
+export interface InsightStatistics {
+    totalCount: number;
+    byCategory?: Record<string, number>;
+    bySource?: Record<string, number>;
+    recentCount?: number;
+    peakValue?: number | null;
+    topCategory?: string | null;
+    criticalCount?: number;
+}
+/** Timeline bucket for time-series charts */
+export interface TimelineDataPoint {
+    label: string;
+    value: number;
+}
+/** Top category/trigger item for AIAnalysisPanel */
+export interface TopCategoryItem {
+    label: string;
+    count: number;
+    percentage: number;
+    icon?: string;
+    severity?: 'critical' | 'warning' | 'info';
+}
+/** Minimal camera for CameraStreamWidget (app Camera is superset) */
+export interface Camera {
+    id: string;
+    name: string;
+}
+//# sourceMappingURL=generic.d.ts.map

package/lib/types/types/generic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generic.d.ts","sourceRoot":"","sources":["../../../src/types/generic.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,8CAA8C;AAC9C,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEtE,mDAAmD;AACnD,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,oDAAoD;AACpD,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,0GAA0G;IAC1G,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,EAAE,CAAC;CAC5C;AAED,oEAAoE;AACpE,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,eAAe,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC;AAED,qEAAqE;AACrE,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,qCAAqC;AACrC,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,6CAA6C;AAC7C,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,6CAA6C;AAC7C,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,oDAAoD;AACpD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;CAC5C;AAED,qEAAqE;AACrE,MAAM,WAAW,MAAM;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CACd"}

package/lib/types/types/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Dashboard SDK - Type Definitions
+ *
+ * TypeScript types for dashboard SDK widgets and data structures.
+ */
+export type { GenericSeverity, ChartDataPoint, ChartData, AlertListItem, SourceStatsItem, InsightItem, InsightStatistics, TimelineDataPoint, TopCategoryItem, Camera, } from './generic';
+//# sourceMappingURL=index.d.ts.map

package/lib/types/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,YAAY,EACV,eAAe,EACf,cAAc,EACd,SAAS,EACT,aAAa,EACb,eAAe,EACf,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,MAAM,GACP,MAAM,WAAW,CAAC"}

package/lib/types/ui/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Dashboard SDK - UI Primitives
+ *
+ * Re-exports of internal UI components for building dashboard widgets.
+ * All components are self-contained within the SDK.
+ */
+export { TopBar } from '../internal/ui/TopBar';
+export { SidePanelUI } from '../internal/ui/SidePanel';
+export { Panel } from '../internal/ui/Panel';
+export { Card } from '../internal/ui/Card';
+export { Button } from '../internal/ui/Button';
+export { BottomBar } from '../internal/ui/BottomBar';
+export { Dropdown } from '../internal/ui/Dropdown';
+export { Modal } from '../internal/ui/Modal';
+export { default as RadioButton } from '../internal/ui/RadioButton';
+export { ThemeEditor } from '../internal/ui/ThemeEditor';
+export { Chart } from '../internal/charts/Chart';
+export type { ChartTheme, SharedChartProps, ChartKind } from '../internal/charts/Chart';
+export { WidgetContainer } from '../internal/charts/WidgetContainer';
+export type { WidgetContainerProps } from '../internal/charts/WidgetContainer';
+//# sourceMappingURL=index.d.ts.map

package/lib/types/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAG/C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGvD,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAG7C,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAG3C,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAG/C,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAGrD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAGnD,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAG7C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAGpE,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAGzD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,YAAY,EAAE,UAAU,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAGxF,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,YAAY,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC"}

package/lib/types/widgets/AIAnalysisPanel.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { InsightItem, InsightStatistics, type TopCategoryItem } from '../types/generic';
+export type { TopCategoryItem };
+export interface AIAnalysisPanelProps {
+    /** AI-generated insights and recommendations */
+    insights: InsightItem[];
+    /** Optional statistics summary (totalCount, criticalCount) */
+    statistics?: Partial<InsightStatistics>;
+    /** Optional top categories/triggers to display */
+    topCategories?: TopCategoryItem[];
+    variant?: 'light' | 'dark';
+    isLoading?: boolean;
+    /** Card title */
+    title?: string;
+    /** Card description */
+    description?: string;
+    /** Section label for top categories */
+    topCategoriesLabel?: string;
+    /** Section label for insights */
+    insightsLabel?: string;
+    /** Empty state message when no data */
+    emptyMessage?: string;
+    /** Secondary empty message (e.g. mode-specific hint) */
+    emptyHint?: string;
+}
+/**
+ * AIAnalysisPanel - Dashboard widget for AI insights and analysis
+ *
+ * Accepts generic InsightItem[] and optional statistics/topCategories.
+ * Consumers compute insights from their data.
+ */
+export declare const AIAnalysisPanel: React.FC<AIAnalysisPanelProps>;
+//# sourceMappingURL=AIAnalysisPanel.d.ts.map

package/lib/types/widgets/AIAnalysisPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIAnalysisPanel.d.ts","sourceRoot":"","sources":["../../../src/widgets/AIAnalysisPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAExF,YAAY,EAAE,eAAe,EAAE,CAAC;AAIhC,MAAM,WAAW,oBAAoB;IACnC,gDAAgD;IAChD,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACxC,kDAAkD;IAClD,aAAa,CAAC,EAAE,eAAe,EAAE,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iCAAiC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uCAAuC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA8P1D,CAAC"}

package/lib/types/widgets/AlertCameraChart.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ChartData } from '../types/generic';
+export interface AlertCameraChartProps {
+    /** Chart data: labels (source names) and values (counts) */
+    data: ChartData;
+    variant?: 'light' | 'dark';
+    title?: string;
+    description?: string;
+}
+/**
+ * AlertCameraChart - Dashboard widget showing top sources/entities by count (e.g. cameras)
+ *
+ * Accepts generic ChartData. Consumers provide pre-sorted top-N data.
+ * Colors can be provided via data.colors (Record<string, string> or string[]).
+ * If not provided, shades of accent.primary will be generated.
+ */
+export declare const AlertCameraChart: React.FC<AlertCameraChartProps>;
+//# sourceMappingURL=AlertCameraChart.d.ts.map

package/lib/types/widgets/AlertCameraChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertCameraChart.d.ts","sourceRoot":"","sources":["../../../src/widgets/AlertCameraChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAI7C,MAAM,WAAW,qBAAqB;IACpC,4DAA4D;IAC5D,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAsD5D,CAAC"}

package/lib/types/widgets/AlertSeverityChart.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { ChartData } from '../types/generic';
+export interface AlertSeverityChartProps {
+    /** Chart data: severity labels and counts */
+    data: ChartData;
+    variant?: 'light' | 'dark';
+    title?: string;
+    description?: string;
+}
+/**
+ * AlertSeverityChart - Dashboard widget showing distribution by severity
+ *
+ * Accepts generic ChartData. Consumers provide severity labels and counts.
+ * Labels are mapped to theme.semantic colors automatically:
+ *   Severe/Critical → semantic.critical, Medium/Warning → semantic.warning,
+ *   Normal/Success → semantic.success, Info → semantic.info.
+ * Consumers can still override via data.colors.
+ */
+export declare const AlertSeverityChart: React.FC<AlertSeverityChartProps>;
+//# sourceMappingURL=AlertSeverityChart.d.ts.map

package/lib/types/widgets/AlertSeverityChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertSeverityChart.d.ts","sourceRoot":"","sources":["../../../src/widgets/AlertSeverityChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAG7C,MAAM,WAAW,uBAAuB;IACtC,6CAA6C;IAC7C,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAuDhE,CAAC"}

package/lib/types/widgets/AlertTimelineChart.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ChartData } from '../types/generic';
+export interface AlertTimelineChartProps {
+    /** Chart data: time bucket labels and counts */
+    data: ChartData;
+    variant?: 'light' | 'dark';
+    title?: string;
+    description?: string;
+}
+/**
+ * AlertTimelineChart - Dashboard widget showing time-series counts (e.g. alerts over time)
+ *
+ * Accepts generic ChartData. Consumers provide bucket labels and values.
+ * Colors can be provided via data.colors (string[] for borderColor, or single string).
+ * If not provided, accent.primary will be used.
+ */
+export declare const AlertTimelineChart: React.FC<AlertTimelineChartProps>;
+//# sourceMappingURL=AlertTimelineChart.d.ts.map