@onesaz/ui 0.2.2 → 0.3.0
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.d.ts +281 -30
- package/dist/index.js +1568 -521
- package/dist/index.js.map +1 -1
- package/package.json +3 -1
package/dist/index.d.ts
CHANGED
|
@@ -2,7 +2,9 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { Theme, AccentColor, GrayColor, RadiusPreset } from '@onesaz/tokens';
|
|
4
4
|
import { ClassValue } from 'clsx';
|
|
5
|
+
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
5
6
|
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
7
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
6
8
|
|
|
7
9
|
interface ThemeProviderProps {
|
|
8
10
|
children: React.ReactNode;
|
|
@@ -34,6 +36,153 @@ declare function useTheme(): ThemeContextValue;
|
|
|
34
36
|
|
|
35
37
|
declare function cn(...inputs: ClassValue[]): string;
|
|
36
38
|
|
|
39
|
+
interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
40
|
+
/** Render as a different element */
|
|
41
|
+
as?: React.ElementType;
|
|
42
|
+
/** Display type */
|
|
43
|
+
display?: 'block' | 'inline-block' | 'inline' | 'flex' | 'inline-flex' | 'grid' | 'inline-grid' | 'none';
|
|
44
|
+
/** Flex direction */
|
|
45
|
+
flexDirection?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
|
|
46
|
+
/** Align items */
|
|
47
|
+
alignItems?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
|
|
48
|
+
/** Justify content */
|
|
49
|
+
justifyContent?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
|
|
50
|
+
/** Flex wrap */
|
|
51
|
+
flexWrap?: 'wrap' | 'nowrap' | 'wrap-reverse';
|
|
52
|
+
/** Gap */
|
|
53
|
+
gap?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16;
|
|
54
|
+
/** Padding */
|
|
55
|
+
p?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16;
|
|
56
|
+
/** Padding X */
|
|
57
|
+
px?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16;
|
|
58
|
+
/** Padding Y */
|
|
59
|
+
py?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16;
|
|
60
|
+
/** Margin */
|
|
61
|
+
m?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 'auto';
|
|
62
|
+
/** Margin X */
|
|
63
|
+
mx?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 'auto';
|
|
64
|
+
/** Margin Y */
|
|
65
|
+
my?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 'auto';
|
|
66
|
+
/** Border radius */
|
|
67
|
+
rounded?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
|
|
68
|
+
/** Shadow */
|
|
69
|
+
shadow?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
70
|
+
/** Background color */
|
|
71
|
+
bg?: 'background' | 'foreground' | 'muted' | 'accent' | 'card' | 'popover' | 'destructive' | 'transparent';
|
|
72
|
+
/** Text color */
|
|
73
|
+
color?: 'foreground' | 'muted-foreground' | 'accent' | 'accent-foreground' | 'destructive' | 'destructive-foreground';
|
|
74
|
+
/** Border */
|
|
75
|
+
border?: boolean;
|
|
76
|
+
/** Border color */
|
|
77
|
+
borderColor?: 'border' | 'input' | 'ring' | 'transparent';
|
|
78
|
+
/** Width */
|
|
79
|
+
w?: 'full' | 'auto' | 'screen' | 'min' | 'max' | 'fit';
|
|
80
|
+
/** Height */
|
|
81
|
+
h?: 'full' | 'auto' | 'screen' | 'min' | 'max' | 'fit';
|
|
82
|
+
/** Position */
|
|
83
|
+
position?: 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky';
|
|
84
|
+
/** Overflow */
|
|
85
|
+
overflow?: 'auto' | 'hidden' | 'visible' | 'scroll';
|
|
86
|
+
}
|
|
87
|
+
declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLDivElement>>;
|
|
88
|
+
|
|
89
|
+
interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
90
|
+
/** Stack direction */
|
|
91
|
+
direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
|
|
92
|
+
/** Spacing between items */
|
|
93
|
+
spacing?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16;
|
|
94
|
+
/** Align items */
|
|
95
|
+
align?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
|
|
96
|
+
/** Justify content */
|
|
97
|
+
justify?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
|
|
98
|
+
/** Wrap items */
|
|
99
|
+
wrap?: 'wrap' | 'nowrap' | 'wrap-reverse';
|
|
100
|
+
/** Divider between items */
|
|
101
|
+
divider?: React.ReactNode;
|
|
102
|
+
/** Render as a different element */
|
|
103
|
+
as?: React.ElementType;
|
|
104
|
+
}
|
|
105
|
+
declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
|
|
106
|
+
declare const HStack: React.ForwardRefExoticComponent<Omit<StackProps, "direction"> & React.RefAttributes<HTMLDivElement>>;
|
|
107
|
+
declare const VStack: React.ForwardRefExoticComponent<Omit<StackProps, "direction"> & React.RefAttributes<HTMLDivElement>>;
|
|
108
|
+
|
|
109
|
+
type GridSize = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 'auto';
|
|
110
|
+
type GridSpacing = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16;
|
|
111
|
+
interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
112
|
+
/** If true, the component will be a container (uses display: grid) */
|
|
113
|
+
container?: boolean;
|
|
114
|
+
/** If true, the component will be a grid item */
|
|
115
|
+
item?: boolean;
|
|
116
|
+
/** Number of columns the item spans (1-12) or 'auto' */
|
|
117
|
+
xs?: GridSize;
|
|
118
|
+
/** Columns at sm breakpoint (640px) */
|
|
119
|
+
sm?: GridSize;
|
|
120
|
+
/** Columns at md breakpoint (768px) */
|
|
121
|
+
md?: GridSize;
|
|
122
|
+
/** Columns at lg breakpoint (1024px) */
|
|
123
|
+
lg?: GridSize;
|
|
124
|
+
/** Columns at xl breakpoint (1280px) */
|
|
125
|
+
xl?: GridSize;
|
|
126
|
+
/** Columns at 2xl breakpoint (1536px) */
|
|
127
|
+
xxl?: GridSize;
|
|
128
|
+
/** Gap between grid items */
|
|
129
|
+
spacing?: GridSpacing;
|
|
130
|
+
/** Row gap */
|
|
131
|
+
rowSpacing?: GridSpacing;
|
|
132
|
+
/** Column gap */
|
|
133
|
+
columnSpacing?: GridSpacing;
|
|
134
|
+
/** Number of columns in the grid (for container) */
|
|
135
|
+
columns?: 1 | 2 | 3 | 4 | 5 | 6 | 12;
|
|
136
|
+
/** Align items */
|
|
137
|
+
alignItems?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
|
|
138
|
+
/** Justify items */
|
|
139
|
+
justifyItems?: 'start' | 'end' | 'center' | 'stretch';
|
|
140
|
+
/** Justify content */
|
|
141
|
+
justifyContent?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
|
|
142
|
+
}
|
|
143
|
+
declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
|
|
144
|
+
|
|
145
|
+
type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'caption' | 'overline' | 'inherit';
|
|
146
|
+
type TypographyColor = 'inherit' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info' | 'muted' | 'white' | 'dark';
|
|
147
|
+
type FontWeight = 'light' | 'regular' | 'medium' | 'semibold' | 'bold';
|
|
148
|
+
interface TypographyProps extends React.HTMLAttributes<HTMLElement> {
|
|
149
|
+
/** Typography variant */
|
|
150
|
+
variant?: TypographyVariant;
|
|
151
|
+
/** Text color */
|
|
152
|
+
color?: TypographyColor;
|
|
153
|
+
/** Font weight override */
|
|
154
|
+
fontWeight?: FontWeight;
|
|
155
|
+
/** Text transform */
|
|
156
|
+
textTransform?: 'none' | 'uppercase' | 'lowercase' | 'capitalize';
|
|
157
|
+
/** Text alignment */
|
|
158
|
+
align?: 'left' | 'center' | 'right' | 'justify';
|
|
159
|
+
/** Vertical alignment */
|
|
160
|
+
verticalAlign?: 'top' | 'middle' | 'bottom' | 'baseline';
|
|
161
|
+
/** Enable text gradient effect */
|
|
162
|
+
textGradient?: boolean;
|
|
163
|
+
/** Gradient color (when textGradient is true) */
|
|
164
|
+
gradientColor?: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error' | 'dark';
|
|
165
|
+
/** Opacity */
|
|
166
|
+
opacity?: number;
|
|
167
|
+
/** Render as a different element */
|
|
168
|
+
as?: React.ElementType;
|
|
169
|
+
/** Disable bottom margin */
|
|
170
|
+
gutterBottom?: boolean;
|
|
171
|
+
/** Prevent text wrap */
|
|
172
|
+
noWrap?: boolean;
|
|
173
|
+
/** Paragraph mode (adds bottom margin) */
|
|
174
|
+
paragraph?: boolean;
|
|
175
|
+
}
|
|
176
|
+
declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLElement>>;
|
|
177
|
+
declare const H1: React.ForwardRefExoticComponent<Omit<TypographyProps, "variant"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
178
|
+
declare const H2: React.ForwardRefExoticComponent<Omit<TypographyProps, "variant"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
179
|
+
declare const H3: React.ForwardRefExoticComponent<Omit<TypographyProps, "variant"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
180
|
+
declare const H4: React.ForwardRefExoticComponent<Omit<TypographyProps, "variant"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
181
|
+
declare const H5: React.ForwardRefExoticComponent<Omit<TypographyProps, "variant"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
182
|
+
declare const H6: React.ForwardRefExoticComponent<Omit<TypographyProps, "variant"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
183
|
+
declare const Text: React.ForwardRefExoticComponent<Omit<TypographyProps, "variant"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
184
|
+
declare const Caption: React.ForwardRefExoticComponent<Omit<TypographyProps, "variant"> & React.RefAttributes<HTMLSpanElement>>;
|
|
185
|
+
|
|
37
186
|
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
38
187
|
variant?: 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link';
|
|
39
188
|
size?: 'default' | 'sm' | 'lg' | 'icon';
|
|
@@ -41,6 +190,14 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
41
190
|
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
42
191
|
|
|
43
192
|
interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
193
|
+
/** Input size variant */
|
|
194
|
+
inputSize?: 'sm' | 'md' | 'lg';
|
|
195
|
+
/** Error state */
|
|
196
|
+
error?: boolean;
|
|
197
|
+
/** Start adornment */
|
|
198
|
+
startAdornment?: React.ReactNode;
|
|
199
|
+
/** End adornment */
|
|
200
|
+
endAdornment?: React.ReactNode;
|
|
44
201
|
}
|
|
45
202
|
declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
46
203
|
|
|
@@ -48,17 +205,21 @@ interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement
|
|
|
48
205
|
}
|
|
49
206
|
declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
50
207
|
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
208
|
+
interface TextFieldProps extends Omit<InputProps, 'inputSize' | 'size'> {
|
|
209
|
+
/** Label text */
|
|
210
|
+
label?: React.ReactNode;
|
|
211
|
+
/** Helper text shown below input */
|
|
212
|
+
helperText?: React.ReactNode;
|
|
213
|
+
/** Error message (also sets error state) */
|
|
214
|
+
errorMessage?: React.ReactNode;
|
|
215
|
+
/** Required indicator */
|
|
216
|
+
required?: boolean;
|
|
217
|
+
/** Size of the text field */
|
|
218
|
+
size?: 'sm' | 'md' | 'lg';
|
|
219
|
+
/** Full width mode */
|
|
220
|
+
fullWidth?: boolean;
|
|
60
221
|
}
|
|
61
|
-
declare const
|
|
222
|
+
declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
|
|
62
223
|
|
|
63
224
|
interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
|
|
64
225
|
}
|
|
@@ -72,6 +233,84 @@ interface SwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>,
|
|
|
72
233
|
}
|
|
73
234
|
declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
|
|
74
235
|
|
|
236
|
+
interface RadioGroupProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {
|
|
237
|
+
/** Orientation of the radio group */
|
|
238
|
+
orientation?: 'horizontal' | 'vertical';
|
|
239
|
+
/** Size of radio items */
|
|
240
|
+
size?: 'sm' | 'md' | 'lg';
|
|
241
|
+
}
|
|
242
|
+
declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
243
|
+
interface RadioGroupItemProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> {
|
|
244
|
+
/** Size override for individual item */
|
|
245
|
+
size?: 'sm' | 'md' | 'lg';
|
|
246
|
+
}
|
|
247
|
+
declare const RadioGroupItem: React.ForwardRefExoticComponent<RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
|
|
248
|
+
interface RadioProps extends RadioGroupItemProps {
|
|
249
|
+
/** Label for the radio */
|
|
250
|
+
label?: React.ReactNode;
|
|
251
|
+
/** Description text */
|
|
252
|
+
description?: React.ReactNode;
|
|
253
|
+
/** ID for accessibility */
|
|
254
|
+
id?: string;
|
|
255
|
+
}
|
|
256
|
+
declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLButtonElement>>;
|
|
257
|
+
|
|
258
|
+
interface FormControlContextValue {
|
|
259
|
+
id?: string;
|
|
260
|
+
error?: boolean;
|
|
261
|
+
disabled?: boolean;
|
|
262
|
+
required?: boolean;
|
|
263
|
+
}
|
|
264
|
+
declare function useFormControl(): FormControlContextValue;
|
|
265
|
+
interface FormControlProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
266
|
+
/** Error state */
|
|
267
|
+
error?: boolean;
|
|
268
|
+
/** Disabled state */
|
|
269
|
+
disabled?: boolean;
|
|
270
|
+
/** Required state */
|
|
271
|
+
required?: boolean;
|
|
272
|
+
/** Full width mode */
|
|
273
|
+
fullWidth?: boolean;
|
|
274
|
+
/** Margin */
|
|
275
|
+
margin?: 'none' | 'dense' | 'normal';
|
|
276
|
+
/** Orientation */
|
|
277
|
+
orientation?: 'vertical' | 'horizontal';
|
|
278
|
+
}
|
|
279
|
+
declare const FormControl: React.ForwardRefExoticComponent<FormControlProps & React.RefAttributes<HTMLDivElement>>;
|
|
280
|
+
interface FormLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
|
|
281
|
+
/** Error state (auto-inherited from FormControl) */
|
|
282
|
+
error?: boolean;
|
|
283
|
+
/** Disabled state (auto-inherited from FormControl) */
|
|
284
|
+
disabled?: boolean;
|
|
285
|
+
/** Required indicator */
|
|
286
|
+
required?: boolean;
|
|
287
|
+
}
|
|
288
|
+
declare const FormLabel: React.ForwardRefExoticComponent<FormLabelProps & React.RefAttributes<HTMLLabelElement>>;
|
|
289
|
+
interface FormHelperTextProps extends React.HTMLAttributes<HTMLParagraphElement> {
|
|
290
|
+
/** Error state (auto-inherited from FormControl) */
|
|
291
|
+
error?: boolean;
|
|
292
|
+
/** Disabled state (auto-inherited from FormControl) */
|
|
293
|
+
disabled?: boolean;
|
|
294
|
+
}
|
|
295
|
+
declare const FormHelperText: React.ForwardRefExoticComponent<FormHelperTextProps & React.RefAttributes<HTMLParagraphElement>>;
|
|
296
|
+
interface FormGroupProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
297
|
+
/** Group orientation */
|
|
298
|
+
row?: boolean;
|
|
299
|
+
}
|
|
300
|
+
declare const FormGroup: React.ForwardRefExoticComponent<FormGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
301
|
+
|
|
302
|
+
declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
303
|
+
declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
304
|
+
declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
|
|
305
|
+
declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
306
|
+
declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
307
|
+
declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
308
|
+
|
|
309
|
+
interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
310
|
+
variant?: 'default' | 'secondary' | 'destructive' | 'outline';
|
|
311
|
+
}
|
|
312
|
+
declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
|
|
313
|
+
|
|
75
314
|
interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
76
315
|
orientation?: 'horizontal' | 'vertical';
|
|
77
316
|
}
|
|
@@ -105,25 +344,37 @@ interface NativeSelectOptionProps extends React.OptionHTMLAttributes<HTMLOptionE
|
|
|
105
344
|
}
|
|
106
345
|
declare const NativeSelectOption: React.ForwardRefExoticComponent<NativeSelectOptionProps & React.RefAttributes<HTMLOptionElement>>;
|
|
107
346
|
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
declare const
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
declare const
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
347
|
+
declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
348
|
+
declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
|
|
349
|
+
declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
350
|
+
declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
351
|
+
declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
352
|
+
declare const DialogHeader: {
|
|
353
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
354
|
+
displayName: string;
|
|
355
|
+
};
|
|
356
|
+
declare const DialogFooter: {
|
|
357
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
358
|
+
displayName: string;
|
|
359
|
+
};
|
|
360
|
+
declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
361
|
+
declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
362
|
+
declare const DialogNamespace: React.FC<DialogPrimitive.DialogProps> & {
|
|
363
|
+
Trigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
364
|
+
Portal: React.FC<DialogPrimitive.DialogPortalProps>;
|
|
365
|
+
Close: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
366
|
+
Overlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
367
|
+
Content: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
368
|
+
Header: {
|
|
369
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
370
|
+
displayName: string;
|
|
371
|
+
};
|
|
372
|
+
Footer: {
|
|
373
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
374
|
+
displayName: string;
|
|
375
|
+
};
|
|
376
|
+
Title: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
377
|
+
Description: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
127
378
|
};
|
|
128
379
|
|
|
129
380
|
interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
@@ -188,4 +439,4 @@ declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps & React.Re
|
|
|
188
439
|
|
|
189
440
|
declare const Playground: () => react_jsx_runtime.JSX.Element;
|
|
190
441
|
|
|
191
|
-
export { Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, type CheckboxProps, Combobox, type ComboboxOption, type ComboboxProps, DialogNamespace as Dialog,
|
|
442
|
+
export { Badge, type BadgeProps, Box, type BoxProps, Button, type ButtonProps, Caption, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, type CheckboxProps, Combobox, type ComboboxOption, type ComboboxProps, DialogNamespace as Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, FormControl, type FormControlProps, FormGroup, type FormGroupProps, FormHelperText, type FormHelperTextProps, FormLabel, type FormLabelProps, Grid, type GridProps, H1, H2, H3, H4, H5, H6, HStack, Input, type InputProps, Label, type LabelProps, NativeSelect, NativeSelectOption, type NativeSelectOptionProps, type NativeSelectProps, PaginationNamespace as Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, type PaginationLinkProps, PaginationNext, PaginationPrevious, type PaginationProps, Playground, Radio, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type RadioProps, SelectNamespace as Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, type SeparatorProps, Spinner, type SpinnerProps, Stack, type StackProps, Switch, type SwitchProps, TableNamespace as Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Text, TextField, type TextFieldProps, Textarea, type TextareaProps, ThemeContext, type ThemeContextValue, ThemeProvider, type ThemeProviderProps, Typography, type TypographyProps, VStack, cn, useFormControl, useTheme };
|