@procaaso/alphinity-ui-components 1.0.0 → 1.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.
Files changed (7) hide show
  1. package/dist/index.cjs +1366 -669
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +313 -55
  4. package/dist/index.d.ts +313 -55
  5. package/dist/index.js +1324 -664
  6. package/dist/index.js.map +1 -1
  7. package/package.json +7 -3
package/dist/index.d.cts CHANGED
@@ -1,52 +1,17 @@
1
- import React from 'react';
1
+ import * as react from 'react';
2
+ import react__default from 'react';
3
+ import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
4
+ import * as _emotion_styled from '@emotion/styled';
5
+ import * as _emotion_react from '@emotion/react';
6
+ import * as _mui_system from '@mui/system';
7
+ import * as _mui_material from '@mui/material';
8
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
9
 
3
- interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
10
+ interface ButtonProps extends react__default.ButtonHTMLAttributes<HTMLButtonElement> {
4
11
  variant?: 'primary' | 'secondary';
5
- children: React.ReactNode;
12
+ children: react__default.ReactNode;
6
13
  }
7
- declare const Button: React.FC<ButtonProps>;
8
-
9
- interface ValueEntryProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {
10
- /** Current value */
11
- value: number | string;
12
- /** Callback when value changes */
13
- onChange: (value: number | string) => void;
14
- /** Unit of measurement to display */
15
- unit?: string;
16
- /** Status state for visual feedback */
17
- status?: 'normal' | 'alarm' | 'warning' | 'disabled';
18
- /** Minimum allowed value (for numeric inputs) */
19
- min?: number;
20
- /** Maximum allowed value (for numeric inputs) */
21
- max?: number;
22
- /** Number of decimal places (for numeric inputs) */
23
- precision?: number;
24
- /** Input type - numeric or text */
25
- inputType?: 'numeric' | 'text';
26
- /** Label for the input */
27
- label?: string;
28
- /** Whether the input is read-only */
29
- readOnly?: boolean;
30
- }
31
- declare const ValueEntry: React.FC<ValueEntryProps>;
32
-
33
- interface StatusIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {
34
- /** Status state determining color and behavior */
35
- status: 'off' | 'normal' | 'alarm' | 'warning' | 'active' | 'fault';
36
- /** Size of the indicator */
37
- size?: 'small' | 'medium' | 'large';
38
- /** Animation behavior */
39
- animation?: 'none' | 'pulse' | 'blink' | 'flash';
40
- /** Label text to display next to indicator */
41
- label?: string;
42
- /** Position of label relative to indicator */
43
- labelPosition?: 'left' | 'right' | 'top' | 'bottom';
44
- /** Shape of the indicator */
45
- shape?: 'circle' | 'square' | 'diamond';
46
- /** Whether the indicator should have a 3D LED effect */
47
- led?: boolean;
48
- }
49
- declare const StatusIndicator: React.FC<StatusIndicatorProps>;
14
+ declare const Button: react__default.FC<ButtonProps>;
50
15
 
