@twinmatrix/ui-sdk 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +49 -0
- package/THEME_CUSTOMIZATION.md +221 -0
- package/lib/cjs/index.js +224 -0
- package/lib/esm/index.js +224 -0
- package/lib/types/index.d.ts +33 -0
- package/lib/types/index.d.ts.map +1 -0
- package/lib/types/internal/alerts/AlertItem.d.ts +9 -0
- package/lib/types/internal/alerts/AlertItem.d.ts.map +1 -0
- package/lib/types/internal/alerts/AlertsList.d.ts +12 -0
- package/lib/types/internal/alerts/AlertsList.d.ts.map +1 -0
- package/lib/types/internal/alerts/index.d.ts +5 -0
- package/lib/types/internal/alerts/index.d.ts.map +1 -0
- package/lib/types/internal/alerts/types.d.ts +11 -0
- package/lib/types/internal/alerts/types.d.ts.map +1 -0
- package/lib/types/internal/alerts/utils.d.ts +2 -0
- package/lib/types/internal/alerts/utils.d.ts.map +1 -0
- package/lib/types/internal/charts/Chart.d.ts +28 -0
- package/lib/types/internal/charts/Chart.d.ts.map +1 -0
- package/lib/types/internal/charts/WidgetContainer.d.ts +16 -0
- package/lib/types/internal/charts/WidgetContainer.d.ts.map +1 -0
- package/lib/types/internal/charts/index.d.ts +5 -0
- package/lib/types/internal/charts/index.d.ts.map +1 -0
- package/lib/types/internal/stores/themeStore.d.ts +13 -0
- package/lib/types/internal/stores/themeStore.d.ts.map +1 -0
- package/lib/types/internal/theme/index.d.ts +26 -0
- package/lib/types/internal/theme/index.d.ts.map +1 -0
- package/lib/types/internal/theme/theme.d.ts +113 -0
- package/lib/types/internal/theme/theme.d.ts.map +1 -0
- package/lib/types/internal/theme/useAppTheme.d.ts +2 -0
- package/lib/types/internal/theme/useAppTheme.d.ts.map +1 -0
- package/lib/types/internal/ui/BottomBar.d.ts +9 -0
- package/lib/types/internal/ui/BottomBar.d.ts.map +1 -0
- package/lib/types/internal/ui/Button.d.ts +17 -0
- package/lib/types/internal/ui/Button.d.ts.map +1 -0
- package/lib/types/internal/ui/Card.d.ts +52 -0
- package/lib/types/internal/ui/Card.d.ts.map +1 -0
- package/lib/types/internal/ui/Dropdown.d.ts +12 -0
- package/lib/types/internal/ui/Dropdown.d.ts.map +1 -0
- package/lib/types/internal/ui/Modal.d.ts +45 -0
- package/lib/types/internal/ui/Modal.d.ts.map +1 -0
- package/lib/types/internal/ui/Panel.d.ts +30 -0
- package/lib/types/internal/ui/Panel.d.ts.map +1 -0
- package/lib/types/internal/ui/RadioButton.d.ts +13 -0
- package/lib/types/internal/ui/RadioButton.d.ts.map +1 -0
- package/lib/types/internal/ui/SidePanel.d.ts +10 -0
- package/lib/types/internal/ui/SidePanel.d.ts.map +1 -0
- package/lib/types/internal/ui/ThemeEditor.d.ts +21 -0
- package/lib/types/internal/ui/ThemeEditor.d.ts.map +1 -0
- package/lib/types/internal/ui/TopBar.d.ts +64 -0
- package/lib/types/internal/ui/TopBar.d.ts.map +1 -0
- package/lib/types/internal/ui/bottombar/Item.d.ts +9 -0
- package/lib/types/internal/ui/bottombar/Item.d.ts.map +1 -0
- package/lib/types/internal/ui/bottombar/Root.d.ts +8 -0
- package/lib/types/internal/ui/bottombar/Root.d.ts.map +1 -0
- package/lib/types/internal/ui/bottombar/styles.d.ts +19 -0
- package/lib/types/internal/ui/bottombar/styles.d.ts.map +1 -0
- package/lib/types/internal/ui/dropdown/Group.d.ts +9 -0
- package/lib/types/internal/ui/dropdown/Group.d.ts.map +1 -0
- package/lib/types/internal/ui/dropdown/Item.d.ts +12 -0
- package/lib/types/internal/ui/dropdown/Item.d.ts.map +1 -0
- package/lib/types/internal/ui/dropdown/Menu.d.ts +12 -0
- package/lib/types/internal/ui/dropdown/Menu.d.ts.map +1 -0
- package/lib/types/internal/ui/dropdown/Root.d.ts +11 -0
- package/lib/types/internal/ui/dropdown/Root.d.ts.map +1 -0
- package/lib/types/internal/ui/dropdown/Trigger.d.ts +11 -0
- package/lib/types/internal/ui/dropdown/Trigger.d.ts.map +1 -0
- package/lib/types/internal/ui/dropdown/styles.d.ts +67 -0
- package/lib/types/internal/ui/dropdown/styles.d.ts.map +1 -0
- package/lib/types/internal/ui/sidepanel/Body.d.ts +15 -0
- package/lib/types/internal/ui/sidepanel/Body.d.ts.map +1 -0
- package/lib/types/internal/ui/sidepanel/DrawerPanel.d.ts +13 -0
- package/lib/types/internal/ui/sidepanel/DrawerPanel.d.ts.map +1 -0
- package/lib/types/internal/ui/sidepanel/Footer.d.ts +5 -0
- package/lib/types/internal/ui/sidepanel/Footer.d.ts.map +1 -0
- package/lib/types/internal/ui/sidepanel/Header.d.ts +10 -0
- package/lib/types/internal/ui/sidepanel/Header.d.ts.map +1 -0
- package/lib/types/internal/ui/sidepanel/SidePanel.d.ts +11 -0
- package/lib/types/internal/ui/sidepanel/SidePanel.d.ts.map +1 -0
- package/lib/types/internal/ui/topbar/Actions.d.ts +5 -0
- package/lib/types/internal/ui/topbar/Actions.d.ts.map +1 -0
- package/lib/types/internal/ui/topbar/Badge.d.ts +5 -0
- package/lib/types/internal/ui/topbar/Badge.d.ts.map +1 -0
- package/lib/types/internal/ui/topbar/Divider.d.ts +5 -0
- package/lib/types/internal/ui/topbar/Divider.d.ts.map +1 -0
- package/lib/types/internal/ui/topbar/IconButton.d.ts +10 -0
- package/lib/types/internal/ui/topbar/IconButton.d.ts.map +1 -0
- package/lib/types/internal/ui/topbar/LevelSelector.d.ts +6 -0
- package/lib/types/internal/ui/topbar/LevelSelector.d.ts.map +1 -0
- package/lib/types/internal/ui/topbar/LocationSelector.d.ts +9 -0
- package/lib/types/internal/ui/topbar/LocationSelector.d.ts.map +1 -0
- package/lib/types/internal/ui/topbar/Logo.d.ts +8 -0
- package/lib/types/internal/ui/topbar/Logo.d.ts.map +1 -0
- package/lib/types/internal/ui/topbar/Root.d.ts +12 -0
- package/lib/types/internal/ui/topbar/Root.d.ts.map +1 -0
- package/lib/types/internal/ui/topbar/Section.d.ts +11 -0
- package/lib/types/internal/ui/topbar/Section.d.ts.map +1 -0
- package/lib/types/internal/ui/topbar/SelectBase.d.ts +19 -0
- package/lib/types/internal/ui/topbar/SelectBase.d.ts.map +1 -0
- package/lib/types/internal/ui/topbar/Spacer.d.ts +3 -0
- package/lib/types/internal/ui/topbar/Spacer.d.ts.map +1 -0
- package/lib/types/internal/ui/topbar/Title.d.ts +5 -0
- package/lib/types/internal/ui/topbar/Title.d.ts.map +1 -0
- package/lib/types/internal/ui/topbar/ToggleGroup.d.ts +14 -0
- package/lib/types/internal/ui/topbar/ToggleGroup.d.ts.map +1 -0
- package/lib/types/internal/ui/topbar/addons/BackButton.d.ts +6 -0
- package/lib/types/internal/ui/topbar/addons/BackButton.d.ts.map +1 -0
- package/lib/types/internal/ui/topbar/addons/EventsBar.d.ts +17 -0
- package/lib/types/internal/ui/topbar/addons/EventsBar.d.ts.map +1 -0
- package/lib/types/internal/ui/topbar/addons/LevelSelect.d.ts +6 -0
- package/lib/types/internal/ui/topbar/addons/LevelSelect.d.ts.map +1 -0
- package/lib/types/internal/ui/topbar/addons/ListTypeToggle.d.ts +6 -0
- package/lib/types/internal/ui/topbar/addons/ListTypeToggle.d.ts.map +1 -0
- package/lib/types/internal/ui/topbar/addons/LocationSelect.d.ts +9 -0
- package/lib/types/internal/ui/topbar/addons/LocationSelect.d.ts.map +1 -0
- package/lib/types/internal/ui/topbar/addons/SidebarToggleButton.d.ts +6 -0
- package/lib/types/internal/ui/topbar/addons/SidebarToggleButton.d.ts.map +1 -0
- package/lib/types/internal/ui/topbar/addons/ThemeToggleButton.d.ts +5 -0
- package/lib/types/internal/ui/topbar/addons/ThemeToggleButton.d.ts.map +1 -0
- package/lib/types/internal/ui/topbar/addons/TimelineToggleButton.d.ts +6 -0
- package/lib/types/internal/ui/topbar/addons/TimelineToggleButton.d.ts.map +1 -0
- package/lib/types/internal/ui/topbar/styles.d.ts +148 -0
- package/lib/types/internal/ui/topbar/styles.d.ts.map +1 -0
- package/lib/types/internal/utils/colorShades.d.ts +12 -0
- package/lib/types/internal/utils/colorShades.d.ts.map +1 -0
- package/lib/types/internal/webrtc/WebRTCManager.d.ts +28 -0
- package/lib/types/internal/webrtc/WebRTCManager.d.ts.map +1 -0
- package/lib/types/internal/webrtc/WebRTCStreamPlayer.d.ts +8 -0
- package/lib/types/internal/webrtc/WebRTCStreamPlayer.d.ts.map +1 -0
- package/lib/types/layout/DashboardBottomRegion.d.ts +17 -0
- package/lib/types/layout/DashboardBottomRegion.d.ts.map +1 -0
- package/lib/types/layout/DashboardMain.d.ts +16 -0
- package/lib/types/layout/DashboardMain.d.ts.map +1 -0
- package/lib/types/layout/DashboardMobileDrawer.d.ts +38 -0
- package/lib/types/layout/DashboardMobileDrawer.d.ts.map +1 -0
- package/lib/types/layout/DashboardShell.d.ts +18 -0
- package/lib/types/layout/DashboardShell.d.ts.map +1 -0
- package/lib/types/layout/DashboardSidePanel.d.ts +30 -0
- package/lib/types/layout/DashboardSidePanel.d.ts.map +1 -0
- package/lib/types/layout/index.d.ts +21 -0
- package/lib/types/layout/index.d.ts.map +1 -0
- package/lib/types/types/generic.d.ts +73 -0
- package/lib/types/types/generic.d.ts.map +1 -0
- package/lib/types/types/index.d.ts +7 -0
- package/lib/types/types/index.d.ts.map +1 -0
- package/lib/types/ui/index.d.ts +21 -0
- package/lib/types/ui/index.d.ts.map +1 -0
- package/lib/types/widgets/AIAnalysisPanel.d.ts +33 -0
- package/lib/types/widgets/AIAnalysisPanel.d.ts.map +1 -0
- package/lib/types/widgets/AlertCameraChart.d.ts +18 -0
- package/lib/types/widgets/AlertCameraChart.d.ts.map +1 -0
- package/lib/types/widgets/AlertSeverityChart.d.ts +20 -0
- package/lib/types/widgets/AlertSeverityChart.d.ts.map +1 -0
- package/lib/types/widgets/AlertTimelineChart.d.ts +18 -0
- package/lib/types/widgets/AlertTimelineChart.d.ts.map +1 -0
- package/lib/types/widgets/AlertTriggerChart.d.ts +18 -0
- package/lib/types/widgets/AlertTriggerChart.d.ts.map +1 -0
- package/lib/types/widgets/AlertsPanel.d.ts +22 -0
- package/lib/types/widgets/AlertsPanel.d.ts.map +1 -0
- package/lib/types/widgets/CameraStreamWidget.d.ts +39 -0
- package/lib/types/widgets/CameraStreamWidget.d.ts.map +1 -0
- package/lib/types/widgets/ChatbotPanel.d.ts +16 -0
- package/lib/types/widgets/ChatbotPanel.d.ts.map +1 -0
- package/lib/types/widgets/RecentActivityFeed.d.ts +18 -0
- package/lib/types/widgets/RecentActivityFeed.d.ts.map +1 -0
- package/lib/types/widgets/TopCamerasList.d.ts +17 -0
- package/lib/types/widgets/TopCamerasList.d.ts.map +1 -0
- package/lib/types/widgets/index.d.ts +27 -0
- package/lib/types/widgets/index.d.ts.map +1 -0
- package/package.json +70 -0
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Dashboard SDK - Main Entry Point
|
|
3
|
+
*
|
|
4
|
+
* Provides layout primitives, widgets, UI components, utilities, and types
|
|
5
|
+
* for building dashboard interfaces.
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* ```typescript
|
|
9
|
+
* import { DashboardShell, DashboardSidePanel, AlertsPanel } from '@dashboard-sdk';
|
|
10
|
+
* import { fromAilyticsEvents } from './utils/ailyticsAdapter'; // app-side adapter
|
|
11
|
+
*
|
|
12
|
+
* const MyDashboard = () => {
|
|
13
|
+
* const events = useMyEvents();
|
|
14
|
+
* const data = fromAilyticsEvents(events, { timezone: 'UTC', topN: 5 });
|
|
15
|
+
*
|
|
16
|
+
* return (
|
|
17
|
+
* <DashboardShell>
|
|
18
|
+
* <DashboardSidePanel side="right" isOpen={true} title="Alerts">
|
|
19
|
+
* <AlertsPanel items={data.alertListItems} />
|
|
20
|
+
* </DashboardSidePanel>
|
|
21
|
+
* </DashboardShell>
|
|
22
|
+
* );
|
|
23
|
+
* };
|
|
24
|
+
* ```
|
|
25
|
+
*/
|
|
26
|
+
export * from './layout';
|
|
27
|
+
export * from './widgets';
|
|
28
|
+
export * from './ui';
|
|
29
|
+
export * from './types';
|
|
30
|
+
export { getTheme, getBaseTheme, setCustomTheme, setCustomThemes, resetTheme, type Theme, type ThemeMode, type PartialTheme, } from './internal/theme';
|
|
31
|
+
export { useThemeStore } from './internal/stores/themeStore';
|
|
32
|
+
export { useAppTheme } from './internal/theme/useAppTheme';
|
|
33
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAGH,cAAc,UAAU,CAAC;AAGzB,cAAc,WAAW,CAAC;AAG1B,cAAc,MAAM,CAAC;AAGrB,cAAc,SAAS,CAAC;AAGxB,OAAO,EACL,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,eAAe,EACf,UAAU,EACV,KAAK,KAAK,EACV,KAAK,SAAS,EACd,KAAK,YAAY,GAClB,MAAM,kBAAkB,CAAC;AAG1B,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { AlertItem as AlertItemType } from './types';
|
|
3
|
+
interface AlertItemProps {
|
|
4
|
+
alert: AlertItemType;
|
|
5
|
+
onClick?: (alert: AlertItemType) => void;
|
|
6
|
+
}
|
|
7
|
+
export declare const AlertItem: React.FC<AlertItemProps>;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=AlertItem.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertItem.d.ts","sourceRoot":"","sources":["../../../../src/internal/alerts/AlertItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,SAAS,CAAC;AAE1D,UAAU,cAAc;IACtB,KAAK,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC1C;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAiE9C,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { AlertItem as AlertItemType } from './types';
|
|
3
|
+
interface AlertsListProps {
|
|
4
|
+
title?: string;
|
|
5
|
+
alerts: AlertItemType[];
|
|
6
|
+
emptyText?: string;
|
|
7
|
+
onAlertClick?: (alert: AlertItemType) => void;
|
|
8
|
+
maxHeight?: number;
|
|
9
|
+
}
|
|
10
|
+
export declare const AlertsList: React.FC<AlertsListProps>;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=AlertsList.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertsList.d.ts","sourceRoot":"","sources":["../../../../src/internal/alerts/AlertsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,SAAS,CAAC;AAG1D,UAAU,eAAe;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqDhD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/internal/alerts/index.ts"],"names":[],"mappings":"AACA,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAI7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export type AlertSeverity = 'Severe' | 'Medium' | 'Normal' | 'Info';
|
|
2
|
+
export interface AlertItem {
|
|
3
|
+
id: string | number;
|
|
4
|
+
message: string;
|
|
5
|
+
time: string;
|
|
6
|
+
severity: AlertSeverity;
|
|
7
|
+
icon?: string;
|
|
8
|
+
refId?: string;
|
|
9
|
+
category?: string;
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/internal/alerts/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEpE,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/internal/alerts/utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAexF"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export type ChartKind = 'bar' | 'line' | 'pie' | 'doughnut' | 'radar' | 'polarArea' | 'bubble' | 'scatter';
|
|
3
|
+
export interface ChartTheme {
|
|
4
|
+
palette?: {
|
|
5
|
+
primary?: string;
|
|
6
|
+
secondary?: string;
|
|
7
|
+
muted?: string;
|
|
8
|
+
grid?: string;
|
|
9
|
+
text?: string;
|
|
10
|
+
};
|
|
11
|
+
lineWidth?: number;
|
|
12
|
+
pointRadius?: number;
|
|
13
|
+
fontFamily?: string;
|
|
14
|
+
}
|
|
15
|
+
export interface SharedChartProps {
|
|
16
|
+
type: ChartKind;
|
|
17
|
+
data: any;
|
|
18
|
+
options?: any;
|
|
19
|
+
height?: number;
|
|
20
|
+
width?: number;
|
|
21
|
+
isLoading?: boolean;
|
|
22
|
+
empty?: boolean;
|
|
23
|
+
theme?: ChartTheme;
|
|
24
|
+
className?: string;
|
|
25
|
+
style?: React.CSSProperties;
|
|
26
|
+
}
|
|
27
|
+
export declare const Chart: React.FC<SharedChartProps>;
|
|
28
|
+
//# sourceMappingURL=Chart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../../src/internal/charts/Chart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AA0BvC,MAAM,MAAM,SAAS,GACjB,KAAK,GACL,MAAM,GACN,KAAK,GACL,UAAU,GACV,OAAO,GACP,WAAW,GACX,QAAQ,GACR,SAAS,CAAC;AAed,MAAM,WAAW,UAAU;IACzB,OAAO,CAAC,EAAE;QACR,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE,GAAG,CAAC;IACV,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AA0CD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAqJ5C,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface WidgetContainerProps {
|
|
3
|
+
title?: string;
|
|
4
|
+
description?: string;
|
|
5
|
+
actions?: React.ReactNode;
|
|
6
|
+
footer?: React.ReactNode;
|
|
7
|
+
isLoading?: boolean;
|
|
8
|
+
empty?: boolean;
|
|
9
|
+
children: React.ReactNode;
|
|
10
|
+
variant?: 'light' | 'dark';
|
|
11
|
+
containerMinHeight?: number;
|
|
12
|
+
bodyMinHeight?: number;
|
|
13
|
+
showBody?: boolean;
|
|
14
|
+
}
|
|
15
|
+
export declare const WidgetContainer: React.FC<WidgetContainerProps>;
|
|
16
|
+
//# sourceMappingURL=WidgetContainer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WidgetContainer.d.ts","sourceRoot":"","sources":["../../../../src/internal/charts/WidgetContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA2H1D,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/internal/charts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ThemeMode, PartialTheme } from '../theme/theme';
|
|
2
|
+
interface ThemeStore {
|
|
3
|
+
mode: ThemeMode;
|
|
4
|
+
customLightThemeOverride: PartialTheme | null;
|
|
5
|
+
customDarkThemeOverride: PartialTheme | null;
|
|
6
|
+
setMode: (mode: ThemeMode) => void;
|
|
7
|
+
toggleMode: () => void;
|
|
8
|
+
setCustomThemeOverride: (mode: ThemeMode, override: PartialTheme) => void;
|
|
9
|
+
resetThemeOverride: (mode?: ThemeMode) => void;
|
|
10
|
+
}
|
|
11
|
+
export declare const useThemeStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ThemeStore>>;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=themeStore.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"themeStore.d.ts","sourceRoot":"","sources":["../../../../src/internal/stores/themeStore.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGzD,UAAU,UAAU;IAChB,IAAI,EAAE,SAAS,CAAC;IAChB,wBAAwB,EAAE,YAAY,GAAG,IAAI,CAAC;IAC9C,uBAAuB,EAAE,YAAY,GAAG,IAAI,CAAC;IAC7C,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACnC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,sBAAsB,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1E,kBAAkB,EAAE,CAAC,IAAI,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;CAClD;AAKD,eAAO,MAAM,aAAa,yEA0CvB,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Theme Module - Exports theme types and customization API
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```typescript
|
|
6
|
+
* import { setCustomTheme, getTheme, ThemeMode } from '@dashboard-sdk/theme';
|
|
7
|
+
*
|
|
8
|
+
* // Customize theme colors
|
|
9
|
+
* setCustomTheme('dark', {
|
|
10
|
+
* accent: {
|
|
11
|
+
* primary: '#FF5733',
|
|
12
|
+
* secondary: '#33FF57',
|
|
13
|
+
* },
|
|
14
|
+
* surface: {
|
|
15
|
+
* topbar: '#FF5733',
|
|
16
|
+
* },
|
|
17
|
+
* });
|
|
18
|
+
*
|
|
19
|
+
* // Get current theme
|
|
20
|
+
* const theme = getTheme('dark');
|
|
21
|
+
* ```
|
|
22
|
+
*/
|
|
23
|
+
export type { Theme, ThemeMode, PartialTheme } from './theme';
|
|
24
|
+
export { getTheme, getBaseTheme, setCustomTheme, setCustomThemes, resetTheme, } from './theme';
|
|
25
|
+
export { useAppTheme } from './useAppTheme';
|
|
26
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/internal/theme/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC9D,OAAO,EACL,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,eAAe,EACf,UAAU,GACX,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
export type ThemeMode = 'light' | 'dark';
|
|
2
|
+
export type Theme = {
|
|
3
|
+
surface: {
|
|
4
|
+
app: string;
|
|
5
|
+
topbar: string;
|
|
6
|
+
panel: string;
|
|
7
|
+
card: string;
|
|
8
|
+
modal: string;
|
|
9
|
+
control: string;
|
|
10
|
+
backdrop: string;
|
|
11
|
+
neutral: string;
|
|
12
|
+
hover: string;
|
|
13
|
+
};
|
|
14
|
+
text: {
|
|
15
|
+
primary: string;
|
|
16
|
+
muted: string;
|
|
17
|
+
onAccent: string;
|
|
18
|
+
inverted: string;
|
|
19
|
+
};
|
|
20
|
+
accent: {
|
|
21
|
+
primary: string;
|
|
22
|
+
secondary: string;
|
|
23
|
+
};
|
|
24
|
+
semantic: {
|
|
25
|
+
success: string;
|
|
26
|
+
warning: string;
|
|
27
|
+
critical: string;
|
|
28
|
+
info: string;
|
|
29
|
+
};
|
|
30
|
+
border: {
|
|
31
|
+
subtle: string;
|
|
32
|
+
strong: string;
|
|
33
|
+
};
|
|
34
|
+
chart: {
|
|
35
|
+
grid: string;
|
|
36
|
+
text: string;
|
|
37
|
+
};
|
|
38
|
+
state: {
|
|
39
|
+
hover: string;
|
|
40
|
+
active: string;
|
|
41
|
+
focus: string;
|
|
42
|
+
};
|
|
43
|
+
};
|
|
44
|
+
export type PartialTheme = Partial<{
|
|
45
|
+
surface: Partial<Theme['surface']>;
|
|
46
|
+
text: Partial<Theme['text']>;
|
|
47
|
+
accent: Partial<Theme['accent']>;
|
|
48
|
+
semantic: Partial<Theme['semantic']>;
|
|
49
|
+
border: Partial<Theme['border']>;
|
|
50
|
+
chart: Partial<Theme['chart']>;
|
|
51
|
+
state: Partial<Theme['state']>;
|
|
52
|
+
}>;
|
|
53
|
+
/**
|
|
54
|
+
* Deep merge utility for theme objects
|
|
55
|
+
*/
|
|
56
|
+
export declare function deepMerge<T extends Record<string, any>>(target: T, source: Partial<T>): T;
|
|
57
|
+
/**
|
|
58
|
+
* Get theme for a specific mode, with custom overrides applied
|
|
59
|
+
* @param mode - Theme mode ('light' or 'dark')
|
|
60
|
+
* @param customOverride - Optional custom override (for use outside React context)
|
|
61
|
+
*/
|
|
62
|
+
export declare const getTheme: (mode?: ThemeMode, customOverride?: PartialTheme | null) => Theme;
|
|
63
|
+
/**
|
|
64
|
+
* Set custom theme overrides for a specific mode
|
|
65
|
+
*
|
|
66
|
+
* This function updates the Zustand store, which triggers React re-renders.
|
|
67
|
+
*
|
|
68
|
+
* @example
|
|
69
|
+
* ```ts
|
|
70
|
+
* import { setCustomTheme } from '@dashboard-sdk/theme';
|
|
71
|
+
*
|
|
72
|
+
* setCustomTheme('light', {
|
|
73
|
+
* accent: {
|
|
74
|
+
* primary: '#FF5733',
|
|
75
|
+
* secondary: '#33FF57',
|
|
76
|
+
* },
|
|
77
|
+
* surface: {
|
|
78
|
+
* topbar: '#FF5733',
|
|
79
|
+
* },
|
|
80
|
+
* });
|
|
81
|
+
* ```
|
|
82
|
+
*/
|
|
83
|
+
export declare const setCustomTheme: (mode: ThemeMode, override: PartialTheme) => void;
|
|
84
|
+
/**
|
|
85
|
+
* Set custom theme overrides for both light and dark modes
|
|
86
|
+
*
|
|
87
|
+
* @example
|
|
88
|
+
* ```ts
|
|
89
|
+
* import { setCustomThemes } from '@dashboard-sdk/theme';
|
|
90
|
+
*
|
|
91
|
+
* setCustomThemes({
|
|
92
|
+
* light: {
|
|
93
|
+
* accent: { primary: '#FF5733' },
|
|
94
|
+
* },
|
|
95
|
+
* dark: {
|
|
96
|
+
* accent: { primary: '#FFAA33' },
|
|
97
|
+
* },
|
|
98
|
+
* });
|
|
99
|
+
* ```
|
|
100
|
+
*/
|
|
101
|
+
export declare const setCustomThemes: (overrides: {
|
|
102
|
+
light?: PartialTheme;
|
|
103
|
+
dark?: PartialTheme;
|
|
104
|
+
}) => void;
|
|
105
|
+
/**
|
|
106
|
+
* Reset theme overrides to defaults
|
|
107
|
+
*/
|
|
108
|
+
export declare const resetTheme: (mode?: ThemeMode) => void;
|
|
109
|
+
/**
|
|
110
|
+
* Get the base theme without any custom overrides
|
|
111
|
+
*/
|
|
112
|
+
export declare const getBaseTheme: (mode?: ThemeMode) => Theme;
|
|
113
|
+
//# sourceMappingURL=theme.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/internal/theme/theme.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEzC,MAAM,MAAM,KAAK,GAAG;IAClB,OAAO,EAAE;QACP,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,QAAQ,EAAE;QACR,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,MAAM,EAAE;QACN,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,KAAK,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;CACH,CAAC;AAGF,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC;IACjC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IACnC,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAC7B,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IACjC,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;IACrC,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IACjC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/B,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;CAChC,CAAC,CAAC;AA+FH;;GAEG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAgBzF;AAuBD;;;;GAIG;AACH,eAAO,MAAM,QAAQ,GACnB,OAAM,SAAkB,EACxB,iBAAiB,YAAY,GAAG,IAAI,KACnC,KAGF,CAAC;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,cAAc,GAAI,MAAM,SAAS,EAAE,UAAU,YAAY,KAAG,IAGxE,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,eAAe,GAAI,WAAW;IACzC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB,KAAG,IAOH,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,OAAO,SAAS,KAAG,IAG7C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,OAAM,SAAkB,KAAG,KACL,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useAppTheme.d.ts","sourceRoot":"","sources":["../../../../src/internal/theme/useAppTheme.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,WAAW,+BAQvB,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* BottomBar aggregator: exports primitives and addons from ./bottombar
|
|
3
|
+
* to preserve the existing import path.
|
|
4
|
+
*/
|
|
5
|
+
export declare const BottomBar: {
|
|
6
|
+
Root: import("react").FC<import("../ui/bottombar/Root").RootProps>;
|
|
7
|
+
Item: import("react").FC<import("../ui/bottombar/Item").ItemProps>;
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=BottomBar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BottomBar.d.ts","sourceRoot":"","sources":["../../../../src/internal/ui/BottomBar.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAKH,eAAO,MAAM,SAAS;;;CAAiB,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Button Component
|
|
3
|
+
*
|
|
4
|
+
* A reusable button component with variants.
|
|
5
|
+
*/
|
|
6
|
+
import React from 'react';
|
|
7
|
+
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
8
|
+
variant?: 'primary' | 'secondary' | 'outline' | 'ghost';
|
|
9
|
+
size?: 'small' | 'medium' | 'large';
|
|
10
|
+
children: React.ReactNode;
|
|
11
|
+
bgColor?: string;
|
|
12
|
+
textColor?: string;
|
|
13
|
+
borderColor?: string;
|
|
14
|
+
}
|
|
15
|
+
export declare const Button: React.FC<ButtonProps>;
|
|
16
|
+
export {};
|
|
17
|
+
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/internal/ui/Button.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACzE,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,CAAC;IACxD,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA8FxC,CAAC"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Card Compound Component
|
|
3
|
+
*
|
|
4
|
+
* A flexible card container for displaying content in both Events and Dashboard modes.
|
|
5
|
+
*
|
|
6
|
+
* @example
|
|
7
|
+
* ```tsx
|
|
8
|
+
* <Card.Root onClick={handleClick}>
|
|
9
|
+
* <Card.Header title="Booth A-101" subtitle="Technology" />
|
|
10
|
+
* <Card.Body>
|
|
11
|
+
* <p>Booth description...</p>
|
|
12
|
+
* </Card.Body>
|
|
13
|
+
* <Card.Footer>
|
|
14
|
+
* <button>View Details</button>
|
|
15
|
+
* </Card.Footer>
|
|
16
|
+
* </Card.Root>
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
19
|
+
import React from 'react';
|
|
20
|
+
interface RootProps {
|
|
21
|
+
children: React.ReactNode;
|
|
22
|
+
onClick?: () => void;
|
|
23
|
+
variant?: 'default' | 'outlined' | 'elevated';
|
|
24
|
+
className?: string;
|
|
25
|
+
}
|
|
26
|
+
interface HeaderProps {
|
|
27
|
+
title: string;
|
|
28
|
+
subtitle?: string;
|
|
29
|
+
actions?: React.ReactNode;
|
|
30
|
+
image?: string;
|
|
31
|
+
}
|
|
32
|
+
interface BodyProps {
|
|
33
|
+
children: React.ReactNode;
|
|
34
|
+
}
|
|
35
|
+
interface FooterProps {
|
|
36
|
+
children: React.ReactNode;
|
|
37
|
+
align?: 'left' | 'center' | 'right';
|
|
38
|
+
}
|
|
39
|
+
interface ImageProps {
|
|
40
|
+
src: string;
|
|
41
|
+
alt: string;
|
|
42
|
+
height?: string;
|
|
43
|
+
}
|
|
44
|
+
export declare const Card: {
|
|
45
|
+
Root: React.FC<RootProps>;
|
|
46
|
+
Header: React.FC<HeaderProps>;
|
|
47
|
+
Body: React.FC<BodyProps>;
|
|
48
|
+
Footer: React.FC<FooterProps>;
|
|
49
|
+
Image: React.FC<ImageProps>;
|
|
50
|
+
};
|
|
51
|
+
export {};
|
|
52
|
+
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/internal/ui/Card.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,SAAS;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA+BD,UAAU,WAAW;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAoBD,UAAU,SAAS;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAWD,UAAU,WAAW;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC;AAsBD,UAAU,UAAU;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAmED,eAAO,MAAM,IAAI;;;;;;CAMhB,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Dropdown aggregator: exports primitives from ./dropdown
|
|
3
|
+
* to preserve existing import path.
|
|
4
|
+
*/
|
|
5
|
+
export declare const Dropdown: {
|
|
6
|
+
Root: import("react").FC<import("./dropdown/Root").RootProps>;
|
|
7
|
+
Trigger: import("react").FC<import("./dropdown/Trigger").TriggerProps>;
|
|
8
|
+
Menu: import("react").FC<import("./dropdown/Menu").MenuProps>;
|
|
9
|
+
Item: import("react").FC<import("./dropdown/Item").ItemProps>;
|
|
10
|
+
Group: import("react").FC<import("./dropdown/Group").GroupProps>;
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=Dropdown.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/internal/ui/Dropdown.tsx"],"names":[],"mappings":"AAMA;;;GAGG;AACH,eAAO,MAAM,QAAQ;;;;;;CAMpB,CAAC"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Modal Compound Component
|
|
3
|
+
*
|
|
4
|
+
* A flexible modal/dialog that can be composed for different use cases.
|
|
5
|
+
*
|
|
6
|
+
* @example Basic Modal
|
|
7
|
+
* ```tsx
|
|
8
|
+
* <Modal.Root isOpen={isOpen} onClose={handleClose}>
|
|
9
|
+
* <Modal.Header title="Booth Details" onClose={handleClose} />
|
|
10
|
+
* <Modal.Body>
|
|
11
|
+
* <BoothInfo />
|
|
12
|
+
* </Modal.Body>
|
|
13
|
+
* <Modal.Footer>
|
|
14
|
+
* <button onClick={handleSave}>Save</button>
|
|
15
|
+
* </Modal.Footer>
|
|
16
|
+
* </Modal.Root>
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
19
|
+
import React from 'react';
|
|
20
|
+
interface RootProps {
|
|
21
|
+
isOpen: boolean;
|
|
22
|
+
onClose: () => void;
|
|
23
|
+
children: React.ReactNode;
|
|
24
|
+
size?: 'small' | 'medium' | 'large';
|
|
25
|
+
}
|
|
26
|
+
interface HeaderProps {
|
|
27
|
+
title: string;
|
|
28
|
+
onClose?: () => void;
|
|
29
|
+
actions?: React.ReactNode;
|
|
30
|
+
}
|
|
31
|
+
interface BodyProps {
|
|
32
|
+
children: React.ReactNode;
|
|
33
|
+
}
|
|
34
|
+
interface FooterProps {
|
|
35
|
+
children: React.ReactNode;
|
|
36
|
+
align?: 'left' | 'center' | 'right';
|
|
37
|
+
}
|
|
38
|
+
export declare const Modal: {
|
|
39
|
+
Root: React.FC<RootProps>;
|
|
40
|
+
Header: React.FC<HeaderProps>;
|
|
41
|
+
Body: React.FC<BodyProps>;
|
|
42
|
+
Footer: React.FC<FooterProps>;
|
|
43
|
+
};
|
|
44
|
+
export {};
|
|
45
|
+
//# sourceMappingURL=Modal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/internal/ui/Modal.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,SAAS;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC;AAoCD,UAAU,WAAW;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AA8CD,UAAU,SAAS;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAQD,UAAU,WAAW;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC;AAyFD,eAAO,MAAM,KAAK;;;;;CAKjB,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Panel Compound Component
|
|
3
|
+
*
|
|
4
|
+
* A reusable panel UI component following the Compound Component pattern.
|
|
5
|
+
* This component knows nothing about business logic - it only handles layout and presentation.
|
|
6
|
+
*/
|
|
7
|
+
import React from 'react';
|
|
8
|
+
interface RootProps {
|
|
9
|
+
children: React.ReactNode;
|
|
10
|
+
isOpen: boolean;
|
|
11
|
+
onClose?: () => void;
|
|
12
|
+
}
|
|
13
|
+
interface HeaderProps {
|
|
14
|
+
title: string;
|
|
15
|
+
onClose?: () => void;
|
|
16
|
+
}
|
|
17
|
+
interface BodyProps {
|
|
18
|
+
children: React.ReactNode;
|
|
19
|
+
}
|
|
20
|
+
interface FooterProps {
|
|
21
|
+
children: React.ReactNode;
|
|
22
|
+
}
|
|
23
|
+
export declare const Panel: {
|
|
24
|
+
Root: React.FC<RootProps>;
|
|
25
|
+
Header: React.FC<HeaderProps>;
|
|
26
|
+
Body: React.FC<BodyProps>;
|
|
27
|
+
Footer: React.FC<FooterProps>;
|
|
28
|
+
};
|
|
29
|
+
export {};
|
|
30
|
+
//# sourceMappingURL=Panel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../../src/internal/ui/Panel.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,SAAS;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAqBD,UAAU,WAAW;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AA0BD,UAAU,SAAS;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAQD,UAAU,WAAW;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAsDD,eAAO,MAAM,KAAK;;;;;CAAiC,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface RadioButtonProps {
|
|
3
|
+
name: string;
|
|
4
|
+
value: string;
|
|
5
|
+
label: string;
|
|
6
|
+
checked: boolean;
|
|
7
|
+
onChange: (text: string) => void;
|
|
8
|
+
textClassName?: string;
|
|
9
|
+
circleClassName?: string;
|
|
10
|
+
}
|
|
11
|
+
declare const RadioButton: React.FC<RadioButtonProps>;
|
|
12
|
+
export default RadioButton;
|
|
13
|
+
//# sourceMappingURL=RadioButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../../../src/internal/ui/RadioButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,gBAAgB;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAuC3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export declare const SidePanelUI: {
|
|
2
|
+
SidePanel: import("react").FC<import("./sidepanel/SidePanel").SidePanelProps>;
|
|
3
|
+
DrawerPanel: import("react").FC<import("./sidepanel/DrawerPanel").DrawerPanelProps>;
|
|
4
|
+
Header: import("react").FC<import("./sidepanel/Header").HeaderProps>;
|
|
5
|
+
Body: import("react").FC<import("./sidepanel/Body").BodyProps>;
|
|
6
|
+
Footer: import("react").FC<{
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
}>;
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=SidePanel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SidePanel.d.ts","sourceRoot":"","sources":["../../../../src/internal/ui/SidePanel.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,WAAW;;;;;;;;CAMvB,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type ThemeMode } from '../theme/theme';
|
|
3
|
+
interface ThemeEditorProps {
|
|
4
|
+
/** Optional fixed mode; defaults to current mode from theme store */
|
|
5
|
+
modeOverride?: ThemeMode;
|
|
6
|
+
/** Optional positioning overrides for the floating panel */
|
|
7
|
+
position?: {
|
|
8
|
+
bottom?: number;
|
|
9
|
+
left?: number;
|
|
10
|
+
right?: number;
|
|
11
|
+
};
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* ThemeEditor - Floating SDK theme editor for tweaking all theme sections at runtime.
|
|
15
|
+
*
|
|
16
|
+
* Uses the SDK's internal theme store + customization API so host apps
|
|
17
|
+
* can adjust colors without managing SDK theme state themselves.
|
|
18
|
+
*/
|
|
19
|
+
export declare const ThemeEditor: React.FC<ThemeEditorProps>;
|
|
20
|
+
export {};
|
|
21
|
+
//# sourceMappingURL=ThemeEditor.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThemeEditor.d.ts","sourceRoot":"","sources":["../../../../src/internal/ui/ThemeEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAwC,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAItF,UAAU,gBAAgB;IACxB,qEAAqE;IACrE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE;QACT,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAED;;;;;GAKG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA2NlD,CAAC"}
|