@twinmatrix/ui-sdk 0.0.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"AlertTimelineChart.d.ts","sourceRoot":"","sources":["../../../src/widgets/AlertTimelineChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAG7C,MAAM,WAAW,uBAAuB;IACtC,gDAAgD;IAChD,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,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAsDhE,CAAC"}

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ChartData } from '../types/generic';
+export interface AlertTriggerChartProps {
+    /** Chart data: labels and values (e.g. category/count pairs) */
+    data: ChartData;
+    variant?: 'light' | 'dark';
+    title?: string;
+    description?: string;
+}
+/**
+ * AlertTriggerChart - Dashboard widget showing distribution by category (e.g. trigger type)
+ *
+ * Accepts generic ChartData. Consumers transform their data into { labels, values }.
+ * 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 AlertTriggerChart: React.FC<AlertTriggerChartProps>;
+//# sourceMappingURL=AlertTriggerChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AlertTriggerChart.d.ts","sourceRoot":"","sources":["../../../src/widgets/AlertTriggerChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAI7C,MAAM,WAAW,sBAAsB;IACrC,gEAAgE;IAChE,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,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA+D9D,CAAC"}

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { AlertListItem } from '../types/generic';
+export interface AlertsPanelProps {
+    /** List of alerts to display (generic shape) */
+    items: AlertListItem[];
+    onItemClick?: (item: AlertListItem) => void;
+    variant?: 'light' | 'dark';
+    maxItems?: number;
+    /** Card title */
+    title?: string;
+    /** Card description */
+    description?: string;
+    /** Message when no items */
+    emptyMessage?: string;
+}
+/**
+ * AlertsPanel - Dashboard widget for displaying a list of alerts/items
+ *
+ * Accepts generic AlertListItem[]. Consumers transform their data into this shape.
+ */
+export declare const AlertsPanel: React.FC<AlertsPanelProps>;
+//# sourceMappingURL=AlertsPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AlertsPanel.d.ts","sourceRoot":"","sources":["../../../src/widgets/AlertsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,WAAW,gBAAgB;IAC/B,gDAAgD;IAChD,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0ClD,CAAC"}

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

@@ -0,0 +1,39 @@
+import React from 'react';
+import { Camera } from '../types/generic';
+export type StreamType = 'webrtc' | 'hls' | 'rtsp' | 'dash' | 'unknown';
+export interface StreamComponentProps {
+    url: string;
+    cameraName: string;
+    streamType?: StreamType;
+    onOpenFullscreen?: () => void;
+}
+export type StreamComponent = React.ComponentType<StreamComponentProps>;
+export interface CameraStreamWidgetProps {
+    camera: Camera;
+    streamUrl?: string;
+    onClose?: () => void;
+    onFullscreen?: (url: string, cameraName: string) => void;
+    variant?: 'light' | 'dark';
+    /**
+     * Type of stream used by this widget. Determines default renderer behavior.
+     * If a custom StreamComponent is not provided and streamType is "webrtc",
+     * the SDK's built-in WebRTCStreamPlayer will be used.
+     */
+    streamType?: StreamType;
+    /**
+     * Optional: Consumers can provide their own stream component which receives
+     * the URL, camera name, and streamType. This allows full customization for
+     * WebRTC, HLS, RTSP, etc.
+     */
+    StreamComponent?: StreamComponent;
+}
+/**
+ * CameraStreamWidget - Dashboard widget for displaying camera live stream
+ *
+ * Props-based component that accepts camera and streamUrl as props.
+ * By default, when streamType is "webrtc" and no custom StreamComponent is provided,
+ * the SDK's internal WebRTCStreamPlayer is used. For other stream types, consumers
+ * can provide their own StreamComponent implementation.
+ */
+export declare const CameraStreamWidget: React.FC<CameraStreamWidgetProps>;
+//# sourceMappingURL=CameraStreamWidget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CameraStreamWidget.d.ts","sourceRoot":"","sources":["../../../src/widgets/CameraStreamWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAM1C,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAExE,MAAM,WAAW,oBAAoB;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B;AAED,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;AAExE,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;;OAIG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA8GhE,CAAC"}

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

@@ -0,0 +1,16 @@
+import React from 'react';
+export interface ChatbotPanelProps {
+    variant?: 'light' | 'dark';
+    onOpenChat?: () => void;
+    title?: string;
+    description?: string;
+    placeholderText?: string;
+    buttonLabel?: string;
+}
+/**
+ * ChatbotPanel - Dashboard widget for chatbot CTA
+ *
+ * Generic placeholder. Consumers provide their own copy and handler.
+ */
+export declare const ChatbotPanel: React.FC<ChatbotPanelProps>;
+//# sourceMappingURL=ChatbotPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatbotPanel.d.ts","sourceRoot":"","sources":["../../../src/widgets/ChatbotPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,iBAAiB;IAChC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuBpD,CAAC"}

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { AlertListItem } from '../types/generic';
+export interface RecentActivityFeedProps {
+    /** List of recent items (generic shape) */
+    items: AlertListItem[];
+    variant?: 'light' | 'dark';
+    maxItems?: number;
+    onItemClick?: (id: string | number) => void;
+    title?: string;
+    description?: string;
+}
+/**
+ * RecentActivityFeed - Dashboard widget showing recent activity/events
+ *
+ * Accepts generic AlertListItem[]. Consumers transform their data into this shape.
+ */
+export declare const RecentActivityFeed: React.FC<RecentActivityFeedProps>;
+//# sourceMappingURL=RecentActivityFeed.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RecentActivityFeed.d.ts","sourceRoot":"","sources":["../../../src/widgets/RecentActivityFeed.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,MAAM,WAAW,uBAAuB;IACtC,2CAA2C;IAC3C,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAqHhE,CAAC"}

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { SourceStatsItem } from '../types/generic';
+export interface TopCamerasListProps {
+    /** Ranked list of sources (e.g. cameras) with counts */
+    items: SourceStatsItem[];
+    variant?: 'light' | 'dark';
+    onItemClick?: (id: string) => void;
+    title?: string;
+    description?: string;
+}
+/**
+ * TopCamerasList - Dashboard widget showing ranked sources by count
+ *
+ * Accepts generic SourceStatsItem[]. Consumers provide pre-ranked data.
+ */
+export declare const TopCamerasList: React.FC<TopCamerasListProps>;
+//# sourceMappingURL=TopCamerasList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TopCamerasList.d.ts","sourceRoot":"","sources":["../../../src/widgets/TopCamerasList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAInD,MAAM,WAAW,mBAAmB;IAClC,wDAAwD;IACxD,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;GAIG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAkHxD,CAAC"}

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

