czero 0.1.0 → 0.2.5
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 +209 -169
- package/dist/cli/index.js +4678 -28
- package/dist/components.css +2158 -336
- package/dist/react/core/component-defaults.d.ts +8 -0
- package/dist/react/core/component-defaults.d.ts.map +1 -0
- package/dist/react/core/types/config.d.ts +649 -0
- package/dist/react/core/types/config.d.ts.map +1 -0
- package/dist/react/index.cjs +12261 -18
- package/dist/react/index.cjs.map +1 -1
- package/dist/react/index.d.ts +536 -6
- package/dist/react/index.js +12213 -7
- package/dist/react/index.js.map +1 -1
- package/dist/react/presets/index.d.ts +45 -0
- package/dist/react/presets/index.d.ts.map +1 -0
- package/dist/react/react/components/accordion.d.ts +30 -0
- package/dist/react/react/components/accordion.d.ts.map +1 -0
- package/dist/react/react/components/alert.d.ts +7 -0
- package/dist/react/react/components/alert.d.ts.map +1 -0
- package/dist/react/react/components/aspect-ratio.d.ts +8 -0
- package/dist/react/react/components/aspect-ratio.d.ts.map +1 -0
- package/dist/react/react/components/avatar.d.ts +10 -0
- package/dist/react/react/components/avatar.d.ts.map +1 -0
- package/dist/react/react/components/breadcrumb.d.ts +28 -0
- package/dist/react/react/components/breadcrumb.d.ts.map +1 -0
- package/dist/react/react/components/button.d.ts +4 -2
- package/dist/react/react/components/button.d.ts.map +1 -1
- package/dist/react/react/components/checkbox.d.ts +9 -0
- package/dist/react/react/components/checkbox.d.ts.map +1 -0
- package/dist/react/react/components/code.d.ts +6 -0
- package/dist/react/react/components/code.d.ts.map +1 -0
- package/dist/react/react/components/container.d.ts +8 -0
- package/dist/react/react/components/container.d.ts.map +1 -0
- package/dist/react/react/components/data-table.d.ts +39 -0
- package/dist/react/react/components/data-table.d.ts.map +1 -0
- package/dist/react/react/components/dialog.d.ts +28 -0
- package/dist/react/react/components/dialog.d.ts.map +1 -0
- package/dist/react/react/components/dropdown-menu.d.ts +32 -0
- package/dist/react/react/components/dropdown-menu.d.ts.map +1 -0
- package/dist/react/react/components/grid.d.ts +8 -0
- package/dist/react/react/components/grid.d.ts.map +1 -0
- package/dist/react/react/components/input.d.ts +9 -2
- package/dist/react/react/components/input.d.ts.map +1 -1
- package/dist/react/react/components/kbd.d.ts +6 -0
- package/dist/react/react/components/kbd.d.ts.map +1 -0
- package/dist/react/react/components/label.d.ts +7 -0
- package/dist/react/react/components/label.d.ts.map +1 -0
- package/dist/react/react/components/modal.d.ts +44 -0
- package/dist/react/react/components/modal.d.ts.map +1 -0
- package/dist/react/react/components/progress.d.ts +10 -0
- package/dist/react/react/components/progress.d.ts.map +1 -0
- package/dist/react/react/components/radio-group.d.ts +15 -0
- package/dist/react/react/components/radio-group.d.ts.map +1 -0
- package/dist/react/react/components/scroll-area.d.ts +8 -0
- package/dist/react/react/components/scroll-area.d.ts.map +1 -0
- package/dist/react/react/components/search-input.d.ts +13 -0
- package/dist/react/react/components/search-input.d.ts.map +1 -0
- package/dist/react/react/components/select.d.ts +29 -0
- package/dist/react/react/components/select.d.ts.map +1 -0
- package/dist/react/react/components/separator.d.ts +8 -0
- package/dist/react/react/components/separator.d.ts.map +1 -0
- package/dist/react/react/components/skeleton.d.ts +8 -0
- package/dist/react/react/components/skeleton.d.ts.map +1 -0
- package/dist/react/react/components/spinner.d.ts +7 -0
- package/dist/react/react/components/spinner.d.ts.map +1 -0
- package/dist/react/react/components/stack.d.ts +11 -0
- package/dist/react/react/components/stack.d.ts.map +1 -0
- package/dist/react/react/components/status-badge.d.ts +11 -0
- package/dist/react/react/components/status-badge.d.ts.map +1 -0
- package/dist/react/react/components/switch.d.ts +10 -0
- package/dist/react/react/components/switch.d.ts.map +1 -0
- package/dist/react/react/components/table.d.ts +27 -0
- package/dist/react/react/components/table.d.ts.map +1 -0
- package/dist/react/react/components/tabs.d.ts +56 -0
- package/dist/react/react/components/tabs.d.ts.map +1 -0
- package/dist/react/react/components/tag.d.ts +10 -0
- package/dist/react/react/components/tag.d.ts.map +1 -0
- package/dist/react/react/components/textarea.d.ts +11 -0
- package/dist/react/react/components/textarea.d.ts.map +1 -0
- package/dist/react/react/components/toast.d.ts +28 -0
- package/dist/react/react/components/toast.d.ts.map +1 -0
- package/dist/react/react/components/tooltip.d.ts +16 -0
- package/dist/react/react/components/tooltip.d.ts.map +1 -0
- package/dist/react/react/components/visually-hidden.d.ts +7 -0
- package/dist/react/react/components/visually-hidden.d.ts.map +1 -0
- package/dist/react/react/hooks/index.d.ts +5 -0
- package/dist/react/react/hooks/index.d.ts.map +1 -0
- package/dist/react/react/hooks/use-theme.d.ts +17 -0
- package/dist/react/react/hooks/use-theme.d.ts.map +1 -0
- package/dist/react/react/index.d.ts +33 -0
- package/dist/react/react/index.d.ts.map +1 -1
- package/dist/reset.css +6 -15
- package/dist/styles.css +2244 -431
- package/package.json +93 -61
- package/dist/react/react/lib/cn.d.ts +0 -7
- package/dist/react/react/lib/cn.d.ts.map +0 -1
package/dist/react/index.d.ts
CHANGED
|
@@ -1,16 +1,41 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import * as SwitchPrimitive from '@radix-ui/react-switch';
|
|
3
|
+
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
4
|
+
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
5
|
+
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
6
|
+
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
7
|
+
import * as ProgressPrimitive from '@radix-ui/react-progress';
|
|
8
|
+
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
9
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
10
|
+
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
11
|
+
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
12
|
+
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
13
|
+
import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
|
|
14
|
+
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
15
|
+
import * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden';
|
|
16
|
+
import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
|
|
17
|
+
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
2
18
|
|
|
3
19
|
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
4
|
-
variant?: "primary" | "secondary" | "outline" | "ghost" | "danger";
|
|
5
|
-
size?: "sm" | "md" | "lg";
|
|
20
|
+
variant?: "primary" | "secondary" | "outline" | "ghost" | "danger" | "link";
|
|
21
|
+
size?: "sm" | "md" | "lg" | "icon";
|
|
6
22
|
loading?: boolean;
|
|
23
|
+
fullWidth?: boolean;
|
|
24
|
+
asChild?: boolean;
|
|
7
25
|
}
|
|
8
26
|
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
9
27
|
|
|
10
28
|
interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
|
|
11
29
|
label?: string;
|
|
12
|
-
|
|
13
|
-
|
|
30
|
+
description?: string;
|
|
31
|
+
error?: boolean | string;
|
|
32
|
+
size?: "sm" | "md" | "lg" | "small" | "medium" | "large";
|
|
33
|
+
variant?: string;
|
|
34
|
+
icon?: React.ReactNode;
|
|
35
|
+
leftIcon?: React.ReactNode;
|
|
36
|
+
rightIcon?: React.ReactNode;
|
|
37
|
+
onClear?: () => void;
|
|
38
|
+
showPasswordToggle?: boolean;
|
|
14
39
|
}
|
|
15
40
|
declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
16
41
|
|
|
@@ -31,5 +56,510 @@ interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
|
31
56
|
}
|
|
32
57
|
declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
|
|
33
58
|
|
|
34
|
-
|
|
35
|
-
|
|
59
|
+
type StatusTone = "primary" | "success" | "danger" | "warning";
|
|
60
|
+
interface StatusBadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "children"> {
|
|
61
|
+
status?: React.ReactNode;
|
|
62
|
+
children?: React.ReactNode;
|
|
63
|
+
tone?: StatusTone;
|
|
64
|
+
showDot?: boolean;
|
|
65
|
+
}
|
|
66
|
+
declare const StatusBadge: React.ForwardRefExoticComponent<StatusBadgeProps & React.RefAttributes<HTMLSpanElement>>;
|
|
67
|
+
|
|
68
|
+
interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> {
|
|
69
|
+
label?: string;
|
|
70
|
+
description?: string;
|
|
71
|
+
error?: string;
|
|
72
|
+
size?: "sm" | "md" | "lg";
|
|
73
|
+
autoResize?: boolean;
|
|
74
|
+
maxRows?: number;
|
|
75
|
+
}
|
|
76
|
+
declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
77
|
+
|
|
78
|
+
interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> {
|
|
79
|
+
size?: "sm" | "md" | "lg";
|
|
80
|
+
label?: string;
|
|
81
|
+
description?: string;
|
|
82
|
+
labelPosition?: "left" | "right";
|
|
83
|
+
}
|
|
84
|
+
declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
|
|
85
|
+
|
|
86
|
+
interface AvatarProps extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root> {
|
|
87
|
+
src?: string;
|
|
88
|
+
alt?: string;
|
|
89
|
+
fallback?: string;
|
|
90
|
+
size?: "sm" | "md" | "lg";
|
|
91
|
+
}
|
|
92
|
+
declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
|
|
93
|
+
|
|
94
|
+
interface SeparatorProps extends React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> {
|
|
95
|
+
orientation?: "horizontal" | "vertical";
|
|
96
|
+
decorative?: boolean;
|
|
97
|
+
}
|
|
98
|
+
declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLDivElement>>;
|
|
99
|
+
|
|
100
|
+
interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
101
|
+
variant?: "info" | "success" | "warning" | "danger";
|
|
102
|
+
title?: string;
|
|
103
|
+
}
|
|
104
|
+
declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
|
|
105
|
+
|
|
106
|
+
interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
|
|
107
|
+
label?: string;
|
|
108
|
+
description?: string;
|
|
109
|
+
size?: "sm" | "md" | "lg";
|
|
110
|
+
}
|
|
111
|
+
declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
|
|
112
|
+
|
|
113
|
+
interface TooltipProps {
|
|
114
|
+
content: React.ReactNode;
|
|
115
|
+
children: React.ReactElement;
|
|
116
|
+
side?: "top" | "bottom" | "left" | "right";
|
|
117
|
+
align?: "start" | "center" | "end";
|
|
118
|
+
delayDuration?: number;
|
|
119
|
+
/** @deprecated Use `side` instead */
|
|
120
|
+
position?: "top" | "bottom" | "left" | "right";
|
|
121
|
+
/** @deprecated Use `delayDuration` instead */
|
|
122
|
+
delay?: number;
|
|
123
|
+
}
|
|
124
|
+
declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
|
|
125
|
+
declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;
|
|
126
|
+
|
|
127
|
+
interface ProgressProps extends React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root> {
|
|
128
|
+
value?: number;
|
|
129
|
+
max?: number;
|
|
130
|
+
size?: "sm" | "md" | "lg";
|
|
131
|
+
variant?: "default" | "success" | "warning" | "danger";
|
|
132
|
+
}
|
|
133
|
+
declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
|
|
134
|
+
|
|
135
|
+
interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
136
|
+
variant?: "text" | "circular" | "rectangular";
|
|
137
|
+
width?: string | number;
|
|
138
|
+
height?: string | number;
|
|
139
|
+
}
|
|
140
|
+
declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
|
|
141
|
+
|
|
142
|
+
type TabsValue = string | number | boolean;
|
|
143
|
+
type TabsVariant = "underline" | "pills" | "enclosed";
|
|
144
|
+
type TabsSize = "sm" | "md" | "lg" | "small" | "medium" | "large";
|
|
145
|
+
interface TabsItem {
|
|
146
|
+
value: TabsValue;
|
|
147
|
+
label: React.ReactNode;
|
|
148
|
+
icon?: React.ReactNode;
|
|
149
|
+
count?: React.ReactNode;
|
|
150
|
+
disabled?: boolean;
|
|
151
|
+
content?: React.ReactNode;
|
|
152
|
+
className?: string;
|
|
153
|
+
style?: React.CSSProperties;
|
|
154
|
+
}
|
|
155
|
+
interface TabsProps extends Omit<React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root>, "value" | "defaultValue" | "onValueChange" | "onChange"> {
|
|
156
|
+
defaultValue?: TabsValue;
|
|
157
|
+
value?: TabsValue;
|
|
158
|
+
activeTab?: TabsValue;
|
|
159
|
+
onValueChange?: (value: string) => void;
|
|
160
|
+
onChange?: (value: TabsValue) => void;
|
|
161
|
+
setActiveTab?: (value: TabsValue) => void;
|
|
162
|
+
items?: TabsItem[];
|
|
163
|
+
tabs?: TabsItem[];
|
|
164
|
+
renderItem?: (item: TabsItem, state: {
|
|
165
|
+
isActive: boolean;
|
|
166
|
+
}) => React.ReactNode;
|
|
167
|
+
renderContent?: (item: TabsItem, state: {
|
|
168
|
+
isActive: boolean;
|
|
169
|
+
}) => React.ReactNode;
|
|
170
|
+
variant?: TabsVariant;
|
|
171
|
+
size?: TabsSize;
|
|
172
|
+
fullWidth?: boolean;
|
|
173
|
+
showBorder?: boolean;
|
|
174
|
+
disabled?: boolean;
|
|
175
|
+
listClassName?: string;
|
|
176
|
+
listStyle?: React.CSSProperties;
|
|
177
|
+
triggerClassName?: string;
|
|
178
|
+
triggerStyle?: React.CSSProperties;
|
|
179
|
+
}
|
|
180
|
+
interface TabsListProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.List> {
|
|
181
|
+
}
|
|
182
|
+
interface TabsTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>, "value"> {
|
|
183
|
+
value: TabsValue;
|
|
184
|
+
icon?: React.ReactNode;
|
|
185
|
+
count?: React.ReactNode;
|
|
186
|
+
}
|
|
187
|
+
interface TabsContentProps extends Omit<React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>, "value"> {
|
|
188
|
+
value: TabsValue;
|
|
189
|
+
}
|
|
190
|
+
declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>> & {
|
|
191
|
+
List: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<HTMLDivElement>>;
|
|
192
|
+
Trigger: React.ForwardRefExoticComponent<TabsTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
193
|
+
Content: React.ForwardRefExoticComponent<TabsContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
194
|
+
};
|
|
195
|
+
|
|
196
|
+
interface DialogProps {
|
|
197
|
+
open?: boolean;
|
|
198
|
+
onOpenChange?: (open: boolean) => void;
|
|
199
|
+
children: React.ReactNode;
|
|
200
|
+
modal?: boolean;
|
|
201
|
+
}
|
|
202
|
+
interface DialogTriggerProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Trigger> {
|
|
203
|
+
asChild?: boolean;
|
|
204
|
+
}
|
|
205
|
+
interface DialogContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
|
|
206
|
+
}
|
|
207
|
+
interface DialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
208
|
+
}
|
|
209
|
+
interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
210
|
+
}
|
|
211
|
+
declare const Dialog: React.FC<DialogProps> & {
|
|
212
|
+
Trigger: React.ForwardRefExoticComponent<DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
213
|
+
Content: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
214
|
+
Header: React.ForwardRefExoticComponent<DialogHeaderProps & React.RefAttributes<HTMLDivElement>>;
|
|
215
|
+
Title: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
216
|
+
Description: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
217
|
+
Footer: React.ForwardRefExoticComponent<DialogFooterProps & React.RefAttributes<HTMLDivElement>>;
|
|
218
|
+
Close: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
219
|
+
Overlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
220
|
+
};
|
|
221
|
+
|
|
222
|
+
type ModalSize = "sm" | "md" | "lg" | "xl" | "full";
|
|
223
|
+
type ModalCloseButtonVariant = "icon" | "button";
|
|
224
|
+
interface ModalTabItem {
|
|
225
|
+
id: string;
|
|
226
|
+
name?: React.ReactNode;
|
|
227
|
+
label?: React.ReactNode;
|
|
228
|
+
icon?: React.ReactNode;
|
|
229
|
+
disabled?: boolean;
|
|
230
|
+
}
|
|
231
|
+
interface ModalProps extends Omit<React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, "children" | "title"> {
|
|
232
|
+
open?: boolean;
|
|
233
|
+
defaultOpen?: boolean;
|
|
234
|
+
onOpenChange?: (open: boolean) => void;
|
|
235
|
+
isOpen?: boolean;
|
|
236
|
+
onClose?: () => void;
|
|
237
|
+
modal?: boolean;
|
|
238
|
+
trigger?: React.ReactNode;
|
|
239
|
+
title?: React.ReactNode;
|
|
240
|
+
description?: React.ReactNode;
|
|
241
|
+
children: React.ReactNode;
|
|
242
|
+
footer?: React.ReactNode;
|
|
243
|
+
tabs?: ModalTabItem[];
|
|
244
|
+
activeTab?: string;
|
|
245
|
+
onTabChange?: (tabId: string) => void;
|
|
246
|
+
hideTitle?: boolean;
|
|
247
|
+
size?: ModalSize;
|
|
248
|
+
width?: number | string;
|
|
249
|
+
minHeight?: number | string;
|
|
250
|
+
fullHeight?: boolean;
|
|
251
|
+
showCloseButton?: boolean;
|
|
252
|
+
closeButtonVariant?: ModalCloseButtonVariant;
|
|
253
|
+
closeButtonText?: string;
|
|
254
|
+
closeOnOverlay?: boolean;
|
|
255
|
+
closeOnEsc?: boolean;
|
|
256
|
+
portalContainer?: HTMLElement;
|
|
257
|
+
overlayClassName?: string;
|
|
258
|
+
headerClassName?: string;
|
|
259
|
+
bodyClassName?: string;
|
|
260
|
+
footerClassName?: string;
|
|
261
|
+
}
|
|
262
|
+
declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
|
|
263
|
+
|
|
264
|
+
interface SelectProps {
|
|
265
|
+
value?: string;
|
|
266
|
+
defaultValue?: string;
|
|
267
|
+
onValueChange?: (value: string) => void;
|
|
268
|
+
placeholder?: string;
|
|
269
|
+
disabled?: boolean;
|
|
270
|
+
children: React.ReactNode;
|
|
271
|
+
/** @deprecated Use SelectItem children instead */
|
|
272
|
+
options?: Array<{
|
|
273
|
+
value: string;
|
|
274
|
+
label: string;
|
|
275
|
+
disabled?: boolean;
|
|
276
|
+
}>;
|
|
277
|
+
label?: string;
|
|
278
|
+
error?: string;
|
|
279
|
+
size?: "sm" | "md" | "lg";
|
|
280
|
+
}
|
|
281
|
+
declare const Select: React.FC<SelectProps> & {
|
|
282
|
+
Trigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
283
|
+
Content: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
284
|
+
Item: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
285
|
+
Separator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
286
|
+
Label: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
287
|
+
Group: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
288
|
+
Value: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
|
|
289
|
+
};
|
|
290
|
+
|
|
291
|
+
interface RadioGroupProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {
|
|
292
|
+
orientation?: "horizontal" | "vertical";
|
|
293
|
+
/** @deprecated Use standard name attribute on form instead */
|
|
294
|
+
name?: string;
|
|
295
|
+
}
|
|
296
|
+
interface RadioGroupItemProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> {
|
|
297
|
+
label?: string;
|
|
298
|
+
description?: string;
|
|
299
|
+
}
|
|
300
|
+
declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>> & {
|
|
301
|
+
Item: React.ForwardRefExoticComponent<RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
|
|
302
|
+
};
|
|
303
|
+
|
|
304
|
+
interface TableProps extends React.TableHTMLAttributes<HTMLTableElement> {
|
|
305
|
+
children: React.ReactNode;
|
|
306
|
+
}
|
|
307
|
+
interface TableHeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {
|
|
308
|
+
children: React.ReactNode;
|
|
309
|
+
}
|
|
310
|
+
interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {
|
|
311
|
+
children: React.ReactNode;
|
|
312
|
+
}
|
|
313
|
+
interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
|
|
314
|
+
children: React.ReactNode;
|
|
315
|
+
}
|
|
316
|
+
interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {
|
|
317
|
+
children?: React.ReactNode;
|
|
318
|
+
}
|
|
319
|
+
interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
|
|
320
|
+
children?: React.ReactNode;
|
|
321
|
+
}
|
|
322
|
+
declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>> & {
|
|
323
|
+
Header: React.ForwardRefExoticComponent<TableHeaderProps & React.RefAttributes<HTMLTableSectionElement>>;
|
|
324
|
+
Body: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
|
|
325
|
+
Row: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
|
|
326
|
+
Head: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableCellElement>>;
|
|
327
|
+
Cell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
|
|
328
|
+
};
|
|
329
|
+
|
|
330
|
+
type DataTableRow = Record<string, unknown>;
|
|
331
|
+
type DataTableRowId = string | number;
|
|
332
|
+
type DataTableSortDirection = "asc" | "desc";
|
|
333
|
+
type DataTableAlign = "left" | "center" | "right";
|
|
334
|
+
interface DataTableColumn {
|
|
335
|
+
key: string;
|
|
336
|
+
header: React.ReactNode;
|
|
337
|
+
render?: (row: DataTableRow, value: unknown) => React.ReactNode;
|
|
338
|
+
sortable?: boolean;
|
|
339
|
+
align?: DataTableAlign;
|
|
340
|
+
width?: React.CSSProperties["width"];
|
|
341
|
+
className?: string;
|
|
342
|
+
customHeaderRender?: () => React.ReactNode;
|
|
343
|
+
}
|
|
344
|
+
interface DataTableProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
345
|
+
data?: DataTableRow[];
|
|
346
|
+
columns?: DataTableColumn[];
|
|
347
|
+
selectable?: boolean;
|
|
348
|
+
selectedRows?: DataTableRowId[];
|
|
349
|
+
onSelectionChange?: (selectedRows: DataTableRowId[]) => void;
|
|
350
|
+
sortable?: boolean;
|
|
351
|
+
defaultSortKey?: string | null;
|
|
352
|
+
defaultSortDir?: DataTableSortDirection;
|
|
353
|
+
pagination?: boolean;
|
|
354
|
+
pageSize?: number;
|
|
355
|
+
currentPage?: number;
|
|
356
|
+
onPageChange?: (page: number) => void;
|
|
357
|
+
loading?: boolean;
|
|
358
|
+
isLoading?: boolean;
|
|
359
|
+
emptyState?: React.ReactNode;
|
|
360
|
+
emptyMessage?: string;
|
|
361
|
+
onRowClick?: (row: DataTableRow) => void;
|
|
362
|
+
getRowId?: (row: DataTableRow, index: number) => DataTableRowId;
|
|
363
|
+
variant?: "default" | "striped" | "bordered";
|
|
364
|
+
}
|
|
365
|
+
declare const DataTable: React.ForwardRefExoticComponent<DataTableProps & React.RefAttributes<HTMLDivElement>>;
|
|
366
|
+
|
|
367
|
+
interface AccordionSingleProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root> {
|
|
368
|
+
type?: "single";
|
|
369
|
+
defaultValue?: string;
|
|
370
|
+
value?: string;
|
|
371
|
+
onValueChange?: (value: string) => void;
|
|
372
|
+
collapsible?: boolean;
|
|
373
|
+
}
|
|
374
|
+
interface AccordionMultipleProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root> {
|
|
375
|
+
type: "multiple";
|
|
376
|
+
defaultValue?: string[];
|
|
377
|
+
value?: string[];
|
|
378
|
+
onValueChange?: (value: string[]) => void;
|
|
379
|
+
}
|
|
380
|
+
type AccordionProps = AccordionSingleProps | AccordionMultipleProps;
|
|
381
|
+
interface AccordionItemProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> {
|
|
382
|
+
value: string;
|
|
383
|
+
}
|
|
384
|
+
interface AccordionTriggerProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> {
|
|
385
|
+
}
|
|
386
|
+
interface AccordionContentProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> {
|
|
387
|
+
}
|
|
388
|
+
declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>> & {
|
|
389
|
+
Item: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
390
|
+
Header: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionHeaderProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
391
|
+
Trigger: React.ForwardRefExoticComponent<AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
392
|
+
Content: React.ForwardRefExoticComponent<AccordionContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
393
|
+
};
|
|
394
|
+
|
|
395
|
+
interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
396
|
+
direction?: "row" | "column";
|
|
397
|
+
gap?: "xs" | "sm" | "md" | "lg" | "xl";
|
|
398
|
+
align?: "start" | "center" | "end" | "stretch";
|
|
399
|
+
justify?: "start" | "center" | "end" | "between" | "around";
|
|
400
|
+
wrap?: boolean;
|
|
401
|
+
children: React.ReactNode;
|
|
402
|
+
}
|
|
403
|
+
declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
|
|
404
|
+
|
|
405
|
+
interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
406
|
+
size?: "sm" | "md" | "lg";
|
|
407
|
+
variant?: "default" | "primary";
|
|
408
|
+
}
|
|
409
|
+
declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLDivElement>>;
|
|
410
|
+
|
|
411
|
+
interface AspectRatioProps extends React.ComponentPropsWithoutRef<typeof AspectRatioPrimitive.Root> {
|
|
412
|
+
ratio?: number;
|
|
413
|
+
children: React.ReactNode;
|
|
414
|
+
}
|
|
415
|
+
declare const AspectRatio: React.ForwardRefExoticComponent<AspectRatioProps & React.RefAttributes<HTMLDivElement>>;
|
|
416
|
+
|
|
417
|
+
interface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {
|
|
418
|
+
children: React.ReactNode;
|
|
419
|
+
}
|
|
420
|
+
interface BreadcrumbListProps extends React.HTMLAttributes<HTMLOListElement> {
|
|
421
|
+
children: React.ReactNode;
|
|
422
|
+
}
|
|
423
|
+
interface BreadcrumbItemProps extends React.HTMLAttributes<HTMLLIElement> {
|
|
424
|
+
children: React.ReactNode;
|
|
425
|
+
}
|
|
426
|
+
interface BreadcrumbLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
427
|
+
children: React.ReactNode;
|
|
428
|
+
asChild?: boolean;
|
|
429
|
+
}
|
|
430
|
+
interface BreadcrumbSeparatorProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
431
|
+
children?: React.ReactNode;
|
|
432
|
+
}
|
|
433
|
+
interface BreadcrumbPageProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
434
|
+
children: React.ReactNode;
|
|
435
|
+
}
|
|
436
|
+
declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLElement>> & {
|
|
437
|
+
List: React.ForwardRefExoticComponent<BreadcrumbListProps & React.RefAttributes<HTMLOListElement>>;
|
|
438
|
+
Item: React.ForwardRefExoticComponent<BreadcrumbItemProps & React.RefAttributes<HTMLLIElement>>;
|
|
439
|
+
Link: React.ForwardRefExoticComponent<BreadcrumbLinkProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
440
|
+
Separator: React.ForwardRefExoticComponent<BreadcrumbSeparatorProps & React.RefAttributes<HTMLSpanElement>>;
|
|
441
|
+
Page: React.ForwardRefExoticComponent<BreadcrumbPageProps & React.RefAttributes<HTMLSpanElement>>;
|
|
442
|
+
};
|
|
443
|
+
|
|
444
|
+
interface LabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> {
|
|
445
|
+
required?: boolean;
|
|
446
|
+
}
|
|
447
|
+
declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
|
|
448
|
+
|
|
449
|
+
interface VisuallyHiddenProps extends React.ComponentPropsWithoutRef<typeof VisuallyHiddenPrimitive.Root> {
|
|
450
|
+
children: React.ReactNode;
|
|
451
|
+
}
|
|
452
|
+
declare const VisuallyHidden: React.ForwardRefExoticComponent<VisuallyHiddenProps & React.RefAttributes<HTMLSpanElement>>;
|
|
453
|
+
|
|
454
|
+
interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
455
|
+
size?: "sm" | "md" | "lg" | "xl" | "full";
|
|
456
|
+
centered?: boolean;
|
|
457
|
+
children: React.ReactNode;
|
|
458
|
+
}
|
|
459
|
+
declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
|
|
460
|
+
|
|
461
|
+
interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
462
|
+
cols?: 1 | 2 | 3 | 4 | 5 | 6 | 12;
|
|
463
|
+
gap?: "xs" | "sm" | "md" | "lg" | "xl";
|
|
464
|
+
children: React.ReactNode;
|
|
465
|
+
}
|
|
466
|
+
declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
|
|
467
|
+
|
|
468
|
+
interface KbdProps extends React.HTMLAttributes<HTMLElement> {
|
|
469
|
+
children: React.ReactNode;
|
|
470
|
+
}
|
|
471
|
+
declare const Kbd: React.ForwardRefExoticComponent<KbdProps & React.RefAttributes<HTMLElement>>;
|
|
472
|
+
|
|
473
|
+
interface CodeProps extends React.HTMLAttributes<HTMLElement> {
|
|
474
|
+
children: React.ReactNode;
|
|
475
|
+
}
|
|
476
|
+
declare const Code: React.ForwardRefExoticComponent<CodeProps & React.RefAttributes<HTMLElement>>;
|
|
477
|
+
|
|
478
|
+
interface ScrollAreaProps extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> {
|
|
479
|
+
maxHeight?: string | number;
|
|
480
|
+
children: React.ReactNode;
|
|
481
|
+
}
|
|
482
|
+
declare const ScrollArea: React.ForwardRefExoticComponent<ScrollAreaProps & React.RefAttributes<HTMLDivElement>>;
|
|
483
|
+
|
|
484
|
+
interface DropdownMenuProps {
|
|
485
|
+
children: React.ReactNode;
|
|
486
|
+
open?: boolean;
|
|
487
|
+
onOpenChange?: (open: boolean) => void;
|
|
488
|
+
modal?: boolean;
|
|
489
|
+
}
|
|
490
|
+
interface DropdownMenuTriggerProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger> {
|
|
491
|
+
asChild?: boolean;
|
|
492
|
+
}
|
|
493
|
+
interface DropdownMenuContentProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> {
|
|
494
|
+
align?: "start" | "center" | "end";
|
|
495
|
+
sideOffset?: number;
|
|
496
|
+
}
|
|
497
|
+
interface DropdownMenuItemProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> {
|
|
498
|
+
inset?: boolean;
|
|
499
|
+
}
|
|
500
|
+
interface DropdownMenuCheckboxItemProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem> {
|
|
501
|
+
}
|
|
502
|
+
declare const DropdownMenu: React.FC<DropdownMenuProps> & {
|
|
503
|
+
Trigger: React.ForwardRefExoticComponent<DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
504
|
+
Content: React.ForwardRefExoticComponent<DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
505
|
+
Item: React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
506
|
+
Separator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
507
|
+
Label: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
508
|
+
CheckboxItem: React.ForwardRefExoticComponent<DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
509
|
+
Sub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
|
|
510
|
+
SubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
511
|
+
SubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
512
|
+
};
|
|
513
|
+
|
|
514
|
+
interface ToastProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
515
|
+
variant?: "default" | "success" | "warning" | "danger";
|
|
516
|
+
title?: string;
|
|
517
|
+
description?: string;
|
|
518
|
+
onClose?: () => void;
|
|
519
|
+
}
|
|
520
|
+
interface ToasterProps {
|
|
521
|
+
position?: "top-left" | "top-right" | "top-center" | "bottom-left" | "bottom-right" | "bottom-center";
|
|
522
|
+
}
|
|
523
|
+
interface ToastItem {
|
|
524
|
+
id: string;
|
|
525
|
+
variant?: ToastProps["variant"];
|
|
526
|
+
title?: string;
|
|
527
|
+
description?: string;
|
|
528
|
+
duration?: number;
|
|
529
|
+
}
|
|
530
|
+
declare const useToast: () => {
|
|
531
|
+
toast: (options: Omit<ToastItem, "id">) => void;
|
|
532
|
+
toasts: ToastItem[];
|
|
533
|
+
};
|
|
534
|
+
declare const ToastProvider: React.FC<{
|
|
535
|
+
children: React.ReactNode;
|
|
536
|
+
}>;
|
|
537
|
+
declare const Toast: React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<HTMLDivElement>>;
|
|
538
|
+
declare const Toaster: React.FC<ToasterProps>;
|
|
539
|
+
|
|
540
|
+
interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
541
|
+
variant?: "default" | "primary" | "secondary" | "success" | "warning" | "danger";
|
|
542
|
+
size?: "sm" | "md" | "lg";
|
|
543
|
+
removable?: boolean;
|
|
544
|
+
onRemove?: () => void;
|
|
545
|
+
children: React.ReactNode;
|
|
546
|
+
}
|
|
547
|
+
declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLSpanElement>>;
|
|
548
|
+
|
|
549
|
+
type Theme = "light" | "dark" | "system";
|
|
550
|
+
interface ThemeProviderProps {
|
|
551
|
+
children: React.ReactNode;
|
|
552
|
+
defaultTheme?: Theme;
|
|
553
|
+
storageKey?: string;
|
|
554
|
+
}
|
|
555
|
+
interface ThemeContextValue {
|
|
556
|
+
theme: Theme;
|
|
557
|
+
resolvedTheme: "light" | "dark";
|
|
558
|
+
setTheme: (theme: Theme) => void;
|
|
559
|
+
toggleTheme: () => void;
|
|
560
|
+
}
|
|
561
|
+
declare const ThemeProvider: React.FC<ThemeProviderProps>;
|
|
562
|
+
declare function useTheme(): ThemeContextValue;
|
|
563
|
+
|
|
564
|
+
export { Accordion, Alert, AspectRatio, Avatar, Badge, Breadcrumb, Button, Card, Checkbox, Code, Container, DataTable, Dialog, DropdownMenu, Grid, Input, Kbd, Label, Modal, Progress, RadioGroup, ScrollArea, Select, Separator, Skeleton, Spinner, Stack, StatusBadge, Switch, Table, Tabs, Tag, Textarea, ThemeProvider, Toast, ToastProvider, Toaster, Tooltip, TooltipProvider, VisuallyHidden, useTheme, useToast };
|
|
565
|
+
export type { AccordionContentProps, AccordionItemProps, AccordionProps, AccordionTriggerProps, AlertProps, AspectRatioProps, AvatarProps, BadgeProps, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbListProps, BreadcrumbPageProps, BreadcrumbProps, BreadcrumbSeparatorProps, ButtonProps, CardProps, CheckboxProps, CodeProps, ContainerProps, DataTableAlign, DataTableColumn, DataTableProps, DataTableSortDirection, DialogContentProps, DialogFooterProps, DialogHeaderProps, DialogProps, DialogTriggerProps, DropdownMenuCheckboxItemProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuProps, DropdownMenuTriggerProps, GridProps, InputProps, KbdProps, LabelProps, ModalCloseButtonVariant, ModalProps, ModalSize, ProgressProps, RadioGroupItemProps, RadioGroupProps, ScrollAreaProps, SelectProps, SeparatorProps, SkeletonProps, SpinnerProps, StackProps, StatusBadgeProps, SwitchProps, TableBodyProps, TableCellProps, TableHeadProps, TableHeaderProps, TableProps, TableRowProps, TabsContentProps, TabsItem, TabsListProps, TabsProps, TabsSize, TabsTriggerProps, TabsValue, TabsVariant, TagProps, TextareaProps, Theme, ThemeContextValue, ThemeProviderProps, ToastProps, ToasterProps, TooltipProps, VisuallyHiddenProps };
|