51
16
  interface SelectorOption {
52
17
  /** Unique value for the option */
@@ -58,7 +23,7 @@ interface SelectorOption {
58
23
  /** Optional description for tooltip or additional context */
59
24
  description?: string;
60
25
  }
61
- interface SelectorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
26
+ interface SelectorProps extends Omit<react__default.HTMLAttributes<HTMLDivElement>, 'onChange'> {
62
27
  /** Currently selected value */
63
28
  value: string;
64
29
  /** Callback when selection changes */
@@ -78,7 +43,7 @@ interface SelectorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onCh
78
43
  /** Whether the dropdown should open upward */
79
44
  dropdownUp?: boolean;
80
45
  }
81
- declare const Selector: React.FC<SelectorProps>;
46
+ declare const Selector: react__default.FC<SelectorProps>;
82
47
 
83
48
  interface ModeConfig {
84
49
  /** Units for this mode */
@@ -104,7 +69,7 @@ interface ModeConfig {
104
69
  /** Precision for second setpoint */
105
70
  secondPrecision?: number;
106
71
  }
107
- interface ControlPanelProps extends React.HTMLAttributes<HTMLDivElement> {
72
+ interface ControlPanelProps extends react__default.HTMLAttributes<HTMLDivElement> {
108
73
  /** Panel title/identifier */
109
74
  title: string;
110
75
  /** Currently selected mode */
@@ -156,7 +121,300 @@ interface ControlPanelProps extends React.HTMLAttributes<HTMLDivElement> {
156
121
  /** Custom stop button text */
157
122
  stopButtonText?: string;
158
123
  }
159
- declare const ControlPanel: React.FC<ControlPanelProps>;
124
+ declare const ControlPanel: react__default.FC<ControlPanelProps>;
125
+
126
+ interface StatusIndicatorProps extends react__default.HTMLAttributes<HTMLDivElement> {
127
+ /** Status state determining color and behavior */
128
+ status: 'off' | 'normal' | 'alarm' | 'warning' | 'active' | 'fault';
129
+ /** Size of the indicator */
130
+ size?: 'small' | 'medium' | 'large';
131
+ /** Animation behavior */
132
+ animation?: 'none' | 'pulse' | 'blink' | 'flash';
133
+ /** Label text to display next to indicator */
134
+ label?: string;
135
+ /** Position of label relative to indicator */
136
+ labelPosition?: 'left' | 'right' | 'top' | 'bottom';
137
+ /** Shape of the indicator */
138
+ shape?: 'circle' | 'square' | 'diamond';
139
+ /** Whether the indicator should have a 3D LED effect */
140
+ led?: boolean;
141
+ }
142
+ declare const StatusIndicator: react__default.FC<StatusIndicatorProps>;
143
+
144
+ interface ValueEntryProps extends Omit<react__default.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {
145
+ /** Current value */
146
+ value: number | string;
147
+ /** Callback when value changes */
148
+ onChange: (value: number | string) => void;
149
+ /** Unit of measurement to display */
150
+ unit?: string;
151
+ /** Status state for visual feedback */
152
+ status?: 'normal' | 'alarm' | 'warning' | 'disabled';
153
+ /** Minimum allowed value (for numeric inputs) */
154
+ min?: number;
155
+ /** Maximum allowed value (for numeric inputs) */
156
+ max?: number;
157
+ /** Number of decimal places (for numeric inputs) */
158
+ precision?: number;
159
+ /** Input type - numeric or text */
160
+ inputType?: 'numeric' | 'text';
161
+ /** Label for the input */
162
+ label?: string;
163
+ /** Whether the input is read-only */
164
+ readOnly?: boolean;
165
+ }
166
+ declare const ValueEntry: react__default.FC<ValueEntryProps>;
167
+
168
+ interface LegacyValueEntryProps extends Omit<react__default.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {
169
+ /** Current value */
170
+ value: number | string;
171
+ /** Callback when value changes */
172
+ onChange: (value: number | string) => void;
173
+ /** Unit of measurement to display */
174
+ unit?: string;
175
+ /** Status state for visual feedback */
176
+ status?: 'normal' | 'alarm' | 'warning' | 'disabled';
177
+ /** Minimum allowed value (for numeric inputs) */
178
+ min?: number;
179
+ /** Maximum allowed value (for numeric inputs) */
180
+ max?: number;
181
+ /** Number of decimal places (for numeric inputs) */
182
+ precision?: number;
183
+ /** Input type - numeric or text */
184
+ inputType?: 'numeric' | 'text';
185
+ /** Label for the input */
186
+ label?: string;
187
+ /** Whether the input is read-only */
188
+ readOnly?: boolean;
189
+ }
190
+ declare const LegacyValueEntry: react__default.FC<LegacyValueEntryProps>;
191
+
192
+ type DisplayMode = 'standard' | 'dashboard';
193
+ interface FullscreenContainerProps {
194
+ leftCollapsed: boolean;
195
+ rightCollapsed: boolean;
196
+ }
197
+ type OverlayTheme = 'tank' | 'pressure' | 'vessel' | 'flow';
198
+ interface SVGLockedOverlayProps {
199
+ svgX: number;
200
+ svgY: number;
201
+ children: react__default.ReactNode;
202
+ theme?: OverlayTheme;
203
+ style?: react__default.CSSProperties;
204
+ className?: string;
205
+ onClick?: () => void;
206
+ containerSelector?: string;
207
+ }
208
+ interface TrendLineProps {
209
+ values: number[];
210
+ width?: number;
211
+ height?: number;
212
+ color?: string;
213
+ strokeWidth?: number;
214
+ backgroundColor?: string;
215
+ }
216
+ interface CircularGaugeProps {
217
+ value: number;
218
+ max: number;
219
+ unit: string;
220
+ label: string;
221
+ size?: number;
222
+ color?: string;
223
+ }
224
+ interface SparklineProps {
225
+ data: number[];
226
+ width: number;
227
+ height: number;
228
+ color: string;
229
+ }
230
+ interface EquipmentIndicatorWithSparklineProps {
231
+ svgX: number;
232
+ svgY: number;
233
+ color: string;
234
+ label: string;
235
+ size?: number;
236
+ sparklineData?: number[];
237
+ sparklineOffset?: {
238
+ x: number;
239
+ y: number;
240
+ };
241
+ }
242
+ interface EquipmentIndicatorProps {
243
+ svgX: number;
244
+ svgY: number;
245
+ color: string;
246
+ label: string;
247
+ size?: number;
248
+ style?: react__default.CSSProperties;
249
+ className?: string;
250
+ }
251
+ interface FullscreenWorkspaceTab {
252
+ label: string;
253
+ value: string;
254
+ content: react__default.ReactNode;
255
+ }
256
+ interface FullscreenWorkspaceProps extends react__default.HTMLAttributes<HTMLDivElement> {
257
+ svgContent: react__default.ReactNode;
258
+ overlays?: react__default.ReactNode;
259
+ leftPanel?: react__default.ReactNode;
260
+ rightPanel?: react__default.ReactNode;
261
+ footer?: react__default.ReactNode;
262
+ tabs?: FullscreenWorkspaceTab[];
263
+ activeTab?: string;
264
+ onTabChange?: (value: string) => void;
265
+ defaultLeftCollapsed?: boolean;
266
+ defaultRightCollapsed?: boolean;
267
+ leftCollapsed?: boolean;
268
+ rightCollapsed?: boolean;
269
+ onLeftCollapseChange?: (collapsed: boolean) => void;
270
+ onRightCollapseChange?: (collapsed: boolean) => void;
271
+ displayMode?: DisplayMode;
272
+ defaultDisplayMode?: DisplayMode;
273
+ onDisplayModeChange?: (mode: DisplayMode) => void;
274
+ showDisplayModeToggle?: boolean;
275
+ showZoomControls?: boolean;
276
+ onZoomIn?: () => void;
277
+ onZoomOut?: () => void;
278
+ onResetZoom?: () => void;
279
+ zoomDisabled?: boolean;
280
+ }
281
+
282
+ declare const FullscreenContainer: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & {
283
+ theme?: _emotion_react.Theme;
284
+ } & FullscreenContainerProps, {}, {}>;
285
+ declare const LeftPanel: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & {
286
+ theme?: _emotion_react.Theme;
287
+ } & {
288
+ collapsed: boolean;
289
+ }, {}, {}>;
290
+ declare const RightPanel: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & {
291
+ theme?: _emotion_react.Theme;
292
+ } & {
293
+ collapsed: boolean;
294
+ }, {}, {}>;
295
+ declare const SVGArea: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & {
296
+ theme?: _emotion_react.Theme;
297
+ }, {}, {}>;
298
+ declare const LeftToggleButton: _emotion_styled.StyledComponent<_mui_material.IconButtonOwnProps & Omit<_mui_material.ButtonBaseOwnProps, "classes"> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "className" | "disabled" | "style" | "tabIndex" | "color" | "size" | "sx" | "classes" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "loading" | "loadingIndicator"> & {
299
+ theme?: _emotion_react.Theme;
300
+ } & {
301
+ collapsed: boolean;
302
+ }, {}, {}>;
303
+ declare const RightToggleButton: _emotion_styled.StyledComponent<_mui_material.IconButtonOwnProps & Omit<_mui_material.ButtonBaseOwnProps, "classes"> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "className" | "disabled" | "style" | "tabIndex" | "color" | "size" | "sx" | "classes" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "loading" | "loadingIndicator"> & {
304
+ theme?: _emotion_react.Theme;
305
+ } & {
306
+ collapsed: boolean;
307
+ }, {}, {}>;
308
+ declare const DisplayModeToggle: _emotion_styled.StyledComponent<_mui_material.IconButtonOwnProps & Omit<_mui_material.ButtonBaseOwnProps, "classes"> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "className" | "disabled" | "style" | "tabIndex" | "color" | "size" | "sx" | "classes" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "loading" | "loadingIndicator"> & {
309
+ theme?: _emotion_react.Theme;
310
+ } & {
311
+ mode: DisplayMode;
312
+ }, {}, {}>;
313
+ declare const ZoomControls: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & {
314
+ theme?: _emotion_react.Theme;
315
+ }, {}, {}>;
316
+ declare const ZoomButton: _emotion_styled.StyledComponent<_mui_material.IconButtonOwnProps & Omit<_mui_material.ButtonBaseOwnProps, "classes"> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "className" | "disabled" | "style" | "tabIndex" | "color" | "size" | "sx" | "classes" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "loading" | "loadingIndicator"> & {
317
+ theme?: _emotion_react.Theme;
318
+ }, {}, {}>;
319
+ declare const FooterPanel: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & {
320
+ theme?: _emotion_react.Theme;
321
+ }, {}, {}>;
322
+ declare const PanelTabs: _emotion_styled.StyledComponent<_mui_material.TabsOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "variant" | "children" | "className" | "value" | "style" | "aria-label" | "aria-labelledby" | "onChange" | "sx" | "classes" | "action" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "orientation" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar" | "slots" | "slotProps"> & {
323
+ theme?: _emotion_react.Theme;
324
+ }, {}, {}>;
325
+ declare const PanelContent: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & {
326
+ theme?: _emotion_react.Theme;
327
+ }, {}, {}>;
328
+ declare const FixedSVGContainer: _emotion_styled.StyledComponent<{
329
+ theme?: _emotion_react.Theme;
330
+ as?: React.ElementType;
331
+ }, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
332
+ declare const ScrollableSVGWrapper: _emotion_styled.StyledComponent<{
333
+ theme?: _emotion_react.Theme;
334
+ as?: React.ElementType;
335
+ }, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
336
+
337
+ declare const baseOverlayStyles: {
338
+ readonly tank: {
339
+ readonly background: "linear-gradient(135deg, rgba(69, 90, 120, 0.95) 0%, rgba(52, 73, 94, 0.95) 100%)";
340
+ readonly border: "1px solid #455a64";
341
+ readonly color: "white";
342
+ readonly borderRadius: "4px";
343
+ readonly fontSize: "12px";
344
+ readonly fontWeight: "500";
345
+ readonly textAlign: "center";
346
+ readonly padding: "8px";
347
+ readonly minWidth: "60px";
348
+ readonly boxShadow: "0 1px 4px rgba(69, 90, 120, 0.2)";
349
+ };
350
+ readonly pressure: {
351
+ readonly background: "linear-gradient(135deg, rgba(30, 50, 90, 0.75) 0%, rgba(20, 35, 70, 0.75) 100%)";
352
+ readonly border: "1px solid #1e3a8a";
353
+ readonly color: "white";
354
+ readonly borderRadius: "4px";
355
+ readonly fontSize: "11px";
356
+ readonly fontWeight: "500";
357
+ readonly textAlign: "center";
358
+ readonly padding: "6px";
359
+ readonly minWidth: "50px";
360
+ readonly boxShadow: "0 1px 4px rgba(30, 50, 90, 0.15)";
361
+ };
362
+ readonly vessel: {
363
+ readonly background: "linear-gradient(135deg, rgba(84, 110, 122, 0.95) 0%, rgba(69, 90, 100, 0.95) 100%)";
364
+ readonly border: "1px solid #546e7a";
365
+ readonly color: "white";
366
+ readonly borderRadius: "4px";
367
+ readonly fontSize: "13px";
368
+ readonly fontWeight: "500";
369
+ readonly textAlign: "center";
370
+ readonly padding: "8px";
371
+ readonly minWidth: "70px";
372
+ readonly boxShadow: "0 1px 4px rgba(84, 110, 122, 0.2)";
373
+ };
374
+ readonly flow: {
375
+ readonly background: "linear-gradient(135deg, rgba(102, 125, 102, 0.95) 0%, rgba(85, 107, 85, 0.95) 100%)";
376
+ readonly border: "1px solid #689f38";
377
+ readonly color: "white";
378
+ readonly borderRadius: "4px";
379
+ readonly fontSize: "11px";
380
+ readonly fontWeight: "500";
381
+ readonly textAlign: "center";
382
+ readonly padding: "5px";
383
+ readonly minWidth: "60px";
384
+ readonly boxShadow: "0 1px 4px rgba(102, 125, 102, 0.2)";
385
+ };
386
+ };
387
+ declare const overlayStyles: Record<OverlayTheme, typeof baseOverlayStyles[OverlayTheme]>;
388
+ declare const SVGLockedOverlay: ({ svgX, svgY, children, theme, style, className, onClick, containerSelector, }: SVGLockedOverlayProps) => react_jsx_runtime.JSX.Element;
389
+ declare const DashboardCard: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & {
390
+ theme?: _emotion_react.Theme;
391
+ } & {
392
+ svgX: number;
393
+ svgY: number;
394
+ cardType?: string;
395
+ }, {}, {}>;
396
+ declare const CardHeader: _emotion_styled.StyledComponent<{
397
+ theme?: _emotion_react.Theme;
398
+ as?: React.ElementType;
399
+ } & {
400
+ color?: string;
401
+ }, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
402
+ declare const CardValue: _emotion_styled.StyledComponent<{
403
+ theme?: _emotion_react.Theme;
404
+ as?: React.ElementType;
405
+ }, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
406
+ declare const CardUnit: _emotion_styled.StyledComponent<{
407
+ theme?: _emotion_react.Theme;
408
+ as?: React.ElementType;
409
+ }, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
410
+
411
+ declare const TrendLine: ({ values, width, height, color, strokeWidth, backgroundColor, }: TrendLineProps) => react_jsx_runtime.JSX.Element;
412
+ declare const CircularGauge: ({ value, max, unit, label, size, color, }: CircularGaugeProps) => react_jsx_runtime.JSX.Element;
413
+ declare const Sparkline: ({ data, width, height, color }: SparklineProps) => react_jsx_runtime.JSX.Element | null;
414
+ declare const EquipmentIndicatorWithSparkline: ({ svgX, svgY, color, label, size, sparklineData, sparklineOffset, }: EquipmentIndicatorWithSparklineProps) => react_jsx_runtime.JSX.Element;
415
+ declare const EquipmentIndicator: ({ svgX, svgY, color, label, size, style, className, }: EquipmentIndicatorProps) => react_jsx_runtime.JSX.Element;
416
+
417
+ declare function FullscreenWorkspace({ svgContent, overlays, leftPanel, rightPanel, footer, tabs, activeTab, onTabChange, defaultLeftCollapsed, defaultRightCollapsed, leftCollapsed: leftCollapsedProp, rightCollapsed: rightCollapsedProp, onLeftCollapseChange, onRightCollapseChange, displayMode, defaultDisplayMode, onDisplayModeChange, showDisplayModeToggle, showZoomControls, onZoomIn, onZoomOut, onResetZoom, zoomDisabled, className, ...rest }: FullscreenWorkspaceProps): react__default.ReactElement;
160
418
 
161
419
  type Theme = 'modern' | 'hmi';
162
420
  interface ThemeContextType {
@@ -166,16 +424,16 @@ interface ThemeContextType {
166
424
  }
167
425
  declare const useTheme: () => ThemeContextType;
168
426
  interface ThemeProviderProps {
169
- children: React.ReactNode;
427
+ children: react__default.ReactNode;
170
428
  }
171
- declare const ThemeProvider: React.FC<ThemeProviderProps>;
429
+ declare const ThemeProvider: react__default.FC<ThemeProviderProps>;
172
430
 
173
- interface ThemeToggleProps extends React.HTMLAttributes<HTMLDivElement> {
431
+ interface ThemeToggleProps extends react__default.HTMLAttributes<HTMLDivElement> {
174
432
  /** Size of the toggle */
175
433
  size?: 'small' | 'medium' | 'large';
176
434
  /** Position of the toggle */
177
435
  position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'inline';
178
436
  }
179
- declare const ThemeToggle: React.FC<ThemeToggleProps>;
437
+ declare const ThemeToggle: react__default.FC<ThemeToggleProps>;
180
438
 
181
- export { Button, type ButtonProps, ControlPanel, type ControlPanelProps, type ModeConfig, Selector, type SelectorOption, type SelectorProps, StatusIndicator, type StatusIndicatorProps, ThemeProvider, ThemeToggle, type ThemeToggleProps, ValueEntry, type ValueEntryProps, useTheme };
439
+ export { Button, type ButtonProps, CardHeader, CardUnit, CardValue, CircularGauge, type CircularGaugeProps, ControlPanel, type ControlPanelProps, DashboardCard, type DisplayMode, DisplayModeToggle, EquipmentIndicator, type EquipmentIndicatorProps, EquipmentIndicatorWithSparkline, type EquipmentIndicatorWithSparklineProps, FixedSVGContainer, FooterPanel, FullscreenContainer, FullscreenWorkspace, type FullscreenWorkspaceProps, type FullscreenWorkspaceTab, LeftPanel, LeftToggleButton, LegacyValueEntry, type LegacyValueEntryProps, type ModeConfig, type OverlayTheme, PanelContent, PanelTabs, RightPanel, RightToggleButton, SVGArea, SVGLockedOverlay, type SVGLockedOverlayProps, ScrollableSVGWrapper, Selector, type SelectorOption, type SelectorProps, Sparkline, type SparklineProps, StatusIndicator, type StatusIndicatorProps, ThemeProvider, ThemeToggle, type ThemeToggleProps, TrendLine, type TrendLineProps, ValueEntry, type ValueEntryProps, ZoomButton, ZoomControls, overlayStyles, useTheme };