@vertz/ui-primitives 0.2.21 → 0.2.23

package/dist/src/index.d.ts

@@ -794,6 +794,8 @@ interface CalendarClasses {
 	headCell?: string;
 	cell?: string;
 	dayButton?: string;
+	monthSelect?: string;
+	yearSelect?: string;
 }
 type CalendarClassKey = keyof CalendarClasses;
 interface ComposedCalendarProps {
@@ -813,6 +815,13 @@ interface ComposedCalendarProps {
 		to: Date;
 	} | null) => void;
 	onMonthChange?: (month: Date) => void;
+	/**
+	* Controls how the calendar header navigation is rendered.
+	* - 'buttons' (default): prev/next arrow buttons only
+	* - 'dropdown': month + year <select> elements, no arrow buttons
+	* - 'dropdown-buttons': month + year <select> elements AND arrow buttons
+	*/
+	captionLayout?: "buttons" | "dropdown" | "dropdown-buttons";
 }
 declare const ComposedCalendar: ((props: ComposedCalendarProps) => HTMLElement) & {
 	__classKeys?: CalendarClassKey;
@@ -865,6 +874,31 @@ declare const ComposedCheckbox: ((props: ComposedCheckboxProps) => HTMLElement)
 	__classKeys?: CheckboxClassKey;
 };
 import { ChildValue as ChildValue5 } from "@vertz/ui";
