@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/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 { CheckboxOptions, ProgressElements, ProgressOptions, ProgressState, RadioOptions as RadioOptions2, SliderElements, SliderOptions, SliderState, ToastOptions as ToastOptions2 } from "@vertz/ui-primitives";
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
- interface ButtonProps {
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
- interface InputProps {
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): HTMLDivElement;
155
- Item: (props: AccordionItemProps) => HTMLDivElement;
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
- import { DialogOptions } from "@vertz/ui-primitives";
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
- Title: (props: AlertDialogSlotProps) => HTMLHeadingElement;
173
- Description: (props: AlertDialogSlotProps) => HTMLParagraphElement;
174
- Footer: (props: AlertDialogSlotProps) => HTMLDivElement;
175
- Cancel: (props: AlertDialogSlotProps) => HTMLButtonElement;
176
- Action: (props: AlertDialogSlotProps) => HTMLButtonElement;
177
- }
178
- import { CalendarElements, CalendarOptions, CalendarState } from "@vertz/ui-primitives";
179
- interface CalendarStyleClasses {
180
- readonly root: string;
181
- readonly header: string;
182
- readonly title: string;
183
- readonly navButton: string;
184
- readonly grid: string;
185
- readonly headCell: string;
186
- readonly cell: string;
187
- readonly dayButton: string;
188
- }
189
- declare function createThemedCalendar(styles: CalendarStyleClasses): (options?: CalendarOptions) => CalendarElements & {
190
- state: CalendarState;
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
- import { DialogOptions as DialogOptions2 } from "@vertz/ui-primitives";
267
- interface DialogRootProps extends DialogOptions2 {
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 DialogSlotProps {
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: DialogSlotProps) => HTMLElement;
278
- Header: (props: DialogSlotProps) => HTMLDivElement;
279
- Title: (props: DialogSlotProps) => HTMLHeadingElement;
280
- Description: (props: DialogSlotProps) => HTMLParagraphElement;
281
- Footer: (props: DialogSlotProps) => HTMLDivElement;
282
- }
283
- import { DialogElements, DialogOptions as DialogOptions3, DialogState } from "@vertz/ui-primitives";
284
- type DrawerSide = "left" | "right" | "top" | "bottom";
285
- interface ThemedDrawerOptions extends DialogOptions3 {
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 DrawerStyleClasses {
289
- readonly overlay: string;
290
- readonly panelLeft: string;
291
- readonly panelRight: string;
292
- readonly panelTop: string;
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
- declare function createThemedDrawer(styles: DrawerStyleClasses): (options?: ThemedDrawerOptions) => DialogElements & {
300
- state: DialogState;
301
- handle: HTMLDivElement;
302
- description: HTMLParagraphElement;
303
- };
304
- import { ChildValue as ChildValue11 } from "@vertz/ui";
305
- import { MenuOptions } from "@vertz/ui-primitives";
306
- interface DropdownMenuRootProps extends MenuOptions {
307
- children?: ChildValue11;
308
- onOpenChange?: (isOpen: boolean) => void;
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?: ChildValue11;
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?: ChildValue11;
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?: ChildValue11;
454
+ children?: ChildValue18;
455
+ className?: string;
456
+ /** @deprecated Use `className` instead. */
322
457
  class?: string;
323
458
  }
324
459
  interface DropdownMenuLabelProps {
325
- children?: ChildValue11;
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) => HTMLDivElement;
333
- Group: (props: DropdownMenuGroupProps) => HTMLDivElement;
334
- Label: (props: DropdownMenuLabelProps) => HTMLDivElement;
335
- Separator: () => HTMLHRElement;
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
- import { HoverCardElements, HoverCardOptions, HoverCardState } from "@vertz/ui-primitives";
338
- interface HoverCardStyleClasses {
339
- readonly content: string;
487
+ interface ThemedHoverCardComponent {
488
+ (props: HoverCardRootProps): HTMLElement;
489
+ Trigger: (props: HoverCardSlotProps) => HTMLElement;
490
+ Content: (props: HoverCardSlotProps) => HTMLElement;
340
491
  }
341
- declare function createThemedHoverCard(styles: HoverCardStyleClasses): (options?: HoverCardOptions) => HoverCardElements & {
342
- state: HoverCardState;
343
- };
344
- import { MenubarElements, MenubarOptions, MenubarState } from "@vertz/ui-primitives";
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
- declare function createThemedMenubar(styles: MenubarStyleClasses): (options?: MenubarOptions) => ThemedMenubarResult;
367
- import { NavigationMenuElements, NavigationMenuOptions, NavigationMenuState } from "@vertz/ui-primitives";
368
- interface NavigationMenuStyleClasses {
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
- declare function createThemedNavigationMenu(styles: NavigationMenuStyleClasses): (options?: NavigationMenuOptions) => ThemedNavigationMenuResult;
385
- import { ChildValue as ChildValue12 } from "@vertz/ui";
386
- import { PopoverOptions } from "@vertz/ui-primitives";
387
- interface PopoverRootProps extends PopoverOptions {
388
- children?: ChildValue12;
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?: ChildValue12;
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 { RadioElements, RadioState } from "@vertz/ui-primitives";
400
- interface ThemedRadioGroupResult extends RadioElements {
401
- state: RadioState;
402
- Item: (value: string, label?: string) => HTMLDivElement;
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 { PanelOptions, ResizablePanelElements, ResizablePanelOptions, ResizablePanelState } from "@vertz/ui-primitives";
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
- declare function createThemedResizablePanel(styles: ResizablePanelStyleClasses): (options?: ResizablePanelOptions) => ResizablePanelElements & {
411
- state: ResizablePanelState;
412
- Panel: (panelOptions?: PanelOptions) => HTMLDivElement;
413
- Handle: () => HTMLDivElement;
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
- declare function createThemedScrollArea(styles: ScrollAreaStyleClasses): (options?: ScrollAreaOptions) => ScrollAreaElements & {
423
- state: ScrollAreaState;
424
- update: () => void;
425
- };
426
- import { ChildValue as ChildValue13 } from "@vertz/ui";
427
- import { SelectOptions } from "@vertz/ui-primitives";
428
- interface SelectRootProps extends SelectOptions {
429
- children?: ChildValue13;
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?: ChildValue13;
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?: ChildValue13;
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?: ChildValue13;
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) => HTMLDivElement;
450
- Group: (props: SelectGroupProps) => HTMLDivElement;
451
- Separator: (props: SelectSlotProps) => HTMLHRElement;
680
+ Item: (props: SelectItemProps) => HTMLElement;
681
+ Group: (props: SelectGroupProps) => HTMLElement;
682
+ Separator: (props: SelectSlotProps) => HTMLElement;
452
683
  }
453
- import { ChildValue as ChildValue14 } from "@vertz/ui";
454
- import { DialogOptions as DialogOptions4 } from "@vertz/ui-primitives";
455
- type SheetSide = "left" | "right" | "top" | "bottom";
456
- interface SheetRootProps extends DialogOptions4 {
457
- side?: SheetSide;
458
- children?: ChildValue14;
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?: ChildValue14;
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: SheetSlotProps) => HTMLElement;
468
- Title: (props: SheetSlotProps) => HTMLHeadingElement;
469
- Description: (props: SheetSlotProps) => HTMLParagraphElement;
470
- Close: (props: SheetSlotProps) => HTMLButtonElement;
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
- import { SwitchOptions } from "@vertz/ui-primitives";
473
- interface ThemedSwitchOptions extends SwitchOptions {
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
- import { ChildValue as ChildValue15 } from "@vertz/ui";
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?: ChildValue15;
732
+ children?: ChildValue31;
481
733
  }
482
734
  interface TabsSlotProps {
483
- children?: ChildValue15;
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?: ChildValue15;
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?: ChildValue15;
749
+ children?: ChildValue31;
750
+ className?: string;
751
+ /** @deprecated Use `className` instead. */
494
752
  class?: string;
495
753
  }
496
754
  interface ThemedTabsComponent {
497
- (props: TabsRootProps): HTMLDivElement;
498
- List: (props: TabsSlotProps) => HTMLDivElement;
499
- Trigger: (props: TabsTriggerProps) => HTMLButtonElement;
500
- Content: (props: TabsContentProps) => HTMLDivElement;
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 { ToggleOptions } from "@vertz/ui-primitives";
509
- interface ToggleStyleClasses {
510
- readonly root: string;
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
- declare function createThemedToggle(styles: ToggleStyleClasses): (options?: ToggleOptions) => HTMLElement;
513
- import { ToggleGroupElements, ToggleGroupOptions, ToggleGroupState } from "@vertz/ui-primitives";
514
- interface ToggleGroupStyleClasses {
515
- readonly root: string;
516
- readonly item: string;
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
- declare function createThemedToggleGroup(styles: ToggleGroupStyleClasses): (options?: ToggleGroupOptions) => ToggleGroupElements & {
519
- state: ToggleGroupState;
520
- Item: (value: string) => HTMLButtonElement;
521
- };
522
- import { ChildValue as ChildValue16 } from "@vertz/ui";
523
- import { TooltipOptions } from "@vertz/ui-primitives";
524
- interface TooltipRootProps extends TooltipOptions {
525
- children?: ChildValue16;
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?: ChildValue16;
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 ChildValue17 } from "@vertz/ui";
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?: ChildValue17;
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
- interface TextareaProps {
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 — wraps @vertz/ui-primitives Checkbox with shadcn styles. */
981
- checkbox: (options?: CheckboxOptions) => HTMLButtonElement;
982
- /** Themed Switch — wraps @vertz/ui-primitives Switch with shadcn styles. */
983
- switch: (options?: ThemedSwitchOptions) => HTMLElement;
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 — wraps @vertz/ui-primitives Progress with shadcn styles. */
987
- progress: (options?: ProgressOptions) => ProgressElements & {
988
- state: ProgressState;
989
- setValue: (value: number) => void;
990
- };
991
- /** Themed RadioGroup — wraps @vertz/ui-primitives Radio with shadcn styles. */
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 — wraps @vertz/ui-primitives Toast with shadcn styles. */
1000
- toast: (options?: ToastOptions2) => ThemedToastResult;
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 — date grid with month navigation. */
1006
- calendar: ReturnType<typeof createThemedCalendar>;
1007
- /** Themed Carousel — slide navigation with prev/next controls. */
1008
- carousel: ReturnType<typeof createThemedCarousel>;
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
- collapsible: ReturnType<typeof createThemedCollapsible>;
1011
- /** Themed Command — searchable command palette. */
1012
- command: ReturnType<typeof createThemedCommand>;
1013
- /** Themed ContextMenu — right-click context menu. */
1014
- contextMenu: ReturnType<typeof createThemedContextMenu>;
1015
- /** Themed DatePicker — date picker composing Calendar + Popover. */
1016
- datePicker: ReturnType<typeof createThemedDatePicker>;
1017
- /** Themed Drawer — bottom/side panel wrapping Dialog. */
1018
- drawer: ReturnType<typeof createThemedDrawer>;
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
- hoverCard: ReturnType<typeof createThemedHoverCard>;
1021
- /** Themed Menubar — horizontal menu bar with dropdowns. */
1022
- menubar: ReturnType<typeof createThemedMenubar>;
1023
- /** Themed NavigationMenu — site navigation with hover dropdowns. */
1024
- navigationMenu: ReturnType<typeof createThemedNavigationMenu>;
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
- resizablePanel: ReturnType<typeof createThemedResizablePanel>;
1027
- /** Themed ScrollArea — custom scrollbars. */
1028
- scrollArea: ReturnType<typeof createThemedScrollArea>;
1029
- /** Themed Toggle — toggle button with pressed state. */
1030
- toggle: ReturnType<typeof createThemedToggle>;
1031
- /** Themed ToggleGroup — group of toggle buttons. */
1032
- toggleGroup: ReturnType<typeof createThemedToggleGroup>;
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 };