ssovee-os-web-ui 0.1.4

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 (11) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +157 -0
  3. package/dist/index.cjs +2027 -0
  4. package/dist/index.cjs.map +1 -0
  5. package/dist/index.d.cts +313 -0
  6. package/dist/index.d.ts +313 -0
  7. package/dist/index.js +1972 -0
  8. package/dist/index.js.map +1 -0
  9. package/package.json +66 -0
  10. package/tailwind-preset.js +20 -0
  11. package/theme.css +11 -0
package/dist/index.d.cts ADDED
@@ -0,0 +1,313 @@
1
+ import * as React from 'react';
2
+ import React__default from 'react';
3
+
4
+ interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
5
+ variant?: "primary" | "secondary" | "outline" | "ghost" | "danger" | "success" | "filled" | "text";
6
+ tone?: "primary" | "neutral" | "success" | "danger";
7
+ size?: "sm" | "md" | "lg" | "xl";
8
+ loading?: boolean;
9
+ leftIcon?: React__default.ReactNode;
10
+ rightIcon?: React__default.ReactNode;
11
+ fullWidth?: boolean;
12
+ rounded?: "sm" | "md" | "lg" | "full";
13
+ }
14
+ declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
15
+
16
+ interface InputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'size'> {
17
+ variant?: "default" | "filled" | "outline";
18
+ size?: "sm" | "md" | "lg";
19
+ leftIcon?: React__default.ReactNode;
20
+ rightIcon?: React__default.ReactNode;
21
+ showSubmitButton?: boolean;
22
+ onSubmit?: () => void;
23
+ error?: string;
24
+ label?: string;
25
+ helperText?: string;
26
+ fullWidth?: boolean;
27
+ }
28
+ declare const Input: React__default.ForwardRefExoticComponent<InputProps & React__default.RefAttributes<HTMLInputElement>>;
29
+
30
+ interface TextAreaProps extends React__default.TextareaHTMLAttributes<HTMLTextAreaElement> {
31
+ variant?: "default" | "filled" | "outline";
32
+ size?: "sm" | "md" | "lg";
33
+ error?: string;
34
+ label?: string;
35
+ helperText?: string;
36
+ fullWidth?: boolean;
37
+ resize?: "none" | "vertical" | "horizontal" | "both";
38
+ }
39
+ declare const TextArea: React__default.ForwardRefExoticComponent<TextAreaProps & React__default.RefAttributes<HTMLTextAreaElement>>;
40
+
41
+ interface SelectOption {
42
+ value: string;
43
+ label: string;
44
+ disabled?: boolean;
45
+ }
46
+ interface SelectProps extends Omit<React__default.SelectHTMLAttributes<HTMLSelectElement>, 'onChange' | 'size'> {
47
+ options: SelectOption[];
48
+ variant?: "default" | "filled" | "outline";
49
+ size?: "sm" | "md" | "lg";
50
+ error?: string;
51
+ label?: string;
52
+ helperText?: string;
53
+ fullWidth?: boolean;
54
+ onChange?: (value: string) => void;
55
+ placeholder?: string;
56
+ }
57
+ declare const Select: React__default.ForwardRefExoticComponent<SelectProps & React__default.RefAttributes<HTMLSelectElement>>;
58
+
59
+ interface CheckboxProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
60
+ variant?: "default" | "filled";
61
+ size?: "sm" | "md" | "lg";
62
+ error?: string;
63
+ label?: React__default.ReactNode;
64
+ helperText?: string;
65
+ indeterminate?: boolean;
66
+ }
67
+ declare const Checkbox: React__default.ForwardRefExoticComponent<CheckboxProps & React__default.RefAttributes<HTMLInputElement>>;
68
+
69
+ interface ToggleProps {
70
+ checked: boolean;
71
+ onChange: (checked: boolean) => void;
72
+ variant?: "default" | "success" | "warning" | "danger";
73
+ size?: "sm" | "md" | "lg";
74
+ disabled?: boolean;
75
+ label?: string;
76
+ helperText?: string;
77
+ fullWidth?: boolean;
78
+ }
79
+ declare const Toggle: React__default.ForwardRefExoticComponent<ToggleProps & React__default.RefAttributes<HTMLButtonElement>>;
80
+
81
+ interface DropdownOption {
82
+ value: string;
83
+ label: string;
84
+ disabled?: boolean;
85
+ icon?: React__default.ReactNode;
86
+ }
87
+ interface DropdownProps {
88
+ options: DropdownOption[];
89
+ value?: string;
90
+ onChange?: (value: string) => void;
91
+ placeholder?: string;
92
+ variant?: "default" | "filled" | "outline";
93
+ size?: "sm" | "md" | "lg";
94
+ disabled?: boolean;
95
+ className?: string;
96
+ trigger?: React__default.ReactNode;
97
+ }
98
+ declare const Dropdown: React__default.FC<DropdownProps>;
99
+
100
+ interface LoadingProps {
101
+ variant?: "spinner" | "dots" | "pulse" | "image";
102
+ size?: "sm" | "md" | "lg" | "xl";
103
+ text?: string;
104
+ fullScreen?: boolean;
105
+ className?: string;
106
+ }
107
+ declare const Loading: React__default.FC<LoadingProps>;
108
+
109
+ interface ToastProps {
110
+ heading?: string;
111
+ message: string;
112
+ type: "error" | "success" | "info" | "warning";
113
+ isVisible: boolean;
114
+ onClose: () => void;
115
+ duration?: number;
116
+ position?: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "top-center" | "bottom-center";
117
+ showCloseButton?: boolean;
118
+ className?: string;
119
+ }
120
+ declare const Toast: React__default.FC<ToastProps>;
121
+
122
+ interface AlertProps {
123
+ type: "success" | "error" | "warning" | "info";
124
+ title?: string;
125
+ message?: string;
126
+ onClose?: () => void;
127
+ showCloseButton?: boolean;
128
+ variant?: "default" | "filled" | "outline";
129
+ className?: string;
130
+ children?: React__default.ReactNode;
131
+ }
132
+ declare const Alert: React__default.FC<AlertProps>;
133
+
134
+ interface ModalProps {
135
+ isOpen: boolean;
136
+ onClose: () => void;
137
+ title?: string;
138
+ children: React__default.ReactNode;
139
+ size?: "sm" | "md" | "lg" | "xl" | "full";
140
+ showCloseButton?: boolean;
141
+ closeOnOverlayClick?: boolean;
142
+ closeOnEscape?: boolean;
143
+ className?: string;
144
+ }
145
+ declare const Modal: React__default.FC<ModalProps>;
146
+
147
+ interface CardProps extends React__default.HTMLAttributes<HTMLDivElement> {
148
+ variant?: "default" | "elevated" | "outlined" | "filled";
149
+ padding?: "none" | "sm" | "md" | "lg";
150
+ children: React__default.ReactNode;
151
+ }
152
+ declare const Card: React__default.ForwardRefExoticComponent<CardProps & React__default.RefAttributes<HTMLDivElement>>;
153
+
154
+ interface BadgeProps extends React__default.HTMLAttributes<HTMLSpanElement> {
155
+ variant?: "default" | "primary" | "success" | "warning" | "danger" | "info";
156
+ size?: "sm" | "md" | "lg";
157
+ rounded?: "sm" | "md" | "lg" | "full";
158
+ children: React__default.ReactNode;
159
+ }
160
+ declare const Badge: React__default.ForwardRefExoticComponent<BadgeProps & React__default.RefAttributes<HTMLSpanElement>>;
161
+
162
+ interface AvatarProps {
163
+ src?: string;
164
+ alt?: string;
165
+ size?: "sm" | "md" | "lg" | "xl";
166
+ fallback?: string;
167
+ className?: string;
168
+ onClick?: () => void;
169
+ }
170
+ declare const Avatar: React__default.FC<AvatarProps>;
171
+
172
+ interface DividerProps {
173
+ orientation?: "horizontal" | "vertical";
174
+ variant?: "solid" | "dashed" | "dotted";
175
+ size?: "sm" | "md" | "lg";
176
+ className?: string;
177
+ }
178
+ declare const Divider: React__default.FC<DividerProps>;
179
+
180
+ interface TooltipProps {
181
+ content: string;
182
+ children: React__default.ReactNode;
183
+ position?: "top" | "bottom" | "left" | "right";
184
+ delay?: number;
185
+ className?: string;
186
+ }
187
+ declare const Tooltip: React__default.FC<TooltipProps>;
188
+
189
+ interface SearchInputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
190
+ onSearch?: (value: string) => void;
191
+ placeholder?: string;
192
+ variant?: "default" | "filled" | "outline";
193
+ size?: "sm" | "md" | "lg";
194
+ showClearButton?: boolean;
195
+ className?: string;
196
+ enableKeyboardShortcuts?: boolean;
197
+ isActive?: boolean;
198
+ }
199
+ declare const SearchInput: React__default.ForwardRefExoticComponent<SearchInputProps & React__default.RefAttributes<HTMLInputElement>>;
200
+
201
+ interface FileUploadProps {
202
+ onFileSelect?: (files: File[]) => void;
203
+ accept?: string;
204
+ multiple?: boolean;
205
+ maxSize?: number;
206
+ variant?: "default" | "filled" | "outline";
207
+ size?: "sm" | "md" | "lg";
208
+ disabled?: boolean;
209
+ className?: string;
210
+ children?: React__default.ReactNode;
211
+ dragAndDrop?: boolean;
212
+ }
213
+ declare const FileUpload: React__default.FC<FileUploadProps>;
214
+
215
+ interface ProgressProps {
216
+ value: number;
217
+ max?: number;
218
+ variant?: "default" | "success" | "warning" | "danger";
219
+ size?: "sm" | "md" | "lg";
220
+ showLabel?: boolean;
221
+ animated?: boolean;
222
+ className?: string;
223
+ }
224
+ declare const Progress: React__default.FC<ProgressProps>;
225
+
226
+ interface PaginationProps {
227
+ currentPage: number;
228
+ totalPages: number;
229
+ onPageChange: (page: number) => void;
230
+ showFirstLast?: boolean;
231
+ showPrevNext?: boolean;
232
+ maxVisiblePages?: number;
233
+ size?: "sm" | "md" | "lg";
234
+ variant?: "default" | "outline";
235
+ className?: string;
236
+ }
237
+ declare const Pagination: React__default.FC<PaginationProps>;
238
+
239
+ interface RadioProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
240
+ label?: string;
241
+ size?: "sm" | "md" | "lg";
242
+ variant?: "default" | "filled";
243
+ error?: string;
244
+ helperText?: string;
245
+ }
246
+ declare const Radio: React__default.ForwardRefExoticComponent<RadioProps & React__default.RefAttributes<HTMLInputElement>>;
247
+
248
+ interface AccordionItem {
249
+ title: string;
250
+ content: React__default.ReactNode;
251
+ }
252
+ interface AccordionProps {
253
+ items: AccordionItem[];
254
+ active?: number;
255
+ }
256
+ declare const Accordion: React__default.FC<AccordionProps>;
257
+
258
+ interface TabItem {
259
+ label: string;
260
+ content: React__default.ReactNode;
261
+ icon?: React__default.ReactNode;
262
+ }
263
+ interface TabsProps {
264
+ tabs: TabItem[];
265
+ defaultActiveTab?: number;
266
+ onTabChange?: (index: number) => void;
267
+ containerClassName?: string;
268
+ buttonClassName?: string;
269
+ activeButtonClassName?: string;
270
+ }
271
+ declare const Tabs: React__default.FC<TabsProps>;
272
+
273
+ type Variant = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "div";
274
+ type Size = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl";
275
+ type Weight = "thin" | "extralight" | "light" | "normal" | "medium" | "semibold" | "bold" | "extrabold" | "black";
276
+ type Color = "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "brand-color" | "red-500" | "green-500" | "blue-500" | "yellow-500";
277
+ interface TypographyProps {
278
+ as?: Variant;
279
+ variant?: Variant;
280
+ size?: Size;
281
+ weight?: Weight;
282
+ color?: Color;
283
+ className?: string;
284
+ children: React__default.ReactNode;
285
+ }
286
+ declare const Typography: React__default.FC<TypographyProps>;
287
+
288
+ interface ImageWithPlaceholderProps extends React__default.ImgHTMLAttributes<HTMLImageElement> {
289
+ fallbackSrc?: string;
290
+ }
291
+ declare const ImageWithPlaceholder: React__default.FC<ImageWithPlaceholderProps>;
292
+
293
+ declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
294
+ declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
295
+ declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
296
+ declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
297
+ declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
298
+ declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
299
+ declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
300
+ declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
301
+
302
+ type OS = "windows" | "mac" | "linux";
303
+ interface UseShortcutFormatterReturn {
304
+ formatKeys: (keys?: string[]) => string;
305
+ getShortcutByCommand: (command: string) => string[];
306
+ addShortcutListener: (command: string, listener: (e: KeyboardEvent) => void) => void;
307
+ removeShortcutListener: (command: string, listener: (e: KeyboardEvent) => void) => void;
308
+ }
309
+ declare const useShortcutFormatter: () => UseShortcutFormatterReturn;
310
+
311
+ declare function cn(...inputs: Array<string | false | null | undefined | 0>): string;
312
+
313
+ export { Accordion, Alert, type AlertProps, Avatar, type AvatarProps, Badge, type BadgeProps, Button, type ButtonProps, Card, type CardProps, Checkbox, type CheckboxProps, Divider, Dropdown, type DropdownProps, FileUpload, type FileUploadProps, ImageWithPlaceholder, type ImageWithPlaceholderProps, Input, type InputProps, Loading, type LoadingProps, Modal, type ModalProps, type OS, Pagination, type PaginationProps, Progress, type ProgressProps, Radio, type RadioProps, SearchInput, type SearchInputProps, Select, type SelectProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TextArea, type TextAreaProps, Toast, type ToastProps, Toggle, type ToggleProps, Tooltip, type TooltipProps, Typography, type TypographyProps, type UseShortcutFormatterReturn, cn, useShortcutFormatter };
package/dist/index.d.ts ADDED
@@ -0,0 +1,313 @@
1
+ import * as React from 'react';
2
+ import React__default from 'react';
3
+
4
+ interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
5
+ variant?: "primary" | "secondary" | "outline" | "ghost" | "danger" | "success" | "filled" | "text";
6
+ tone?: "primary" | "neutral" | "success" | "danger";
7
+ size?: "sm" | "md" | "lg" | "xl";
8
+ loading?: boolean;
9
+ leftIcon?: React__default.ReactNode;
10
+ rightIcon?: React__default.ReactNode;
11
+ fullWidth?: boolean;
12
+ rounded?: "sm" | "md" | "lg" | "full";
13
+ }
14
+ declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
15
+
16
+ interface InputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'size'> {
17
+ variant?: "default" | "filled" | "outline";
18
+ size?: "sm" | "md" | "lg";
19
+ leftIcon?: React__default.ReactNode;
20
+ rightIcon?: React__default.ReactNode;
21
+ showSubmitButton?: boolean;
22
+ onSubmit?: () => void;
23
+ error?: string;
24
+ label?: string;
25
+ helperText?: string;
26
+ fullWidth?: boolean;
27
+ }
28
+ declare const Input: React__default.ForwardRefExoticComponent<InputProps & React__default.RefAttributes<HTMLInputElement>>;
29
+
30
+ interface TextAreaProps extends React__default.TextareaHTMLAttributes<HTMLTextAreaElement> {
31
+ variant?: "default" | "filled" | "outline";
32
+ size?: "sm" | "md" | "lg";
33
+ error?: string;
34
+ label?: string;
35
+ helperText?: string;
36
+ fullWidth?: boolean;
37
+ resize?: "none" | "vertical" | "horizontal" | "both";
38
+ }
39
+ declare const TextArea: React__default.ForwardRefExoticComponent<TextAreaProps & React__default.RefAttributes<HTMLTextAreaElement>>;
40
+
41
+ interface SelectOption {
42
+ value: string;
43
+ label: string;
44
+ disabled?: boolean;
45
+ }
46
+ interface SelectProps extends Omit<React__default.SelectHTMLAttributes<HTMLSelectElement>, 'onChange' | 'size'> {
47
+ options: SelectOption[];
48
+ variant?: "default" | "filled" | "outline";
49
+ size?: "sm" | "md" | "lg";
50
+ error?: string;
51
+ label?: string;
52
+ helperText?: string;
53
+ fullWidth?: boolean;
54
+ onChange?: (value: string) => void;
55
+ placeholder?: string;
56
+ }
57
+ declare const Select: React__default.ForwardRefExoticComponent<SelectProps & React__default.RefAttributes<HTMLSelectElement>>;
58
+
59
+ interface CheckboxProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
60
+ variant?: "default" | "filled";
61
+ size?: "sm" | "md" | "lg";
62
+ error?: string;
63
+ label?: React__default.ReactNode;
64
+ helperText?: string;
65
+ indeterminate?: boolean;
66
+ }
67
+ declare const Checkbox: React__default.ForwardRefExoticComponent<CheckboxProps & React__default.RefAttributes<HTMLInputElement>>;
68
+
69
+ interface ToggleProps {
70
+ checked: boolean;
71
+ onChange: (checked: boolean) => void;
72
+ variant?: "default" | "success" | "warning" | "danger";
73
+ size?: "sm" | "md" | "lg";
74
+ disabled?: boolean;
75
+ label?: string;
76
+ helperText?: string;
77
+ fullWidth?: boolean;
78
+ }
79
+ declare const Toggle: React__default.ForwardRefExoticComponent<ToggleProps & React__default.RefAttributes<HTMLButtonElement>>;
80
+
81
+ interface DropdownOption {
82
+ value: string;
83
+ label: string;
84
+ disabled?: boolean;
85
+ icon?: React__default.ReactNode;
86
+ }
87
+ interface DropdownProps {
88
+ options: DropdownOption[];
89
+ value?: string;
90
+ onChange?: (value: string) => void;
91
+ placeholder?: string;
92
+ variant?: "default" | "filled" | "outline";
93
+ size?: "sm" | "md" | "lg";
94
+ disabled?: boolean;
95
+ className?: string;
96
+ trigger?: React__default.ReactNode;
97
+ }
98
+ declare const Dropdown: React__default.FC<DropdownProps>;
99
+
100
+ interface LoadingProps {
101
+ variant?: "spinner" | "dots" | "pulse" | "image";
102
+ size?: "sm" | "md" | "lg" | "xl";
103
+ text?: string;
104
+ fullScreen?: boolean;
105
+ className?: string;
106
+ }
107
+ declare const Loading: React__default.FC<LoadingProps>;
108
+
109
+ interface ToastProps {
110
+ heading?: string;
111
+ message: string;
112
+ type: "error" | "success" | "info" | "warning";
113
+ isVisible: boolean;
114
+ onClose: () => void;
115
+ duration?: number;
116
+ position?: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "top-center" | "bottom-center";
117
+ showCloseButton?: boolean;
118
+ className?: string;
119
+ }
120
+ declare const Toast: React__default.FC<ToastProps>;
121
+
122
+ interface AlertProps {
123
+ type: "success" | "error" | "warning" | "info";
124
+ title?: string;
125
+ message?: string;
126
+ onClose?: () => void;
127
+ showCloseButton?: boolean;
128
+ variant?: "default" | "filled" | "outline";
129
+ className?: string;
130
+ children?: React__default.ReactNode;
131
+ }
132
+ declare const Alert: React__default.FC<AlertProps>;
133
+
134
+ interface ModalProps {
135
+ isOpen: boolean;
136
+ onClose: () => void;
137
+ title?: string;
138
+ children: React__default.ReactNode;
139
+ size?: "sm" | "md" | "lg" | "xl" | "full";
140
+ showCloseButton?: boolean;
141
+ closeOnOverlayClick?: boolean;
142
+ closeOnEscape?: boolean;
143
+ className?: string;
144
+ }
145
+ declare const Modal: React__default.FC<ModalProps>;
146
+
147
+ interface CardProps extends React__default.HTMLAttributes<HTMLDivElement> {
148
+ variant?: "default" | "elevated" | "outlined" | "filled";
149
+ padding?: "none" | "sm" | "md" | "lg";
150
+ children: React__default.ReactNode;
151
+ }
152
+ declare const Card: React__default.ForwardRefExoticComponent<CardProps & React__default.RefAttributes<HTMLDivElement>>;
153
+
154
+ interface BadgeProps extends React__default.HTMLAttributes<HTMLSpanElement> {
155
+ variant?: "default" | "primary" | "success" | "warning" | "danger" | "info";
156
+ size?: "sm" | "md" | "lg";
157
+ rounded?: "sm" | "md" | "lg" | "full";
158
+ children: React__default.ReactNode;
159
+ }
160
+ declare const Badge: React__default.ForwardRefExoticComponent<BadgeProps & React__default.RefAttributes<HTMLSpanElement>>;
161
+
162
+ interface AvatarProps {
163
+ src?: string;
164
+ alt?: string;
165
+ size?: "sm" | "md" | "lg" | "xl";
166
+ fallback?: string;
167
+ className?: string;
168
+ onClick?: () => void;
169
+ }
170
+ declare const Avatar: React__default.FC<AvatarProps>;
171
+
172
+ interface DividerProps {
173
+ orientation?: "horizontal" | "vertical";
174
+ variant?: "solid" | "dashed" | "dotted";
175
+ size?: "sm" | "md" | "lg";
176
+ className?: string;
177
+ }
178
+ declare const Divider: React__default.FC<DividerProps>;
179
+
180
+ interface TooltipProps {
181
+ content: string;
182
+ children: React__default.ReactNode;
183
+ position?: "top" | "bottom" | "left" | "right";
184
+ delay?: number;
185
+ className?: string;
186
+ }
187
+ declare const Tooltip: React__default.FC<TooltipProps>;
188
+
189
+ interface SearchInputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
190
+ onSearch?: (value: string) => void;
191
+ placeholder?: string;
192
+ variant?: "default" | "filled" | "outline";
193
+ size?: "sm" | "md" | "lg";
194
+ showClearButton?: boolean;
195
+ className?: string;
196
+ enableKeyboardShortcuts?: boolean;
197
+ isActive?: boolean;
198
+ }
199
+ declare const SearchInput: React__default.ForwardRefExoticComponent<SearchInputProps & React__default.RefAttributes<HTMLInputElement>>;
200
+
201
+ interface FileUploadProps {
202
+ onFileSelect?: (files: File[]) => void;
203
+ accept?: string;
204
+ multiple?: boolean;
205
+ maxSize?: number;
206
+ variant?: "default" | "filled" | "outline";
207
+ size?: "sm" | "md" | "lg";
208
+ disabled?: boolean;
209
+ className?: string;
210
+ children?: React__default.ReactNode;
211
+ dragAndDrop?: boolean;
212
+ }
213
+ declare const FileUpload: React__default.FC<FileUploadProps>;
214
+
215
+ interface ProgressProps {
216
+ value: number;
217
+ max?: number;
218
+ variant?: "default" | "success" | "warning" | "danger";
219
+ size?: "sm" | "md" | "lg";
220
+ showLabel?: boolean;
221
+ animated?: boolean;
222
+ className?: string;
223
+ }
224
+ declare const Progress: React__default.FC<ProgressProps>;
225
+
226
+ interface PaginationProps {
227
+ currentPage: number;
228
+ totalPages: number;
229
+ onPageChange: (page: number) => void;
230
+ showFirstLast?: boolean;
231
+ showPrevNext?: boolean;
232
+ maxVisiblePages?: number;
233
+ size?: "sm" | "md" | "lg";
234
+ variant?: "default" | "outline";
235
+ className?: string;
236
+ }
237
+ declare const Pagination: React__default.FC<PaginationProps>;
238
+
239
+ interface RadioProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
240
+ label?: string;
241
+ size?: "sm" | "md" | "lg";
242
+ variant?: "default" | "filled";
243
+ error?: string;
244
+ helperText?: string;
245
+ }
246
+ declare const Radio: React__default.ForwardRefExoticComponent<RadioProps & React__default.RefAttributes<HTMLInputElement>>;
247
+
248
+ interface AccordionItem {
249
+ title: string;
250
+ content: React__default.ReactNode;
251
+ }
252
+ interface AccordionProps {
253
+ items: AccordionItem[];
254
+ active?: number;
255
+ }
256
+ declare const Accordion: React__default.FC<AccordionProps>;
257
+
258
+ interface TabItem {
259
+ label: string;
260
+ content: React__default.ReactNode;
261
+ icon?: React__default.ReactNode;
262
+ }
263
+ interface TabsProps {
264
+ tabs: TabItem[];
265
+ defaultActiveTab?: number;
266
+ onTabChange?: (index: number) => void;
267
+ containerClassName?: string;
268
+ buttonClassName?: string;
269
+ activeButtonClassName?: string;
270
+ }
271
+ declare const Tabs: React__default.FC<TabsProps>;
272
+
273
+ type Variant = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "div";
274
+ type Size = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl";
275
+ type Weight = "thin" | "extralight" | "light" | "normal" | "medium" | "semibold" | "bold" | "extrabold" | "black";
276
+ type Color = "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "brand-color" | "red-500" | "green-500" | "blue-500" | "yellow-500";
277
+ interface TypographyProps {
278
+ as?: Variant;
279
+ variant?: Variant;
280
+ size?: Size;
281
+ weight?: Weight;
282
+ color?: Color;
283
+ className?: string;
284
+ children: React__default.ReactNode;
285
+ }
286
+ declare const Typography: React__default.FC<TypographyProps>;
287
+
288
+ interface ImageWithPlaceholderProps extends React__default.ImgHTMLAttributes<HTMLImageElement> {
289
+ fallbackSrc?: string;
290
+ }
291
+ declare const ImageWithPlaceholder: React__default.FC<ImageWithPlaceholderProps>;
292
+
293
+ declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
294
+ declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
295
+ declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
296
+ declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
297
+ declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
298
+ declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
299
+ declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
300
+ declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
301
+
302
+ type OS = "windows" | "mac" | "linux";
303
+ interface UseShortcutFormatterReturn {
304
+ formatKeys: (keys?: string[]) => string;
305
+ getShortcutByCommand: (command: string) => string[];
306
+ addShortcutListener: (command: string, listener: (e: KeyboardEvent) => void) => void;
307
+ removeShortcutListener: (command: string, listener: (e: KeyboardEvent) => void) => void;
308
+ }
309
+ declare const useShortcutFormatter: () => UseShortcutFormatterReturn;
310
+
311
+ declare function cn(...inputs: Array<string | false | null | undefined | 0>): string;
312
+
313
+ export { Accordion, Alert, type AlertProps, Avatar, type AvatarProps, Badge, type BadgeProps, Button, type ButtonProps, Card, type CardProps, Checkbox, type CheckboxProps, Divider, Dropdown, type DropdownProps, FileUpload, type FileUploadProps, ImageWithPlaceholder, type ImageWithPlaceholderProps, Input, type InputProps, Loading, type LoadingProps, Modal, type ModalProps, type OS, Pagination, type PaginationProps, Progress, type ProgressProps, Radio, type RadioProps, SearchInput, type SearchInputProps, Select, type SelectProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TextArea, type TextAreaProps, Toast, type ToastProps, Toggle, type ToggleProps, Tooltip, type TooltipProps, Typography, type TypographyProps, type UseShortcutFormatterReturn, cn, useShortcutFormatter };