@@ -0,0 +1,27 @@
+/**
+ * Dashboard SDK - Widget Components
+ *
+ * Props-based dashboard widgets for displaying alerts, analytics, cameras, etc.
+ * All widgets accept data as props - no store dependencies.
+ */
+export { AlertsPanel } from './AlertsPanel';
+export type { AlertsPanelProps } from './AlertsPanel';
+export { AIAnalysisPanel } from './AIAnalysisPanel';
+export type { AIAnalysisPanelProps, TopCategoryItem } from './AIAnalysisPanel';
+export { ChatbotPanel } from './ChatbotPanel';
+export type { ChatbotPanelProps } from './ChatbotPanel';
+export { AlertTriggerChart } from './AlertTriggerChart';
+export type { AlertTriggerChartProps } from './AlertTriggerChart';
+export { AlertCameraChart } from './AlertCameraChart';
+export type { AlertCameraChartProps } from './AlertCameraChart';
+export { AlertTimelineChart } from './AlertTimelineChart';
+export type { AlertTimelineChartProps } from './AlertTimelineChart';
+export { AlertSeverityChart } from './AlertSeverityChart';
+export type { AlertSeverityChartProps } from './AlertSeverityChart';
+export { TopCamerasList } from './TopCamerasList';
+export type { TopCamerasListProps } from './TopCamerasList';
+export { RecentActivityFeed } from './RecentActivityFeed';
+export type { RecentActivityFeedProps } from './RecentActivityFeed';
+export { CameraStreamWidget } from './CameraStreamWidget';
+export type { CameraStreamWidgetProps } from './CameraStreamWidget';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/widgets/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAE/E,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAElE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAEhE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAEpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAGpE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAGpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC"}

package/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "@twinmatrix/ui-sdk",
+  "version": "0.0.1",
+  "description": "TwinMatrix UI SDK - Dashboard components, widgets, and UI primitives",
+  "main": "lib/cjs/index.js",
+  "module": "lib/esm/index.js",
+  "types": "lib/types/index.d.ts",
+  "files": [
+    "lib",
+    "README.md",
+    "THEME_CUSTOMIZATION.md"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/TwinMatrixOrg/twinmatrix-ui-sdk.git"
+  },
+  "keywords": [
+    "react",
+    "dashboard",
+    "ui",
+    "components",
+    "widgets",
+    "twinmatrix"
+  ],
+  "author": {
+    "name": "TwinMatrix",
+    "email": "info@twinmatrix.net",
+    "url": "https://www.twinmatrix.net"
+  },
+  "bugs": {
+    "url": "https://github.com/TwinMatrixOrg/twinmatrix-ui-sdk/issues"
+  },
+  "homepage": "https://github.com/TwinMatrixOrg/twinmatrix-ui-sdk#readme",
+  "scripts": {
+    "clean": "rimraf lib",
+    "declarations": "tsc -p tsconfig.json",
+    "build:esm": "rollup -c rollup.config.js --environment FORMAT:esm",
+    "build:cjs": "rollup -c rollup.config.js --environment FORMAT:cjs",
+    "build": "npm-run-all -l clean -p build:esm build:cjs declarations"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.28.6",
+    "@babel/preset-env": "^7.28.6",
+    "@babel/preset-react": "^7.28.5",
+    "@babel/preset-typescript": "^7.28.5",
+    "@rollup/plugin-babel": "^5.2.3",
+    "@rollup/plugin-commonjs": "^23.0.4",
+    "@rollup/plugin-json": "^6.0.0",
+    "@rollup/plugin-node-resolve": "^13.3.0",
+    "@rollup/plugin-typescript": "^12.3.0",
+    "cross-env": "^7.0.3",
+    "npm-run-all": "^4.1.5",
+    "rimraf": "^3.0.2",
+    "rollup": "^2.38.4",
+    "rollup-plugin-import-css": "^4.1.2",
+    "rollup-plugin-terser": "^7.0.2",
+    "typescript": "^5.9.3"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-chartjs-2": "^5.0.0",
+    "chart.js": "^4.0.0",
+    "zustand": "^4.0.0 || ^5.0.0"
+  },
+  "dependencies": {
+    "@iconify/react": "^6.0.2",
+    "dayjs": "^1.11.19"
+  }
+}