@vertz/theme-shadcn 0.2.20 → 0.2.22
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/base.js +1 -1
- package/dist/configs.js +1 -1
- package/dist/index.d.ts +629 -304
- package/dist/index.js +1325 -2043
- package/dist/shared/{chunk-d2nh1syq.js → chunk-gjsm05ga.js} +3 -0
- package/dist/shared/{chunk-qvb3evv2.js → chunk-gzfp8m46.js} +22 -27
- package/package.json +4 -3
package/dist/index.d.ts
CHANGED
|
@@ -32,10 +32,12 @@ interface ResolvedThemeBase {
|
|
|
32
32
|
globals: GlobalCSSOutput;
|
|
33
33
|
}
|
|
34
34
|
import { VariantFunction as VariantFunction5 } from "@vertz/ui";
|
|
35
|
-
import {
|
|
35
|
+
import { ToastOptions as ToastOptions2 } from "@vertz/ui-primitives";
|
|
36
36
|
import { ChildValue } from "@vertz/ui";
|
|
37
37
|
interface AlertProps {
|
|
38
38
|
variant?: "default" | "destructive";
|
|
39
|
+
className?: string;
|
|
40
|
+
/** @deprecated Use `className` instead. */
|
|
39
41
|
class?: string;
|
|
40
42
|
children?: ChildValue;
|
|
41
43
|
}
|
|
@@ -46,12 +48,16 @@ interface AlertComponents {
|
|
|
46
48
|
}
|
|
47
49
|
import { ChildValue as ChildValue2 } from "@vertz/ui";
|
|
48
50
|
interface AvatarProps {
|
|
51
|
+
className?: string;
|
|
52
|
+
/** @deprecated Use `className` instead. */
|
|
49
53
|
class?: string;
|
|
50
54
|
children?: ChildValue2;
|
|
51
55
|
}
|
|
52
56
|
interface AvatarImageProps {
|
|
53
57
|
src: string;
|
|
54
58
|
alt: string;
|
|
59
|
+
className?: string;
|
|
60
|
+
/** @deprecated Use `className` instead. */
|
|
55
61
|
class?: string;
|
|
56
62
|
}
|
|
57
63
|
interface AvatarComponents {
|
|
@@ -62,6 +68,8 @@ interface AvatarComponents {
|
|
|
62
68
|
import { ChildValue as ChildValue3 } from "@vertz/ui";
|
|
63
69
|
interface BadgeProps {
|
|
64
70
|
color?: string;
|
|
71
|
+
className?: string;
|
|
72
|
+
/** @deprecated Use `className` instead. */
|
|
65
73
|
class?: string;
|
|
66
74
|
children?: ChildValue3;
|
|
67
75
|
}
|
|
@@ -72,13 +80,18 @@ interface BreadcrumbItem {
|
|
|
72
80
|
interface BreadcrumbProps {
|
|
73
81
|
items: BreadcrumbItem[];
|
|
74
82
|
separator?: string;
|
|
83
|
+
className?: string;
|
|
84
|
+
/** @deprecated Use `className` instead. */
|
|
75
85
|
class?: string;
|
|
76
86
|
}
|
|
77
87
|
type BreadcrumbComponents = (props: BreadcrumbProps) => HTMLElement;
|
|
78
88
|
import { ChildValue as ChildValue4 } from "@vertz/ui";
|
|
79
|
-
|
|
89
|
+
import { ElementEventHandlers } from "@vertz/ui-primitives";
|
|
90
|
+
interface ButtonProps extends ElementEventHandlers {
|
|
80
91
|
intent?: string;
|
|
81
92
|
size?: string;
|
|
93
|
+
className?: string;
|
|
94
|
+
/** @deprecated Use `className` instead. */
|
|
82
95
|
class?: string;
|
|
83
96
|
children?: ChildValue4;
|
|
84
97
|
disabled?: boolean;
|
|
@@ -87,6 +100,8 @@ interface ButtonProps {
|
|
|
87
100
|
}
|
|
88
101
|
import { ChildValue as ChildValue5 } from "@vertz/ui";
|
|
89
102
|
interface CardProps {
|
|
103
|
+
className?: string;
|
|
104
|
+
/** @deprecated Use `className` instead. */
|
|
90
105
|
class?: string;
|
|
91
106
|
children?: ChildValue5;
|
|
92
107
|
}
|
|
@@ -101,10 +116,14 @@ interface CardComponents {
|
|
|
101
116
|
}
|
|
102
117
|
import { ChildValue as ChildValue6 } from "@vertz/ui";
|
|
103
118
|
interface FormGroupProps {
|
|
119
|
+
className?: string;
|
|
120
|
+
/** @deprecated Use `className` instead. */
|
|
104
121
|
class?: string;
|
|
105
122
|
children?: ChildValue6;
|
|
106
123
|
}
|
|
107
124
|
interface FormErrorProps {
|
|
125
|
+
className?: string;
|
|
126
|
+
/** @deprecated Use `className` instead. */
|
|
108
127
|
class?: string;
|
|
109
128
|
children?: ChildValue6;
|
|
110
129
|
}
|
|
@@ -112,7 +131,10 @@ interface FormGroupComponents {
|
|
|
112
131
|
FormGroup: (props: FormGroupProps) => HTMLDivElement;
|
|
113
132
|
FormError: (props: FormErrorProps) => HTMLSpanElement;
|
|
114
133
|
}
|
|
115
|
-
|
|
134
|
+
import { ElementEventHandlers as ElementEventHandlers2 } from "@vertz/ui-primitives";
|
|
135
|
+
interface InputProps extends ElementEventHandlers2 {
|
|
136
|
+
className?: string;
|
|
137
|
+
/** @deprecated Use `className` instead. */
|
|
116
138
|
class?: string;
|
|
117
139
|
name?: string;
|
|
118
140
|
placeholder?: string;
|
|
@@ -123,6 +145,8 @@ interface InputProps {
|
|
|
123
145
|
}
|
|
124
146
|
import { ChildValue as ChildValue7 } from "@vertz/ui";
|
|
125
147
|
interface LabelProps {
|
|
148
|
+
className?: string;
|
|
149
|
+
/** @deprecated Use `className` instead. */
|
|
126
150
|
class?: string;
|
|
127
151
|
for?: string;
|
|
128
152
|
children?: ChildValue7;
|
|
@@ -132,6 +156,8 @@ interface PaginationProps {
|
|
|
132
156
|
totalPages: number;
|
|
133
157
|
onPageChange: (page: number) => void;
|
|
134
158
|
siblingCount?: number;
|
|
159
|
+
className?: string;
|
|
160
|
+
/** @deprecated Use `className` instead. */
|
|
135
161
|
class?: string;
|
|
136
162
|
}
|
|
137
163
|
type PaginationComponents = (props: PaginationProps) => HTMLElement;
|
|
@@ -143,252 +169,418 @@ interface AccordionRootProps {
|
|
|
143
169
|
}
|
|
144
170
|
interface AccordionSlotProps {
|
|
145
171
|
children?: ChildValue8;
|
|
172
|
+
className?: string;
|
|
173
|
+
/** @deprecated Use `className` instead. */
|
|
146
174
|
class?: string;
|
|
147
175
|
}
|
|
148
176
|
interface AccordionItemProps {
|
|
149
177
|
value: string;
|
|
150
178
|
children?: ChildValue8;
|
|
179
|
+
className?: string;
|
|
180
|
+
/** @deprecated Use `className` instead. */
|
|
151
181
|
class?: string;
|
|
152
182
|
}
|
|
153
183
|
interface ThemedAccordionComponent {
|
|
154
|
-
(props: AccordionRootProps):
|
|
155
|
-
Item: (props: AccordionItemProps) =>
|
|
184
|
+
(props: AccordionRootProps): HTMLElement;
|
|
185
|
+
Item: (props: AccordionItemProps) => HTMLElement;
|
|
156
186
|
Trigger: (props: AccordionSlotProps) => HTMLElement;
|
|
157
187
|
Content: (props: AccordionSlotProps) => HTMLElement;
|
|
158
188
|
}
|
|
159
189
|
import { ChildValue as ChildValue9 } from "@vertz/ui";
|
|
160
|
-
|
|
161
|
-
interface AlertDialogRootProps extends DialogOptions {
|
|
190
|
+
interface AlertDialogRootProps {
|
|
162
191
|
children?: ChildValue9;
|
|
192
|
+
onOpenChange?: (open: boolean) => void;
|
|
193
|
+
onAction?: () => void;
|
|
163
194
|
}
|
|
164
195
|
interface AlertDialogSlotProps {
|
|
165
196
|
children?: ChildValue9;
|
|
197
|
+
className?: string;
|
|
198
|
+
/** @deprecated Use `className` instead. */
|
|
166
199
|
class?: string;
|
|
167
200
|
}
|
|
201
|
+
interface AlertDialogButtonSlotProps extends AlertDialogSlotProps {
|
|
202
|
+
onClick?: () => void;
|
|
203
|
+
disabled?: boolean;
|
|
204
|
+
}
|
|
168
205
|
interface ThemedAlertDialogComponent {
|
|
169
206
|
(props: AlertDialogRootProps): HTMLElement;
|
|
170
207
|
Trigger: (props: AlertDialogSlotProps) => HTMLElement;
|
|
171
208
|
Content: (props: AlertDialogSlotProps) => HTMLElement;
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
import { CarouselElements, CarouselOptions, CarouselState } from "@vertz/ui-primitives";
|
|
193
|
-
interface CarouselStyleClasses {
|
|
194
|
-
readonly root: string;
|
|
195
|
-
readonly viewport: string;
|
|
196
|
-
readonly slide: string;
|
|
197
|
-
readonly prevButton: string;
|
|
198
|
-
readonly nextButton: string;
|
|
199
|
-
}
|
|
200
|
-
interface ThemedCarouselResult extends CarouselElements {
|
|
201
|
-
state: CarouselState;
|
|
202
|
-
Slide: () => HTMLDivElement;
|
|
203
|
-
goTo: (index: number) => void;
|
|
204
|
-
goNext: () => void;
|
|
205
|
-
goPrev: () => void;
|
|
206
|
-
}
|
|
207
|
-
declare function createThemedCarousel(styles: CarouselStyleClasses): (options?: CarouselOptions) => ThemedCarouselResult;
|
|
208
|
-
import { CollapsibleElements, CollapsibleOptions, CollapsibleState } from "@vertz/ui-primitives";
|
|
209
|
-
interface CollapsibleStyleClasses {
|
|
210
|
-
readonly content: string;
|
|
211
|
-
}
|
|
212
|
-
declare function createThemedCollapsible(styles: CollapsibleStyleClasses): (options?: CollapsibleOptions) => CollapsibleElements & {
|
|
213
|
-
state: CollapsibleState;
|
|
214
|
-
};
|
|
215
|
-
import { CommandElements, CommandOptions, CommandState } from "@vertz/ui-primitives";
|
|
216
|
-
interface CommandStyleClasses {
|
|
217
|
-
readonly root: string;
|
|
218
|
-
readonly input: string;
|
|
219
|
-
readonly list: string;
|
|
220
|
-
readonly item: string;
|
|
221
|
-
readonly group: string;
|
|
222
|
-
readonly groupHeading: string;
|
|
223
|
-
readonly separator: string;
|
|
224
|
-
readonly empty: string;
|
|
225
|
-
}
|
|
226
|
-
interface ThemedCommandResult extends CommandElements {
|
|
227
|
-
state: CommandState;
|
|
228
|
-
Item: (value: string, label?: string, keywords?: string[]) => HTMLDivElement;
|
|
229
|
-
Group: (label: string) => {
|
|
230
|
-
el: HTMLDivElement;
|
|
231
|
-
Item: (value: string, label?: string, keywords?: string[]) => HTMLDivElement;
|
|
232
|
-
};
|
|
233
|
-
Separator: () => HTMLHRElement;
|
|
234
|
-
}
|
|
235
|
-
declare function createThemedCommand(styles: CommandStyleClasses): (options?: CommandOptions) => ThemedCommandResult;
|
|
236
|
-
import { ContextMenuElements, ContextMenuOptions, ContextMenuState } from "@vertz/ui-primitives";
|
|
237
|
-
interface ContextMenuStyleClasses {
|
|
238
|
-
readonly content: string;
|
|
239
|
-
readonly item: string;
|
|
240
|
-
readonly group: string;
|
|
241
|
-
readonly label: string;
|
|
242
|
-
readonly separator: string;
|
|
243
|
-
}
|
|
244
|
-
interface ThemedContextMenuResult extends ContextMenuElements {
|
|
245
|
-
state: ContextMenuState;
|
|
246
|
-
Item: (value: string, label?: string) => HTMLDivElement;
|
|
247
|
-
Group: (label: string) => {
|
|
248
|
-
el: HTMLDivElement;
|
|
249
|
-
Item: (value: string, label?: string) => HTMLDivElement;
|
|
250
|
-
};
|
|
251
|
-
Separator: () => HTMLHRElement;
|
|
252
|
-
Label: (text: string) => HTMLDivElement;
|
|
253
|
-
}
|
|
254
|
-
declare function createThemedContextMenu(styles: ContextMenuStyleClasses): (options?: ContextMenuOptions) => ThemedContextMenuResult;
|
|
255
|
-
import { DatePickerElements, DatePickerOptions, DatePickerState } from "@vertz/ui-primitives";
|
|
256
|
-
interface DatePickerStyleClasses {
|
|
257
|
-
readonly trigger: string;
|
|
258
|
-
readonly content: string;
|
|
259
|
-
}
|
|
260
|
-
declare function createThemedDatePicker(styles: DatePickerStyleClasses): (options?: DatePickerOptions) => DatePickerElements & {
|
|
261
|
-
state: DatePickerState;
|
|
262
|
-
show: () => void;
|
|
263
|
-
hide: () => void;
|
|
264
|
-
};
|
|
209
|
+
Header: (props: AlertDialogSlotProps) => HTMLElement;
|
|
210
|
+
Title: (props: AlertDialogSlotProps) => HTMLElement;
|
|
211
|
+
Description: (props: AlertDialogSlotProps) => HTMLElement;
|
|
212
|
+
Footer: (props: AlertDialogSlotProps) => HTMLElement;
|
|
213
|
+
Cancel: (props: AlertDialogButtonSlotProps) => HTMLElement;
|
|
214
|
+
Action: (props: AlertDialogButtonSlotProps) => HTMLElement;
|
|
215
|
+
}
|
|
216
|
+
import { ComposedCalendarProps } from "@vertz/ui-primitives";
|
|
217
|
+
interface CalendarRootProps {
|
|
218
|
+
mode?: ComposedCalendarProps["mode"];
|
|
219
|
+
defaultValue?: ComposedCalendarProps["defaultValue"];
|
|
220
|
+
defaultMonth?: Date;
|
|
221
|
+
minDate?: Date;
|
|
222
|
+
maxDate?: Date;
|
|
223
|
+
disabled?: (date: Date) => boolean;
|
|
224
|
+
weekStartsOn?: ComposedCalendarProps["weekStartsOn"];
|
|
225
|
+
onValueChange?: ComposedCalendarProps["onValueChange"];
|
|
226
|
+
onMonthChange?: (month: Date) => void;
|
|
227
|
+
}
|
|
228
|
+
type ThemedCalendarComponent = (props: CalendarRootProps) => HTMLElement;
|
|
265
229
|
import { ChildValue as ChildValue10 } from "@vertz/ui";
|
|
266
|
-
|
|
267
|
-
|
|
230
|
+
interface CarouselRootProps {
|
|
231
|
+
orientation?: "horizontal" | "vertical";
|
|
232
|
+
loop?: boolean;
|
|
233
|
+
defaultIndex?: number;
|
|
234
|
+
onSlideChange?: (index: number) => void;
|
|
268
235
|
children?: ChildValue10;
|
|
269
236
|
}
|
|
270
|
-
interface
|
|
237
|
+
interface CarouselSlotProps {
|
|
271
238
|
children?: ChildValue10;
|
|
239
|
+
className?: string;
|
|
240
|
+
/** @deprecated Use `className` instead. */
|
|
241
|
+
class?: string;
|
|
242
|
+
}
|
|
243
|
+
interface ThemedCarouselComponent {
|
|
244
|
+
(props: CarouselRootProps): HTMLElement;
|
|
245
|
+
Slide: (props: CarouselSlotProps) => HTMLElement;
|
|
246
|
+
Previous: (props: CarouselSlotProps) => HTMLElement;
|
|
247
|
+
Next: (props: CarouselSlotProps) => HTMLElement;
|
|
248
|
+
}
|
|
249
|
+
import { ChildValue as ChildValue11 } from "@vertz/ui";
|
|
250
|
+
import { CheckedState } from "@vertz/ui-primitives";
|
|
251
|
+
interface CheckboxRootProps {
|
|
252
|
+
children?: ChildValue11;
|
|
253
|
+
defaultChecked?: CheckedState;
|
|
254
|
+
disabled?: boolean;
|
|
255
|
+
onCheckedChange?: (checked: CheckedState) => void;
|
|
256
|
+
}
|
|
257
|
+
type ThemedCheckboxComponent = (props: CheckboxRootProps) => HTMLElement;
|
|
258
|
+
import { ChildValue as ChildValue12 } from "@vertz/ui";
|
|
259
|
+
interface CollapsibleRootProps {
|
|
260
|
+
defaultOpen?: boolean;
|
|
261
|
+
disabled?: boolean;
|
|
262
|
+
onOpenChange?: (open: boolean) => void;
|
|
263
|
+
children?: ChildValue12;
|
|
264
|
+
}
|
|
265
|
+
interface CollapsibleSlotProps {
|
|
266
|
+
children?: ChildValue12;
|
|
267
|
+
className?: string;
|
|
268
|
+
/** @deprecated Use `className` instead. */
|
|
269
|
+
class?: string;
|
|
270
|
+
}
|
|
271
|
+
interface ThemedCollapsibleComponent {
|
|
272
|
+
(props: CollapsibleRootProps): HTMLElement;
|
|
273
|
+
Trigger: (props: CollapsibleSlotProps) => HTMLElement;
|
|
274
|
+
Content: (props: CollapsibleSlotProps) => HTMLElement;
|
|
275
|
+
}
|
|
276
|
+
import { ChildValue as ChildValue13 } from "@vertz/ui";
|
|
277
|
+
interface CommandRootProps {
|
|
278
|
+
filter?: (value: string, search: string) => boolean;
|
|
279
|
+
onSelect?: (value: string) => void;
|
|
280
|
+
onInputChange?: (value: string) => void;
|
|
281
|
+
placeholder?: string;
|
|
282
|
+
children?: ChildValue13;
|
|
283
|
+
}
|
|
284
|
+
interface CommandSlotProps {
|
|
285
|
+
children?: ChildValue13;
|
|
286
|
+
className?: string;
|
|
287
|
+
/** @deprecated Use `className` instead. */
|
|
288
|
+
class?: string;
|
|
289
|
+
}
|
|
290
|
+
interface CommandItemProps {
|
|
291
|
+
value: string;
|
|
292
|
+
children?: ChildValue13;
|
|
293
|
+
keywords?: string[];
|
|
294
|
+
className?: string;
|
|
295
|
+
/** @deprecated Use `className` instead. */
|
|
296
|
+
class?: string;
|
|
297
|
+
}
|
|
298
|
+
interface CommandGroupProps {
|
|
299
|
+
label: string;
|
|
300
|
+
children?: ChildValue13;
|
|
301
|
+
className?: string;
|
|
302
|
+
/** @deprecated Use `className` instead. */
|
|
303
|
+
class?: string;
|
|
304
|
+
}
|
|
305
|
+
interface ThemedCommandComponent {
|
|
306
|
+
(props: CommandRootProps): HTMLElement;
|
|
307
|
+
Input: (props: CommandSlotProps) => HTMLElement;
|
|
308
|
+
List: (props: CommandSlotProps) => HTMLElement;
|
|
309
|
+
Empty: (props: CommandSlotProps) => HTMLElement;
|
|
310
|
+
Item: (props: CommandItemProps) => HTMLElement;
|
|
311
|
+
Group: (props: CommandGroupProps) => HTMLElement;
|
|
312
|
+
Separator: (props: CommandSlotProps) => HTMLElement;
|
|
313
|
+
}
|
|
314
|
+
import { ChildValue as ChildValue14 } from "@vertz/ui";
|
|
315
|
+
interface ContextMenuRootProps {
|
|
316
|
+
onSelect?: (value: string) => void;
|
|
317
|
+
children?: ChildValue14;
|
|
318
|
+
}
|
|
319
|
+
interface ContextMenuSlotProps {
|
|
320
|
+
children?: ChildValue14;
|
|
321
|
+
className?: string;
|
|
322
|
+
/** @deprecated Use `className` instead. */
|
|
323
|
+
class?: string;
|
|
324
|
+
}
|
|
325
|
+
interface ContextMenuItemProps {
|
|
326
|
+
value: string;
|
|
327
|
+
children?: ChildValue14;
|
|
328
|
+
className?: string;
|
|
329
|
+
/** @deprecated Use `className` instead. */
|
|
330
|
+
class?: string;
|
|
331
|
+
}
|
|
332
|
+
interface ContextMenuGroupProps {
|
|
333
|
+
label: string;
|
|
334
|
+
children?: ChildValue14;
|
|
335
|
+
className?: string;
|
|
336
|
+
/** @deprecated Use `className` instead. */
|
|
337
|
+
class?: string;
|
|
338
|
+
}
|
|
339
|
+
interface ContextMenuLabelProps {
|
|
340
|
+
children?: ChildValue14;
|
|
341
|
+
className?: string;
|
|
342
|
+
/** @deprecated Use `className` instead. */
|
|
343
|
+
class?: string;
|
|
344
|
+
}
|
|
345
|
+
interface ThemedContextMenuComponent {
|
|
346
|
+
(props: ContextMenuRootProps): HTMLElement;
|
|
347
|
+
Trigger: (props: ContextMenuSlotProps) => HTMLElement;
|
|
348
|
+
Content: (props: ContextMenuSlotProps) => HTMLElement;
|
|
349
|
+
Item: (props: ContextMenuItemProps) => HTMLElement;
|
|
350
|
+
Group: (props: ContextMenuGroupProps) => HTMLElement;
|
|
351
|
+
Label: (props: ContextMenuLabelProps) => HTMLElement;
|
|
352
|
+
Separator: (props: ContextMenuSlotProps) => HTMLElement;
|
|
353
|
+
}
|
|
354
|
+
import { ChildValue as ChildValue15 } from "@vertz/ui";
|
|
355
|
+
interface DatePickerRootProps {
|
|
356
|
+
mode?: "single" | "range";
|
|
357
|
+
defaultValue?: Date | {
|
|
358
|
+
from: Date;
|
|
359
|
+
to: Date;
|
|
360
|
+
};
|
|
361
|
+
defaultMonth?: Date;
|
|
362
|
+
minDate?: Date;
|
|
363
|
+
maxDate?: Date;
|
|
364
|
+
disabled?: (date: Date) => boolean;
|
|
365
|
+
formatDate?: (date: Date) => string;
|
|
366
|
+
placeholder?: string;
|
|
367
|
+
onValueChange?: (value: Date | {
|
|
368
|
+
from: Date;
|
|
369
|
+
to: Date;
|
|
370
|
+
} | null) => void;
|
|
371
|
+
onOpenChange?: (open: boolean) => void;
|
|
372
|
+
children?: ChildValue15;
|
|
373
|
+
}
|
|
374
|
+
interface DatePickerSlotProps {
|
|
375
|
+
children?: ChildValue15;
|
|
376
|
+
className?: string;
|
|
377
|
+
/** @deprecated Use `className` instead. */
|
|
378
|
+
class?: string;
|
|
379
|
+
}
|
|
380
|
+
interface ThemedDatePickerComponent {
|
|
381
|
+
(props: DatePickerRootProps): HTMLElement;
|
|
382
|
+
Trigger: (props: DatePickerSlotProps) => HTMLElement;
|
|
383
|
+
Content: (props: DatePickerSlotProps) => HTMLElement;
|
|
384
|
+
}
|
|
385
|
+
import { ChildValue as ChildValue16 } from "@vertz/ui";
|
|
386
|
+
interface DialogRootProps {
|
|
387
|
+
children?: ChildValue16;
|
|
388
|
+
onOpenChange?: (open: boolean) => void;
|
|
389
|
+
}
|
|
390
|
+
interface DialogSlotProps {
|
|
391
|
+
children?: ChildValue16;
|
|
392
|
+
className?: string;
|
|
393
|
+
/** @deprecated Use `className` instead. */
|
|
272
394
|
class?: string;
|
|
273
395
|
}
|
|
396
|
+
interface DialogContentProps extends DialogSlotProps {
|
|
397
|
+
showClose?: boolean;
|
|
398
|
+
}
|
|
274
399
|
interface ThemedDialogComponent {
|
|
275
400
|
(props: DialogRootProps): HTMLElement;
|
|
276
401
|
Trigger: (props: DialogSlotProps) => HTMLElement;
|
|
277
|
-
Content: (props:
|
|
278
|
-
Header: (props: DialogSlotProps) =>
|
|
279
|
-
Title: (props: DialogSlotProps) =>
|
|
280
|
-
Description: (props: DialogSlotProps) =>
|
|
281
|
-
Footer: (props: DialogSlotProps) =>
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
402
|
+
Content: (props: DialogContentProps) => HTMLElement;
|
|
403
|
+
Header: (props: DialogSlotProps) => HTMLElement;
|
|
404
|
+
Title: (props: DialogSlotProps) => HTMLElement;
|
|
405
|
+
Description: (props: DialogSlotProps) => HTMLElement;
|
|
406
|
+
Footer: (props: DialogSlotProps) => HTMLElement;
|
|
407
|
+
Close: (props: DialogSlotProps) => HTMLElement;
|
|
408
|
+
}
|
|
409
|
+
import { ChildValue as ChildValue17 } from "@vertz/ui";
|
|
410
|
+
import { SheetSide } from "@vertz/ui-primitives";
|
|
411
|
+
type DrawerSide = SheetSide;
|
|
412
|
+
interface DrawerRootProps {
|
|
286
413
|
side?: DrawerSide;
|
|
414
|
+
onOpenChange?: (open: boolean) => void;
|
|
415
|
+
children?: ChildValue17;
|
|
287
416
|
}
|
|
288
|
-
interface
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
readonly panelBottom: string;
|
|
294
|
-
readonly title: string;
|
|
295
|
-
readonly description: string;
|
|
296
|
-
readonly handle: string;
|
|
297
|
-
readonly close: string;
|
|
417
|
+
interface DrawerSlotProps {
|
|
418
|
+
children?: ChildValue17;
|
|
419
|
+
className?: string;
|
|
420
|
+
/** @deprecated Use `className` instead. */
|
|
421
|
+
class?: string;
|
|
298
422
|
}
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
423
|
+
interface ThemedDrawerComponent {
|
|
424
|
+
(props: DrawerRootProps): HTMLElement;
|
|
425
|
+
Trigger: (props: DrawerSlotProps) => HTMLElement;
|
|
426
|
+
Content: (props: DrawerSlotProps) => HTMLElement;
|
|
427
|
+
Header: (props: DrawerSlotProps) => HTMLElement;
|
|
428
|
+
Title: (props: DrawerSlotProps) => HTMLElement;
|
|
429
|
+
Description: (props: DrawerSlotProps) => HTMLElement;
|
|
430
|
+
Footer: (props: DrawerSlotProps) => HTMLElement;
|
|
431
|
+
Handle: (props: DrawerSlotProps) => HTMLElement;
|
|
432
|
+
}
|
|
433
|
+
import { ChildValue as ChildValue18 } from "@vertz/ui";
|
|
434
|
+
interface DropdownMenuRootProps {
|
|
435
|
+
onSelect?: (value: string) => void;
|
|
436
|
+
onOpenChange?: (open: boolean) => void;
|
|
437
|
+
children?: ChildValue18;
|
|
309
438
|
}
|
|
310
439
|
interface DropdownMenuSlotProps {
|
|
311
|
-
children?:
|
|
440
|
+
children?: ChildValue18;
|
|
441
|
+
className?: string;
|
|
442
|
+
/** @deprecated Use `className` instead. */
|
|
312
443
|
class?: string;
|
|
313
444
|
}
|
|
314
445
|
interface DropdownMenuItemProps {
|
|
315
446
|
value: string;
|
|
316
|
-
children?:
|
|
447
|
+
children?: ChildValue18;
|
|
448
|
+
className?: string;
|
|
449
|
+
/** @deprecated Use `className` instead. */
|
|
317
450
|
class?: string;
|
|
318
451
|
}
|
|
319
452
|
interface DropdownMenuGroupProps {
|
|
320
453
|
label: string;
|
|
321
|
-
children?:
|
|
454
|
+
children?: ChildValue18;
|
|
455
|
+
className?: string;
|
|
456
|
+
/** @deprecated Use `className` instead. */
|
|
322
457
|
class?: string;
|
|
323
458
|
}
|
|
324
459
|
interface DropdownMenuLabelProps {
|
|
325
|
-
children?:
|
|
460
|
+
children?: ChildValue18;
|
|
461
|
+
className?: string;
|
|
462
|
+
/** @deprecated Use `className` instead. */
|
|
326
463
|
class?: string;
|
|
327
464
|
}
|
|
328
465
|
interface ThemedDropdownMenuComponent {
|
|
329
466
|
(props: DropdownMenuRootProps): HTMLElement;
|
|
330
467
|
Trigger: (props: DropdownMenuSlotProps) => HTMLElement;
|
|
331
468
|
Content: (props: DropdownMenuSlotProps) => HTMLElement;
|
|
332
|
-
Item: (props: DropdownMenuItemProps) =>
|
|
333
|
-
Group: (props: DropdownMenuGroupProps) =>
|
|
334
|
-
Label: (props: DropdownMenuLabelProps) =>
|
|
335
|
-
Separator: () =>
|
|
469
|
+
Item: (props: DropdownMenuItemProps) => HTMLElement;
|
|
470
|
+
Group: (props: DropdownMenuGroupProps) => HTMLElement;
|
|
471
|
+
Label: (props: DropdownMenuLabelProps) => HTMLElement;
|
|
472
|
+
Separator: (props: DropdownMenuSlotProps) => HTMLElement;
|
|
473
|
+
}
|
|
474
|
+
import { ChildValue as ChildValue19 } from "@vertz/ui";
|
|
475
|
+
interface HoverCardRootProps {
|
|
476
|
+
openDelay?: number;
|
|
477
|
+
closeDelay?: number;
|
|
478
|
+
onOpenChange?: (open: boolean) => void;
|
|
479
|
+
children?: ChildValue19;
|
|
480
|
+
}
|
|
481
|
+
interface HoverCardSlotProps {
|
|
482
|
+
children?: ChildValue19;
|
|
483
|
+
className?: string;
|
|
484
|
+
/** @deprecated Use `className` instead. */
|
|
485
|
+
class?: string;
|
|
336
486
|
}
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
487
|
+
interface ThemedHoverCardComponent {
|
|
488
|
+
(props: HoverCardRootProps): HTMLElement;
|
|
489
|
+
Trigger: (props: HoverCardSlotProps) => HTMLElement;
|
|
490
|
+
Content: (props: HoverCardSlotProps) => HTMLElement;
|
|
340
491
|
}
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
interface MenubarStyleClasses {
|
|
346
|
-
readonly root: string;
|
|
347
|
-
readonly trigger: string;
|
|
348
|
-
readonly content: string;
|
|
349
|
-
readonly item: string;
|
|
350
|
-
readonly separator: string;
|
|
351
|
-
readonly label: string;
|
|
352
|
-
}
|
|
353
|
-
interface ThemedMenubarResult extends MenubarElements {
|
|
354
|
-
state: MenubarState;
|
|
355
|
-
Menu: (value: string, label?: string) => {
|
|
356
|
-
trigger: HTMLButtonElement;
|
|
357
|
-
content: HTMLDivElement;
|
|
358
|
-
Item: (value: string, label?: string) => HTMLDivElement;
|
|
359
|
-
Group: (label: string) => {
|
|
360
|
-
el: HTMLDivElement;
|
|
361
|
-
Item: (value: string, label?: string) => HTMLDivElement;
|
|
362
|
-
};
|
|
363
|
-
Separator: () => HTMLHRElement;
|
|
364
|
-
};
|
|
492
|
+
import { ChildValue as ChildValue20 } from "@vertz/ui";
|
|
493
|
+
interface MenubarRootProps {
|
|
494
|
+
onSelect?: (value: string) => void;
|
|
495
|
+
children?: ChildValue20;
|
|
365
496
|
}
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
readonly root: string;
|
|
370
|
-
readonly list: string;
|
|
371
|
-
readonly trigger: string;
|
|
372
|
-
readonly content: string;
|
|
373
|
-
readonly link: string;
|
|
374
|
-
readonly viewport: string;
|
|
375
|
-
}
|
|
376
|
-
interface ThemedNavigationMenuResult extends NavigationMenuElements {
|
|
377
|
-
state: NavigationMenuState;
|
|
378
|
-
Item: (value: string, label?: string) => {
|
|
379
|
-
trigger: HTMLButtonElement;
|
|
380
|
-
content: HTMLDivElement;
|
|
381
|
-
};
|
|
382
|
-
Link: (href: string, label: string) => HTMLAnchorElement;
|
|
497
|
+
interface MenubarMenuProps {
|
|
498
|
+
value: string;
|
|
499
|
+
children?: ChildValue20;
|
|
383
500
|
}
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
501
|
+
interface MenubarSlotProps {
|
|
502
|
+
children?: ChildValue20;
|
|
503
|
+
className?: string;
|
|
504
|
+
/** @deprecated Use `className` instead. */
|
|
505
|
+
class?: string;
|
|
506
|
+
}
|
|
507
|
+
interface MenubarItemProps {
|
|
508
|
+
value: string;
|
|
509
|
+
children?: ChildValue20;
|
|
510
|
+
className?: string;
|
|
511
|
+
/** @deprecated Use `className` instead. */
|
|
512
|
+
class?: string;
|
|
513
|
+
}
|
|
514
|
+
interface MenubarGroupProps {
|
|
515
|
+
label: string;
|
|
516
|
+
children?: ChildValue20;
|
|
517
|
+
className?: string;
|
|
518
|
+
/** @deprecated Use `className` instead. */
|
|
519
|
+
class?: string;
|
|
520
|
+
}
|
|
521
|
+
interface MenubarLabelProps {
|
|
522
|
+
children?: ChildValue20;
|
|
523
|
+
className?: string;
|
|
524
|
+
/** @deprecated Use `className` instead. */
|
|
525
|
+
class?: string;
|
|
526
|
+
}
|
|
527
|
+
interface ThemedMenubarComponent {
|
|
528
|
+
(props: MenubarRootProps): HTMLElement;
|
|
529
|
+
Menu: (props: MenubarMenuProps) => HTMLElement;
|
|
530
|
+
Trigger: (props: MenubarSlotProps) => HTMLElement;
|
|
531
|
+
Content: (props: MenubarSlotProps) => HTMLElement;
|
|
532
|
+
Item: (props: MenubarItemProps) => HTMLElement;
|
|
533
|
+
Group: (props: MenubarGroupProps) => HTMLElement;
|
|
534
|
+
Label: (props: MenubarLabelProps) => HTMLElement;
|
|
535
|
+
Separator: (props: MenubarSlotProps) => HTMLElement;
|
|
536
|
+
}
|
|
537
|
+
import { ChildValue as ChildValue21 } from "@vertz/ui";
|
|
538
|
+
interface NavigationMenuRootProps {
|
|
539
|
+
orientation?: "horizontal" | "vertical";
|
|
540
|
+
delayOpen?: number;
|
|
541
|
+
delayClose?: number;
|
|
542
|
+
children?: ChildValue21;
|
|
543
|
+
}
|
|
544
|
+
interface NavigationMenuSlotProps {
|
|
545
|
+
children?: ChildValue21;
|
|
546
|
+
className?: string;
|
|
547
|
+
/** @deprecated Use `className` instead. */
|
|
548
|
+
class?: string;
|
|
549
|
+
}
|
|
550
|
+
interface NavigationMenuItemProps {
|
|
551
|
+
value: string;
|
|
552
|
+
children?: ChildValue21;
|
|
553
|
+
}
|
|
554
|
+
interface NavigationMenuLinkProps {
|
|
555
|
+
href: string;
|
|
556
|
+
children?: ChildValue21;
|
|
557
|
+
className?: string;
|
|
558
|
+
/** @deprecated Use `className` instead. */
|
|
559
|
+
class?: string;
|
|
560
|
+
}
|
|
561
|
+
interface NavigationMenuViewportProps {
|
|
562
|
+
className?: string;
|
|
563
|
+
/** @deprecated Use `className` instead. */
|
|
564
|
+
class?: string;
|
|
565
|
+
}
|
|
566
|
+
interface ThemedNavigationMenuComponent {
|
|
567
|
+
(props: NavigationMenuRootProps): HTMLElement;
|
|
568
|
+
List: (props: NavigationMenuSlotProps) => HTMLElement;
|
|
569
|
+
Item: (props: NavigationMenuItemProps) => HTMLElement;
|
|
570
|
+
Trigger: (props: NavigationMenuSlotProps) => HTMLElement;
|
|
571
|
+
Content: (props: NavigationMenuSlotProps) => HTMLElement;
|
|
572
|
+
Link: (props: NavigationMenuLinkProps) => HTMLElement;
|
|
573
|
+
Viewport: (props: NavigationMenuViewportProps) => HTMLElement;
|
|
574
|
+
}
|
|
575
|
+
import { ChildValue as ChildValue22 } from "@vertz/ui";
|
|
576
|
+
interface PopoverRootProps {
|
|
577
|
+
onOpenChange?: (open: boolean) => void;
|
|
578
|
+
children?: ChildValue22;
|
|
389
579
|
}
|
|
390
580
|
interface PopoverSlotProps {
|
|
391
|
-
children?:
|
|
581
|
+
children?: ChildValue22;
|
|
582
|
+
className?: string;
|
|
583
|
+
/** @deprecated Use `className` instead. */
|
|
392
584
|
class?: string;
|
|
393
585
|
}
|
|
394
586
|
interface ThemedPopoverComponent {
|
|
@@ -396,108 +588,174 @@ interface ThemedPopoverComponent {
|
|
|
396
588
|
Trigger: (props: PopoverSlotProps) => HTMLElement;
|
|
397
589
|
Content: (props: PopoverSlotProps) => HTMLElement;
|
|
398
590
|
}
|
|
399
|
-
import {
|
|
400
|
-
interface
|
|
401
|
-
|
|
402
|
-
|
|
591
|
+
import { ChildValue as ChildValue23 } from "@vertz/ui";
|
|
592
|
+
interface ProgressRootProps {
|
|
593
|
+
children?: ChildValue23;
|
|
594
|
+
defaultValue?: number;
|
|
595
|
+
min?: number;
|
|
596
|
+
max?: number;
|
|
597
|
+
}
|
|
598
|
+
type ThemedProgressComponent = (props: ProgressRootProps) => HTMLElement;
|
|
599
|
+
import { ChildValue as ChildValue24 } from "@vertz/ui";
|
|
600
|
+
interface RadioGroupRootProps {
|
|
601
|
+
children?: ChildValue24;
|
|
602
|
+
defaultValue?: string;
|
|
603
|
+
onValueChange?: (value: string) => void;
|
|
604
|
+
}
|
|
605
|
+
interface RadioGroupItemProps {
|
|
606
|
+
value: string;
|
|
607
|
+
disabled?: boolean;
|
|
608
|
+
children?: ChildValue24;
|
|
609
|
+
}
|
|
610
|
+
interface ThemedRadioGroupComponent {
|
|
611
|
+
(props: RadioGroupRootProps): HTMLElement;
|
|
612
|
+
Item: (props: RadioGroupItemProps) => HTMLElement;
|
|
403
613
|
}
|
|
404
|
-
import {
|
|
614
|
+
import { ChildValue as ChildValue25 } from "@vertz/ui";
|
|
615
|
+
import { PanelOptions } from "@vertz/ui-primitives";
|
|
405
616
|
interface ResizablePanelStyleClasses {
|
|
406
617
|
readonly root: string;
|
|
407
618
|
readonly panel: string;
|
|
408
619
|
readonly handle: string;
|
|
409
620
|
}
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
};
|
|
415
|
-
import { ScrollAreaElements, ScrollAreaOptions, ScrollAreaState } from "@vertz/ui-primitives";
|
|
416
|
-
interface ScrollAreaStyleClasses {
|
|
417
|
-
readonly root: string;
|
|
418
|
-
readonly viewport: string;
|
|
419
|
-
readonly scrollbar: string;
|
|
420
|
-
readonly thumb: string;
|
|
621
|
+
interface ResizablePanelRootProps {
|
|
622
|
+
orientation?: "horizontal" | "vertical";
|
|
623
|
+
onResize?: (sizes: number[]) => void;
|
|
624
|
+
children?: ChildValue25;
|
|
421
625
|
}
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
interface
|
|
429
|
-
|
|
626
|
+
interface ResizablePanelPanelProps extends PanelOptions {
|
|
627
|
+
children?: ChildValue25;
|
|
628
|
+
className?: string;
|
|
629
|
+
/** @deprecated Use `className` instead. */
|
|
630
|
+
class?: string;
|
|
631
|
+
}
|
|
632
|
+
interface ResizablePanelHandleProps {
|
|
633
|
+
className?: string;
|
|
634
|
+
/** @deprecated Use `className` instead. */
|
|
635
|
+
class?: string;
|
|
636
|
+
}
|
|
637
|
+
interface ThemedResizablePanelComponent {
|
|
638
|
+
(props: ResizablePanelRootProps): HTMLElement;
|
|
639
|
+
Panel: (props: ResizablePanelPanelProps) => HTMLElement;
|
|
640
|
+
Handle: (props: ResizablePanelHandleProps) => HTMLElement;
|
|
641
|
+
}
|
|
642
|
+
declare function createThemedResizablePanel(styles: ResizablePanelStyleClasses): ThemedResizablePanelComponent;
|
|
643
|
+
import { ChildValue as ChildValue26 } from "@vertz/ui";
|
|
644
|
+
interface ScrollAreaRootProps {
|
|
645
|
+
orientation?: "vertical" | "horizontal" | "both";
|
|
646
|
+
children?: ChildValue26;
|
|
647
|
+
}
|
|
648
|
+
type ThemedScrollAreaComponent = (props: ScrollAreaRootProps) => HTMLElement;
|
|
649
|
+
import { ChildValue as ChildValue27 } from "@vertz/ui";
|
|
650
|
+
interface SelectRootProps {
|
|
651
|
+
defaultValue?: string;
|
|
652
|
+
placeholder?: string;
|
|
653
|
+
onValueChange?: (value: string) => void;
|
|
654
|
+
children?: ChildValue27;
|
|
430
655
|
}
|
|
431
656
|
interface SelectSlotProps {
|
|
432
|
-
children?:
|
|
657
|
+
children?: ChildValue27;
|
|
658
|
+
className?: string;
|
|
659
|
+
/** @deprecated Use `className` instead. */
|
|
433
660
|
class?: string;
|
|
434
661
|
}
|
|
435
662
|
interface SelectItemProps {
|
|
436
663
|
value: string;
|
|
437
|
-
children?:
|
|
664
|
+
children?: ChildValue27;
|
|
665
|
+
className?: string;
|
|
666
|
+
/** @deprecated Use `className` instead. */
|
|
438
667
|
class?: string;
|
|
439
668
|
}
|
|
440
669
|
interface SelectGroupProps {
|
|
441
670
|
label: string;
|
|
442
|
-
children?:
|
|
671
|
+
children?: ChildValue27;
|
|
672
|
+
className?: string;
|
|
673
|
+
/** @deprecated Use `className` instead. */
|
|
443
674
|
class?: string;
|
|
444
675
|
}
|
|
445
676
|
interface ThemedSelectComponent {
|
|
446
677
|
(props: SelectRootProps): HTMLElement;
|
|
447
678
|
Trigger: (props: SelectSlotProps) => HTMLElement;
|
|
448
679
|
Content: (props: SelectSlotProps) => HTMLElement;
|
|
449
|
-
Item: (props: SelectItemProps) =>
|
|
450
|
-
Group: (props: SelectGroupProps) =>
|
|
451
|
-
Separator: (props: SelectSlotProps) =>
|
|
680
|
+
Item: (props: SelectItemProps) => HTMLElement;
|
|
681
|
+
Group: (props: SelectGroupProps) => HTMLElement;
|
|
682
|
+
Separator: (props: SelectSlotProps) => HTMLElement;
|
|
452
683
|
}
|
|
453
|
-
import { ChildValue as
|
|
454
|
-
import {
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
children?:
|
|
684
|
+
import { ChildValue as ChildValue28 } from "@vertz/ui";
|
|
685
|
+
import { SheetSide as SheetSide2 } from "@vertz/ui-primitives";
|
|
686
|
+
interface SheetRootProps {
|
|
687
|
+
side?: SheetSide2;
|
|
688
|
+
onOpenChange?: (open: boolean) => void;
|
|
689
|
+
children?: ChildValue28;
|
|
459
690
|
}
|
|
460
691
|
interface SheetSlotProps {
|
|
461
|
-
children?:
|
|
692
|
+
children?: ChildValue28;
|
|
693
|
+
className?: string;
|
|
694
|
+
/** @deprecated Use `className` instead. */
|
|
462
695
|
class?: string;
|
|
463
696
|
}
|
|
697
|
+
interface SheetContentProps extends SheetSlotProps {
|
|
698
|
+
showClose?: boolean;
|
|
699
|
+
}
|
|
464
700
|
interface ThemedSheetComponent {
|
|
465
701
|
(props: SheetRootProps): HTMLElement;
|
|
466
702
|
Trigger: (props: SheetSlotProps) => HTMLElement;
|
|
467
|
-
Content: (props:
|
|
468
|
-
Title: (props: SheetSlotProps) =>
|
|
469
|
-
Description: (props: SheetSlotProps) =>
|
|
470
|
-
Close: (props: SheetSlotProps) =>
|
|
703
|
+
Content: (props: SheetContentProps) => HTMLElement;
|
|
704
|
+
Title: (props: SheetSlotProps) => HTMLElement;
|
|
705
|
+
Description: (props: SheetSlotProps) => HTMLElement;
|
|
706
|
+
Close: (props: SheetSlotProps) => HTMLElement;
|
|
707
|
+
}
|
|
708
|
+
import { ChildValue as ChildValue29 } from "@vertz/ui";
|
|
709
|
+
interface SliderRootProps {
|
|
710
|
+
children?: ChildValue29;
|
|
711
|
+
defaultValue?: number;
|
|
712
|
+
min?: number;
|
|
713
|
+
max?: number;
|
|
714
|
+
step?: number;
|
|
715
|
+
disabled?: boolean;
|
|
716
|
+
onValueChange?: (value: number) => void;
|
|
471
717
|
}
|
|
472
|
-
|
|
473
|
-
|
|
718
|
+
type ThemedSliderComponent = (props: SliderRootProps) => HTMLElement;
|
|
719
|
+
import { ChildValue as ChildValue30 } from "@vertz/ui";
|
|
720
|
+
interface ThemedSwitchProps {
|
|
721
|
+
children?: ChildValue30;
|
|
722
|
+
defaultChecked?: boolean;
|
|
723
|
+
disabled?: boolean;
|
|
724
|
+
onCheckedChange?: (checked: boolean) => void;
|
|
474
725
|
size?: "default" | "sm";
|
|
475
726
|
}
|
|
476
|
-
|
|
727
|
+
type ThemedSwitchComponent = (props: ThemedSwitchProps) => HTMLElement;
|
|
728
|
+
import { ChildValue as ChildValue31 } from "@vertz/ui";
|
|
477
729
|
interface TabsRootProps {
|
|
478
730
|
defaultValue?: string;
|
|
479
731
|
variant?: "default" | "line";
|
|
480
|
-
children?:
|
|
732
|
+
children?: ChildValue31;
|
|
481
733
|
}
|
|
482
734
|
interface TabsSlotProps {
|
|
483
|
-
children?:
|
|
735
|
+
children?: ChildValue31;
|
|
736
|
+
className?: string;
|
|
737
|
+
/** @deprecated Use `className` instead. */
|
|
484
738
|
class?: string;
|
|
485
739
|
}
|
|
486
740
|
interface TabsTriggerProps {
|
|
487
741
|
value: string;
|
|
488
|
-
children?:
|
|
742
|
+
children?: ChildValue31;
|
|
743
|
+
className?: string;
|
|
744
|
+
/** @deprecated Use `className` instead. */
|
|
489
745
|
class?: string;
|
|
490
746
|
}
|
|
491
747
|
interface TabsContentProps {
|
|
492
748
|
value: string;
|
|
493
|
-
children?:
|
|
749
|
+
children?: ChildValue31;
|
|
750
|
+
className?: string;
|
|
751
|
+
/** @deprecated Use `className` instead. */
|
|
494
752
|
class?: string;
|
|
495
753
|
}
|
|
496
754
|
interface ThemedTabsComponent {
|
|
497
|
-
(props: TabsRootProps):
|
|
498
|
-
List: (props: TabsSlotProps) =>
|
|
499
|
-
Trigger: (props: TabsTriggerProps) =>
|
|
500
|
-
Content: (props: TabsContentProps) =>
|
|
755
|
+
(props: TabsRootProps): HTMLElement;
|
|
756
|
+
List: (props: TabsSlotProps) => HTMLElement;
|
|
757
|
+
Trigger: (props: TabsTriggerProps) => HTMLElement;
|
|
758
|
+
Content: (props: TabsContentProps) => HTMLElement;
|
|
501
759
|
}
|
|
502
760
|
import { ToastElements, ToastMessage, ToastState } from "@vertz/ui-primitives";
|
|
503
761
|
type ThemedToastResult = ToastElements & {
|
|
@@ -505,27 +763,40 @@ type ThemedToastResult = ToastElements & {
|
|
|
505
763
|
announce: (content: string) => ToastMessage;
|
|
506
764
|
dismiss: (id: string) => void;
|
|
507
765
|
};
|
|
508
|
-
import {
|
|
509
|
-
interface
|
|
510
|
-
|
|
766
|
+
import { ChildValue as ChildValue32 } from "@vertz/ui";
|
|
767
|
+
interface ToggleRootProps {
|
|
768
|
+
children?: ChildValue32;
|
|
769
|
+
defaultPressed?: boolean;
|
|
770
|
+
disabled?: boolean;
|
|
771
|
+
onPressedChange?: (pressed: boolean) => void;
|
|
511
772
|
}
|
|
512
|
-
|
|
513
|
-
import {
|
|
514
|
-
interface
|
|
515
|
-
|
|
516
|
-
|
|
773
|
+
type ThemedToggleComponent = (props: ToggleRootProps) => HTMLElement;
|
|
774
|
+
import { ChildValue as ChildValue33 } from "@vertz/ui";
|
|
775
|
+
interface ToggleGroupRootProps {
|
|
776
|
+
children?: ChildValue33;
|
|
777
|
+
type?: "single" | "multiple";
|
|
778
|
+
defaultValue?: string[];
|
|
779
|
+
orientation?: "horizontal" | "vertical";
|
|
780
|
+
disabled?: boolean;
|
|
781
|
+
onValueChange?: (value: string[]) => void;
|
|
517
782
|
}
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
}
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
783
|
+
interface ToggleGroupItemProps {
|
|
784
|
+
value: string;
|
|
785
|
+
children?: ChildValue33;
|
|
786
|
+
}
|
|
787
|
+
interface ThemedToggleGroupComponent {
|
|
788
|
+
(props: ToggleGroupRootProps): HTMLElement;
|
|
789
|
+
Item: (props: ToggleGroupItemProps) => HTMLElement;
|
|
790
|
+
}
|
|
791
|
+
import { ChildValue as ChildValue34 } from "@vertz/ui";
|
|
792
|
+
interface TooltipRootProps {
|
|
793
|
+
delay?: number;
|
|
794
|
+
children?: ChildValue34;
|
|
526
795
|
}
|
|
527
796
|
interface TooltipSlotProps {
|
|
528
|
-
children?:
|
|
797
|
+
children?: ChildValue34;
|
|
798
|
+
className?: string;
|
|
799
|
+
/** @deprecated Use `className` instead. */
|
|
529
800
|
class?: string;
|
|
530
801
|
}
|
|
531
802
|
interface ThemedTooltipComponent {
|
|
@@ -534,9 +805,14 @@ interface ThemedTooltipComponent {
|
|
|
534
805
|
Content: (props: TooltipSlotProps) => HTMLElement;
|
|
535
806
|
}
|
|
536
807
|
interface SeparatorProps {
|
|
808
|
+
orientation?: "horizontal" | "vertical";
|
|
809
|
+
className?: string;
|
|
810
|
+
/** @deprecated Use `className` instead. */
|
|
537
811
|
class?: string;
|
|
538
812
|
}
|
|
539
813
|
interface SkeletonProps {
|
|
814
|
+
className?: string;
|
|
815
|
+
/** @deprecated Use `className` instead. */
|
|
540
816
|
class?: string;
|
|
541
817
|
width?: string;
|
|
542
818
|
height?: string;
|
|
@@ -544,10 +820,12 @@ interface SkeletonProps {
|
|
|
544
820
|
interface SkeletonComponents {
|
|
545
821
|
Skeleton: (props?: SkeletonProps) => HTMLDivElement;
|
|
546
822
|
}
|
|
547
|
-
import { ChildValue as
|
|
823
|
+
import { ChildValue as ChildValue35 } from "@vertz/ui";
|
|
548
824
|
interface TableProps {
|
|
825
|
+
className?: string;
|
|
826
|
+
/** @deprecated Use `className` instead. */
|
|
549
827
|
class?: string;
|
|
550
|
-
children?:
|
|
828
|
+
children?: ChildValue35;
|
|
551
829
|
}
|
|
552
830
|
interface TableComponents {
|
|
553
831
|
Table: (props: TableProps) => HTMLDivElement;
|
|
@@ -559,7 +837,10 @@ interface TableComponents {
|
|
|
559
837
|
TableCaption: (props: TableProps) => HTMLTableCaptionElement;
|
|
560
838
|
TableFooter: (props: TableProps) => HTMLTableSectionElement;
|
|
561
839
|
}
|
|
562
|
-
|
|
840
|
+
import { ElementEventHandlers as ElementEventHandlers3 } from "@vertz/ui-primitives";
|
|
841
|
+
interface TextareaProps extends ElementEventHandlers3 {
|
|
842
|
+
className?: string;
|
|
843
|
+
/** @deprecated Use `className` instead. */
|
|
563
844
|
class?: string;
|
|
564
845
|
name?: string;
|
|
565
846
|
placeholder?: string;
|
|
@@ -645,8 +926,10 @@ type DrawerBlocks = {
|
|
|
645
926
|
panelRight: StyleEntry16[];
|
|
646
927
|
panelTop: StyleEntry16[];
|
|
647
928
|
panelBottom: StyleEntry16[];
|
|
929
|
+
header: StyleEntry16[];
|
|
648
930
|
title: StyleEntry16[];
|
|
649
931
|
description: StyleEntry16[];
|
|
932
|
+
footer: StyleEntry16[];
|
|
650
933
|
handle: StyleEntry16[];
|
|
651
934
|
close: StyleEntry16[];
|
|
652
935
|
};
|
|
@@ -977,59 +1260,54 @@ interface ThemedPrimitives {
|
|
|
977
1260
|
Select: ThemedSelectComponent;
|
|
978
1261
|
/** Themed Tabs — composable JSX component with Tabs.List, Tabs.Trigger, Tabs.Content. */
|
|
979
1262
|
Tabs: ThemedTabsComponent;
|
|
980
|
-
/** Themed Checkbox —
|
|
981
|
-
|
|
982
|
-
/** Themed Switch —
|
|
983
|
-
|
|
1263
|
+
/** Themed Checkbox — composable JSX component wrapping @vertz/ui-primitives Checkbox. */
|
|
1264
|
+
Checkbox: ThemedCheckboxComponent;
|
|
1265
|
+
/** Themed Switch — composable JSX component wrapping @vertz/ui-primitives Switch. */
|
|
1266
|
+
Switch: ThemedSwitchComponent;
|
|
984
1267
|
/** Themed Popover — composable JSX component with Popover.Trigger, Popover.Content. */
|
|
985
1268
|
Popover: ThemedPopoverComponent;
|
|
986
|
-
/** Themed Progress —
|
|
987
|
-
|
|
988
|
-
|
|
989
|
-
|
|
990
|
-
|
|
991
|
-
|
|
992
|
-
radioGroup: (options?: RadioOptions2) => ThemedRadioGroupResult;
|
|
993
|
-
/** Themed Slider — wraps @vertz/ui-primitives Slider with shadcn styles. */
|
|
994
|
-
slider: (options?: SliderOptions) => SliderElements & {
|
|
995
|
-
state: SliderState;
|
|
996
|
-
};
|
|
1269
|
+
/** Themed Progress — composable JSX component wrapping @vertz/ui-primitives Progress. */
|
|
1270
|
+
Progress: ThemedProgressComponent;
|
|
1271
|
+
/** Themed RadioGroup — composable JSX component with RadioGroup.Item sub-components. */
|
|
1272
|
+
RadioGroup: ThemedRadioGroupComponent;
|
|
1273
|
+
/** Themed Slider — composable JSX component wrapping @vertz/ui-primitives Slider. */
|
|
1274
|
+
Slider: ThemedSliderComponent;
|
|
997
1275
|
/** Themed Accordion — composable JSX component with Accordion.Item, Accordion.Trigger, Accordion.Content. */
|
|
998
1276
|
Accordion: ThemedAccordionComponent;
|
|
999
|
-
/** Themed Toast —
|
|
1000
|
-
|
|
1277
|
+
/** Themed Toast — factory wrapping @vertz/ui-primitives Toast with shadcn styles. */
|
|
1278
|
+
Toast: (options?: ToastOptions2) => ThemedToastResult;
|
|
1001
1279
|
/** Themed Tooltip — composable JSX component with Tooltip.Trigger, Tooltip.Content. */
|
|
1002
1280
|
Tooltip: ThemedTooltipComponent;
|
|
1003
1281
|
/** Themed Sheet — composable JSX component with Sheet.Trigger, Sheet.Content, etc. */
|
|
1004
1282
|
Sheet: ThemedSheetComponent;
|
|
1005
|
-
/** Themed Calendar —
|
|
1006
|
-
|
|
1007
|
-
/** Themed Carousel —
|
|
1008
|
-
|
|
1283
|
+
/** Themed Calendar — composable JSX component wrapping @vertz/ui-primitives Calendar. */
|
|
1284
|
+
Calendar: ThemedCalendarComponent;
|
|
1285
|
+
/** Themed Carousel — composable JSX component with Carousel.Slide, Carousel.Previous, Carousel.Next. */
|
|
1286
|
+
Carousel: ThemedCarouselComponent;
|
|
1009
1287
|
/** Themed Collapsible — expandable/collapsible content section. */
|
|
1010
|
-
|
|
1011
|
-
/** Themed Command —
|
|
1012
|
-
|
|
1013
|
-
/** Themed ContextMenu —
|
|
1014
|
-
|
|
1015
|
-
/** Themed DatePicker —
|
|
1016
|
-
|
|
1017
|
-
/** Themed Drawer —
|
|
1018
|
-
|
|
1288
|
+
Collapsible: ThemedCollapsibleComponent;
|
|
1289
|
+
/** Themed Command — composable JSX component with Command.Input, Command.List, Command.Item, Command.Group, etc. */
|
|
1290
|
+
Command: ThemedCommandComponent;
|
|
1291
|
+
/** Themed ContextMenu — composable JSX component with ContextMenu.Trigger, ContextMenu.Content, etc. */
|
|
1292
|
+
ContextMenu: ThemedContextMenuComponent;
|
|
1293
|
+
/** Themed DatePicker — composable JSX component with DatePicker.Trigger, DatePicker.Content. */
|
|
1294
|
+
DatePicker: ThemedDatePickerComponent;
|
|
1295
|
+
/** Themed Drawer — composable JSX component with Drawer.Trigger, Drawer.Content, Drawer.Handle, etc. */
|
|
1296
|
+
Drawer: ThemedDrawerComponent;
|
|
1019
1297
|
/** Themed HoverCard — hover-triggered interactive card. */
|
|
1020
|
-
|
|
1021
|
-
/** Themed Menubar —
|
|
1022
|
-
|
|
1023
|
-
/** Themed NavigationMenu —
|
|
1024
|
-
|
|
1298
|
+
HoverCard: ThemedHoverCardComponent;
|
|
1299
|
+
/** Themed Menubar — composable JSX component with Menubar.Menu, Menubar.Trigger, Menubar.Content, etc. */
|
|
1300
|
+
Menubar: ThemedMenubarComponent;
|
|
1301
|
+
/** Themed NavigationMenu — composable JSX component with NavigationMenu.List, NavigationMenu.Item, etc. */
|
|
1302
|
+
NavigationMenu: ThemedNavigationMenuComponent;
|
|
1025
1303
|
/** Themed ResizablePanel — resizable panel layout with drag handles. */
|
|
1026
|
-
|
|
1027
|
-
/** Themed ScrollArea —
|
|
1028
|
-
|
|
1029
|
-
/** Themed Toggle —
|
|
1030
|
-
|
|
1031
|
-
/** Themed ToggleGroup —
|
|
1032
|
-
|
|
1304
|
+
ResizablePanel: ReturnType<typeof createThemedResizablePanel>;
|
|
1305
|
+
/** Themed ScrollArea — composable JSX component wrapping @vertz/ui-primitives ScrollArea. */
|
|
1306
|
+
ScrollArea: ThemedScrollAreaComponent;
|
|
1307
|
+
/** Themed Toggle — composable JSX component wrapping @vertz/ui-primitives Toggle. */
|
|
1308
|
+
Toggle: ThemedToggleComponent;
|
|
1309
|
+
/** Themed ToggleGroup — composable JSX component with ToggleGroup.Item sub-components. */
|
|
1310
|
+
ToggleGroup: ThemedToggleGroupComponent;
|
|
1033
1311
|
}
|
|
1034
1312
|
/** Component functions returned by configureTheme(). */
|
|
1035
1313
|
interface ThemeComponents {
|
|
@@ -1080,4 +1358,51 @@ interface ResolvedTheme extends ResolvedThemeBase {
|
|
|
1080
1358
|
* component styles, use `configureThemeBase()` from `@vertz/theme-shadcn/base`.
|
|
1081
1359
|
*/
|
|
1082
1360
|
declare function configureTheme(config?: ThemeConfig): ResolvedTheme;
|
|
1361
|
+
declare module "@vertz/ui/components" {
|
|
1362
|
+
interface ThemeComponentMap {
|
|
1363
|
+
Button: (props: ButtonProps) => HTMLButtonElement;
|
|
1364
|
+
Badge: (props: BadgeProps) => HTMLSpanElement;
|
|
1365
|
+
Input: (props: InputProps) => HTMLInputElement;
|
|
1366
|
+
Textarea: (props: TextareaProps) => HTMLTextAreaElement;
|
|
1367
|
+
Label: (props: LabelProps) => HTMLLabelElement;
|
|
1368
|
+
Separator: (props: SeparatorProps) => HTMLHRElement;
|
|
1369
|
+
Breadcrumb: BreadcrumbComponents;
|
|
1370
|
+
Pagination: PaginationComponents;
|
|
1371
|
+
Alert: AlertComponents;
|
|
1372
|
+
Card: CardComponents;
|
|
1373
|
+
FormGroup: FormGroupComponents;
|
|
1374
|
+
Avatar: AvatarComponents;
|
|
1375
|
+
Skeleton: SkeletonComponents;
|
|
1376
|
+
Table: TableComponents;
|
|
1377
|
+
AlertDialog: ThemedAlertDialogComponent;
|
|
1378
|
+
Dialog: ThemedDialogComponent;
|
|
1379
|
+
DropdownMenu: ThemedDropdownMenuComponent;
|
|
1380
|
+
Select: ThemedSelectComponent;
|
|
1381
|
+
Tabs: ThemedTabsComponent;
|
|
1382
|
+
Popover: ThemedPopoverComponent;
|
|
1383
|
+
RadioGroup: ThemedRadioGroupComponent;
|
|
1384
|
+
Accordion: ThemedAccordionComponent;
|
|
1385
|
+
ContextMenu: ThemedContextMenuComponent;
|
|
1386
|
+
Tooltip: ThemedTooltipComponent;
|
|
1387
|
+
Sheet: ThemedSheetComponent;
|
|
1388
|
+
Drawer: ThemedDrawerComponent;
|
|
1389
|
+
Menubar: ThemedMenubarComponent;
|
|
1390
|
+
Calendar: ThemedCalendarComponent;
|
|
1391
|
+
Checkbox: ThemedCheckboxComponent;
|
|
1392
|
+
Switch: ThemedSwitchComponent;
|
|
1393
|
+
Progress: ThemedProgressComponent;
|
|
1394
|
+
Slider: ThemedSliderComponent;
|
|
1395
|
+
Toggle: ThemedToggleComponent;
|
|
1396
|
+
Toast: ThemedPrimitives["Toast"];
|
|
1397
|
+
Carousel: ThemedCarouselComponent;
|
|
1398
|
+
Command: ThemedCommandComponent;
|
|
1399
|
+
Collapsible: ThemedCollapsibleComponent;
|
|
1400
|
+
DatePicker: ThemedDatePickerComponent;
|
|
1401
|
+
HoverCard: ThemedHoverCardComponent;
|
|
1402
|
+
NavigationMenu: ThemedNavigationMenuComponent;
|
|
1403
|
+
ResizablePanel: ThemedResizablePanelComponent;
|
|
1404
|
+
ScrollArea: ThemedPrimitives["ScrollArea"];
|
|
1405
|
+
ToggleGroup: ThemedToggleGroupComponent;
|
|
1406
|
+
}
|
|
1407
|
+
}
|
|
1083
1408
|
export { configureTheme, ThemedPrimitives, ThemeStyles, ThemeStyle, ThemeConfig, ThemeComponents, ResolvedThemeBase, ResolvedTheme };
|