mywhy-ui 0.4.0 → 0.5.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/dist/index.cjs +216 -128
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +67 -59
- package/dist/index.d.ts +67 -59
- package/dist/index.js +162 -74
- package/dist/index.js.map +1 -1
- package/package.json +9 -3
package/dist/index.d.cts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import React from 'react';
|
|
2
|
+
import React$1, { ReactNode } from 'react';
|
|
3
3
|
|
|
4
4
|
interface SpinnerProps {
|
|
5
5
|
size?: 'xs' | 'sm' | 'md' | 'lg';
|
|
@@ -12,41 +12,49 @@ declare function Spinner({ size, color, label, className }: SpinnerProps): react
|
|
|
12
12
|
type ButtonVariant = 'solid' | 'subtle' | 'outline' | 'ghost' | 'link';
|
|
13
13
|
type ButtonTheme = 'brand' | 'success' | 'danger' | 'warning' | 'gray';
|
|
14
14
|
type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
|
|
15
|
-
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
15
|
+
interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
16
16
|
variant?: ButtonVariant;
|
|
17
17
|
theme?: ButtonTheme;
|
|
18
18
|
size?: ButtonSize;
|
|
19
19
|
loading?: boolean;
|
|
20
|
-
icon?: React.ReactNode;
|
|
21
|
-
iconRight?: React.ReactNode;
|
|
20
|
+
icon?: React$1.ReactNode;
|
|
21
|
+
iconRight?: React$1.ReactNode;
|
|
22
22
|
}
|
|
23
23
|
declare function Button({ variant, theme, size, loading, icon, iconRight, disabled, children, className, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
|
|
24
24
|
|
|
25
25
|
type InputSize = 'sm' | 'md' | 'lg';
|
|
26
|
-
interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'> {
|
|
26
|
+
interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'> {
|
|
27
27
|
size?: InputSize;
|
|
28
28
|
label?: string;
|
|
29
29
|
error?: string;
|
|
30
|
-
prefix?: React.ReactNode;
|
|
31
|
-
suffix?: React.ReactNode;
|
|
30
|
+
prefix?: React$1.ReactNode;
|
|
31
|
+
suffix?: React$1.ReactNode;
|
|
32
32
|
}
|
|
33
33
|
declare function Input({ size, label, error, prefix, suffix, id, className, ...props }: InputProps): react_jsx_runtime.JSX.Element;
|
|
34
34
|
|
|
35
|
-
type SelectSize = 'sm' | 'md' | 'lg';
|
|
35
|
+
type SelectSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
36
|
+
type SelectVariant = 'subtle' | 'outline' | 'ghost';
|
|
36
37
|
interface SelectOption {
|
|
37
38
|
value: string;
|
|
38
39
|
label: string;
|
|
40
|
+
disabled?: boolean;
|
|
39
41
|
}
|
|
40
|
-
interface SelectProps
|
|
42
|
+
interface SelectProps {
|
|
41
43
|
size?: SelectSize;
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
44
|
+
variant?: SelectVariant;
|
|
45
|
+
disabled?: boolean;
|
|
46
|
+
value?: string;
|
|
47
|
+
placeholder?: string;
|
|
48
|
+
options: (string | SelectOption)[];
|
|
49
|
+
prefix?: (args?: any) => ReactNode;
|
|
50
|
+
htmlId?: string;
|
|
51
|
+
onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;
|
|
45
52
|
}
|
|
46
|
-
declare function Select({ size, label, error, options, id, className, ...props }: SelectProps): react_jsx_runtime.JSX.Element;
|
|
47
53
|
|
|
48
|
-
|
|
49
|
-
|
|
54
|
+
declare const Select: React$1.FC<SelectProps>;
|
|
55
|
+
|
|
56
|
+
interface SwitchProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'type'> {
|
|
57
|
+
label?: React$1.ReactNode;
|
|
50
58
|
description?: string;
|
|
51
59
|
error?: string;
|
|
52
60
|
}
|
|
@@ -58,7 +66,7 @@ interface BadgeProps {
|
|
|
58
66
|
size?: 'sm' | 'md';
|
|
59
67
|
variant?: 'solid' | 'subtle';
|
|
60
68
|
dot?: boolean;
|
|
61
|
-
children: React.ReactNode;
|
|
69
|
+
children: React$1.ReactNode;
|
|
62
70
|
className?: string;
|
|
63
71
|
}
|
|
64
72
|
declare function Badge({ theme, size, variant, dot, children, className, }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
@@ -81,15 +89,15 @@ interface CardProps {
|
|
|
81
89
|
padding?: 'none' | 'sm' | 'md' | 'lg';
|
|
82
90
|
shadow?: boolean;
|
|
83
91
|
border?: boolean;
|
|
84
|
-
as?: React.ElementType;
|
|
85
|
-
onClick?: React.MouseEventHandler;
|
|
86
|
-
children: React.ReactNode;
|
|
92
|
+
as?: React$1.ElementType;
|
|
93
|
+
onClick?: React$1.MouseEventHandler;
|
|
94
|
+
children: React$1.ReactNode;
|
|
87
95
|
className?: string;
|
|
88
96
|
}
|
|
89
97
|
declare function Card({ padding, shadow, border, as: Tag, onClick, children, className, }: CardProps): react_jsx_runtime.JSX.Element;
|
|
90
98
|
|
|
91
|
-
interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
|
|
92
|
-
label?: React.ReactNode;
|
|
99
|
+
interface CheckboxProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'type'> {
|
|
100
|
+
label?: React$1.ReactNode;
|
|
93
101
|
description?: string;
|
|
94
102
|
error?: string;
|
|
95
103
|
}
|
|
@@ -97,7 +105,7 @@ declare function Checkbox({ label, description, error, id, className, ...props }
|
|
|
97
105
|
|
|
98
106
|
type TextareaSize = 'sm' | 'md' | 'lg';
|
|
99
107
|
type TextareaResize = 'none' | 'vertical' | 'horizontal' | 'both';
|
|
100
|
-
interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
108
|
+
interface TextareaProps extends React$1.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
101
109
|
size?: TextareaSize;
|
|
102
110
|
label?: string;
|
|
103
111
|
error?: string;
|
|
@@ -106,10 +114,10 @@ interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement
|
|
|
106
114
|
declare function Textarea({ size, label, error, resize, id, className, ...props }: TextareaProps): react_jsx_runtime.JSX.Element;
|
|
107
115
|
|
|
108
116
|
type AlertTheme = 'info' | 'success' | 'warning' | 'danger';
|
|
109
|
-
interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
|
|
117
|
+
interface AlertProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'title'> {
|
|
110
118
|
theme?: AlertTheme;
|
|
111
|
-
title?: React.ReactNode;
|
|
112
|
-
icon?: React.ReactNode;
|
|
119
|
+
title?: React$1.ReactNode;
|
|
120
|
+
icon?: React$1.ReactNode;
|
|
113
121
|
onClose?: () => void;
|
|
114
122
|
isDismissible?: boolean;
|
|
115
123
|
}
|
|
@@ -118,10 +126,10 @@ declare function Alert({ theme, title, icon, onClose, isDismissible, children, c
|
|
|
118
126
|
interface MultiSelectOption {
|
|
119
127
|
label: string;
|
|
120
128
|
value: string;
|
|
121
|
-
icon?: React.ReactNode;
|
|
129
|
+
icon?: React$1.ReactNode;
|
|
122
130
|
disabled?: boolean;
|
|
123
131
|
}
|
|
124
|
-
interface MultiSelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
132
|
+
interface MultiSelectProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
125
133
|
options: MultiSelectOption[];
|
|
126
134
|
value?: string[];
|
|
127
135
|
onChange?: (values: string[]) => void;
|
|
@@ -136,21 +144,21 @@ interface MultiSelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'o
|
|
|
136
144
|
}
|
|
137
145
|
declare function MultiSelect({ options, value, onChange, placeholder, label, description, error, disabled, searchable, clearable, size, className, ...props }: MultiSelectProps): react_jsx_runtime.JSX.Element;
|
|
138
146
|
|
|
139
|
-
interface FormControlProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
140
|
-
label?: React.ReactNode;
|
|
147
|
+
interface FormControlProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
148
|
+
label?: React$1.ReactNode;
|
|
141
149
|
description?: string;
|
|
142
150
|
error?: string;
|
|
143
151
|
required?: boolean;
|
|
144
152
|
helperText?: string;
|
|
145
|
-
children: React.ReactNode;
|
|
153
|
+
children: React$1.ReactNode;
|
|
146
154
|
}
|
|
147
155
|
declare function FormControl({ label, description, error, required, helperText, children, className, ...props }: FormControlProps): react_jsx_runtime.JSX.Element;
|
|
148
156
|
|
|
149
157
|
interface TabItem {
|
|
150
|
-
label: React.ReactNode;
|
|
158
|
+
label: React$1.ReactNode;
|
|
151
159
|
value: string;
|
|
152
|
-
content: React.ReactNode;
|
|
153
|
-
icon?: React.ReactNode;
|
|
160
|
+
content: React$1.ReactNode;
|
|
161
|
+
icon?: React$1.ReactNode;
|
|
154
162
|
disabled?: boolean;
|
|
155
163
|
}
|
|
156
164
|
interface TabsProps {
|
|
@@ -165,30 +173,30 @@ interface TabsProps {
|
|
|
165
173
|
declare function Tabs({ tabs, activeTab, onTabChange, variant, className, tabsClassName, contentClassName, }: TabsProps): react_jsx_runtime.JSX.Element;
|
|
166
174
|
|
|
167
175
|
interface BreadcrumbItem {
|
|
168
|
-
label: React.ReactNode;
|
|
176
|
+
label: React$1.ReactNode;
|
|
169
177
|
href?: string;
|
|
170
178
|
onClick?: () => void;
|
|
171
|
-
icon?: React.ReactNode;
|
|
179
|
+
icon?: React$1.ReactNode;
|
|
172
180
|
isActive?: boolean;
|
|
173
181
|
}
|
|
174
|
-
interface BreadcrumbsProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
182
|
+
interface BreadcrumbsProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
175
183
|
items: BreadcrumbItem[];
|
|
176
|
-
separator?: React.ReactNode;
|
|
184
|
+
separator?: React$1.ReactNode;
|
|
177
185
|
className?: string;
|
|
178
186
|
}
|
|
179
187
|
declare function Breadcrumbs({ items, separator, className, ...props }: BreadcrumbsProps): react_jsx_runtime.JSX.Element;
|
|
180
188
|
|
|
181
189
|
interface DropdownItem {
|
|
182
|
-
label: React.ReactNode;
|
|
190
|
+
label: React$1.ReactNode;
|
|
183
191
|
value?: string;
|
|
184
|
-
icon?: React.ReactNode;
|
|
192
|
+
icon?: React$1.ReactNode;
|
|
185
193
|
onClick?: () => void;
|
|
186
194
|
isDanger?: boolean;
|
|
187
195
|
disabled?: boolean;
|
|
188
196
|
}
|
|
189
197
|
interface DropdownProps {
|
|
190
198
|
items: DropdownItem[];
|
|
191
|
-
trigger: React.ReactNode;
|
|
199
|
+
trigger: React$1.ReactNode;
|
|
192
200
|
placement?: 'bottom' | 'top' | 'left' | 'right';
|
|
193
201
|
isOpen?: boolean;
|
|
194
202
|
onOpenChange?: (isOpen: boolean) => void;
|
|
@@ -203,8 +211,8 @@ interface DialogProps {
|
|
|
203
211
|
onClose: () => void;
|
|
204
212
|
title?: string;
|
|
205
213
|
size?: 'sm' | 'md' | 'lg' | 'xl';
|
|
206
|
-
children: React.ReactNode;
|
|
207
|
-
footer?: React.ReactNode;
|
|
214
|
+
children: React$1.ReactNode;
|
|
215
|
+
footer?: React$1.ReactNode;
|
|
208
216
|
className?: string;
|
|
209
217
|
}
|
|
210
218
|
declare function Dialog({ open, onClose, title, size, children, footer, className, }: DialogProps): react_jsx_runtime.JSX.Element | null;
|
|
@@ -229,21 +237,21 @@ declare function ToastContainer({ toasts, onClose }: ToastContainerProps): react
|
|
|
229
237
|
|
|
230
238
|
type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
|
|
231
239
|
interface TooltipProps {
|
|
232
|
-
content: React.ReactNode;
|
|
240
|
+
content: React$1.ReactNode;
|
|
233
241
|
placement?: TooltipPlacement;
|
|
234
242
|
delay?: number;
|
|
235
|
-
children: React.ReactElement;
|
|
243
|
+
children: React$1.ReactElement;
|
|
236
244
|
className?: string;
|
|
237
245
|
}
|
|
238
246
|
declare function Tooltip({ content, placement, delay, children, className, }: TooltipProps): react_jsx_runtime.JSX.Element;
|
|
239
247
|
|
|
240
|
-
interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
248
|
+
interface LinkProps extends React$1.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
241
249
|
variant?: 'default' | 'muted' | 'brand';
|
|
242
250
|
external?: boolean;
|
|
243
251
|
}
|
|
244
252
|
declare function Link({ variant, external, children, className, ...props }: LinkProps): react_jsx_runtime.JSX.Element;
|
|
245
253
|
|
|
246
|
-
interface FileUploaderProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
|
|
254
|
+
interface FileUploaderProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'type'> {
|
|
247
255
|
label?: string;
|
|
248
256
|
description?: string;
|
|
249
257
|
error?: string;
|
|
@@ -256,7 +264,7 @@ interface FileUploaderProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
|
|
|
256
264
|
}
|
|
257
265
|
declare function FileUploader({ label, description, error, hint, onFilesChange, maxSize, accept, multiple, disabled, className, ...props }: FileUploaderProps): react_jsx_runtime.JSX.Element;
|
|
258
266
|
|
|
259
|
-
interface DatePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'> {
|
|
267
|
+
interface DatePickerProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'> {
|
|
260
268
|
value?: string;
|
|
261
269
|
onChange?: (value: string) => void;
|
|
262
270
|
label?: string;
|
|
@@ -268,7 +276,7 @@ interface DatePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElemen
|
|
|
268
276
|
}
|
|
269
277
|
declare function DatePicker({ value, onChange, label, description, error, min, max, placeholder, disabled, className, ...props }: DatePickerProps): react_jsx_runtime.JSX.Element;
|
|
270
278
|
|
|
271
|
-
interface TimePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'> {
|
|
279
|
+
interface TimePickerProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'> {
|
|
272
280
|
value?: string;
|
|
273
281
|
onChange?: (value: string) => void;
|
|
274
282
|
label?: string;
|
|
@@ -279,7 +287,7 @@ interface TimePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElemen
|
|
|
279
287
|
}
|
|
280
288
|
declare function TimePicker({ value, onChange, label, description, error, placeholder, format, disabled, className, ...props }: TimePickerProps): react_jsx_runtime.JSX.Element;
|
|
281
289
|
|
|
282
|
-
interface ProgressProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
290
|
+
interface ProgressProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
283
291
|
value: number;
|
|
284
292
|
label?: string;
|
|
285
293
|
size?: 'sm' | 'md' | 'lg';
|
|
@@ -290,7 +298,7 @@ interface ProgressProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
290
298
|
}
|
|
291
299
|
declare function Progress({ value, label, size, theme, showLabel, striped, animated, className, ...props }: ProgressProps): react_jsx_runtime.JSX.Element;
|
|
292
300
|
|
|
293
|
-
interface RatingProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
301
|
+
interface RatingProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
294
302
|
value?: number;
|
|
295
303
|
onChange?: (value: number) => void;
|
|
296
304
|
count?: number;
|
|
@@ -301,7 +309,7 @@ interface RatingProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChan
|
|
|
301
309
|
}
|
|
302
310
|
declare function Rating({ value, onChange, count, size, readonly, label, color, className, ...props }: RatingProps): react_jsx_runtime.JSX.Element;
|
|
303
311
|
|
|
304
|
-
interface SliderProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'> {
|
|
312
|
+
interface SliderProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'> {
|
|
305
313
|
value?: number;
|
|
306
314
|
onChange?: (value: number) => void;
|
|
307
315
|
min?: number;
|
|
@@ -314,19 +322,19 @@ interface SliderProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>,
|
|
|
314
322
|
declare function Slider({ value, onChange, min, max, step, label, showValue, theme, className, disabled, ...props }: SliderProps): react_jsx_runtime.JSX.Element;
|
|
315
323
|
|
|
316
324
|
interface SidebarItem {
|
|
317
|
-
label: React.ReactNode;
|
|
325
|
+
label: React$1.ReactNode;
|
|
318
326
|
value: string;
|
|
319
|
-
icon?: React.ReactNode;
|
|
327
|
+
icon?: React$1.ReactNode;
|
|
320
328
|
onClick?: () => void;
|
|
321
329
|
isActive?: boolean;
|
|
322
330
|
disabled?: boolean;
|
|
323
|
-
badge?: React.ReactNode;
|
|
331
|
+
badge?: React$1.ReactNode;
|
|
324
332
|
}
|
|
325
333
|
interface SidebarSection {
|
|
326
334
|
title?: string;
|
|
327
335
|
items: SidebarItem[];
|
|
328
336
|
}
|
|
329
|
-
interface SidebarProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
337
|
+
interface SidebarProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
330
338
|
sections: SidebarSection[];
|
|
331
339
|
activeItem?: string;
|
|
332
340
|
onItemClick?: (value: string) => void;
|
|
@@ -342,7 +350,7 @@ interface TableColumn {
|
|
|
342
350
|
key: string;
|
|
343
351
|
label: string;
|
|
344
352
|
width?: string;
|
|
345
|
-
render?: (value: any, row: any) => React.ReactNode;
|
|
353
|
+
render?: (value: any, row: any) => React$1.ReactNode;
|
|
346
354
|
align?: 'left' | 'center' | 'right';
|
|
347
355
|
}
|
|
348
356
|
interface TableProps {
|
|
@@ -368,7 +376,7 @@ interface PaginationProps {
|
|
|
368
376
|
declare function Pagination({ current, total, onChange, size, showInfo, maxVisible, className, }: PaginationProps): react_jsx_runtime.JSX.Element;
|
|
369
377
|
|
|
370
378
|
interface EmptyStateProps {
|
|
371
|
-
icon?: React.ReactNode;
|
|
379
|
+
icon?: React$1.ReactNode;
|
|
372
380
|
title: string;
|
|
373
381
|
description?: string;
|
|
374
382
|
action?: {
|
|
@@ -411,7 +419,7 @@ interface TimelineItem {
|
|
|
411
419
|
description?: string;
|
|
412
420
|
status: TimelineStatus;
|
|
413
421
|
timestamp?: string | Date;
|
|
414
|
-
icon?: React.ReactNode;
|
|
422
|
+
icon?: React$1.ReactNode;
|
|
415
423
|
}
|
|
416
424
|
interface TimelineProps {
|
|
417
425
|
items: TimelineItem[];
|
|
@@ -487,7 +495,7 @@ interface ROS2DiagnosticsProps {
|
|
|
487
495
|
namespace?: string;
|
|
488
496
|
onDiagnosticUpdate?: (diagnostics: DiagnosticsStatus) => void;
|
|
489
497
|
}
|
|
490
|
-
declare const ROS2Diagnostics: React.FC<ROS2DiagnosticsProps>;
|
|
498
|
+
declare const ROS2Diagnostics: React$1.FC<ROS2DiagnosticsProps>;
|
|
491
499
|
|
|
492
500
|
interface UseDisclosureReturn {
|
|
493
501
|
isOpen: boolean;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import React from 'react';
|
|
2
|
+
import React$1, { ReactNode } from 'react';
|
|
3
3
|
|
|
4
4
|
interface SpinnerProps {
|
|
5
5
|
size?: 'xs' | 'sm' | 'md' | 'lg';
|
|
@@ -12,41 +12,49 @@ declare function Spinner({ size, color, label, className }: SpinnerProps): react
|
|
|
12
12
|
type ButtonVariant = 'solid' | 'subtle' | 'outline' | 'ghost' | 'link';
|
|
13
13
|
type ButtonTheme = 'brand' | 'success' | 'danger' | 'warning' | 'gray';
|
|
14
14
|
type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
|
|
15
|
-
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
15
|
+
interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
16
16
|
variant?: ButtonVariant;
|
|
17
17
|
theme?: ButtonTheme;
|
|
18
18
|
size?: ButtonSize;
|
|
19
19
|
loading?: boolean;
|
|
20
|
-
icon?: React.ReactNode;
|
|
21
|
-
iconRight?: React.ReactNode;
|
|
20
|
+
icon?: React$1.ReactNode;
|
|
21
|
+
iconRight?: React$1.ReactNode;
|
|
22
22
|
}
|
|
23
23
|
declare function Button({ variant, theme, size, loading, icon, iconRight, disabled, children, className, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
|
|
24
24
|
|
|
25
25
|
type InputSize = 'sm' | 'md' | 'lg';
|
|
26
|
-
interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'> {
|
|
26
|
+
interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'> {
|
|
27
27
|
size?: InputSize;
|
|
28
28
|
label?: string;
|
|
29
29
|
error?: string;
|
|
30
|
-
prefix?: React.ReactNode;
|
|
31
|
-
suffix?: React.ReactNode;
|
|
30
|
+
prefix?: React$1.ReactNode;
|
|
31
|
+
suffix?: React$1.ReactNode;
|
|
32
32
|
}
|
|
33
33
|
declare function Input({ size, label, error, prefix, suffix, id, className, ...props }: InputProps): react_jsx_runtime.JSX.Element;
|
|
34
34
|
|
|
35
|
-
type SelectSize = 'sm' | 'md' | 'lg';
|
|
35
|
+
type SelectSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
36
|
+
type SelectVariant = 'subtle' | 'outline' | 'ghost';
|
|
36
37
|
interface SelectOption {
|
|
37
38
|
value: string;
|
|
38
39
|
label: string;
|
|
40
|
+
disabled?: boolean;
|
|
39
41
|
}
|
|
40
|
-
interface SelectProps
|
|
42
|
+
interface SelectProps {
|
|
41
43
|
size?: SelectSize;
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
44
|
+
variant?: SelectVariant;
|
|
45
|
+
disabled?: boolean;
|
|
46
|
+
value?: string;
|
|
47
|
+
placeholder?: string;
|
|
48
|
+
options: (string | SelectOption)[];
|
|
49
|
+
prefix?: (args?: any) => ReactNode;
|
|
50
|
+
htmlId?: string;
|
|
51
|
+
onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;
|
|
45
52
|
}
|
|
46
|
-
declare function Select({ size, label, error, options, id, className, ...props }: SelectProps): react_jsx_runtime.JSX.Element;
|
|
47
53
|
|
|
48
|
-
|
|
49
|
-
|
|
54
|
+
declare const Select: React$1.FC<SelectProps>;
|
|
55
|
+
|
|
56
|
+
interface SwitchProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'type'> {
|
|
57
|
+
label?: React$1.ReactNode;
|
|
50
58
|
description?: string;
|
|
51
59
|
error?: string;
|
|
52
60
|
}
|
|
@@ -58,7 +66,7 @@ interface BadgeProps {
|
|
|
58
66
|
size?: 'sm' | 'md';
|
|
59
67
|
variant?: 'solid' | 'subtle';
|
|
60
68
|
dot?: boolean;
|
|
61
|
-
children: React.ReactNode;
|
|
69
|
+
children: React$1.ReactNode;
|
|
62
70
|
className?: string;
|
|
63
71
|
}
|
|
64
72
|
declare function Badge({ theme, size, variant, dot, children, className, }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
@@ -81,15 +89,15 @@ interface CardProps {
|
|
|
81
89
|
padding?: 'none' | 'sm' | 'md' | 'lg';
|
|
82
90
|
shadow?: boolean;
|
|
83
91
|
border?: boolean;
|
|
84
|
-
as?: React.ElementType;
|
|
85
|
-
onClick?: React.MouseEventHandler;
|
|
86
|
-
children: React.ReactNode;
|
|
92
|
+
as?: React$1.ElementType;
|
|
93
|
+
onClick?: React$1.MouseEventHandler;
|
|
94
|
+
children: React$1.ReactNode;
|
|
87
95
|
className?: string;
|
|
88
96
|
}
|
|
89
97
|
declare function Card({ padding, shadow, border, as: Tag, onClick, children, className, }: CardProps): react_jsx_runtime.JSX.Element;
|
|
90
98
|
|
|
91
|
-
interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
|
|
92
|
-
label?: React.ReactNode;
|
|
99
|
+
interface CheckboxProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'type'> {
|
|
100
|
+
label?: React$1.ReactNode;
|
|
93
101
|
description?: string;
|
|
94
102
|
error?: string;
|
|
95
103
|
}
|
|
@@ -97,7 +105,7 @@ declare function Checkbox({ label, description, error, id, className, ...props }
|
|
|
97
105
|
|
|
98
106
|
type TextareaSize = 'sm' | 'md' | 'lg';
|
|
99
107
|
type TextareaResize = 'none' | 'vertical' | 'horizontal' | 'both';
|
|
100
|
-
interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
108
|
+
interface TextareaProps extends React$1.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
101
109
|
size?: TextareaSize;
|
|
102
110
|
label?: string;
|
|
103
111
|
error?: string;
|
|
@@ -106,10 +114,10 @@ interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement
|
|
|
106
114
|
declare function Textarea({ size, label, error, resize, id, className, ...props }: TextareaProps): react_jsx_runtime.JSX.Element;
|
|
107
115
|
|
|
108
116
|
type AlertTheme = 'info' | 'success' | 'warning' | 'danger';
|
|
109
|
-
interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
|
|
117
|
+
interface AlertProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'title'> {
|
|
110
118
|
theme?: AlertTheme;
|
|
111
|
-
title?: React.ReactNode;
|
|
112
|
-
icon?: React.ReactNode;
|
|
119
|
+
title?: React$1.ReactNode;
|
|
120
|
+
icon?: React$1.ReactNode;
|
|
113
121
|
onClose?: () => void;
|
|
114
122
|
isDismissible?: boolean;
|
|
115
123
|
}
|
|
@@ -118,10 +126,10 @@ declare function Alert({ theme, title, icon, onClose, isDismissible, children, c
|
|
|
118
126
|
interface MultiSelectOption {
|
|
119
127
|
label: string;
|
|
120
128
|
value: string;
|
|
121
|
-
icon?: React.ReactNode;
|
|
129
|
+
icon?: React$1.ReactNode;
|
|
122
130
|
disabled?: boolean;
|
|
123
131
|
}
|
|
124
|
-
interface MultiSelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
132
|
+
interface MultiSelectProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
125
133
|
options: MultiSelectOption[];
|
|
126
134
|
value?: string[];
|
|
127
135
|
onChange?: (values: string[]) => void;
|
|
@@ -136,21 +144,21 @@ interface MultiSelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'o
|
|
|
136
144
|
}
|
|
137
145
|
declare function MultiSelect({ options, value, onChange, placeholder, label, description, error, disabled, searchable, clearable, size, className, ...props }: MultiSelectProps): react_jsx_runtime.JSX.Element;
|
|
138
146
|
|
|
139
|
-
interface FormControlProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
140
|
-
label?: React.ReactNode;
|
|
147
|
+
interface FormControlProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
148
|
+
label?: React$1.ReactNode;
|
|
141
149
|
description?: string;
|
|
142
150
|
error?: string;
|
|
143
151
|
required?: boolean;
|
|
144
152
|
helperText?: string;
|
|
145
|
-
children: React.ReactNode;
|
|
153
|
+
children: React$1.ReactNode;
|
|
146
154
|
}
|
|
147
155
|
declare function FormControl({ label, description, error, required, helperText, children, className, ...props }: FormControlProps): react_jsx_runtime.JSX.Element;
|
|
148
156
|
|
|
149
157
|
interface TabItem {
|
|
150
|
-
label: React.ReactNode;
|
|
158
|
+
label: React$1.ReactNode;
|
|
151
159
|
value: string;
|
|
152
|
-
content: React.ReactNode;
|
|
153
|
-
icon?: React.ReactNode;
|
|
160
|
+
content: React$1.ReactNode;
|
|
161
|
+
icon?: React$1.ReactNode;
|
|
154
162
|
disabled?: boolean;
|
|
155
163
|
}
|
|
156
164
|
interface TabsProps {
|
|
@@ -165,30 +173,30 @@ interface TabsProps {
|
|
|
165
173
|
declare function Tabs({ tabs, activeTab, onTabChange, variant, className, tabsClassName, contentClassName, }: TabsProps): react_jsx_runtime.JSX.Element;
|
|
166
174
|
|
|
167
175
|
interface BreadcrumbItem {
|
|
168
|
-
label: React.ReactNode;
|
|
176
|
+
label: React$1.ReactNode;
|
|
169
177
|
href?: string;
|
|
170
178
|
onClick?: () => void;
|
|
171
|
-
icon?: React.ReactNode;
|
|
179
|
+
icon?: React$1.ReactNode;
|
|
172
180
|
isActive?: boolean;
|
|
173
181
|
}
|
|
174
|
-
interface BreadcrumbsProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
182
|
+
interface BreadcrumbsProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
175
183
|
items: BreadcrumbItem[];
|
|
176
|
-
separator?: React.ReactNode;
|
|
184
|
+
separator?: React$1.ReactNode;
|
|
177
185
|
className?: string;
|
|
178
186
|
}
|
|
179
187
|
declare function Breadcrumbs({ items, separator, className, ...props }: BreadcrumbsProps): react_jsx_runtime.JSX.Element;
|
|
180
188
|
|
|
181
189
|
interface DropdownItem {
|
|
182
|
-
label: React.ReactNode;
|
|
190
|
+
label: React$1.ReactNode;
|
|
183
191
|
value?: string;
|
|
184
|
-
icon?: React.ReactNode;
|
|
192
|
+
icon?: React$1.ReactNode;
|
|
185
193
|
onClick?: () => void;
|
|
186
194
|
isDanger?: boolean;
|
|
187
195
|
disabled?: boolean;
|
|
188
196
|
}
|
|
189
197
|
interface DropdownProps {
|
|
190
198
|
items: DropdownItem[];
|
|
191
|
-
trigger: React.ReactNode;
|
|
199
|
+
trigger: React$1.ReactNode;
|
|
192
200
|
placement?: 'bottom' | 'top' | 'left' | 'right';
|
|
193
201
|
isOpen?: boolean;
|
|
194
202
|
onOpenChange?: (isOpen: boolean) => void;
|
|
@@ -203,8 +211,8 @@ interface DialogProps {
|
|
|
203
211
|
onClose: () => void;
|
|
204
212
|
title?: string;
|
|
205
213
|
size?: 'sm' | 'md' | 'lg' | 'xl';
|
|
206
|
-
children: React.ReactNode;
|
|
207
|
-
footer?: React.ReactNode;
|
|
214
|
+
children: React$1.ReactNode;
|
|
215
|
+
footer?: React$1.ReactNode;
|
|
208
216
|
className?: string;
|
|
209
217
|
}
|
|
210
218
|
declare function Dialog({ open, onClose, title, size, children, footer, className, }: DialogProps): react_jsx_runtime.JSX.Element | null;
|
|
@@ -229,21 +237,21 @@ declare function ToastContainer({ toasts, onClose }: ToastContainerProps): react
|
|
|
229
237
|
|
|
230
238
|
type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
|
|
231
239
|
interface TooltipProps {
|
|
232
|
-
content: React.ReactNode;
|
|
240
|
+
content: React$1.ReactNode;
|
|
233
241
|
placement?: TooltipPlacement;
|
|
234
242
|
delay?: number;
|
|
235
|
-
children: React.ReactElement;
|
|
243
|
+
children: React$1.ReactElement;
|
|
236
244
|
className?: string;
|
|
237
245
|
}
|
|
238
246
|
declare function Tooltip({ content, placement, delay, children, className, }: TooltipProps): react_jsx_runtime.JSX.Element;
|
|
239
247
|
|
|
240
|
-
interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
248
|
+
interface LinkProps extends React$1.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
241
249
|
variant?: 'default' | 'muted' | 'brand';
|
|
242
250
|
external?: boolean;
|
|
243
251
|
}
|
|
244
252
|
declare function Link({ variant, external, children, className, ...props }: LinkProps): react_jsx_runtime.JSX.Element;
|
|
245
253
|
|
|
246
|
-
interface FileUploaderProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
|
|
254
|
+
interface FileUploaderProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'type'> {
|
|
247
255
|
label?: string;
|
|
248
256
|
description?: string;
|
|
249
257
|
error?: string;
|
|
@@ -256,7 +264,7 @@ interface FileUploaderProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
|
|
|
256
264
|
}
|
|
257
265
|
declare function FileUploader({ label, description, error, hint, onFilesChange, maxSize, accept, multiple, disabled, className, ...props }: FileUploaderProps): react_jsx_runtime.JSX.Element;
|
|
258
266
|
|
|
259
|
-
interface DatePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'> {
|
|
267
|
+
interface DatePickerProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'> {
|
|
260
268
|
value?: string;
|
|
261
269
|
onChange?: (value: string) => void;
|
|
262
270
|
label?: string;
|
|
@@ -268,7 +276,7 @@ interface DatePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElemen
|
|
|
268
276
|
}
|
|
269
277
|
declare function DatePicker({ value, onChange, label, description, error, min, max, placeholder, disabled, className, ...props }: DatePickerProps): react_jsx_runtime.JSX.Element;
|
|
270
278
|
|
|
271
|
-
interface TimePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'> {
|
|
279
|
+
interface TimePickerProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'> {
|
|
272
280
|
value?: string;
|
|
273
281
|
onChange?: (value: string) => void;
|
|
274
282
|
label?: string;
|
|
@@ -279,7 +287,7 @@ interface TimePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElemen
|
|
|
279
287
|
}
|
|
280
288
|
declare function TimePicker({ value, onChange, label, description, error, placeholder, format, disabled, className, ...props }: TimePickerProps): react_jsx_runtime.JSX.Element;
|
|
281
289
|
|
|
282
|
-
interface ProgressProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
290
|
+
interface ProgressProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
283
291
|
value: number;
|
|
284
292
|
label?: string;
|
|
285
293
|
size?: 'sm' | 'md' | 'lg';
|
|
@@ -290,7 +298,7 @@ interface ProgressProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
290
298
|
}
|
|
291
299
|
declare function Progress({ value, label, size, theme, showLabel, striped, animated, className, ...props }: ProgressProps): react_jsx_runtime.JSX.Element;
|
|
292
300
|
|
|
293
|
-
interface RatingProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
301
|
+
interface RatingProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
294
302
|
value?: number;
|
|
295
303
|
onChange?: (value: number) => void;
|
|
296
304
|
count?: number;
|
|
@@ -301,7 +309,7 @@ interface RatingProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChan
|
|
|
301
309
|
}
|
|
302
310
|
declare function Rating({ value, onChange, count, size, readonly, label, color, className, ...props }: RatingProps): react_jsx_runtime.JSX.Element;
|
|
303
311
|
|
|
304
|
-
interface SliderProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'> {
|
|
312
|
+
interface SliderProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'> {
|
|
305
313
|
value?: number;
|
|
306
314
|
onChange?: (value: number) => void;
|
|
307
315
|
min?: number;
|
|
@@ -314,19 +322,19 @@ interface SliderProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>,
|
|
|
314
322
|
declare function Slider({ value, onChange, min, max, step, label, showValue, theme, className, disabled, ...props }: SliderProps): react_jsx_runtime.JSX.Element;
|
|
315
323
|
|
|
316
324
|
interface SidebarItem {
|
|
317
|
-
label: React.ReactNode;
|
|
325
|
+
label: React$1.ReactNode;
|
|
318
326
|
value: string;
|
|
319
|
-
icon?: React.ReactNode;
|
|
327
|
+
icon?: React$1.ReactNode;
|
|
320
328
|
onClick?: () => void;
|
|
321
329
|
isActive?: boolean;
|
|
322
330
|
disabled?: boolean;
|
|
323
|
-
badge?: React.ReactNode;
|
|
331
|
+
badge?: React$1.ReactNode;
|
|
324
332
|
}
|
|
325
333
|
interface SidebarSection {
|
|
326
334
|
title?: string;
|
|
327
335
|
items: SidebarItem[];
|
|
328
336
|
}
|
|
329
|
-
interface SidebarProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
337
|
+
interface SidebarProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
330
338
|
sections: SidebarSection[];
|
|
331
339
|
activeItem?: string;
|
|
332
340
|
onItemClick?: (value: string) => void;
|
|
@@ -342,7 +350,7 @@ interface TableColumn {
|
|
|
342
350
|
key: string;
|
|
343
351
|
label: string;
|
|
344
352
|
width?: string;
|
|
345
|
-
render?: (value: any, row: any) => React.ReactNode;
|
|
353
|
+
render?: (value: any, row: any) => React$1.ReactNode;
|
|
346
354
|
align?: 'left' | 'center' | 'right';
|
|
347
355
|
}
|
|
348
356
|
interface TableProps {
|
|
@@ -368,7 +376,7 @@ interface PaginationProps {
|
|
|
368
376
|
declare function Pagination({ current, total, onChange, size, showInfo, maxVisible, className, }: PaginationProps): react_jsx_runtime.JSX.Element;
|
|
369
377
|
|
|
370
378
|
interface EmptyStateProps {
|
|
371
|
-
icon?: React.ReactNode;
|
|
379
|
+
icon?: React$1.ReactNode;
|
|
372
380
|
title: string;
|
|
373
381
|
description?: string;
|
|
374
382
|
action?: {
|
|
@@ -411,7 +419,7 @@ interface TimelineItem {
|
|
|
411
419
|
description?: string;
|
|
412
420
|
status: TimelineStatus;
|
|
413
421
|
timestamp?: string | Date;
|
|
414
|
-
icon?: React.ReactNode;
|
|
422
|
+
icon?: React$1.ReactNode;
|
|
415
423
|
}
|
|
416
424
|
interface TimelineProps {
|
|
417
425
|
items: TimelineItem[];
|
|
@@ -487,7 +495,7 @@ interface ROS2DiagnosticsProps {
|
|
|
487
495
|
namespace?: string;
|
|
488
496
|
onDiagnosticUpdate?: (diagnostics: DiagnosticsStatus) => void;
|
|
489
497
|
}
|
|
490
|
-
declare const ROS2Diagnostics: React.FC<ROS2DiagnosticsProps>;
|
|
498
|
+
declare const ROS2Diagnostics: React$1.FC<ROS2DiagnosticsProps>;
|
|
491
499
|
|
|
492
500
|
interface UseDisclosureReturn {
|
|
493
501
|
isOpen: boolean;
|