@vertz/theme-shadcn 0.2.21 → 0.2.23

package/dist/index.d.ts

@@ -224,6 +224,7 @@ interface CalendarRootProps {
 	weekStartsOn?: ComposedCalendarProps["weekStartsOn"];
 	onValueChange?: ComposedCalendarProps["onValueChange"];
 	onMonthChange?: (month: Date) => void;
+	captionLayout?: ComposedCalendarProps["captionLayout"];
 }
 type ThemedCalendarComponent = (props: CalendarRootProps) => HTMLElement;
 import { ChildValue as ChildValue10 } from "@vertz/ui";
@@ -255,30 +256,41 @@ interface CheckboxRootProps {
 	onCheckedChange?: (checked: CheckedState) => void;
 }
 type ThemedCheckboxComponent = (props: CheckboxRootProps) => HTMLElement;
-import { CollapsibleElements, CollapsibleOptions, CollapsibleState } from "@vertz/ui-primitives";
-interface CollapsibleStyleClasses {
-	readonly content: string;
-}
-declare function createThemedCollapsible(styles: CollapsibleStyleClasses): (options?: CollapsibleOptions) => CollapsibleElements & {
-	state: CollapsibleState;
-};
 import { ChildValue as ChildValue12 } from "@vertz/ui";
+interface CollapsibleRootProps {
+	defaultOpen?: boolean;
+	disabled?: boolean;
+	onOpenChange?: (open: boolean) => void;
+	children?: ChildValue12;
+}
+interface CollapsibleSlotProps {
+	children?: ChildValue12;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ThemedCollapsibleComponent {
+	(props: CollapsibleRootProps): HTMLElement;
+	Trigger: (props: CollapsibleSlotProps) => HTMLElement;
+	Content: (props: CollapsibleSlotProps) => HTMLElement;
+}
+import { ChildValue as ChildValue13 } from "@vertz/ui";
 interface CommandRootProps {
 	filter?: (value: string, search: string) => boolean;
 	onSelect?: (value: string) => void;
 	onInputChange?: (value: string) => void;
 	placeholder?: string;
-	children?: ChildValue12;
+	children?: ChildValue13;
 }
 interface CommandSlotProps {
-	children?: ChildValue12;
+	children?: ChildValue13;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface CommandItemProps {
 	value: string;
-	children?: ChildValue12;
+	children?: ChildValue13;
 	keywords?: string[];
 	className?: string;
 	/** @deprecated Use `className` instead. */
@@ -286,7 +298,7 @@ interface CommandItemProps {
 }
 interface CommandGroupProps {
 	label: string;
-	children?: ChildValue12;
+	children?: ChildValue13;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
@@ -300,33 +312,33 @@ interface ThemedCommandComponent {
 	Group: (props: CommandGroupProps) => HTMLElement;
 	Separator: (props: CommandSlotProps) => HTMLElement;
 }
-import { ChildValue as ChildValue13 } from "@vertz/ui";
+import { ChildValue as ChildValue14 } from "@vertz/ui";
 interface ContextMenuRootProps {
 	onSelect?: (value: string) => void;
-	children?: ChildValue13;
+	children?: ChildValue14;
 }
 interface ContextMenuSlotProps {
-	children?: ChildValue13;
+	children?: ChildValue14;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface ContextMenuItemProps {
 	value: string;
-	children?: ChildValue13;
+	children?: ChildValue14;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface ContextMenuGroupProps {
 	label: string;
-	children?: ChildValue13;
+	children?: ChildValue14;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface ContextMenuLabelProps {
-	children?: ChildValue13;
+	children?: ChildValue14;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
@@ -340,47 +352,73 @@ interface ThemedContextMenuComponent {
 	Label: (props: ContextMenuLabelProps) => HTMLElement;
 	Separator: (props: ContextMenuSlotProps) => HTMLElement;
 }
-import { DatePickerElements, DatePickerOptions, DatePickerState } from "@vertz/ui-primitives";
-interface DatePickerStyleClasses {
-	readonly trigger: string;
-	readonly content: string;
+import { ChildValue as ChildValue15 } from "@vertz/ui";
+import { ComposedCalendarProps as ComposedCalendarProps2 } from "@vertz/ui-primitives";
+interface DatePickerRootProps {
+	mode?: "single" | "range";
+	defaultValue?: Date | {
+		from: Date;
+		to: Date;
+	};
+	defaultMonth?: Date;
+	minDate?: Date;
+	maxDate?: Date;
+	disabled?: (date: Date) => boolean;
+	formatDate?: (date: Date) => string;
+	placeholder?: string;
+	onValueChange?: (value: Date | {
+		from: Date;
+		to: Date;
+	} | null) => void;
+	onOpenChange?: (open: boolean) => void;
+	captionLayout?: ComposedCalendarProps2["captionLayout"];
+	children?: ChildValue15;
 }
-declare function createThemedDatePicker(styles: DatePickerStyleClasses): (options?: DatePickerOptions) => DatePickerElements & {
-	state: DatePickerState;
-	show: () => void;
-	hide: () => void;
-};
-import { ChildValue as ChildValue14 } from "@vertz/ui";
+interface DatePickerSlotProps {
+	children?: ChildValue15;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ThemedDatePickerComponent {
+	(props: DatePickerRootProps): HTMLElement;
+	Trigger: (props: DatePickerSlotProps) => HTMLElement;
+	Content: (props: DatePickerSlotProps) => HTMLElement;
+}
+import { ChildValue as ChildValue16 } from "@vertz/ui";
 interface DialogRootProps {
-	children?: ChildValue14;
+	children?: ChildValue16;
 	onOpenChange?: (open: boolean) => void;
 }
 interface DialogSlotProps {
-	children?: ChildValue14;
+	children?: ChildValue16;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
+interface DialogContentProps extends DialogSlotProps {
+	showClose?: boolean;
+}
 interface ThemedDialogComponent {
 	(props: DialogRootProps): HTMLElement;
 	Trigger: (props: DialogSlotProps) => HTMLElement;
-	Content: (props: DialogSlotProps) => HTMLElement;
+	Content: (props: DialogContentProps) => HTMLElement;
 	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 { ChildValue as ChildValue17 } from "@vertz/ui";
 import { SheetSide } from "@vertz/ui-primitives";
 type DrawerSide = SheetSide;
 interface DrawerRootProps {
 	side?: DrawerSide;
 	onOpenChange?: (open: boolean) => void;
-	children?: ChildValue15;
+	children?: ChildValue17;
 }
 interface DrawerSlotProps {
-	children?: ChildValue15;
+	children?: ChildValue17;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
@@ -395,34 +433,34 @@ interface ThemedDrawerComponent {
 	Footer: (props: DrawerSlotProps) => HTMLElement;
 	Handle: (props: DrawerSlotProps) => HTMLElement;
 }
-import { ChildValue as ChildValue16 } from "@vertz/ui";
+import { ChildValue as ChildValue18 } from "@vertz/ui";
 interface DropdownMenuRootProps {
 	onSelect?: (value: string) => void;
 	onOpenChange?: (open: boolean) => void;
-	children?: ChildValue16;
+	children?: ChildValue18;
 }
 interface DropdownMenuSlotProps {
-	children?: ChildValue16;
+	children?: ChildValue18;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface DropdownMenuItemProps {
 	value: string;
-	children?: ChildValue16;
+	children?: ChildValue18;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface DropdownMenuGroupProps {
 	label: string;
-	children?: ChildValue16;
+	children?: ChildValue18;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface DropdownMenuLabelProps {
-	children?: ChildValue16;
+	children?: ChildValue18;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
@@ -436,44 +474,55 @@ interface ThemedDropdownMenuComponent {
 	Label: (props: DropdownMenuLabelProps) => HTMLElement;
 	Separator: (props: DropdownMenuSlotProps) => HTMLElement;
 }
-import { HoverCardElements, HoverCardOptions, HoverCardState } from "@vertz/ui-primitives";
-interface HoverCardStyleClasses {
-	readonly content: string;
+import { ChildValue as ChildValue19 } from "@vertz/ui";
+interface HoverCardRootProps {
+	openDelay?: number;
+	closeDelay?: number;
+	onOpenChange?: (open: boolean) => void;
+	children?: ChildValue19;
 }
-declare function createThemedHoverCard(styles: HoverCardStyleClasses): (options?: HoverCardOptions) => HoverCardElements & {
-	state: HoverCardState;
-};
-import { ChildValue as ChildValue17 } from "@vertz/ui";
+interface HoverCardSlotProps {
+	children?: ChildValue19;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ThemedHoverCardComponent {
+	(props: HoverCardRootProps): HTMLElement;
+	Trigger: (props: HoverCardSlotProps) => HTMLElement;
+	Content: (props: HoverCardSlotProps) => HTMLElement;
+}
+import { ChildValue as ChildValue20 } from "@vertz/ui";
 interface MenubarRootProps {
 	onSelect?: (value: string) => void;
-	children?: ChildValue17;
+	children?: ChildValue20;
 }
 interface MenubarMenuProps {
 	value: string;
-	children?: ChildValue17;
+	children?: ChildValue20;
 }
 interface MenubarSlotProps {
-	children?: ChildValue17;
+	children?: ChildValue20;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface MenubarItemProps {
 	value: string;
-	children?: ChildValue17;
+	children?: ChildValue20;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface MenubarGroupProps {
 	label: string;
-	children?: ChildValue17;
+	children?: ChildValue20;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface MenubarLabelProps {
-	children?: ChildValue17;
+	children?: ChildValue20;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
@@ -488,26 +537,26 @@ interface ThemedMenubarComponent {
 	Label: (props: MenubarLabelProps) => HTMLElement;
 	Separator: (props: MenubarSlotProps) => HTMLElement;
 }
-import { ChildValue as ChildValue18 } from "@vertz/ui";
+import { ChildValue as ChildValue21 } from "@vertz/ui";
 interface NavigationMenuRootProps {
 	orientation?: "horizontal" | "vertical";
 	delayOpen?: number;
 	delayClose?: number;
-	children?: ChildValue18;
+	children?: ChildValue21;
 }
 interface NavigationMenuSlotProps {
-	children?: ChildValue18;
+	children?: ChildValue21;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface NavigationMenuItemProps {
 	value: string;
-	children?: ChildValue18;
+	children?: ChildValue21;
 }
 interface NavigationMenuLinkProps {
 	href: string;
-	children?: ChildValue18;
+	children?: ChildValue21;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
@@ -526,13 +575,13 @@ interface ThemedNavigationMenuComponent {
 	Link: (props: NavigationMenuLinkProps) => HTMLElement;
 	Viewport: (props: NavigationMenuViewportProps) => HTMLElement;
 }
-import { ChildValue as ChildValue19 } from "@vertz/ui";
+import { ChildValue as ChildValue22 } from "@vertz/ui";
 interface PopoverRootProps {
 	onOpenChange?: (open: boolean) => void;
-	children?: ChildValue19;
+	children?: ChildValue22;
 }
 interface PopoverSlotProps {
-	children?: ChildValue19;
+	children?: ChildValue22;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
@@ -542,74 +591,87 @@ interface ThemedPopoverComponent {
 	Trigger: (props: PopoverSlotProps) => HTMLElement;
 	Content: (props: PopoverSlotProps) => HTMLElement;
 }
-import { ChildValue as ChildValue20 } from "@vertz/ui";
+import { ChildValue as ChildValue23 } from "@vertz/ui";
 interface ProgressRootProps {
-	children?: ChildValue20;
+	children?: ChildValue23;
 	defaultValue?: number;
 	min?: number;
 	max?: number;
 }
 type ThemedProgressComponent = (props: ProgressRootProps) => HTMLElement;
-import { ChildValue as ChildValue21 } from "@vertz/ui";
+import { ChildValue as ChildValue24 } from "@vertz/ui";
 interface RadioGroupRootProps {
-	children?: ChildValue21;
+	children?: ChildValue24;
 	defaultValue?: string;
 	onValueChange?: (value: string) => void;
 }
 interface RadioGroupItemProps {
 	value: string;
 	disabled?: boolean;
-	children?: ChildValue21;
+	children?: ChildValue24;
 }
 interface ThemedRadioGroupComponent {
 	(props: RadioGroupRootProps): HTMLElement;
 	Item: (props: RadioGroupItemProps) => HTMLElement;
 }
-import { PanelOptions, ResizablePanelElements, ResizablePanelOptions, ResizablePanelState } from "@vertz/ui-primitives";
+import { ChildValue as ChildValue25 } from "@vertz/ui";
+import { PanelOptions } from "@vertz/ui-primitives";
 interface ResizablePanelStyleClasses {
 	readonly root: string;
 	readonly panel: string;
 	readonly handle: string;
 }
-declare function createThemedResizablePanel(styles: ResizablePanelStyleClasses): (options?: ResizablePanelOptions) => ResizablePanelElements & {
-	state: ResizablePanelState;
-	Panel: (panelOptions?: PanelOptions) => HTMLDivElement;
-	Handle: () => HTMLDivElement;
-};
-import { ScrollAreaElements, ScrollAreaOptions, ScrollAreaState } from "@vertz/ui-primitives";
-interface ScrollAreaStyleClasses {
-	readonly root: string;
-	readonly viewport: string;
-	readonly scrollbar: string;
-	readonly thumb: string;
+interface ResizablePanelRootProps {
+	orientation?: "horizontal" | "vertical";
+	onResize?: (sizes: number[]) => void;
+	children?: ChildValue25;
 }
-declare function createThemedScrollArea(styles: ScrollAreaStyleClasses): (options?: ScrollAreaOptions) => ScrollAreaElements & {
-	state: ScrollAreaState;
-	update: () => void;
-};
-import { ChildValue as ChildValue22 } from "@vertz/ui";
+interface ResizablePanelPanelProps extends PanelOptions {
+	children?: ChildValue25;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ResizablePanelHandleProps {
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ThemedResizablePanelComponent {
+	(props: ResizablePanelRootProps): HTMLElement;
+	Panel: (props: ResizablePanelPanelProps) => HTMLElement;
+	Handle: (props: ResizablePanelHandleProps) => HTMLElement;
+}
+declare function createThemedResizablePanel(styles: ResizablePanelStyleClasses): ThemedResizablePanelComponent;
+import { ChildValue as ChildValue26 } from "@vertz/ui";
+interface ScrollAreaRootProps {
+	orientation?: "vertical" | "horizontal" | "both";
+	children?: ChildValue26;
+}
+type ThemedScrollAreaComponent = (props: ScrollAreaRootProps) => HTMLElement;
+import { ChildValue as ChildValue27 } from "@vertz/ui";
 interface SelectRootProps {
 	defaultValue?: string;
 	placeholder?: string;
 	onValueChange?: (value: string) => void;
-	children?: ChildValue22;
+	children?: ChildValue27;
 }
 interface SelectSlotProps {
-	children?: ChildValue22;
+	children?: ChildValue27;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface SelectItemProps {
 	value: string;
-	children?: ChildValue22;
+	children?: ChildValue27;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface SelectGroupProps {
 	label: string;
-	children?: ChildValue22;
+	children?: ChildValue27;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
@@ -622,30 +684,33 @@ interface ThemedSelectComponent {
 	Group: (props: SelectGroupProps) => HTMLElement;
 	Separator: (props: SelectSlotProps) => HTMLElement;
 }
-import { ChildValue as ChildValue23 } from "@vertz/ui";
+import { ChildValue as ChildValue28 } from "@vertz/ui";
 import { SheetSide as SheetSide2 } from "@vertz/ui-primitives";
 interface SheetRootProps {
 	side?: SheetSide2;
 	onOpenChange?: (open: boolean) => void;
-	children?: ChildValue23;
+	children?: ChildValue28;
 }
 interface SheetSlotProps {
-	children?: ChildValue23;
+	children?: ChildValue28;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
+interface SheetContentProps extends SheetSlotProps {
+	showClose?: boolean;
+}
 interface ThemedSheetComponent {
 	(props: SheetRootProps): HTMLElement;
 	Trigger: (props: SheetSlotProps) => HTMLElement;
-	Content: (props: SheetSlotProps) => HTMLElement;
+	Content: (props: SheetContentProps) => HTMLElement;
 	Title: (props: SheetSlotProps) => HTMLElement;
 	Description: (props: SheetSlotProps) => HTMLElement;
 	Close: (props: SheetSlotProps) => HTMLElement;
 }
-import { ChildValue as ChildValue24 } from "@vertz/ui";
+import { ChildValue as ChildValue29 } from "@vertz/ui";
 interface SliderRootProps {
-	children?: ChildValue24;
+	children?: ChildValue29;
 	defaultValue?: number;
 	min?: number;
 	max?: number;
@@ -654,37 +719,37 @@ interface SliderRootProps {
 	onValueChange?: (value: number) => void;
 }
 type ThemedSliderComponent = (props: SliderRootProps) => HTMLElement;
-import { ChildValue as ChildValue25 } from "@vertz/ui";
+import { ChildValue as ChildValue30 } from "@vertz/ui";
 interface ThemedSwitchProps {
-	children?: ChildValue25;
+	children?: ChildValue30;
 	defaultChecked?: boolean;
 	disabled?: boolean;
 	onCheckedChange?: (checked: boolean) => void;
 	size?: "default" | "sm";
 }
 type ThemedSwitchComponent = (props: ThemedSwitchProps) => HTMLElement;
-import { ChildValue as ChildValue26 } from "@vertz/ui";
+import { ChildValue as ChildValue31 } from "@vertz/ui";
 interface TabsRootProps {
 	defaultValue?: string;
 	variant?: "default" | "line";
-	children?: ChildValue26;
+	children?: ChildValue31;
 }
 interface TabsSlotProps {
-	children?: ChildValue26;
+	children?: ChildValue31;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface TabsTriggerProps {
 	value: string;
-	children?: ChildValue26;
+	children?: ChildValue31;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface TabsContentProps {
 	value: string;
-	children?: ChildValue26;
+	children?: ChildValue31;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
@@ -701,30 +766,38 @@ type ThemedToastResult = ToastElements & {
 	announce: (content: string) => ToastMessage;
 	dismiss: (id: string) => void;
 };
-import { ChildValue as ChildValue27 } from "@vertz/ui";
+import { ChildValue as ChildValue32 } from "@vertz/ui";
 interface ToggleRootProps {
-	children?: ChildValue27;
+	children?: ChildValue32;
 	defaultPressed?: boolean;
 	disabled?: boolean;
 	onPressedChange?: (pressed: boolean) => void;
 }
 type ThemedToggleComponent = (props: ToggleRootProps) => HTMLElement;
-import { ToggleGroupElements, ToggleGroupOptions, ToggleGroupState } from "@vertz/ui-primitives";
-interface ToggleGroupStyleClasses {
-	readonly root: string;
-	readonly item: string;
+import { ChildValue as ChildValue33 } from "@vertz/ui";
+interface ToggleGroupRootProps {
+	children?: ChildValue33;
+	type?: "single" | "multiple";
+	defaultValue?: string[];
+	orientation?: "horizontal" | "vertical";
+	disabled?: boolean;
+	onValueChange?: (value: string[]) => void;
 }
-declare function createThemedToggleGroup(styles: ToggleGroupStyleClasses): (options?: ToggleGroupOptions) => ToggleGroupElements & {
-	state: ToggleGroupState;
-	Item: (value: string) => HTMLButtonElement;
-};
-import { ChildValue as ChildValue28 } from "@vertz/ui";
+interface ToggleGroupItemProps {
+	value: string;
+	children?: ChildValue33;
+}
+interface ThemedToggleGroupComponent {
+	(props: ToggleGroupRootProps): HTMLElement;
+	Item: (props: ToggleGroupItemProps) => HTMLElement;
+}
+import { ChildValue as ChildValue34 } from "@vertz/ui";
 interface TooltipRootProps {
 	delay?: number;
-	children?: ChildValue28;
+	children?: ChildValue34;
 }
 interface TooltipSlotProps {
-	children?: ChildValue28;
+	children?: ChildValue34;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
@@ -735,6 +808,7 @@ interface ThemedTooltipComponent {
 	Content: (props: TooltipSlotProps) => HTMLElement;
 }
 interface SeparatorProps {
+	orientation?: "horizontal" | "vertical";
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
@@ -749,12 +823,12 @@ interface SkeletonProps {
 interface SkeletonComponents {
 	Skeleton: (props?: SkeletonProps) => HTMLDivElement;
 }
-import { ChildValue as ChildValue29 } from "@vertz/ui";
+import { ChildValue as ChildValue35 } from "@vertz/ui";
 interface TableProps {
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
-	children?: ChildValue29;
+	children?: ChildValue35;
 }
 interface TableComponents {
 	Table: (props: TableProps) => HTMLDivElement;
@@ -799,6 +873,8 @@ type CalendarBlocks = {
 	headCell: StyleEntry8[];
 	cell: StyleEntry8[];
 	dayButton: StyleEntry8[];
+	monthSelect: StyleEntry8[];
+	yearSelect: StyleEntry8[];
 };
 /** Create calendar css() styles. */
 declare function createCalendarStyles(): CSSOutput16<CalendarBlocks>;
@@ -899,6 +975,7 @@ type PaginationBlocks = {
 	item: StyleEntry23[];
 	link: StyleEntry23[];
 	linkActive: StyleEntry23[];
+	navButton: StyleEntry23[];
 	ellipsis: StyleEntry23[];
 };
 /** Create pagination css() styles. */
@@ -1214,29 +1291,29 @@ interface ThemedPrimitives {
 	/** Themed Carousel — composable JSX component with Carousel.Slide, Carousel.Previous, Carousel.Next. */
 	Carousel: ThemedCarouselComponent;
 	/** Themed Collapsible — expandable/collapsible content section. */
-	collapsible: ReturnType<typeof createThemedCollapsible>;
+	Collapsible: ThemedCollapsibleComponent;
 	/** 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 DatePicker — composable JSX component with DatePicker.Trigger, DatePicker.Content. */
+	DatePicker: ThemedDatePickerComponent;
 	/** 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>;
+	HoverCard: ThemedHoverCardComponent;
 	/** 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>;
+	ResizablePanel: ReturnType<typeof createThemedResizablePanel>;
+	/** Themed ScrollArea — composable JSX component wrapping @vertz/ui-primitives ScrollArea. */
+	ScrollArea: ThemedScrollAreaComponent;
 	/** Themed Toggle — composable JSX component wrapping @vertz/ui-primitives Toggle. */
 	Toggle: ThemedToggleComponent;
-	/** Themed ToggleGroup — group of toggle buttons. */
-	toggleGroup: ReturnType<typeof createThemedToggleGroup>;
+	/** Themed ToggleGroup — composable JSX component with ToggleGroup.Item sub-components. */
+	ToggleGroup: ThemedToggleGroupComponent;
 }
 /** Component functions returned by configureTheme(). */
 interface ThemeComponents {
@@ -1325,13 +1402,13 @@ declare module "@vertz/ui/components" {
 		Toast: ThemedPrimitives["Toast"];
 		Carousel: ThemedCarouselComponent;
 		Command: ThemedCommandComponent;
-		collapsible: ThemedPrimitives["collapsible"];
-		datePicker: ThemedPrimitives["datePicker"];
-		hoverCard: ThemedPrimitives["hoverCard"];
+		Collapsible: ThemedCollapsibleComponent;
+		DatePicker: ThemedDatePickerComponent;
+		HoverCard: ThemedHoverCardComponent;
 		NavigationMenu: ThemedNavigationMenuComponent;
-		resizablePanel: ThemedPrimitives["resizablePanel"];
-		scrollArea: ThemedPrimitives["scrollArea"];
-		toggleGroup: ThemedPrimitives["toggleGroup"];
+		ResizablePanel: ThemedResizablePanelComponent;
+		ScrollArea: ThemedPrimitives["ScrollArea"];
+		ToggleGroup: ThemedToggleGroupComponent;
 	}
 }
 export { configureTheme, ThemedPrimitives, ThemeStyles, ThemeStyle, ThemeConfig, ThemeComponents, ResolvedThemeBase, ResolvedTheme };