@onesaz/ui 0.2.1 → 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.
Files changed (4) hide show
  1. package/dist/index.d.ts +306 -39
  2. package/dist/index.js +1746 -511
  3. package/dist/index.js.map +1 -1
  4. package/package.json +7 -2
package/dist/index.d.ts CHANGED
@@ -2,6 +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';
6
+ import * as SelectPrimitive from '@radix-ui/react-select';
7
+ import * as DialogPrimitive from '@radix-ui/react-dialog';
5
8
 
6
9
  interface ThemeProviderProps {
7
10
  children: React.ReactNode;
@@ -33,6 +36,153 @@ declare function useTheme(): ThemeContextValue;
33
36
 
34
37
  declare function cn(...inputs: ClassValue[]): string;
35
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
+
36
186
  interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
37
187
  variant?: 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link';
38
188
  size?: 'default' | 'sm' | 'lg' | 'icon';
@@ -40,6 +190,14 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
40
190
  declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
41
191
 
42
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;
43
201
  }
44
202
  declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
45
203
 
@@ -47,17 +205,21 @@ interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement
47
205
  }
48
206
  declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
49
207
 
50
- declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
51
- declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
52
- declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
53
- declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
54
- declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
55
- declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
56
-
57
- interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
58
- variant?: 'default' | 'secondary' | 'destructive' | 'outline';
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;
59
221
  }
60
- declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
222
+ declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
61
223
 
62
224
  interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
63
225
  }
@@ -71,43 +233,148 @@ interface SwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>,
71
233
  }
72
234
  declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
73
235
 
74
- interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
236
+ interface RadioGroupProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {
237
+ /** Orientation of the radio group */
75
238
  orientation?: 'horizontal' | 'vertical';
239
+ /** Size of radio items */
240
+ size?: 'sm' | 'md' | 'lg';
76
241
  }
77
- declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLDivElement>>;
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>>;
78
257
 
79
- interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
258
+ interface FormControlContextValue {
259
+ id?: string;
260
+ error?: boolean;
261
+ disabled?: boolean;
262
+ required?: boolean;
80
263
  }
81
- interface SelectOptionProps extends React.OptionHTMLAttributes<HTMLOptionElement> {
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';
82
278
  }
83
- declare const SelectOption: React.ForwardRefExoticComponent<SelectOptionProps & React.RefAttributes<HTMLOptionElement>>;
84
- interface SelectGroupProps extends React.OptgroupHTMLAttributes<HTMLOptGroupElement> {
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;
85
287
  }
86
- declare const SelectGroup: React.ForwardRefExoticComponent<SelectGroupProps & React.RefAttributes<HTMLOptGroupElement>>;
87
- declare const SelectNamespace: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>> & {
88
- Option: React.ForwardRefExoticComponent<SelectOptionProps & React.RefAttributes<HTMLOptionElement>>;
89
- Group: React.ForwardRefExoticComponent<SelectGroupProps & React.RefAttributes<HTMLOptGroupElement>>;
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
+
314
+ interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
315
+ orientation?: 'horizontal' | 'vertical';
316
+ }
317
+ declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLDivElement>>;
318
+
319
+ declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
320
+ declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
321
+ declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
322
+ declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
323
+ declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
324
+ declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
325
+ declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
326
+ declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
327
+ declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
328
+ declare const SelectNamespace: React.FC<SelectPrimitive.SelectProps> & {
329
+ Group: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
330
+ Value: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
331
+ Trigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
332
+ Content: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
333
+ Label: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
334
+ Item: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
335
+ Separator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
336
+ ScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
337
+ ScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
90
338
  };
91
339
 
92
- interface DialogProps {
93
- open?: boolean;
94
- onOpenChange?: (open: boolean) => void;
95
- children: React.ReactNode;
340
+ interface NativeSelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
341
+ }
342
+ declare const NativeSelect: React.ForwardRefExoticComponent<NativeSelectProps & React.RefAttributes<HTMLSelectElement>>;
343
+ interface NativeSelectOptionProps extends React.OptionHTMLAttributes<HTMLOptionElement> {
96
344
  }
97
- interface DialogContentProps extends React.HTMLAttributes<HTMLDivElement> {
98
- onClose?: () => void;
99
- }
100
- declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
101
- declare const DialogHeader: React.FC<React.HTMLAttributes<HTMLDivElement>>;
102
- declare const DialogFooter: React.FC<React.HTMLAttributes<HTMLDivElement>>;
103
- declare const DialogTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
104
- declare const DialogDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
105
- declare const DialogNamespace: React.FC<DialogProps> & {
106
- Content: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
107
- Header: React.FC<React.HTMLAttributes<HTMLDivElement>>;
108
- Footer: React.FC<React.HTMLAttributes<HTMLDivElement>>;
109
- Title: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
110
- Description: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
345
+ declare const NativeSelectOption: React.ForwardRefExoticComponent<NativeSelectOptionProps & React.RefAttributes<HTMLOptionElement>>;
346
+
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>>;
111
378
  };
112
379
 
113
380
  interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement> {
@@ -172,4 +439,4 @@ declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps & React.Re
172
439
 
173
440
  declare const Playground: () => react_jsx_runtime.JSX.Element;
174
441
 
175
- export { Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, type CheckboxProps, Combobox, type ComboboxOption, type ComboboxProps, DialogNamespace as Dialog, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, type DialogProps, DialogTitle, Input, type InputProps, Label, type LabelProps, PaginationNamespace as Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, type PaginationLinkProps, PaginationNext, PaginationPrevious, type PaginationProps, Playground, SelectNamespace as Select, SelectGroup, type SelectGroupProps, SelectOption, type SelectOptionProps, type SelectProps, Separator, type SeparatorProps, Spinner, type SpinnerProps, Switch, type SwitchProps, TableNamespace as Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Textarea, type TextareaProps, ThemeContext, type ThemeContextValue, ThemeProvider, type ThemeProviderProps, cn, useTheme };
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 };