+interface CollapsibleClasses {
+	root?: string;
+	trigger?: string;
+	content?: string;
+}
+type CollapsibleClassKey = keyof CollapsibleClasses;
+interface SlotProps4 {
+	children?: ChildValue5;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ComposedCollapsibleProps {
+	children?: ChildValue5;
+	classes?: CollapsibleClasses;
+	defaultOpen?: boolean;
+	disabled?: boolean;
+	onOpenChange?: (open: boolean) => void;
+}
+declare const ComposedCollapsible: ((props: ComposedCollapsibleProps) => HTMLElement) & {
+	__classKeys?: CollapsibleClassKey;
+	Trigger: (props: SlotProps4) => HTMLElement;
+	Content: (props: SlotProps4) => HTMLElement;
+};
+import { ChildValue as ChildValue6 } from "@vertz/ui";
 interface CommandClasses {
 	root?: string;
 	input?: string;
@@ -881,20 +915,20 @@ interface CommandInputProps {
 	class?: string;
 }
 interface CommandListProps {
-	children?: ChildValue5;
+	children?: ChildValue6;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface CommandEmptyProps {
-	children?: ChildValue5;
+	children?: ChildValue6;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface CommandItemProps {
 	value: string;
-	children?: ChildValue5;
+	children?: ChildValue6;
 	keywords?: string[];
 	className?: string;
 	/** @deprecated Use `className` instead. */
@@ -902,7 +936,7 @@ interface CommandItemProps {
 }
 interface CommandGroupProps {
 	label: string;
-	children?: ChildValue5;
+	children?: ChildValue6;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
@@ -913,7 +947,7 @@ interface CommandSeparatorProps {
 	class?: string;
 }
 interface ComposedCommandProps {
-	children?: ChildValue5;
+	children?: ChildValue6;
 	classes?: CommandClasses;
 	filter?: (value: string, search: string) => boolean;
 	onSelect?: (value: string) => void;
@@ -930,14 +964,14 @@ declare const ComposedCommand: ((props: ComposedCommandProps) => HTMLElement) &
 	Group: (props: CommandGroupProps) => HTMLElement;
 	Separator: (props: CommandSeparatorProps) => HTMLElement;
 };
-import { ChildValue as ChildValue6 } from "@vertz/ui";
+import { ChildValue as ChildValue7 } from "@vertz/ui";
 /**
 * A composed primitive is a callable function with a `__classKeys` phantom brand
 * that defines the valid class keys for that component.
 */
 interface ComposedPrimitive<K extends string = string> {
 	(props: {
-		children?: ChildValue6;
+		children?: ChildValue7;
 		classes?: Partial<Record<K, string>>;
 		[key: string]: unknown;
 	}): HTMLElement;
@@ -958,7 +992,7 @@ type StyledPrimitive<C extends ComposedPrimitive> = ((props: Omit<Parameters<C>[
 * with all sub-component properties preserved.
 */
 declare function withStyles<C extends ComposedPrimitive>(component: C, classes: ClassesOf<C>): StyledPrimitive<C>;
-import { ChildValue as ChildValue7 } from "@vertz/ui";
+import { ChildValue as ChildValue8 } from "@vertz/ui";
 interface ContextMenuClasses {
 	content?: string;
 	item?: string;
@@ -966,35 +1000,75 @@ interface ContextMenuClasses {
 	label?: string;
 	separator?: string;
 }
-interface SlotProps4 {
-	children?: ChildValue7;
+interface SlotProps5 {
+	children?: ChildValue8;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
-interface ItemProps2 extends SlotProps4 {
+interface ItemProps2 extends SlotProps5 {
 	value: string;
 }
-interface GroupProps extends SlotProps4 {
+interface GroupProps extends SlotProps5 {
 	label: string;
 }
 interface ComposedContextMenuProps {
-	children?: ChildValue7;
+	children?: ChildValue8;
 	classes?: ContextMenuClasses;
 	onSelect?: (value: string) => void;
+	onOpenChange?: (open: boolean) => void;
 	positioning?: FloatingOptions;
 }
 type ContextMenuClassKey = keyof ContextMenuClasses;
 declare const ComposedContextMenu: ((props: ComposedContextMenuProps) => HTMLElement) & {
 	__classKeys?: ContextMenuClassKey;
-	Trigger: (props: SlotProps4) => HTMLElement;
-	Content: (props: SlotProps4) => HTMLElement;
+	Trigger: (props: SlotProps5) => HTMLElement;
+	Content: (props: SlotProps5) => HTMLElement;
 	Item: (props: ItemProps2) => HTMLElement;
 	Group: (props: GroupProps) => HTMLElement;
-	Label: (props: SlotProps4) => HTMLElement;
-	Separator: (props: SlotProps4) => HTMLElement;
+	Label: (props: SlotProps5) => HTMLElement;
+	Separator: (props: SlotProps5) => HTMLElement;
 };
-import { ChildValue as ChildValue8 } from "@vertz/ui";
+import { ChildValue as ChildValue9 } from "@vertz/ui";
+interface DatePickerClasses {
+	trigger?: string;
+	content?: string;
+	calendar?: CalendarClasses;
+}
+type DatePickerClassKey = keyof DatePickerClasses;
+interface SlotProps6 {
+	children?: ChildValue9;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ComposedDatePickerProps {
+	children?: ChildValue9;
+	classes?: DatePickerClasses;
+	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?: ComposedCalendarProps["captionLayout"];
+}
+declare const ComposedDatePicker: ((props: ComposedDatePickerProps) => HTMLElement) & {
+	__classKeys?: DatePickerClassKey;
+	Trigger: (props: SlotProps6) => HTMLElement;
+	Content: (props: SlotProps6) => HTMLElement;
+};
+import { ChildValue as ChildValue10 } from "@vertz/ui";
 interface DialogClasses {
 	overlay?: string;
 	content?: string;
@@ -1004,30 +1078,32 @@ interface DialogClasses {
 	description?: string;
 	footer?: string;
 }
-interface SlotProps5 {
-	children?: ChildValue8;
+interface SlotProps7 {
+	children?: ChildValue10;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
+interface DialogContentProps extends SlotProps7 {
+	showClose?: boolean;
+}
 interface ComposedDialogProps {
-	children?: ChildValue8;
+	children?: ChildValue10;
 	classes?: DialogClasses;
 	onOpenChange?: (open: boolean) => void;
-	closeIcon?: HTMLElement;
 }
 type DialogClassKey = keyof DialogClasses;
 declare const ComposedDialog: ((props: ComposedDialogProps) => HTMLElement) & {
 	__classKeys?: DialogClassKey;
-	Trigger: (props: SlotProps5) => HTMLElement;
-	Content: (props: SlotProps5) => HTMLElement;
-	Title: (props: SlotProps5) => HTMLElement;
-	Description: (props: SlotProps5) => HTMLElement;
-	Header: (props: SlotProps5) => HTMLElement;
-	Footer: (props: SlotProps5) => HTMLElement;
-	Close: (props: SlotProps5) => HTMLElement;
+	Trigger: (props: SlotProps7) => HTMLElement;
+	Content: (props: DialogContentProps) => HTMLElement;
+	Title: (props: SlotProps7) => HTMLElement;
+	Description: (props: SlotProps7) => HTMLElement;
+	Header: (props: SlotProps7) => HTMLElement;
+	Footer: (props: SlotProps7) => HTMLElement;
+	Close: (props: SlotProps7) => HTMLElement;
 };
-import { ChildValue as ChildValue9 } from "@vertz/ui";
+import { ChildValue as ChildValue11 } from "@vertz/ui";
 interface DropdownMenuClasses {
 	content?: string;
 	item?: string;
@@ -1035,20 +1111,20 @@ interface DropdownMenuClasses {
 	label?: string;
 	separator?: string;
 }
-interface SlotProps6 {
-	children?: ChildValue9;
+interface SlotProps8 {
+	children?: ChildValue11;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
-interface ItemProps3 extends SlotProps6 {
+interface ItemProps3 extends SlotProps8 {
 	value: string;
 }
-interface GroupProps2 extends SlotProps6 {
+interface GroupProps2 extends SlotProps8 {
 	label: string;
 }
 interface ComposedDropdownMenuProps {
-	children?: ChildValue9;
+	children?: ChildValue11;
 	classes?: DropdownMenuClasses;
 	onSelect?: (value: string) => void;
 	onOpenChange?: (open: boolean) => void;
@@ -1057,14 +1133,38 @@ interface ComposedDropdownMenuProps {
 type DropdownMenuClassKey = keyof DropdownMenuClasses;
 declare const ComposedDropdownMenu: ((props: ComposedDropdownMenuProps) => HTMLElement) & {
 	__classKeys?: DropdownMenuClassKey;
-	Trigger: (props: SlotProps6) => HTMLElement;
-	Content: (props: SlotProps6) => HTMLElement;
+	Trigger: (props: SlotProps8) => HTMLElement;
+	Content: (props: SlotProps8) => HTMLElement;
 	Item: (props: ItemProps3) => HTMLElement;
 	Group: (props: GroupProps2) => HTMLElement;
-	Label: (props: SlotProps6) => HTMLElement;
-	Separator: (props: SlotProps6) => HTMLElement;
+	Label: (props: SlotProps8) => HTMLElement;
+	Separator: (props: SlotProps8) => HTMLElement;
 };
-import { ChildValue as ChildValue10 } from "@vertz/ui";
+import { ChildValue as ChildValue12 } from "@vertz/ui";
+interface HoverCardClasses {
+	content?: string;
+}
+type HoverCardClassKey = keyof HoverCardClasses;
+interface SlotProps9 {
+	children?: ChildValue12;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ComposedHoverCardProps {
+	children?: ChildValue12;
+	classes?: HoverCardClasses;
+	openDelay?: number;
+	closeDelay?: number;
+	onOpenChange?: (open: boolean) => void;
+	positioning?: FloatingOptions;
+}
+declare const ComposedHoverCard: ((props: ComposedHoverCardProps) => HTMLElement) & {
+	__classKeys?: HoverCardClassKey;
+	Trigger: (props: SlotProps9) => HTMLElement;
+	Content: (props: SlotProps9) => HTMLElement;
+};
+import { ChildValue as ChildValue13 } from "@vertz/ui";
 interface MenubarClasses {
 	root?: string;
 	trigger?: string;
@@ -1074,23 +1174,23 @@ interface MenubarClasses {
 	label?: string;
 	separator?: string;
 }
-interface SlotProps7 {
-	children?: ChildValue10;
+interface SlotProps10 {
+	children?: ChildValue13;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
-interface MenuProps extends SlotProps7 {
+interface MenuProps extends SlotProps10 {
 	value: string;
 }
-interface ItemProps4 extends SlotProps7 {
+interface ItemProps4 extends SlotProps10 {
 	value: string;
 }
-interface GroupProps3 extends SlotProps7 {
+interface GroupProps3 extends SlotProps10 {
 	label: string;
 }
 interface ComposedMenubarProps {
-	children?: ChildValue10;
+	children?: ChildValue13;
 	classes?: MenubarClasses;
 	onSelect?: (value: string) => void;
 	positioning?: FloatingOptions;
@@ -1099,14 +1199,14 @@ type MenubarClassKey = keyof MenubarClasses;
 declare const ComposedMenubar: ((props: ComposedMenubarProps) => HTMLElement) & {
 	__classKeys?: MenubarClassKey;
 	Menu: (props: MenuProps) => HTMLElement;
-	Trigger: (props: SlotProps7) => HTMLElement;
-	Content: (props: SlotProps7) => HTMLElement;
+	Trigger: (props: SlotProps10) => HTMLElement;
+	Content: (props: SlotProps10) => HTMLElement;
 	Item: (props: ItemProps4) => HTMLElement;
 	Group: (props: GroupProps3) => HTMLElement;
-	Label: (props: SlotProps7) => HTMLElement;
-	Separator: (props: SlotProps7) => HTMLElement;
+	Label: (props: SlotProps10) => HTMLElement;
+	Separator: (props: SlotProps10) => HTMLElement;
 };
-import { ChildValue as ChildValue11 } from "@vertz/ui";
+import { ChildValue as ChildValue14 } from "@vertz/ui";
 interface NavigationMenuClasses {
 	root?: string;
 	list?: string;
@@ -1116,27 +1216,27 @@ interface NavigationMenuClasses {
 	viewport?: string;
 }
 interface ListProps {
-	children?: ChildValue11;
+	children?: ChildValue14;
 	className?: string;
 	class?: string;
 }
 interface ItemProps5 {
 	value: string;
-	children?: ChildValue11;
+	children?: ChildValue14;
 }
 interface TriggerProps {
-	children?: ChildValue11;
+	children?: ChildValue14;
 	className?: string;
 	class?: string;
 }
 interface ContentProps {
-	children?: ChildValue11;
+	children?: ChildValue14;
 	className?: string;
 	class?: string;
 }
 interface LinkProps {
 	href: string;
-	children?: ChildValue11;
+	children?: ChildValue14;
 	className?: string;
 	class?: string;
 }
@@ -1145,7 +1245,7 @@ interface ViewportProps {
 	class?: string;
 }
 interface ComposedNavigationMenuProps {
-	children?: ChildValue11;
+	children?: ChildValue14;
 	classes?: NavigationMenuClasses;
 	orientation?: "horizontal" | "vertical";
 	delayOpen?: number;
@@ -1161,18 +1261,18 @@ declare const ComposedNavigationMenu: ((props: ComposedNavigationMenuProps) => H
 	Link: (props: LinkProps) => HTMLElement;
 	Viewport: (props: ViewportProps) => HTMLElement;
 };
-import { ChildValue as ChildValue12 } from "@vertz/ui";
+import { ChildValue as ChildValue15 } from "@vertz/ui";
 interface PopoverClasses {
 	content?: string;
 }
-interface SlotProps8 {
-	children?: ChildValue12;
+interface SlotProps11 {
+	children?: ChildValue15;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface ComposedPopoverProps {
-	children?: ChildValue12;
+	children?: ChildValue15;
 	classes?: PopoverClasses;
 	onOpenChange?: (open: boolean) => void;
 	positioning?: FloatingOptions;
@@ -1180,17 +1280,17 @@ interface ComposedPopoverProps {
 type PopoverClassKey = keyof PopoverClasses;
 declare const ComposedPopover: ((props: ComposedPopoverProps) => HTMLElement) & {
 	__classKeys?: PopoverClassKey;
-	Trigger: (props: SlotProps8) => HTMLElement;
-	Content: (props: SlotProps8) => HTMLElement;
+	Trigger: (props: SlotProps11) => HTMLElement;
+	Content: (props: SlotProps11) => HTMLElement;
 };
-import { ChildValue as ChildValue13 } from "@vertz/ui";
+import { ChildValue as ChildValue16 } from "@vertz/ui";
 interface ProgressClasses {
 	root?: string;
 	indicator?: string;
 }
 type ProgressClassKey = keyof ProgressClasses;
 interface ComposedProgressProps {
-	children?: ChildValue13;
+	children?: ChildValue16;
 	classes?: ProgressClasses;
 	defaultValue?: number;
 	min?: number;
@@ -1199,20 +1299,21 @@ interface ComposedProgressProps {
 declare const ComposedProgress: ((props: ComposedProgressProps) => HTMLElement) & {
 	__classKeys?: ProgressClassKey;
 };
-import { ChildValue as ChildValue14 } from "@vertz/ui";
+import { ChildValue as ChildValue17 } from "@vertz/ui";
 interface RadioGroupClasses {
 	root?: string;
 	item?: string;
 	indicator?: string;
+	indicatorIcon?: string;
 }
 type RadioGroupClassKey = keyof RadioGroupClasses;
 interface RadioGroupItemProps {
 	value: string;
 	disabled?: boolean;
-	children?: ChildValue14;
+	children?: ChildValue17;
 }
 interface ComposedRadioGroupProps {
-	children?: ChildValue14;
+	children?: ChildValue17;
 	classes?: RadioGroupClasses;
 	defaultValue?: string;
 	onValueChange?: (value: string) => void;
@@ -1221,7 +1322,55 @@ declare const ComposedRadioGroup: ((props: ComposedRadioGroupProps) => HTMLEleme
 	__classKeys?: RadioGroupClassKey;
 	Item: (props: RadioGroupItemProps) => HTMLElement;
 };
-import { ChildValue as ChildValue15 } from "@vertz/ui";
+import { ChildValue as ChildValue18 } from "@vertz/ui";
+interface ResizablePanelClasses {
+	root?: string;
+	panel?: string;
+	handle?: string;
+}
+type ResizablePanelClassKey = keyof ResizablePanelClasses;
+interface PanelSlotProps {
+	children?: ChildValue18;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+	defaultSize?: number;
+	minSize?: number;
+	maxSize?: number;
+}
+interface HandleSlotProps {
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ComposedResizablePanelProps {
+	children?: ChildValue18;
+	classes?: ResizablePanelClasses;
+	orientation?: "horizontal" | "vertical";
+	onResize?: (sizes: number[]) => void;
+}
+declare const ComposedResizablePanel: ((props: ComposedResizablePanelProps) => HTMLElement) & {
+	__classKeys?: ResizablePanelClassKey;
+	Panel: (props: PanelSlotProps) => HTMLElement;
+	Handle: (props: HandleSlotProps) => HTMLElement;
+};
+import { ChildValue as ChildValue19 } from "@vertz/ui";
+interface ScrollAreaClasses {
+	root?: string;
+	viewport?: string;
+	scrollbar?: string;
+	thumb?: string;
+}
+type ScrollAreaClassKey = keyof ScrollAreaClasses;
+interface ComposedScrollAreaProps {
+	children?: ChildValue19;
+	classes?: ScrollAreaClasses;
+	orientation?: "vertical" | "horizontal" | "both";
+}
+declare const ComposedScrollArea: ((props: ComposedScrollAreaProps) => HTMLElement) & {
+	__classKeys?: ScrollAreaClassKey;
+};
+import { ChildValue as ChildValue20 } from "@vertz/ui";
 interface SelectClasses {
 	trigger?: string;
 	content?: string;
@@ -1231,20 +1380,20 @@ interface SelectClasses {
 	label?: string;
 	separator?: string;
 }
-interface SlotProps9 {
-	children?: ChildValue15;
+interface SlotProps12 {
+	children?: ChildValue20;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
-interface ItemProps6 extends SlotProps9 {
+interface ItemProps6 extends SlotProps12 {
 	value: string;
 }
-interface GroupProps4 extends SlotProps9 {
+interface GroupProps4 extends SlotProps12 {
 	label: string;
 }
 interface ComposedSelectProps {
-	children?: ChildValue15;
+	children?: ChildValue20;
 	classes?: SelectClasses;
 	defaultValue?: string;
 	placeholder?: string;
@@ -1254,13 +1403,13 @@ interface ComposedSelectProps {
 type SelectClassKey = keyof SelectClasses;
 declare const ComposedSelect: ((props: ComposedSelectProps) => HTMLElement) & {
 	__classKeys?: SelectClassKey;
-	Trigger: (props: SlotProps9) => HTMLElement;
-	Content: (props: SlotProps9) => HTMLElement;
+	Trigger: (props: SlotProps12) => HTMLElement;
+	Content: (props: SlotProps12) => HTMLElement;
 	Item: (props: ItemProps6) => HTMLElement;
 	Group: (props: GroupProps4) => HTMLElement;
-	Separator: (props: SlotProps9) => HTMLElement;
+	Separator: (props: SlotProps12) => HTMLElement;
 };
-import { ChildValue as ChildValue16 } from "@vertz/ui";
+import { ChildValue as ChildValue21 } from "@vertz/ui";
 interface SheetClasses {
 	overlay?: string;
 	content?: string;
@@ -1268,14 +1417,17 @@ interface SheetClasses {
 	description?: string;
 	close?: string;
 }
-interface SlotProps10 {
-	children?: ChildValue16;
+interface SlotProps13 {
+	children?: ChildValue21;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
+interface SheetContentProps extends SlotProps13 {
+	showClose?: boolean;
+}
 interface ComposedSheetProps {
-	children?: ChildValue16;
+	children?: ChildValue21;
 	classes?: SheetClasses;
 	side?: SheetSide;
 	onOpenChange?: (open: boolean) => void;
@@ -1283,13 +1435,13 @@ interface ComposedSheetProps {
 type SheetClassKey = keyof SheetClasses;
 declare const ComposedSheet: ((props: ComposedSheetProps) => HTMLElement) & {
 	__classKeys?: SheetClassKey;
-	Trigger: (props: SlotProps10) => HTMLElement;
-	Content: (props: SlotProps10) => HTMLElement;
-	Title: (props: SlotProps10) => HTMLElement;
-	Description: (props: SlotProps10) => HTMLElement;
-	Close: (props: SlotProps10) => HTMLElement;
+	Trigger: (props: SlotProps13) => HTMLElement;
+	Content: (props: SheetContentProps) => HTMLElement;
+	Title: (props: SlotProps13) => HTMLElement;
+	Description: (props: SlotProps13) => HTMLElement;
+	Close: (props: SlotProps13) => HTMLElement;
 };
-import { ChildValue as ChildValue17 } from "@vertz/ui";
+import { ChildValue as ChildValue22 } from "@vertz/ui";
 interface SliderClasses {
 	root?: string;
 	track?: string;
@@ -1298,7 +1450,7 @@ interface SliderClasses {
 }
 type SliderClassKey = keyof SliderClasses;
 interface ComposedSliderProps {
-	children?: ChildValue17;
+	children?: ChildValue22;
 	classes?: SliderClasses;
 	defaultValue?: number;
 	min?: number;
@@ -1310,14 +1462,14 @@ interface ComposedSliderProps {
 declare const ComposedSlider: ((props: ComposedSliderProps) => HTMLElement) & {
 	__classKeys?: SliderClassKey;
 };
-import { ChildValue as ChildValue18 } from "@vertz/ui";
+import { ChildValue as ChildValue23 } from "@vertz/ui";
 interface SwitchClasses {
 	root?: string;
 	thumb?: string;
 }
 type SwitchClassKey = keyof SwitchClasses;
 interface ComposedSwitchProps {
-	children?: ChildValue18;
+	children?: ChildValue23;
 	classes?: SwitchClasses;
 	defaultChecked?: boolean;
 	disabled?: boolean;
@@ -1326,26 +1478,26 @@ interface ComposedSwitchProps {
 declare const ComposedSwitch: ((props: ComposedSwitchProps) => HTMLElement) & {
 	__classKeys?: SwitchClassKey;
 };
-import { ChildValue as ChildValue19 } from "@vertz/ui";
+import { ChildValue as ChildValue24 } from "@vertz/ui";
 interface TabsClasses {
 	list?: string;
 	trigger?: string;
 	panel?: string;
 }
-interface SlotProps11 {
-	children?: ChildValue19;
+interface SlotProps14 {
+	children?: ChildValue24;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
-interface TriggerProps2 extends SlotProps11 {
+interface TriggerProps2 extends SlotProps14 {
 	value: string;
 }
-interface ContentProps2 extends SlotProps11 {
+interface ContentProps2 extends SlotProps14 {
 	value: string;
 }
 interface ComposedTabsProps {
-	children?: ChildValue19;
+	children?: ChildValue24;
 	classes?: TabsClasses;
 	defaultValue?: string;
 	onValueChange?: (value: string) => void;
@@ -1354,17 +1506,17 @@ interface ComposedTabsProps {
 type TabsClassKey = keyof TabsClasses;
 declare const ComposedTabs: ((props: ComposedTabsProps) => HTMLElement) & {
 	__classKeys?: TabsClassKey;
-	List: (props: SlotProps11) => HTMLElement;
+	List: (props: SlotProps14) => HTMLElement;
 	Trigger: (props: TriggerProps2) => HTMLElement;
 	Content: (props: ContentProps2) => HTMLElement;
 };
-import { ChildValue as ChildValue20 } from "@vertz/ui";
+import { ChildValue as ChildValue25 } from "@vertz/ui";
 interface ToggleClasses {
 	root?: string;
 }
 type ToggleClassKey = keyof ToggleClasses;
 interface ComposedToggleProps {
-	children?: ChildValue20;
+	children?: ChildValue25;
 	classes?: ToggleClasses;
 	defaultPressed?: boolean;
 	disabled?: boolean;
@@ -1373,18 +1525,41 @@ interface ComposedToggleProps {
 declare const ComposedToggle: ((props: ComposedToggleProps) => HTMLElement) & {
 	__classKeys?: ToggleClassKey;
 };
-import { ChildValue as ChildValue21 } from "@vertz/ui";
+import { ChildValue as ChildValue26 } from "@vertz/ui";
+interface ToggleGroupClasses {
+	root?: string;
+	item?: string;
+}
+type ToggleGroupClassKey = keyof ToggleGroupClasses;
+interface ToggleGroupItemProps {
+	value: string;
+	children?: ChildValue26;
+}
+interface ComposedToggleGroupProps {
+	children?: ChildValue26;
+	classes?: ToggleGroupClasses;
+	type?: "single" | "multiple";
+	defaultValue?: string[];
+	orientation?: "horizontal" | "vertical";
+	disabled?: boolean;
+	onValueChange?: (value: string[]) => void;
+}
+declare const ComposedToggleGroup: ((props: ComposedToggleGroupProps) => HTMLElement) & {
+	__classKeys?: ToggleGroupClassKey;
+	Item: (props: ToggleGroupItemProps) => HTMLElement;
+};
+import { ChildValue as ChildValue27 } from "@vertz/ui";
 interface TooltipClasses {
 	content?: string;
 }
-interface SlotProps12 {
-	children?: ChildValue21;
+interface SlotProps15 {
+	children?: ChildValue27;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface ComposedTooltipProps {
-	children?: ChildValue21;
+	children?: ChildValue27;
 	classes?: TooltipClasses;
 	delay?: number;
 	positioning?: FloatingOptions;
@@ -1392,8 +1567,8 @@ interface ComposedTooltipProps {
 type TooltipClassKey = keyof TooltipClasses;
 declare const ComposedTooltip: ((props: ComposedTooltipProps) => HTMLElement) & {
 	__classKeys?: TooltipClassKey;
-	Trigger: (props: SlotProps12) => HTMLElement;
-	Content: (props: SlotProps12) => HTMLElement;
+	Trigger: (props: SlotProps15) => HTMLElement;
+	Content: (props: SlotProps15) => HTMLElement;
 };
 /**
 * Typed event handler props for interactive themed components.
@@ -1417,4 +1592,4 @@ interface ElementEventHandlers {
 	onInput?: (event: InputEvent) => void;
 	onChange?: (event: Event) => void;
 }
-export { withStyles, TooltipState, TooltipOptions, TooltipElements, TooltipClasses, Tooltip, ToggleOptions, ToggleGroupState, ToggleGroupOptions, ToggleGroupElements, ToggleGroup, ToggleClasses, Toggle, ToastState, ToastOptions, ToastMessage, ToastElements, Toast, TabsState, TabsOptions, TabsElements, TabsClasses, Tabs, SwitchOptions, SwitchClasses, Switch, StyledPrimitive, SliderState, SliderOptions, SliderElements, SliderClasses, Slider, SheetState, SheetSide, SheetOptions, SheetElements, SheetClasses, Sheet, SelectState, SelectOptions, SelectElements, SelectClasses, Select, ScrollAreaState, ScrollAreaOptions, ScrollAreaElements, ScrollArea, ResizablePanelState, ResizablePanelOptions, ResizablePanelElements, ResizablePanel, RadioState, RadioOptions, RadioItemOptions, RadioGroupClasses, RadioElements, Radio, ProgressState, ProgressOptions, ProgressElements, ProgressClasses, Progress, PopoverState, PopoverOptions, PopoverElements, PopoverClasses, Popover, PanelOptions, NavigationMenuState, NavigationMenuOptions, NavigationMenuElements, NavigationMenuClasses, NavigationMenu, MenubarState, MenubarOptions, MenubarElements, MenubarClasses, Menubar, MenuState, MenuOptions, MenuElements, Menu2 as Menu, HoverCardState, HoverCardOptions, HoverCardElements, HoverCard, FloatingOptions, ElementEventHandlers, ElementAttrs, DropdownMenuState, DropdownMenuOptions, DropdownMenuElements, DropdownMenuClasses, DropdownMenu, DialogState, DialogOptions, DialogElements, DialogClasses, Dialog, DatePickerState, DatePickerOptions, DatePickerElements, DatePicker, ContextMenuState, ContextMenuOptions, ContextMenuElements, ContextMenuClasses, ContextMenu, ComposedTooltipProps, ComposedTooltip, ComposedToggleProps, ComposedToggle, ComposedTabsProps, ComposedTabs, ComposedSwitchProps, ComposedSwitch, ComposedSliderProps, ComposedSlider, ComposedSheetProps, ComposedSheet, ComposedSelectProps, ComposedSelect, ComposedRadioGroupProps, ComposedRadioGroup, ComposedProgressProps, ComposedProgress, ComposedPrimitive, ComposedPopoverProps, ComposedPopover, ComposedNavigationMenuProps, ComposedNavigationMenu, ComposedMenubarProps, ComposedMenubar, ComposedDropdownMenuProps, ComposedDropdownMenu, ComposedDialogProps, ComposedDialog, ComposedContextMenuProps, ComposedContextMenu, ComposedCommandProps, ComposedCommand, ComposedCheckboxProps, ComposedCheckbox, ComposedCarouselProps, ComposedCarousel, ComposedCalendarProps, ComposedCalendar, ComposedAlertDialogProps, ComposedAlertDialog, ComposedAccordionProps, ComposedAccordion, CommandState, CommandOptions, CommandElements, CommandClasses, Command, ComboboxState, ComboboxOptions, ComboboxElements, Combobox, CollapsibleState, CollapsibleOptions, CollapsibleElements, Collapsible, ClassesOf, CheckedState, CheckboxOptions, CheckboxClasses, Checkbox, CarouselState, CarouselOptions, CarouselElements, CarouselClasses, Carousel, CalendarState, CalendarOptions, CalendarElements, CalendarClasses, Calendar, ButtonOptions, Button, BadgeOptions, BadgeElements, Badge, AlertDialogState, AlertDialogOptions, AlertDialogElements, AlertDialogClasses, AlertDialog, AccordionState, AccordionOptions, AccordionElements, AccordionClasses, Accordion };
+export { withStyles, TooltipState, TooltipOptions, TooltipElements, TooltipClasses, Tooltip, ToggleOptions, ToggleGroupState, ToggleGroupOptions, ToggleGroupElements, ToggleGroupClasses, ToggleGroup, ToggleClasses, Toggle, ToastState, ToastOptions, ToastMessage, ToastElements, Toast, TabsState, TabsOptions, TabsElements, TabsClasses, Tabs, SwitchOptions, SwitchClasses, Switch, StyledPrimitive, SliderState, SliderOptions, SliderElements, SliderClasses, Slider, SheetState, SheetSide, SheetOptions, SheetElements, SheetClasses, Sheet, SelectState, SelectOptions, SelectElements, SelectClasses, Select, ScrollAreaState, ScrollAreaOptions, ScrollAreaElements, ScrollAreaClasses, ScrollAreaClassKey, ScrollArea, ResizablePanelState, ResizablePanelOptions, ResizablePanelElements, ResizablePanelClasses, ResizablePanelClassKey, ResizablePanel, RadioState, RadioOptions, RadioItemOptions, RadioGroupClasses, RadioElements, Radio, ProgressState, ProgressOptions, ProgressElements, ProgressClasses, Progress, PopoverState, PopoverOptions, PopoverElements, PopoverClasses, Popover, PanelOptions, NavigationMenuState, NavigationMenuOptions, NavigationMenuElements, NavigationMenuClasses, NavigationMenu, MenubarState, MenubarOptions, MenubarElements, MenubarClasses, Menubar, MenuState, MenuOptions, MenuElements, Menu2 as Menu, HoverCardState, HoverCardOptions, HoverCardElements, HoverCardClasses, HoverCardClassKey, HoverCard, FloatingOptions, ElementEventHandlers, ElementAttrs, DropdownMenuState, DropdownMenuOptions, DropdownMenuElements, DropdownMenuClasses, DropdownMenu, DialogState, DialogOptions, DialogElements, DialogClasses, Dialog, DatePickerState, DatePickerOptions, DatePickerElements, DatePickerClasses, DatePickerClassKey, DatePicker, ContextMenuState, ContextMenuOptions, ContextMenuElements, ContextMenuClasses, ContextMenu, ComposedTooltipProps, ComposedTooltip, ComposedToggleProps, ComposedToggleGroupProps, ComposedToggleGroup, ComposedToggle, ComposedTabsProps, ComposedTabs, ComposedSwitchProps, ComposedSwitch, ComposedSliderProps, ComposedSlider, ComposedSheetProps, ComposedSheet, ComposedSelectProps, ComposedSelect, ComposedScrollAreaProps, ComposedScrollArea, ComposedResizablePanelProps, ComposedResizablePanel, ComposedRadioGroupProps, ComposedRadioGroup, ComposedProgressProps, ComposedProgress, ComposedPrimitive, ComposedPopoverProps, ComposedPopover, ComposedNavigationMenuProps, ComposedNavigationMenu, ComposedMenubarProps, ComposedMenubar, ComposedHoverCardProps, ComposedHoverCard, ComposedDropdownMenuProps, ComposedDropdownMenu, ComposedDialogProps, ComposedDialog, ComposedDatePickerProps, ComposedDatePicker, ComposedContextMenuProps, ComposedContextMenu, ComposedCommandProps, ComposedCommand, ComposedCollapsibleProps, ComposedCollapsible, ComposedCheckboxProps, ComposedCheckbox, ComposedCarouselProps, ComposedCarousel, ComposedCalendarProps, ComposedCalendar, ComposedAlertDialogProps, ComposedAlertDialog, ComposedAccordionProps, ComposedAccordion, CommandState, CommandOptions, CommandElements, CommandClasses, Command, ComboboxState, ComboboxOptions, ComboboxElements, Combobox, CollapsibleState, CollapsibleOptions, CollapsibleElements, CollapsibleClasses, CollapsibleClassKey, Collapsible, ClassesOf, CheckedState, CheckboxOptions, CheckboxClasses, Checkbox, CarouselState, CarouselOptions, CarouselElements, CarouselClasses, Carousel, CalendarState, CalendarOptions, CalendarElements, CalendarClasses, Calendar, ButtonOptions, Button, BadgeOptions, BadgeElements, Badge, AlertDialogState, AlertDialogOptions, AlertDialogElements, AlertDialogClasses, AlertDialog, AccordionState, AccordionOptions, AccordionElements, AccordionClasses, Accordion };