@vertz/theme-shadcn 0.2.20 → 0.2.21

package/dist/index.d.ts

@@ -32,10 +32,12 @@ interface ResolvedThemeBase {
 	globals: GlobalCSSOutput;
 }
 import { VariantFunction as VariantFunction5 } from "@vertz/ui";
-import { CheckboxOptions, ProgressElements, ProgressOptions, ProgressState, RadioOptions as RadioOptions2, SliderElements, SliderOptions, SliderState, ToastOptions as ToastOptions2 } from "@vertz/ui-primitives";
+import { ToastOptions as ToastOptions2 } from "@vertz/ui-primitives";
 import { ChildValue } from "@vertz/ui";
 interface AlertProps {
 	variant?: "default" | "destructive";
+	className?: string;
+	/** @deprecated Use `className` instead. */
 	class?: string;
 	children?: ChildValue;
 }
@@ -46,12 +48,16 @@ interface AlertComponents {
 }
 import { ChildValue as ChildValue2 } from "@vertz/ui";
 interface AvatarProps {
+	className?: string;
+	/** @deprecated Use `className` instead. */
 	class?: string;
 	children?: ChildValue2;
 }
 interface AvatarImageProps {
 	src: string;
 	alt: string;
+	className?: string;
+	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface AvatarComponents {
@@ -62,6 +68,8 @@ interface AvatarComponents {
 import { ChildValue as ChildValue3 } from "@vertz/ui";
 interface BadgeProps {
 	color?: string;
+	className?: string;
+	/** @deprecated Use `className` instead. */
 	class?: string;
 	children?: ChildValue3;
 }
@@ -72,13 +80,18 @@ interface BreadcrumbItem {
 interface BreadcrumbProps {
 	items: BreadcrumbItem[];
 	separator?: string;
+	className?: string;
+	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 type BreadcrumbComponents = (props: BreadcrumbProps) => HTMLElement;
 import { ChildValue as ChildValue4 } from "@vertz/ui";
-interface ButtonProps {
+import { ElementEventHandlers } from "@vertz/ui-primitives";
+interface ButtonProps extends ElementEventHandlers {
 	intent?: string;
 	size?: string;
+	className?: string;
+	/** @deprecated Use `className` instead. */
 	class?: string;
 	children?: ChildValue4;
 	disabled?: boolean;
@@ -87,6 +100,8 @@ interface ButtonProps {
 }
 import { ChildValue as ChildValue5 } from "@vertz/ui";
 interface CardProps {
+	className?: string;
+	/** @deprecated Use `className` instead. */
 	class?: string;
 	children?: ChildValue5;
 }
@@ -101,10 +116,14 @@ interface CardComponents {
 }
 import { ChildValue as ChildValue6 } from "@vertz/ui";
 interface FormGroupProps {
+	className?: string;
+	/** @deprecated Use `className` instead. */
 	class?: string;
 	children?: ChildValue6;
 }
 interface FormErrorProps {
+	className?: string;
+	/** @deprecated Use `className` instead. */
 	class?: string;
 	children?: ChildValue6;
 }
@@ -112,7 +131,10 @@ interface FormGroupComponents {
 	FormGroup: (props: FormGroupProps) => HTMLDivElement;
 	FormError: (props: FormErrorProps) => HTMLSpanElement;
 }
-interface InputProps {
+import { ElementEventHandlers as ElementEventHandlers2 } from "@vertz/ui-primitives";
+interface InputProps extends ElementEventHandlers2 {
+	className?: string;
+	/** @deprecated Use `className` instead. */
 	class?: string;
 	name?: string;
 	placeholder?: string;
@@ -123,6 +145,8 @@ interface InputProps {
 }
 import { ChildValue as ChildValue7 } from "@vertz/ui";
 interface LabelProps {
+	className?: string;
+	/** @deprecated Use `className` instead. */
 	class?: string;
 	for?: string;
 	children?: ChildValue7;
@@ -132,6 +156,8 @@ interface PaginationProps {
 	totalPages: number;
 	onPageChange: (page: number) => void;
 	siblingCount?: number;
+	className?: string;
+	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 type PaginationComponents = (props: PaginationProps) => HTMLElement;
@@ -143,68 +169,92 @@ interface AccordionRootProps {
 }
 interface AccordionSlotProps {
 	children?: ChildValue8;
+	className?: string;
+	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface AccordionItemProps {
 	value: string;
 	children?: ChildValue8;
+	className?: string;
+	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface ThemedAccordionComponent {
-	(props: AccordionRootProps): HTMLDivElement;
-	Item: (props: AccordionItemProps) => HTMLDivElement;
+	(props: AccordionRootProps): HTMLElement;
+	Item: (props: AccordionItemProps) => HTMLElement;
 	Trigger: (props: AccordionSlotProps) => HTMLElement;
 	Content: (props: AccordionSlotProps) => HTMLElement;
 }
 import { ChildValue as ChildValue9 } from "@vertz/ui";
-import { DialogOptions } from "@vertz/ui-primitives";
-interface AlertDialogRootProps extends DialogOptions {
+interface AlertDialogRootProps {
 	children?: ChildValue9;
+	onOpenChange?: (open: boolean) => void;
+	onAction?: () => void;
 }
 interface AlertDialogSlotProps {
 	children?: ChildValue9;
+	className?: string;
+	/** @deprecated Use `className` instead. */
 	class?: string;
 }
+interface AlertDialogButtonSlotProps extends AlertDialogSlotProps {
+	onClick?: () => void;
+	disabled?: boolean;
+}
 interface ThemedAlertDialogComponent {
 	(props: AlertDialogRootProps): HTMLElement;
 	Trigger: (props: AlertDialogSlotProps) => HTMLElement;
 	Content: (props: AlertDialogSlotProps) => HTMLElement;
-	Title: (props: AlertDialogSlotProps) => HTMLHeadingElement;
-	Description: (props: AlertDialogSlotProps) => HTMLParagraphElement;
-	Footer: (props: AlertDialogSlotProps) => HTMLDivElement;
-	Cancel: (props: AlertDialogSlotProps) => HTMLButtonElement;
-	Action: (props: AlertDialogSlotProps) => HTMLButtonElement;
-}
-import { CalendarElements, CalendarOptions, CalendarState } from "@vertz/ui-primitives";
-interface CalendarStyleClasses {
-	readonly root: string;
-	readonly header: string;
-	readonly title: string;
-	readonly navButton: string;
-	readonly grid: string;
-	readonly headCell: string;
-	readonly cell: string;
-	readonly dayButton: string;
-}
-declare function createThemedCalendar(styles: CalendarStyleClasses): (options?: CalendarOptions) => CalendarElements & {
-	state: CalendarState;
-};
-import { CarouselElements, CarouselOptions, CarouselState } from "@vertz/ui-primitives";
-interface CarouselStyleClasses {
-	readonly root: string;
-	readonly viewport: string;
-	readonly slide: string;
-	readonly prevButton: string;
-	readonly nextButton: string;
-}
-interface ThemedCarouselResult extends CarouselElements {
-	state: CarouselState;
-	Slide: () => HTMLDivElement;
-	goTo: (index: number) => void;
-	goNext: () => void;
-	goPrev: () => void;
-}
-declare function createThemedCarousel(styles: CarouselStyleClasses): (options?: CarouselOptions) => ThemedCarouselResult;
+	Header: (props: AlertDialogSlotProps) => HTMLElement;
+	Title: (props: AlertDialogSlotProps) => HTMLElement;
+	Description: (props: AlertDialogSlotProps) => HTMLElement;
+	Footer: (props: AlertDialogSlotProps) => HTMLElement;
+	Cancel: (props: AlertDialogButtonSlotProps) => HTMLElement;
+	Action: (props: AlertDialogButtonSlotProps) => HTMLElement;
+}
+import { ComposedCalendarProps } from "@vertz/ui-primitives";
+interface CalendarRootProps {
+	mode?: ComposedCalendarProps["mode"];
+	defaultValue?: ComposedCalendarProps["defaultValue"];
+	defaultMonth?: Date;
+	minDate?: Date;
+	maxDate?: Date;
+	disabled?: (date: Date) => boolean;
+	weekStartsOn?: ComposedCalendarProps["weekStartsOn"];
+	onValueChange?: ComposedCalendarProps["onValueChange"];
+	onMonthChange?: (month: Date) => void;
+}
+type ThemedCalendarComponent = (props: CalendarRootProps) => HTMLElement;
+import { ChildValue as ChildValue10 } from "@vertz/ui";
+interface CarouselRootProps {
+	orientation?: "horizontal" | "vertical";
+	loop?: boolean;
+	defaultIndex?: number;
+	onSlideChange?: (index: number) => void;
+	children?: ChildValue10;
+}
+interface CarouselSlotProps {
+	children?: ChildValue10;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ThemedCarouselComponent {
+	(props: CarouselRootProps): HTMLElement;
+	Slide: (props: CarouselSlotProps) => HTMLElement;
+	Previous: (props: CarouselSlotProps) => HTMLElement;
+	Next: (props: CarouselSlotProps) => HTMLElement;
+}
+import { ChildValue as ChildValue11 } from "@vertz/ui";
+import { CheckedState } from "@vertz/ui-primitives";
+interface CheckboxRootProps {
+	children?: ChildValue11;
+	defaultChecked?: CheckedState;
+	disabled?: boolean;
+	onCheckedChange?: (checked: CheckedState) => void;
+}
+type ThemedCheckboxComponent = (props: CheckboxRootProps) => HTMLElement;
 import { CollapsibleElements, CollapsibleOptions, CollapsibleState } from "@vertz/ui-primitives";
 interface CollapsibleStyleClasses {
 	readonly content: string;
@@ -212,46 +262,84 @@ interface CollapsibleStyleClasses {
 declare function createThemedCollapsible(styles: CollapsibleStyleClasses): (options?: CollapsibleOptions) => CollapsibleElements & {
 	state: CollapsibleState;
 };
-import { CommandElements, CommandOptions, CommandState } from "@vertz/ui-primitives";
-interface CommandStyleClasses {
-	readonly root: string;
-	readonly input: string;
-	readonly list: string;
-	readonly item: string;
-	readonly group: string;
-	readonly groupHeading: string;
-	readonly separator: string;
-	readonly empty: string;
-}
-interface ThemedCommandResult extends CommandElements {
-	state: CommandState;
-	Item: (value: string, label?: string, keywords?: string[]) => HTMLDivElement;
-	Group: (label: string) => {
-		el: HTMLDivElement;
-		Item: (value: string, label?: string, keywords?: string[]) => HTMLDivElement;
-	};
-	Separator: () => HTMLHRElement;
+import { ChildValue as ChildValue12 } from "@vertz/ui";
+interface CommandRootProps {
+	filter?: (value: string, search: string) => boolean;
+	onSelect?: (value: string) => void;
+	onInputChange?: (value: string) => void;
+	placeholder?: string;
+	children?: ChildValue12;
 }
-declare function createThemedCommand(styles: CommandStyleClasses): (options?: CommandOptions) => ThemedCommandResult;
-import { ContextMenuElements, ContextMenuOptions, ContextMenuState } from "@vertz/ui-primitives";
-interface ContextMenuStyleClasses {
-	readonly content: string;
-	readonly item: string;
-	readonly group: string;
-	readonly label: string;
-	readonly separator: string;
-}
-interface ThemedContextMenuResult extends ContextMenuElements {
-	state: ContextMenuState;
-	Item: (value: string, label?: string) => HTMLDivElement;
-	Group: (label: string) => {
-		el: HTMLDivElement;
-		Item: (value: string, label?: string) => HTMLDivElement;
-	};
-	Separator: () => HTMLHRElement;
-	Label: (text: string) => HTMLDivElement;
+interface CommandSlotProps {
+	children?: ChildValue12;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface CommandItemProps {
+	value: string;
+	children?: ChildValue12;
+	keywords?: string[];
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface CommandGroupProps {
+	label: string;
+	children?: ChildValue12;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ThemedCommandComponent {
+	(props: CommandRootProps): HTMLElement;
+	Input: (props: CommandSlotProps) => HTMLElement;
+	List: (props: CommandSlotProps) => HTMLElement;
+	Empty: (props: CommandSlotProps) => HTMLElement;
+	Item: (props: CommandItemProps) => HTMLElement;
+	Group: (props: CommandGroupProps) => HTMLElement;
+	Separator: (props: CommandSlotProps) => HTMLElement;
+}
+import { ChildValue as ChildValue13 } from "@vertz/ui";
+interface ContextMenuRootProps {
+	onSelect?: (value: string) => void;
+	children?: ChildValue13;
+}
+interface ContextMenuSlotProps {
+	children?: ChildValue13;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ContextMenuItemProps {
+	value: string;
+	children?: ChildValue13;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ContextMenuGroupProps {
+	label: string;
+	children?: ChildValue13;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ContextMenuLabelProps {
+	children?: ChildValue13;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ThemedContextMenuComponent {
+	(props: ContextMenuRootProps): HTMLElement;
+	Trigger: (props: ContextMenuSlotProps) => HTMLElement;
+	Content: (props: ContextMenuSlotProps) => HTMLElement;
+	Item: (props: ContextMenuItemProps) => HTMLElement;
+	Group: (props: ContextMenuGroupProps) => HTMLElement;
+	Label: (props: ContextMenuLabelProps) => HTMLElement;
+	Separator: (props: ContextMenuSlotProps) => HTMLElement;
 }
-declare function createThemedContextMenu(styles: ContextMenuStyleClasses): (options?: ContextMenuOptions) => ThemedContextMenuResult;
 import { DatePickerElements, DatePickerOptions, DatePickerState } from "@vertz/ui-primitives";
 interface DatePickerStyleClasses {
 	readonly trigger: string;
@@ -262,77 +350,91 @@ declare function createThemedDatePicker(styles: DatePickerStyleClasses): (option
 	show: () => void;
 	hide: () => void;
 };
-import { ChildValue as ChildValue10 } from "@vertz/ui";
-import { DialogOptions as DialogOptions2 } from "@vertz/ui-primitives";
-interface DialogRootProps extends DialogOptions2 {
-	children?: ChildValue10;
+import { ChildValue as ChildValue14 } from "@vertz/ui";
+interface DialogRootProps {
+	children?: ChildValue14;
+	onOpenChange?: (open: boolean) => void;
 }
 interface DialogSlotProps {
-	children?: ChildValue10;
+	children?: ChildValue14;
+	className?: string;
+	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface ThemedDialogComponent {
 	(props: DialogRootProps): HTMLElement;
 	Trigger: (props: DialogSlotProps) => HTMLElement;
 	Content: (props: DialogSlotProps) => HTMLElement;
-	Header: (props: DialogSlotProps) => HTMLDivElement;
-	Title: (props: DialogSlotProps) => HTMLHeadingElement;
-	Description: (props: DialogSlotProps) => HTMLParagraphElement;
-	Footer: (props: DialogSlotProps) => HTMLDivElement;
-}
-import { DialogElements, DialogOptions as DialogOptions3, DialogState } from "@vertz/ui-primitives";
-type DrawerSide = "left" | "right" | "top" | "bottom";
-interface ThemedDrawerOptions extends DialogOptions3 {
+	Header: (props: DialogSlotProps) => HTMLElement;
+	Title: (props: DialogSlotProps) => HTMLElement;
+	Description: (props: DialogSlotProps) => HTMLElement;
+	Footer: (props: DialogSlotProps) => HTMLElement;
+	Close: (props: DialogSlotProps) => HTMLElement;
+}
+import { ChildValue as ChildValue15 } from "@vertz/ui";
+import { SheetSide } from "@vertz/ui-primitives";
+type DrawerSide = SheetSide;
+interface DrawerRootProps {
 	side?: DrawerSide;
+	onOpenChange?: (open: boolean) => void;
+	children?: ChildValue15;
 }
-interface DrawerStyleClasses {
-	readonly overlay: string;
-	readonly panelLeft: string;
-	readonly panelRight: string;
-	readonly panelTop: string;
-	readonly panelBottom: string;
-	readonly title: string;
-	readonly description: string;
-	readonly handle: string;
-	readonly close: string;
+interface DrawerSlotProps {
+	children?: ChildValue15;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
 }
-declare function createThemedDrawer(styles: DrawerStyleClasses): (options?: ThemedDrawerOptions) => DialogElements & {
-	state: DialogState;
-	handle: HTMLDivElement;
-	description: HTMLParagraphElement;
-};
-import { ChildValue as ChildValue11 } from "@vertz/ui";
-import { MenuOptions } from "@vertz/ui-primitives";
-interface DropdownMenuRootProps extends MenuOptions {
-	children?: ChildValue11;
-	onOpenChange?: (isOpen: boolean) => void;
+interface ThemedDrawerComponent {
+	(props: DrawerRootProps): HTMLElement;
+	Trigger: (props: DrawerSlotProps) => HTMLElement;
+	Content: (props: DrawerSlotProps) => HTMLElement;
+	Header: (props: DrawerSlotProps) => HTMLElement;
+	Title: (props: DrawerSlotProps) => HTMLElement;
+	Description: (props: DrawerSlotProps) => HTMLElement;
+	Footer: (props: DrawerSlotProps) => HTMLElement;
+	Handle: (props: DrawerSlotProps) => HTMLElement;
+}
+import { ChildValue as ChildValue16 } from "@vertz/ui";
+interface DropdownMenuRootProps {
+	onSelect?: (value: string) => void;
+	onOpenChange?: (open: boolean) => void;
+	children?: ChildValue16;
 }
 interface DropdownMenuSlotProps {
-	children?: ChildValue11;
+	children?: ChildValue16;
+	className?: string;
+	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface DropdownMenuItemProps {
 	value: string;
-	children?: ChildValue11;
+	children?: ChildValue16;
+	className?: string;
+	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface DropdownMenuGroupProps {
 	label: string;
-	children?: ChildValue11;
+	children?: ChildValue16;
+	className?: string;
+	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface DropdownMenuLabelProps {
-	children?: ChildValue11;
+	children?: ChildValue16;
+	className?: string;
+	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface ThemedDropdownMenuComponent {
 	(props: DropdownMenuRootProps): HTMLElement;
 	Trigger: (props: DropdownMenuSlotProps) => HTMLElement;
 	Content: (props: DropdownMenuSlotProps) => HTMLElement;
-	Item: (props: DropdownMenuItemProps) => HTMLDivElement;
-	Group: (props: DropdownMenuGroupProps) => HTMLDivElement;
-	Label: (props: DropdownMenuLabelProps) => HTMLDivElement;
-	Separator: () => HTMLHRElement;
+	Item: (props: DropdownMenuItemProps) => HTMLElement;
+	Group: (props: DropdownMenuGroupProps) => HTMLElement;
+	Label: (props: DropdownMenuLabelProps) => HTMLElement;
+	Separator: (props: DropdownMenuSlotProps) => HTMLElement;
 }
 import { HoverCardElements, HoverCardOptions, HoverCardState } from "@vertz/ui-primitives";
 interface HoverCardStyleClasses {
@@ -341,54 +443,98 @@ interface HoverCardStyleClasses {
 declare function createThemedHoverCard(styles: HoverCardStyleClasses): (options?: HoverCardOptions) => HoverCardElements & {
 	state: HoverCardState;
 };
-import { MenubarElements, MenubarOptions, MenubarState } from "@vertz/ui-primitives";
-interface MenubarStyleClasses {
-	readonly root: string;
-	readonly trigger: string;
-	readonly content: string;
-	readonly item: string;
-	readonly separator: string;
-	readonly label: string;
-}
-interface ThemedMenubarResult extends MenubarElements {
-	state: MenubarState;
-	Menu: (value: string, label?: string) => {
-		trigger: HTMLButtonElement;
-		content: HTMLDivElement;
-		Item: (value: string, label?: string) => HTMLDivElement;
-		Group: (label: string) => {
-			el: HTMLDivElement;
-			Item: (value: string, label?: string) => HTMLDivElement;
-		};
-		Separator: () => HTMLHRElement;
-	};
+import { ChildValue as ChildValue17 } from "@vertz/ui";
+interface MenubarRootProps {
+	onSelect?: (value: string) => void;
+	children?: ChildValue17;
 }
-declare function createThemedMenubar(styles: MenubarStyleClasses): (options?: MenubarOptions) => ThemedMenubarResult;
-import { NavigationMenuElements, NavigationMenuOptions, NavigationMenuState } from "@vertz/ui-primitives";
-interface NavigationMenuStyleClasses {
-	readonly root: string;
-	readonly list: string;
-	readonly trigger: string;
-	readonly content: string;
-	readonly link: string;
-	readonly viewport: string;
+interface MenubarMenuProps {
+	value: string;
+	children?: ChildValue17;
 }
-interface ThemedNavigationMenuResult extends NavigationMenuElements {
-	state: NavigationMenuState;
-	Item: (value: string, label?: string) => {
-		trigger: HTMLButtonElement;
-		content: HTMLDivElement;
-	};
-	Link: (href: string, label: string) => HTMLAnchorElement;
+interface MenubarSlotProps {
+	children?: ChildValue17;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
 }
-declare function createThemedNavigationMenu(styles: NavigationMenuStyleClasses): (options?: NavigationMenuOptions) => ThemedNavigationMenuResult;
-import { ChildValue as ChildValue12 } from "@vertz/ui";
-import { PopoverOptions } from "@vertz/ui-primitives";
-interface PopoverRootProps extends PopoverOptions {
-	children?: ChildValue12;
+interface MenubarItemProps {
+	value: string;
+	children?: ChildValue17;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface MenubarGroupProps {
+	label: string;
+	children?: ChildValue17;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface MenubarLabelProps {
+	children?: ChildValue17;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ThemedMenubarComponent {
+	(props: MenubarRootProps): HTMLElement;
+	Menu: (props: MenubarMenuProps) => HTMLElement;
+	Trigger: (props: MenubarSlotProps) => HTMLElement;
+	Content: (props: MenubarSlotProps) => HTMLElement;
+	Item: (props: MenubarItemProps) => HTMLElement;
+	Group: (props: MenubarGroupProps) => HTMLElement;
+	Label: (props: MenubarLabelProps) => HTMLElement;
+	Separator: (props: MenubarSlotProps) => HTMLElement;
+}
+import { ChildValue as ChildValue18 } from "@vertz/ui";
+interface NavigationMenuRootProps {
+	orientation?: "horizontal" | "vertical";
+	delayOpen?: number;
+	delayClose?: number;
+	children?: ChildValue18;
+}
+interface NavigationMenuSlotProps {
+	children?: ChildValue18;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface NavigationMenuItemProps {
+	value: string;
+	children?: ChildValue18;
+}
+interface NavigationMenuLinkProps {
+	href: string;
+	children?: ChildValue18;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface NavigationMenuViewportProps {
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ThemedNavigationMenuComponent {
+	(props: NavigationMenuRootProps): HTMLElement;
+	List: (props: NavigationMenuSlotProps) => HTMLElement;
+	Item: (props: NavigationMenuItemProps) => HTMLElement;
+	Trigger: (props: NavigationMenuSlotProps) => HTMLElement;
+	Content: (props: NavigationMenuSlotProps) => HTMLElement;
+	Link: (props: NavigationMenuLinkProps) => HTMLElement;
+	Viewport: (props: NavigationMenuViewportProps) => HTMLElement;
+}
+import { ChildValue as ChildValue19 } from "@vertz/ui";
+interface PopoverRootProps {
+	onOpenChange?: (open: boolean) => void;
+	children?: ChildValue19;
 }
 interface PopoverSlotProps {
-	children?: ChildValue12;
+	children?: ChildValue19;
+	className?: string;
+	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface ThemedPopoverComponent {
@@ -396,10 +542,28 @@ interface ThemedPopoverComponent {
 	Trigger: (props: PopoverSlotProps) => HTMLElement;
 	Content: (props: PopoverSlotProps) => HTMLElement;
 }
-import { RadioElements, RadioState } from "@vertz/ui-primitives";
-interface ThemedRadioGroupResult extends RadioElements {
-	state: RadioState;
-	Item: (value: string, label?: string) => HTMLDivElement;
+import { ChildValue as ChildValue20 } from "@vertz/ui";
+interface ProgressRootProps {
+	children?: ChildValue20;
+	defaultValue?: number;
+	min?: number;
+	max?: number;
+}
+type ThemedProgressComponent = (props: ProgressRootProps) => HTMLElement;
+import { ChildValue as ChildValue21 } from "@vertz/ui";
+interface RadioGroupRootProps {
+	children?: ChildValue21;
+	defaultValue?: string;
+	onValueChange?: (value: string) => void;
+}
+interface RadioGroupItemProps {
+	value: string;
+	disabled?: boolean;
+	children?: ChildValue21;
+}
+interface ThemedRadioGroupComponent {
+	(props: RadioGroupRootProps): HTMLElement;
+	Item: (props: RadioGroupItemProps) => HTMLElement;
 }
 import { PanelOptions, ResizablePanelElements, ResizablePanelOptions, ResizablePanelState } from "@vertz/ui-primitives";
 interface ResizablePanelStyleClasses {
@@ -423,81 +587,113 @@ declare function createThemedScrollArea(styles: ScrollAreaStyleClasses): (option
 	state: ScrollAreaState;
 	update: () => void;
 };
-import { ChildValue as ChildValue13 } from "@vertz/ui";
-import { SelectOptions } from "@vertz/ui-primitives";
-interface SelectRootProps extends SelectOptions {
-	children?: ChildValue13;
+import { ChildValue as ChildValue22 } from "@vertz/ui";
+interface SelectRootProps {
+	defaultValue?: string;
+	placeholder?: string;
+	onValueChange?: (value: string) => void;
+	children?: ChildValue22;
 }
 interface SelectSlotProps {
-	children?: ChildValue13;
+	children?: ChildValue22;
+	className?: string;
+	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface SelectItemProps {
 	value: string;
-	children?: ChildValue13;
+	children?: ChildValue22;
+	className?: string;
+	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface SelectGroupProps {
 	label: string;
-	children?: ChildValue13;
+	children?: ChildValue22;
+	className?: string;
+	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface ThemedSelectComponent {
 	(props: SelectRootProps): HTMLElement;
 	Trigger: (props: SelectSlotProps) => HTMLElement;
 	Content: (props: SelectSlotProps) => HTMLElement;
-	Item: (props: SelectItemProps) => HTMLDivElement;
-	Group: (props: SelectGroupProps) => HTMLDivElement;
-	Separator: (props: SelectSlotProps) => HTMLHRElement;
+	Item: (props: SelectItemProps) => HTMLElement;
+	Group: (props: SelectGroupProps) => HTMLElement;
+	Separator: (props: SelectSlotProps) => HTMLElement;
 }
-import { ChildValue as ChildValue14 } from "@vertz/ui";
-import { DialogOptions as DialogOptions4 } from "@vertz/ui-primitives";
-type SheetSide = "left" | "right" | "top" | "bottom";
-interface SheetRootProps extends DialogOptions4 {
-	side?: SheetSide;
-	children?: ChildValue14;
+import { ChildValue as ChildValue23 } from "@vertz/ui";
+import { SheetSide as SheetSide2 } from "@vertz/ui-primitives";
+interface SheetRootProps {
+	side?: SheetSide2;
+	onOpenChange?: (open: boolean) => void;
+	children?: ChildValue23;
 }
 interface SheetSlotProps {
-	children?: ChildValue14;
+	children?: ChildValue23;
+	className?: string;
+	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface ThemedSheetComponent {
 	(props: SheetRootProps): HTMLElement;
 	Trigger: (props: SheetSlotProps) => HTMLElement;
 	Content: (props: SheetSlotProps) => HTMLElement;
-	Title: (props: SheetSlotProps) => HTMLHeadingElement;
-	Description: (props: SheetSlotProps) => HTMLParagraphElement;
-	Close: (props: SheetSlotProps) => HTMLButtonElement;
+	Title: (props: SheetSlotProps) => HTMLElement;
+	Description: (props: SheetSlotProps) => HTMLElement;
+	Close: (props: SheetSlotProps) => HTMLElement;
+}
+import { ChildValue as ChildValue24 } from "@vertz/ui";
+interface SliderRootProps {
+	children?: ChildValue24;
+	defaultValue?: number;
+	min?: number;
+	max?: number;
+	step?: number;
+	disabled?: boolean;
+	onValueChange?: (value: number) => void;
 }
-import { SwitchOptions } from "@vertz/ui-primitives";
-interface ThemedSwitchOptions extends SwitchOptions {
+type ThemedSliderComponent = (props: SliderRootProps) => HTMLElement;
+import { ChildValue as ChildValue25 } from "@vertz/ui";
+interface ThemedSwitchProps {
+	children?: ChildValue25;
+	defaultChecked?: boolean;
+	disabled?: boolean;
+	onCheckedChange?: (checked: boolean) => void;
 	size?: "default" | "sm";
 }
-import { ChildValue as ChildValue15 } from "@vertz/ui";
+type ThemedSwitchComponent = (props: ThemedSwitchProps) => HTMLElement;
+import { ChildValue as ChildValue26 } from "@vertz/ui";
 interface TabsRootProps {
 	defaultValue?: string;
 	variant?: "default" | "line";
-	children?: ChildValue15;
+	children?: ChildValue26;
 }
 interface TabsSlotProps {
-	children?: ChildValue15;
+	children?: ChildValue26;
+	className?: string;
+	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface TabsTriggerProps {
 	value: string;
-	children?: ChildValue15;
+	children?: ChildValue26;
+	className?: string;
+	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface TabsContentProps {
 	value: string;
-	children?: ChildValue15;
+	children?: ChildValue26;
+	className?: string;
+	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface ThemedTabsComponent {
-	(props: TabsRootProps): HTMLDivElement;
-	List: (props: TabsSlotProps) => HTMLDivElement;
-	Trigger: (props: TabsTriggerProps) => HTMLButtonElement;
-	Content: (props: TabsContentProps) => HTMLDivElement;
+	(props: TabsRootProps): HTMLElement;
+	List: (props: TabsSlotProps) => HTMLElement;
+	Trigger: (props: TabsTriggerProps) => HTMLElement;
+	Content: (props: TabsContentProps) => HTMLElement;
 }
 import { ToastElements, ToastMessage, ToastState } from "@vertz/ui-primitives";
 type ThemedToastResult = ToastElements & {
@@ -505,11 +701,14 @@ type ThemedToastResult = ToastElements & {
 	announce: (content: string) => ToastMessage;
 	dismiss: (id: string) => void;
 };
-import { ToggleOptions } from "@vertz/ui-primitives";
-interface ToggleStyleClasses {
-	readonly root: string;
+import { ChildValue as ChildValue27 } from "@vertz/ui";
+interface ToggleRootProps {
+	children?: ChildValue27;
+	defaultPressed?: boolean;
+	disabled?: boolean;
+	onPressedChange?: (pressed: boolean) => void;
 }
-declare function createThemedToggle(styles: ToggleStyleClasses): (options?: ToggleOptions) => HTMLElement;
+type ThemedToggleComponent = (props: ToggleRootProps) => HTMLElement;
 import { ToggleGroupElements, ToggleGroupOptions, ToggleGroupState } from "@vertz/ui-primitives";
 interface ToggleGroupStyleClasses {
 	readonly root: string;
@@ -519,13 +718,15 @@ declare function createThemedToggleGroup(styles: ToggleGroupStyleClasses): (opti
 	state: ToggleGroupState;
 	Item: (value: string) => HTMLButtonElement;
 };
-import { ChildValue as ChildValue16 } from "@vertz/ui";
-import { TooltipOptions } from "@vertz/ui-primitives";
-interface TooltipRootProps extends TooltipOptions {
-	children?: ChildValue16;
+import { ChildValue as ChildValue28 } from "@vertz/ui";
+interface TooltipRootProps {
+	delay?: number;
+	children?: ChildValue28;
 }
 interface TooltipSlotProps {
-	children?: ChildValue16;
+	children?: ChildValue28;
+	className?: string;
+	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface ThemedTooltipComponent {
@@ -534,9 +735,13 @@ interface ThemedTooltipComponent {
 	Content: (props: TooltipSlotProps) => HTMLElement;
 }
 interface SeparatorProps {
+	className?: string;
+	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface SkeletonProps {
+	className?: string;
+	/** @deprecated Use `className` instead. */
 	class?: string;
 	width?: string;
 	height?: string;
@@ -544,10 +749,12 @@ interface SkeletonProps {
 interface SkeletonComponents {
 	Skeleton: (props?: SkeletonProps) => HTMLDivElement;
 }
-import { ChildValue as ChildValue17 } from "@vertz/ui";
+import { ChildValue as ChildValue29 } from "@vertz/ui";
 interface TableProps {
+	className?: string;
+	/** @deprecated Use `className` instead. */
 	class?: string;
-	children?: ChildValue17;
+	children?: ChildValue29;
 }
 interface TableComponents {
 	Table: (props: TableProps) => HTMLDivElement;
@@ -559,7 +766,10 @@ interface TableComponents {
 	TableCaption: (props: TableProps) => HTMLTableCaptionElement;
 	TableFooter: (props: TableProps) => HTMLTableSectionElement;
 }
-interface TextareaProps {
+import { ElementEventHandlers as ElementEventHandlers3 } from "@vertz/ui-primitives";
+interface TextareaProps extends ElementEventHandlers3 {
+	className?: string;
+	/** @deprecated Use `className` instead. */
 	class?: string;
 	name?: string;
 	placeholder?: string;
@@ -645,8 +855,10 @@ type DrawerBlocks = {
 	panelRight: StyleEntry16[];
 	panelTop: StyleEntry16[];
 	panelBottom: StyleEntry16[];
+	header: StyleEntry16[];
 	title: StyleEntry16[];
 	description: StyleEntry16[];
+	footer: StyleEntry16[];
 	handle: StyleEntry16[];
 	close: StyleEntry16[];
 };
@@ -977,57 +1189,52 @@ interface ThemedPrimitives {
 	Select: ThemedSelectComponent;
 	/** Themed Tabs — composable JSX component with Tabs.List, Tabs.Trigger, Tabs.Content. */
 	Tabs: ThemedTabsComponent;
-	/** Themed Checkbox — wraps @vertz/ui-primitives Checkbox with shadcn styles. */
-	checkbox: (options?: CheckboxOptions) => HTMLButtonElement;
-	/** Themed Switch — wraps @vertz/ui-primitives Switch with shadcn styles. */
-	switch: (options?: ThemedSwitchOptions) => HTMLElement;
+	/** Themed Checkbox — composable JSX component wrapping @vertz/ui-primitives Checkbox. */
+	Checkbox: ThemedCheckboxComponent;
+	/** Themed Switch — composable JSX component wrapping @vertz/ui-primitives Switch. */
+	Switch: ThemedSwitchComponent;
 	/** Themed Popover — composable JSX component with Popover.Trigger, Popover.Content. */
 	Popover: ThemedPopoverComponent;
-	/** Themed Progress — wraps @vertz/ui-primitives Progress with shadcn styles. */
-	progress: (options?: ProgressOptions) => ProgressElements & {
-		state: ProgressState;
-		setValue: (value: number) => void;
-	};
-	/** Themed RadioGroup — wraps @vertz/ui-primitives Radio with shadcn styles. */
-	radioGroup: (options?: RadioOptions2) => ThemedRadioGroupResult;
-	/** Themed Slider — wraps @vertz/ui-primitives Slider with shadcn styles. */
-	slider: (options?: SliderOptions) => SliderElements & {
-		state: SliderState;
-	};
+	/** Themed Progress — composable JSX component wrapping @vertz/ui-primitives Progress. */
+	Progress: ThemedProgressComponent;
+	/** Themed RadioGroup — composable JSX component with RadioGroup.Item sub-components. */
+	RadioGroup: ThemedRadioGroupComponent;
+	/** Themed Slider — composable JSX component wrapping @vertz/ui-primitives Slider. */
+	Slider: ThemedSliderComponent;
 	/** Themed Accordion — composable JSX component with Accordion.Item, Accordion.Trigger, Accordion.Content. */
 	Accordion: ThemedAccordionComponent;
-	/** Themed Toast — wraps @vertz/ui-primitives Toast with shadcn styles. */
-	toast: (options?: ToastOptions2) => ThemedToastResult;
+	/** Themed Toast — factory wrapping @vertz/ui-primitives Toast with shadcn styles. */
+	Toast: (options?: ToastOptions2) => ThemedToastResult;
 	/** Themed Tooltip — composable JSX component with Tooltip.Trigger, Tooltip.Content. */
 	Tooltip: ThemedTooltipComponent;
 	/** Themed Sheet — composable JSX component with Sheet.Trigger, Sheet.Content, etc. */
 	Sheet: ThemedSheetComponent;
-	/** Themed Calendar — date grid with month navigation. */
-	calendar: ReturnType<typeof createThemedCalendar>;
-	/** Themed Carousel — slide navigation with prev/next controls. */
-	carousel: ReturnType<typeof createThemedCarousel>;
+	/** Themed Calendar — composable JSX component wrapping @vertz/ui-primitives Calendar. */
+	Calendar: ThemedCalendarComponent;
+	/** Themed Carousel — composable JSX component with Carousel.Slide, Carousel.Previous, Carousel.Next. */
+	Carousel: ThemedCarouselComponent;
 	/** Themed Collapsible — expandable/collapsible content section. */
 	collapsible: ReturnType<typeof createThemedCollapsible>;
-	/** Themed Command — searchable command palette. */
-	command: ReturnType<typeof createThemedCommand>;
-	/** Themed ContextMenu — right-click context menu. */
-	contextMenu: ReturnType<typeof createThemedContextMenu>;
+	/** Themed Command — composable JSX component with Command.Input, Command.List, Command.Item, Command.Group, etc. */
+	Command: ThemedCommandComponent;
+	/** Themed ContextMenu — composable JSX component with ContextMenu.Trigger, ContextMenu.Content, etc. */
+	ContextMenu: ThemedContextMenuComponent;
 	/** Themed DatePicker — date picker composing Calendar + Popover. */
 	datePicker: ReturnType<typeof createThemedDatePicker>;
-	/** Themed Drawer — bottom/side panel wrapping Dialog. */
-	drawer: ReturnType<typeof createThemedDrawer>;
+	/** Themed Drawer — composable JSX component with Drawer.Trigger, Drawer.Content, Drawer.Handle, etc. */
+	Drawer: ThemedDrawerComponent;
 	/** Themed HoverCard — hover-triggered interactive card. */
 	hoverCard: ReturnType<typeof createThemedHoverCard>;
-	/** Themed Menubar — horizontal menu bar with dropdowns. */
-	menubar: ReturnType<typeof createThemedMenubar>;
-	/** Themed NavigationMenu — site navigation with hover dropdowns. */
-	navigationMenu: ReturnType<typeof createThemedNavigationMenu>;
+	/** Themed Menubar — composable JSX component with Menubar.Menu, Menubar.Trigger, Menubar.Content, etc. */
+	Menubar: ThemedMenubarComponent;
+	/** Themed NavigationMenu — composable JSX component with NavigationMenu.List, NavigationMenu.Item, etc. */
+	NavigationMenu: ThemedNavigationMenuComponent;
 	/** Themed ResizablePanel — resizable panel layout with drag handles. */
 	resizablePanel: ReturnType<typeof createThemedResizablePanel>;
 	/** Themed ScrollArea — custom scrollbars. */
 	scrollArea: ReturnType<typeof createThemedScrollArea>;
-	/** Themed Toggle — toggle button with pressed state. */
-	toggle: ReturnType<typeof createThemedToggle>;
+	/** Themed Toggle — composable JSX component wrapping @vertz/ui-primitives Toggle. */
+	Toggle: ThemedToggleComponent;
 	/** Themed ToggleGroup — group of toggle buttons. */
 	toggleGroup: ReturnType<typeof createThemedToggleGroup>;
 }
@@ -1080,4 +1287,51 @@ interface ResolvedTheme extends ResolvedThemeBase {
 * component styles, use `configureThemeBase()` from `@vertz/theme-shadcn/base`.
 */
 declare function configureTheme(config?: ThemeConfig): ResolvedTheme;
+declare module "@vertz/ui/components" {
+	interface ThemeComponentMap {
+		Button: (props: ButtonProps) => HTMLButtonElement;
+		Badge: (props: BadgeProps) => HTMLSpanElement;
+		Input: (props: InputProps) => HTMLInputElement;
+		Textarea: (props: TextareaProps) => HTMLTextAreaElement;
+		Label: (props: LabelProps) => HTMLLabelElement;
+		Separator: (props: SeparatorProps) => HTMLHRElement;
+		Breadcrumb: BreadcrumbComponents;
+		Pagination: PaginationComponents;
+		Alert: AlertComponents;
+		Card: CardComponents;
+		FormGroup: FormGroupComponents;
+		Avatar: AvatarComponents;
+		Skeleton: SkeletonComponents;
+		Table: TableComponents;
+		AlertDialog: ThemedAlertDialogComponent;
+		Dialog: ThemedDialogComponent;
+		DropdownMenu: ThemedDropdownMenuComponent;
+		Select: ThemedSelectComponent;
+		Tabs: ThemedTabsComponent;
+		Popover: ThemedPopoverComponent;
+		RadioGroup: ThemedRadioGroupComponent;
+		Accordion: ThemedAccordionComponent;
+		ContextMenu: ThemedContextMenuComponent;
+		Tooltip: ThemedTooltipComponent;
+		Sheet: ThemedSheetComponent;
+		Drawer: ThemedDrawerComponent;
+		Menubar: ThemedMenubarComponent;
+		Calendar: ThemedCalendarComponent;
+		Checkbox: ThemedCheckboxComponent;
+		Switch: ThemedSwitchComponent;
+		Progress: ThemedProgressComponent;
+		Slider: ThemedSliderComponent;
+		Toggle: ThemedToggleComponent;
+		Toast: ThemedPrimitives["Toast"];
+		Carousel: ThemedCarouselComponent;
+		Command: ThemedCommandComponent;
+		collapsible: ThemedPrimitives["collapsible"];
+		datePicker: ThemedPrimitives["datePicker"];
+		hoverCard: ThemedPrimitives["hoverCard"];
+		NavigationMenu: ThemedNavigationMenuComponent;
+		resizablePanel: ThemedPrimitives["resizablePanel"];
+		scrollArea: ThemedPrimitives["scrollArea"];
+		toggleGroup: ThemedPrimitives["toggleGroup"];
+	}
+}
 export { configureTheme, ThemedPrimitives, ThemeStyles, ThemeStyle, ThemeConfig, ThemeComponents, ResolvedThemeBase, ResolvedTheme };