@vertz/ui-primitives 0.2.22 → 0.2.24

package/dist/src/index.d.ts

@@ -34,6 +34,60 @@ declare const Accordion: {
 		};
 	};
 };
+import { ChildValue } from "@vertz/ui";
+interface AccordionClasses {
+	item?: string;
+	trigger?: string;
+	content?: string;
+}
+interface SlotProps {
+	children?: ChildValue;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ItemProps extends SlotProps {
+	value: string;
+}
+interface ComposedAccordionProps {
+	children?: ChildValue;
+	classes?: AccordionClasses;
+	type?: "single" | "multiple";
+	defaultValue?: string[];
+	onValueChange?: (value: string[]) => void;
+}
+type AccordionClassKey = keyof AccordionClasses;
+declare const ComposedAccordion: ((props: ComposedAccordionProps) => HTMLElement) & {
+	__classKeys?: AccordionClassKey;
+	Item: (props: ItemProps) => HTMLElement;
+	Trigger: (props: SlotProps) => HTMLElement;
+	Content: (props: SlotProps) => HTMLElement;
+};
+import { ChildValue as ChildValue2 } from "@vertz/ui";
+interface AlertClasses {
+	root?: string;
+	title?: string;
+	description?: string;
+}
+type AlertClassKey = keyof AlertClasses;
+interface SlotProps2 {
+	children?: ChildValue2;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ComposedAlertProps {
+	children?: ChildValue2;
+	classes?: AlertClasses;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+declare const ComposedAlert: ((props: ComposedAlertProps) => HTMLElement) & {
+	__classKeys?: AlertClassKey;
+	Title: (props: SlotProps2) => HTMLElement;
+	Description: (props: SlotProps2) => HTMLElement;
+};
 import { Signal as Signal2 } from "@vertz/ui";
 interface AlertDialogOptions {
 	defaultOpen?: boolean;
@@ -59,6 +113,77 @@ declare const AlertDialog: {
 		state: AlertDialogState;
 	};
 };
+import { ChildValue as ChildValue3 } from "@vertz/ui";
+interface AlertDialogClasses {
+	overlay?: string;
+	content?: string;
+	cancel?: string;
+	action?: string;
+	header?: string;
+	title?: string;
+	description?: string;
+	footer?: string;
+}
+interface SlotProps3 {
+	children?: ChildValue3;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ButtonSlotProps extends SlotProps3 {
+	onClick?: () => void;
+	disabled?: boolean;
+}
+interface ComposedAlertDialogProps {
+	children?: ChildValue3;
+	classes?: AlertDialogClasses;
+	onOpenChange?: (open: boolean) => void;
+	onAction?: () => void;
+}
+type AlertDialogClassKey = keyof AlertDialogClasses;
+declare const ComposedAlertDialog: ((props: ComposedAlertDialogProps) => HTMLElement) & {
+	__classKeys?: AlertDialogClassKey;
+	Trigger: (props: SlotProps3) => HTMLElement;
+	Content: (props: SlotProps3) => HTMLElement;
+	Title: (props: SlotProps3) => HTMLElement;
+	Description: (props: SlotProps3) => HTMLElement;
+	Header: (props: SlotProps3) => HTMLElement;
+	Footer: (props: SlotProps3) => HTMLElement;
+	Cancel: (props: ButtonSlotProps) => HTMLElement;
+	Action: (props: ButtonSlotProps) => HTMLElement;
+};
+import { ChildValue as ChildValue4 } from "@vertz/ui";
+interface AvatarClasses {
+	root?: string;
+	image?: string;
+	fallback?: string;
+}
+type AvatarClassKey = keyof AvatarClasses;
+interface SlotProps4 {
+	children?: ChildValue4;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface AvatarImageProps {
+	src: string;
+	alt: string;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ComposedAvatarProps {
+	children?: ChildValue4;
+	classes?: AvatarClasses;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+declare const ComposedAvatar: ((props: ComposedAvatarProps) => HTMLElement) & {
+	__classKeys?: AvatarClassKey;
+	Image: (props: AvatarImageProps) => HTMLElement;
+	Fallback: (props: SlotProps4) => HTMLElement;
+};
 interface BadgeOptions extends ElementAttrs {
 	variant?: "default" | "secondary" | "outline" | "destructive";
 }
@@ -68,6 +193,91 @@ interface BadgeElements {
 declare const Badge: {
 	Root: (options?: BadgeOptions) => BadgeElements;
 };
+import { ChildValue as ChildValue5 } from "@vertz/ui";
+/**
+* A composed primitive is a callable function with phantom brands
+* that define the valid class keys and element return type for that component.
+*/
+interface ComposedPrimitive<
+	K extends string = string,
+	E extends Element = HTMLElement
+> {
+	(props: {
+		children?: ChildValue5;
+		classes?: Partial<Record<K, string>>;
+		[key: string]: unknown;
+	}): E;
+	__classKeys?: K;
+	__elementType?: E;
+}
+/**
+* Extract the class keys from a composed primitive's phantom brand.
+*/
+type ClassesOf<C> = C extends ComposedPrimitive<infer K> ? Record<K, string> : never;
+/**
+* Extract the element return type from a composed primitive's phantom brand.
+*/
+type ElementOf<C> = C extends ComposedPrimitive<string, infer E> ? E : HTMLElement;
+/**
+* Return type of withStyles: a callable that accepts all props except `classes`,
+* plus all sub-component properties from the original component.
+* Preserves the element return type from the underlying composed primitive.
+*/
+type StyledPrimitive<C extends ComposedPrimitive> = ((props: Omit<Parameters<C>[0], "classes">) => ElementOf<C>) & Omit<C, "__classKeys" | "__elementType" | keyof CallableFunction>;
+/**
+* Pre-bind CSS classes onto a composed primitive.
+* Returns a new function that accepts all props except `classes`,
+* with all sub-component properties preserved.
+*/
+declare function withStyles<C extends ComposedPrimitive>(component: C, classes: ClassesOf<C>): StyledPrimitive<C>;
+import { ChildValue as ChildValue6 } from "@vertz/ui";
+interface BadgeClasses {
+	base?: string;
+}
+type BadgeClassKey = keyof BadgeClasses;
+interface ComposedBadgeProps {
+	classes?: BadgeClasses;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+	children?: ChildValue6;
+	style?: Record<string, string | number>;
+	[key: string]: unknown;
+}
+declare const ComposedBadge: ComposedPrimitive<BadgeClassKey, HTMLElement>;
+import { ChildValue as ChildValue7 } from "@vertz/ui";
+interface BreadcrumbClasses {
+	nav?: string;
+	list?: string;
+	item?: string;
+	link?: string;
+	page?: string;
+	separator?: string;
+}
+type BreadcrumbClassKey = keyof BreadcrumbClasses;
+interface BreadcrumbItemProps {
+	children?: string | Node | (() => string | Node);
+	/** Target path — renders as Link (SPA navigation). Omit for non-linked items. */
+	href?: string;
+	/** Marks this item as the current page (aria-current="page", no link). */
+	current?: boolean;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ComposedBreadcrumbProps {
+	children?: ChildValue7;
+	/** Separator character between items. Default: "/" */
+	separator?: string;
+	classes?: BreadcrumbClasses;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+declare const ComposedBreadcrumb: ((props: ComposedBreadcrumbProps) => HTMLElement) & {
+	__classKeys?: BreadcrumbClassKey;
+	Item: (props: BreadcrumbItemProps) => HTMLElement;
+};
 interface ButtonOptions extends ElementAttrs {
 	disabled?: boolean;
 	onClick?: () => void;
@@ -75,6 +285,22 @@ interface ButtonOptions extends ElementAttrs {
 declare const Button: {
 	Root: (options?: ButtonOptions) => HTMLButtonElement;
 };
+import { ChildValue as ChildValue8 } from "@vertz/ui";
+interface ButtonClasses {
+	base?: string;
+}
+type ButtonClassKey = keyof ButtonClasses;
+interface ComposedButtonProps {
+	classes?: ButtonClasses;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+	children?: ChildValue8;
+	disabled?: boolean;
+	type?: "button" | "submit" | "reset";
+	[key: string]: unknown;
+}
+declare const ComposedButton: ComposedPrimitive<ButtonClassKey, HTMLElement>;
 import { Signal as Signal3 } from "@vertz/ui";
 interface CalendarOptions extends ElementAttrs {
 	mode?: "single" | "range" | "multiple";
@@ -115,6 +341,80 @@ declare const Calendar: {
 		destroy: () => void;
 	};
 };
+interface CalendarClasses {
+	root?: string;
+	header?: string;
+	title?: string;
+	navButton?: string;
+	grid?: string;
+	headCell?: string;
+	cell?: string;
+	dayButton?: string;
+	monthSelect?: string;
+	yearSelect?: string;
+}
+type CalendarClassKey = keyof CalendarClasses;
+interface ComposedCalendarProps {
+	classes?: CalendarClasses;
+	mode?: "single" | "range" | "multiple";
+	defaultValue?: Date | Date[] | {
+		from: Date;
+		to: Date;
+	};
+	defaultMonth?: Date;
+	minDate?: Date;
+	maxDate?: Date;
+	disabled?: (date: Date) => boolean;
+	weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+	onValueChange?: (value: Date | Date[] | {
+		from: Date;
+		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;
+};
+import { ChildValue as ChildValue9 } from "@vertz/ui";
+interface CardClasses {
+	root?: string;
+	header?: string;
+	title?: string;
+	description?: string;
+	content?: string;
+	footer?: string;
+	action?: string;
+}
+type CardClassKey = keyof CardClasses;
+interface SlotProps5 {
+	children?: ChildValue9;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ComposedCardProps {
+	children?: ChildValue9;
+	classes?: CardClasses;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+declare const ComposedCard: ((props: ComposedCardProps) => HTMLElement) & {
+	__classKeys?: CardClassKey;
+	Header: (props: SlotProps5) => HTMLElement;
+	Title: (props: SlotProps5) => HTMLElement;
+	Description: (props: SlotProps5) => HTMLElement;
+	Content: (props: SlotProps5) => HTMLElement;
+	Footer: (props: SlotProps5) => HTMLElement;
+	Action: (props: SlotProps5) => HTMLElement;
+};
 import { Signal as Signal4 } from "@vertz/ui";
 interface CarouselOptions extends ElementAttrs {
 	orientation?: "horizontal" | "vertical";
@@ -141,6 +441,37 @@ declare const Carousel: {
 		goPrev: () => void;
 	};
 };
+import { ChildValue as ChildValue10 } from "@vertz/ui";
+interface CarouselClasses {
+	root?: string;
+	viewport?: string;
+	slide?: string;
+	prevButton?: string;
+	nextButton?: string;
+}
+interface SlideProps {
+	children?: ChildValue10;
+	className?: string;
+	class?: string;
+}
+interface SlotProps6 {
+	children?: ChildValue10;
+}
+interface ComposedCarouselProps {
+	children?: ChildValue10;
+	classes?: CarouselClasses;
+	orientation?: "horizontal" | "vertical";
+	loop?: boolean;
+	defaultIndex?: number;
+	onSlideChange?: (index: number) => void;
+}
+type CarouselClassKey = keyof CarouselClasses;
+declare const ComposedCarousel: ((props: ComposedCarouselProps) => HTMLElement) & {
+	__classKeys?: CarouselClassKey;
+	Slide: (props: SlideProps) => HTMLElement;
+	Previous: (props: SlotProps6) => HTMLElement;
+	Next: (props: SlotProps6) => HTMLElement;
+};
 type CheckedState = boolean | "mixed";
 interface CheckboxOptions extends ElementAttrs {
 	defaultChecked?: CheckedState;
@@ -150,6 +481,22 @@ interface CheckboxOptions extends ElementAttrs {
 declare const Checkbox: {
 	Root: (options?: CheckboxOptions) => HTMLButtonElement;
 };
+import { ChildValue as ChildValue11 } from "@vertz/ui";
+interface CheckboxClasses {
+	root?: string;
+	indicator?: string;
+}
+type CheckboxClassKey = keyof CheckboxClasses;
+interface ComposedCheckboxProps {
+	children?: ChildValue11;
+	classes?: CheckboxClasses;
+	defaultChecked?: CheckedState;
+	disabled?: boolean;
+	onCheckedChange?: (checked: CheckedState) => void;
+}
+declare const ComposedCheckbox: ((props: ComposedCheckboxProps) => HTMLElement) & {
+	__classKeys?: CheckboxClassKey;
+};
 import { Signal as Signal5 } from "@vertz/ui";
 interface CollapsibleOptions extends ElementAttrs {
 	defaultOpen?: boolean;
@@ -170,9 +517,34 @@ declare const Collapsible: {
 		state: CollapsibleState;
 	};
 };
-import { Signal as Signal6 } from "@vertz/ui";
-interface ComboboxOptions extends ElementAttrs {
-	defaultValue?: string;
+import { ChildValue as ChildValue12 } from "@vertz/ui";
+interface CollapsibleClasses {
+	root?: string;
+	trigger?: string;
+	content?: string;
+}
+type CollapsibleClassKey = keyof CollapsibleClasses;
+interface SlotProps7 {
+	children?: ChildValue12;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ComposedCollapsibleProps {
+	children?: ChildValue12;
+	classes?: CollapsibleClasses;
+	defaultOpen?: boolean;
+	disabled?: boolean;
+	onOpenChange?: (open: boolean) => void;
+}
+declare const ComposedCollapsible: ((props: ComposedCollapsibleProps) => HTMLElement) & {
+	__classKeys?: CollapsibleClassKey;
+	Trigger: (props: SlotProps7) => HTMLElement;
+	Content: (props: SlotProps7) => HTMLElement;
+};
+import { Signal as Signal6 } from "@vertz/ui";
+interface ComboboxOptions extends ElementAttrs {
+	defaultValue?: string;
 	onValueChange?: (value: string) => void;
 	onInputChange?: (input: string) => void;
 }
@@ -192,6 +564,35 @@ declare const Combobox: {
 		Option: (value: string, label?: string) => HTMLDivElement;
 	};
 };
+import { ChildValue as ChildValue13 } from "@vertz/ui";
+interface ComboboxClasses {
+	input?: string;
+	content?: string;
+	option?: string;
+}
+interface SlotProps8 {
+	children?: ChildValue13;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface OptionProps extends SlotProps8 {
+	value: string;
+}
+interface ComposedComboboxProps {
+	children?: ChildValue13;
+	classes?: ComboboxClasses;
+	defaultValue?: string;
+	onValueChange?: (value: string) => void;
+	onInputChange?: (input: string) => void;
+}
+type ComboboxClassKey = keyof ComboboxClasses;
+declare const ComposedCombobox: ((props: ComposedComboboxProps) => HTMLElement) & {
+	__classKeys?: ComboboxClassKey;
+	Input: (props: SlotProps8) => HTMLElement;
+	Content: (props: SlotProps8) => HTMLElement;
+	Option: (props: OptionProps) => HTMLElement;
+};
 import { Signal as Signal7 } from "@vertz/ui";
 interface CommandOptions extends ElementAttrs {
 	filter?: (value: string, search: string) => boolean;
@@ -220,6 +621,72 @@ declare const Command: {
 		Separator: () => HTMLHRElement;
 	};
 };
+import { ChildValue as ChildValue14 } from "@vertz/ui";
+interface CommandClasses {
+	root?: string;
+	input?: string;
+	list?: string;
+	item?: string;
+	group?: string;
+	groupHeading?: string;
+	separator?: string;
+	empty?: string;
+}
+interface CommandInputProps {
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface CommandListProps {
+	children?: ChildValue14;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface CommandEmptyProps {
+	children?: ChildValue14;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface CommandItemProps {
+	value: string;
+	children?: ChildValue14;
+	keywords?: string[];
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface CommandGroupProps {
+	label: string;
+	children?: ChildValue14;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface CommandSeparatorProps {
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ComposedCommandProps {
+	children?: ChildValue14;
+	classes?: CommandClasses;
+	filter?: (value: string, search: string) => boolean;
+	onSelect?: (value: string) => void;
+	onInputChange?: (value: string) => void;
+	placeholder?: string;
+}
+type CommandClassKey = keyof CommandClasses;
+declare const ComposedCommand: ((props: ComposedCommandProps) => HTMLElement) & {
+	__classKeys?: CommandClassKey;
+	Input: (props: CommandInputProps) => HTMLElement;
+	List: (props: CommandListProps) => HTMLElement;
+	Empty: (props: CommandEmptyProps) => HTMLElement;
+	Item: (props: CommandItemProps) => HTMLElement;
+	Group: (props: CommandGroupProps) => HTMLElement;
+	Separator: (props: CommandSeparatorProps) => HTMLElement;
+};
 import { Signal as Signal8 } from "@vertz/ui";
 import { Middleware, Placement, Strategy } from "@floating-ui/dom";
 interface FloatingOptions {
@@ -258,6 +725,43 @@ declare const ContextMenu: {
 		Label: (text: string) => HTMLDivElement;
 	};
 };
+import { ChildValue as ChildValue15 } from "@vertz/ui";
+interface ContextMenuClasses {
+	content?: string;
+	item?: string;
+	group?: string;
+	label?: string;
+	separator?: string;
+}
+interface SlotProps9 {
+	children?: ChildValue15;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ItemProps2 extends SlotProps9 {
+	value: string;
+}
+interface GroupProps extends SlotProps9 {
+	label: string;
+}
+interface ComposedContextMenuProps {
+	children?: ChildValue15;
+	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: SlotProps9) => HTMLElement;
+	Content: (props: SlotProps9) => HTMLElement;
+	Item: (props: ItemProps2) => HTMLElement;
+	Group: (props: GroupProps) => HTMLElement;
+	Label: (props: SlotProps9) => HTMLElement;
+	Separator: (props: SlotProps9) => HTMLElement;
+};
 import { Signal as Signal9 } from "@vertz/ui";
 interface DatePickerOptions {
 	mode?: "single" | "range";
@@ -304,6 +808,45 @@ declare const DatePicker: {
 		hide: () => void;
 	};
 };
+import { ChildValue as ChildValue16 } from "@vertz/ui";
+interface DatePickerClasses {
+	trigger?: string;
+	content?: string;
+	calendar?: CalendarClasses;
+}
+type DatePickerClassKey = keyof DatePickerClasses;
+interface SlotProps10 {
+	children?: ChildValue16;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ComposedDatePickerProps {
+	children?: ChildValue16;
+	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: SlotProps10) => HTMLElement;
+	Content: (props: SlotProps10) => HTMLElement;
+};
 import { Signal as Signal10 } from "@vertz/ui";
 interface DialogOptions extends ElementAttrs {
 	modal?: boolean;
@@ -328,6 +871,56 @@ declare const Dialog: {
 		state: DialogState;
 	};
 };
+import { ChildValue as ChildValue17 } from "@vertz/ui";
+interface DialogClasses {
+	overlay?: string;
+	content?: string;
+	close?: string;
+	header?: string;
+	title?: string;
+	description?: string;
+	footer?: string;
+}
+interface SlotProps11 {
+	children?: ChildValue17;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface DialogContentProps extends SlotProps11 {
+	showClose?: boolean;
+}
+interface ComposedDialogProps {
+	children?: ChildValue17;
+	classes?: DialogClasses;
+	onOpenChange?: (open: boolean) => void;
+}
+type DialogClassKey = keyof DialogClasses;
+declare const ComposedDialog: ((props: ComposedDialogProps) => HTMLElement) & {
+	__classKeys?: DialogClassKey;
+	Trigger: (props: SlotProps11) => HTMLElement;
+	Content: (props: DialogContentProps) => HTMLElement;
+	Title: (props: SlotProps11) => HTMLElement;
+	Description: (props: SlotProps11) => HTMLElement;
+	Header: (props: SlotProps11) => HTMLElement;
+	Footer: (props: SlotProps11) => HTMLElement;
+	Close: (props: SlotProps11) => HTMLElement;
+};
+import { ChildValue as ChildValue18 } from "@vertz/ui";
+import { JSX } from "@vertz/ui/jsx-runtime";
+interface SlotProps12 {
+	children?: ChildValue18;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+declare function StackDialogTitle({ children, className: cls, class: classProp }: SlotProps12): JSX.Element;
+declare function StackDialogDescription({ children, className: cls, class: classProp }: SlotProps12): JSX.Element;
+declare function StackDialogHeader({ children, className: cls, class: classProp }: SlotProps12): JSX.Element;
+declare function StackDialogFooter({ children, className: cls, class: classProp }: SlotProps12): JSX.Element;
+declare function StackDialogBody({ children, className: cls, class: classProp }: SlotProps12): JSX.Element;
+declare function StackDialogCancel({ children, className: cls, class: classProp }: SlotProps12): JSX.Element;
+declare function StackDialogClose({ children, className: cls, class: classProp }: SlotProps12): JSX.Element;
 import { Signal as Signal11 } from "@vertz/ui";
 interface MenuOptions extends ElementAttrs {
 	onSelect?: (value: string) => void;
@@ -369,792 +962,233 @@ declare const DropdownMenu: {
 		Label: (text: string) => HTMLDivElement;
 	};
 };
-import { Signal as Signal12 } from "@vertz/ui";
-interface HoverCardOptions extends ElementAttrs {
-	openDelay?: number;
-	closeDelay?: number;
-	onOpenChange?: (open: boolean) => void;
-	positioning?: FloatingOptions;
+import { ChildValue as ChildValue19 } from "@vertz/ui";
+interface DropdownMenuClasses {
+	content?: string;
+	item?: string;
+	group?: string;
+	label?: string;
+	separator?: string;
 }
-interface HoverCardState {
-	open: Signal12<boolean>;
+interface SlotProps13 {
+	children?: ChildValue19;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
 }
-interface HoverCardElements {
-	trigger: HTMLElement;
-	content: HTMLDivElement;
+interface ItemProps3 extends SlotProps13 {
+	value: string;
 }
-declare const HoverCard: {
-	Root: (options?: HoverCardOptions) => HoverCardElements & {
-		state: HoverCardState;
-	};
-};
-import { Signal as Signal13 } from "@vertz/ui";
-interface MenubarOptions extends ElementAttrs {
+interface GroupProps2 extends SlotProps13 {
+	label: string;
+}
+interface ComposedDropdownMenuProps {
+	children?: ChildValue19;
+	classes?: DropdownMenuClasses;
 	onSelect?: (value: string) => void;
+	onOpenChange?: (open: boolean) => void;
 	positioning?: FloatingOptions;
 }
-interface MenubarState {
-	activeMenu: Signal13<string | null>;
-}
-interface MenubarElements {
-	root: HTMLDivElement;
-}
-declare const Menubar: {
-	Root: (options?: MenubarOptions) => 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 { Signal as Signal14 } from "@vertz/ui";
-interface NavigationMenuOptions extends ElementAttrs {
-	orientation?: "horizontal" | "vertical";
-	delayOpen?: number;
-	delayClose?: number;
-}
-interface NavigationMenuState {
-	activeItem: Signal14<string | null>;
-}
-interface NavigationMenuElements {
-	root: HTMLElement;
-	list: HTMLElement;
-	viewport: HTMLElement;
-}
-declare const NavigationMenu: {
-	Root: (options?: NavigationMenuOptions) => NavigationMenuElements & {
-		state: NavigationMenuState;
-		Item: (value: string, label?: string) => {
-			trigger: HTMLElement;
-			content: HTMLElement;
-		};
-		Link: (href: string, label: string) => HTMLElement;
-	};
-};
-import { Signal as Signal15 } from "@vertz/ui";
-interface PopoverOptions extends ElementAttrs {
-	defaultOpen?: boolean;
-	onOpenChange?: (open: boolean) => void;
-	positioning?: FloatingOptions;
-}
-interface PopoverState {
-	open: Signal15<boolean>;
-}
-interface PopoverElements {
-	trigger: HTMLButtonElement;
-	content: HTMLDivElement;
-}
-declare const Popover: {
-	Root: (options?: PopoverOptions) => PopoverElements & {
-		state: PopoverState;
-	};
-};
-import { Signal as Signal16 } from "@vertz/ui";
-interface ProgressOptions extends ElementAttrs {
-	defaultValue?: number;
-	min?: number;
-	max?: number;
-}
-interface ProgressState {
-	value: Signal16<number>;
-}
-interface ProgressElements {
-	root: HTMLElement;
-	indicator: HTMLElement;
-}
-declare const Progress: {
-	Root: (options?: ProgressOptions) => ProgressElements & {
-		state: ProgressState;
-		setValue: (value: number) => void;
-	};
-};
-import { Signal as Signal17 } from "@vertz/ui";
-interface RadioOptions extends ElementAttrs {
-	defaultValue?: string;
-	onValueChange?: (value: string) => void;
-}
-interface RadioState {
-	value: Signal17<string>;
-}
-interface RadioElements {
-	root: HTMLElement;
-}
-interface RadioItemOptions {
-	disabled?: boolean;
-}
-declare const Radio: {
-	Root: (options?: RadioOptions) => RadioElements & {
-		state: RadioState;
-		Item: (value: string, label?: string, itemOptions?: RadioItemOptions) => HTMLElement;
-		destroy: () => void;
-	};
-};
-import { Signal as Signal18 } from "@vertz/ui";
-interface ResizablePanelOptions extends ElementAttrs {
-	orientation?: "horizontal" | "vertical";
-	onResize?: (sizes: number[]) => void;
-}
-interface PanelOptions {
-	defaultSize?: number;
-	minSize?: number;
-	maxSize?: number;
-}
-interface ResizablePanelState {
-	sizes: Signal18<number[]>;
-}
-interface ResizablePanelElements {
-	root: HTMLDivElement;
-}
-declare const ResizablePanel: {
-	Root: (options?: ResizablePanelOptions) => ResizablePanelElements & {
-		state: ResizablePanelState;
-		Panel: (panelOptions?: PanelOptions) => HTMLDivElement;
-		Handle: () => HTMLDivElement;
-	};
-};
-import { Signal as Signal19 } from "@vertz/ui";
-interface ScrollAreaOptions extends ElementAttrs {
-	orientation?: "vertical" | "horizontal" | "both";
-	type?: "auto" | "always" | "hover" | "scroll";
-}
-interface ScrollAreaState {
-	scrollTop: Signal19<number>;
-	scrollLeft: Signal19<number>;
-}
-interface ScrollAreaElements {
-	root: HTMLDivElement;
-	viewport: HTMLDivElement;
-	content: HTMLDivElement;
-	scrollbarY: HTMLDivElement;
-	thumbY: HTMLDivElement;
-	scrollbarX: HTMLDivElement;
-	thumbX: HTMLDivElement;
-}
-declare const ScrollArea: {
-	Root: (options?: ScrollAreaOptions) => ScrollAreaElements & {
-		state: ScrollAreaState;
-		update: () => void;
-	};
-};
-import { Signal as Signal20 } from "@vertz/ui";
-interface SelectOptions extends ElementAttrs {
-	defaultValue?: string;
-	placeholder?: string;
-	onValueChange?: (value: string) => void;
-	positioning?: FloatingOptions;
-}
-interface SelectState {
-	open: Signal20<boolean>;
-	value: Signal20<string>;
-	activeIndex: Signal20<number>;
-}
-interface SelectElements {
-	trigger: HTMLButtonElement;
-	content: HTMLDivElement;
-}
-declare const Select: {
-	Root: (options?: SelectOptions) => SelectElements & {
-		state: SelectState;
-		Item: (value: string, label?: string) => HTMLDivElement;
-		Group: (label: string) => {
-			el: HTMLDivElement;
-			Item: (value: string, label?: string) => HTMLDivElement;
-		};
-		Separator: () => HTMLHRElement;
-	};
-};
-import { Signal as Signal21 } from "@vertz/ui";
-type SheetSide = "left" | "right" | "top" | "bottom";
-interface SheetOptions {
-	side?: SheetSide;
-	defaultOpen?: boolean;
-	onOpenChange?: (open: boolean) => void;
-}
-interface SheetState {
-	open: Signal21<boolean>;
-}
-interface SheetElements {
-	trigger: HTMLButtonElement;
-	overlay: HTMLDivElement;
-	content: HTMLDivElement;
-	close: HTMLButtonElement;
-	show: () => void;
-	hide: () => void;
-}
-declare const Sheet: {
-	Root: (options?: SheetOptions) => SheetElements & {
-		state: SheetState;
-	};
-};
-import { Signal as Signal22 } from "@vertz/ui";
-interface SliderOptions extends ElementAttrs {
-	defaultValue?: number;
-	min?: number;
-	max?: number;
-	step?: number;
-	disabled?: boolean;
-	onValueChange?: (value: number) => void;
-}
-interface SliderState {
-	value: Signal22<number>;
-	disabled: Signal22<boolean>;
-}
-interface SliderElements {
-	root: HTMLDivElement;
-	thumb: HTMLDivElement;
-	track: HTMLDivElement;
-}
-declare const Slider: {
-	Root: (options?: SliderOptions) => SliderElements & {
-		state: SliderState;
-	};
-};
-interface SwitchOptions extends ElementAttrs {
-	defaultChecked?: boolean;
-	disabled?: boolean;
-	onCheckedChange?: (checked: boolean) => void;
-}
-declare const Switch: {
-	Root: (options?: SwitchOptions) => HTMLButtonElement;
-};
-import { Signal as Signal23 } from "@vertz/ui";
-interface TabsOptions extends ElementAttrs {
-	defaultValue?: string;
-	orientation?: "horizontal" | "vertical";
-	onValueChange?: (value: string) => void;
-}
-interface TabsState {
-	value: Signal23<string>;
-}
-interface TabsElements {
-	root: HTMLElement;
-	list: HTMLElement;
-}
-declare const Tabs: {
-	Root: (options?: TabsOptions) => TabsElements & {
-		state: TabsState;
-		Tab: (value: string, label?: string) => {
-			trigger: HTMLElement;
-			panel: HTMLElement;
-		};
-		destroy: () => void;
-	};
-};
-import { Signal as Signal24 } from "@vertz/ui";
-interface ToastOptions extends ElementAttrs {
-	duration?: number;
-	politeness?: "polite" | "assertive";
-}
-interface ToastMessage {
-	id: string;
-	content: string;
-	el: HTMLDivElement;
-}
-interface ToastState {
-	messages: Signal24<ToastMessage[]>;
-}
-interface ToastElements {
-	region: HTMLDivElement;
-}
-declare const Toast: {
-	Root: (options?: ToastOptions) => ToastElements & {
-		state: ToastState;
-		announce: (content: string) => ToastMessage;
-		dismiss: (id: string) => void;
-	};
-};
-interface ToggleOptions extends ElementAttrs {
-	defaultPressed?: boolean;
-	disabled?: boolean;
-	onPressedChange?: (pressed: boolean) => void;
-}
-declare const Toggle: {
-	Root: (options?: ToggleOptions) => HTMLButtonElement;
-};
-import { Signal as Signal25 } from "@vertz/ui";
-interface ToggleGroupOptions extends ElementAttrs {
-	type?: "single" | "multiple";
-	defaultValue?: string[];
-	orientation?: "horizontal" | "vertical";
-	disabled?: boolean;
-	onValueChange?: (value: string[]) => void;
-}
-interface ToggleGroupState {
-	value: Signal25<string[]>;
-	disabled: Signal25<boolean>;
-}
-interface ToggleGroupElements {
-	root: HTMLDivElement;
-}
-declare const ToggleGroup: {
-	Root: (options?: ToggleGroupOptions) => ToggleGroupElements & {
-		state: ToggleGroupState;
-		Item: (value: string) => HTMLButtonElement;
-	};
-};
-import { Signal as Signal26 } from "@vertz/ui";
-interface TooltipOptions extends ElementAttrs {
-	delay?: number;
-	onOpenChange?: (open: boolean) => void;
-	positioning?: FloatingOptions;
-}
-interface TooltipState {
-	open: Signal26<boolean>;
-}
-interface TooltipElements {
-	trigger: HTMLElement;
-	content: HTMLElement;
-}
-declare const Tooltip: {
-	Root: (options?: TooltipOptions) => TooltipElements & {
-		state: TooltipState;
-	};
-};
-import { ChildValue } from "@vertz/ui";
-interface AccordionClasses {
-	item?: string;
-	trigger?: string;
-	content?: string;
-}
-interface SlotProps {
-	children?: ChildValue;
-	className?: string;
-	/** @deprecated Use `className` instead. */
-	class?: string;
-}
-interface ItemProps extends SlotProps {
-	value: string;
-}
-interface ComposedAccordionProps {
-	children?: ChildValue;
-	classes?: AccordionClasses;
-	type?: "single" | "multiple";
-	defaultValue?: string[];
-	onValueChange?: (value: string[]) => void;
-}
-type AccordionClassKey = keyof AccordionClasses;
-declare const ComposedAccordion: ((props: ComposedAccordionProps) => HTMLElement) & {
-	__classKeys?: AccordionClassKey;
-	Item: (props: ItemProps) => HTMLElement;
-	Trigger: (props: SlotProps) => HTMLElement;
-	Content: (props: SlotProps) => HTMLElement;
-};
-import { ChildValue as ChildValue2 } from "@vertz/ui";
-interface AlertDialogClasses {
-	overlay?: string;
-	content?: string;
-	cancel?: string;
-	action?: string;
-	header?: string;
-	title?: string;
-	description?: string;
-	footer?: string;
-}
-interface SlotProps2 {
-	children?: ChildValue2;
-	className?: string;
-	/** @deprecated Use `className` instead. */
-	class?: string;
-}
-interface ButtonSlotProps extends SlotProps2 {
-	onClick?: () => void;
-	disabled?: boolean;
-}
-interface ComposedAlertDialogProps {
-	children?: ChildValue2;
-	classes?: AlertDialogClasses;
-	onOpenChange?: (open: boolean) => void;
-	onAction?: () => void;
-}
-type AlertDialogClassKey = keyof AlertDialogClasses;
-declare const ComposedAlertDialog: ((props: ComposedAlertDialogProps) => HTMLElement) & {
-	__classKeys?: AlertDialogClassKey;
-	Trigger: (props: SlotProps2) => HTMLElement;
-	Content: (props: SlotProps2) => HTMLElement;
-	Title: (props: SlotProps2) => HTMLElement;
-	Description: (props: SlotProps2) => HTMLElement;
-	Header: (props: SlotProps2) => HTMLElement;
-	Footer: (props: SlotProps2) => HTMLElement;
-	Cancel: (props: ButtonSlotProps) => HTMLElement;
-	Action: (props: ButtonSlotProps) => HTMLElement;
-};
-interface CalendarClasses {
-	root?: string;
-	header?: string;
-	title?: string;
-	navButton?: string;
-	grid?: string;
-	headCell?: string;
-	cell?: string;
-	dayButton?: string;
-}
-type CalendarClassKey = keyof CalendarClasses;
-interface ComposedCalendarProps {
-	classes?: CalendarClasses;
-	mode?: "single" | "range" | "multiple";
-	defaultValue?: Date | Date[] | {
-		from: Date;
-		to: Date;
-	};
-	defaultMonth?: Date;
-	minDate?: Date;
-	maxDate?: Date;
-	disabled?: (date: Date) => boolean;
-	weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-	onValueChange?: (value: Date | Date[] | {
-		from: Date;
-		to: Date;
-	} | null) => void;
-	onMonthChange?: (month: Date) => void;
-}
-declare const ComposedCalendar: ((props: ComposedCalendarProps) => HTMLElement) & {
-	__classKeys?: CalendarClassKey;
-};
-import { ChildValue as ChildValue3 } from "@vertz/ui";
-interface CarouselClasses {
-	root?: string;
-	viewport?: string;
-	slide?: string;
-	prevButton?: string;
-	nextButton?: string;
-}
-interface SlideProps {
-	children?: ChildValue3;
-	className?: string;
-	class?: string;
-}
-interface SlotProps3 {
-	children?: ChildValue3;
-}
-interface ComposedCarouselProps {
-	children?: ChildValue3;
-	classes?: CarouselClasses;
-	orientation?: "horizontal" | "vertical";
-	loop?: boolean;
-	defaultIndex?: number;
-	onSlideChange?: (index: number) => void;
-}
-type CarouselClassKey = keyof CarouselClasses;
-declare const ComposedCarousel: ((props: ComposedCarouselProps) => HTMLElement) & {
-	__classKeys?: CarouselClassKey;
-	Slide: (props: SlideProps) => HTMLElement;
-	Previous: (props: SlotProps3) => HTMLElement;
-	Next: (props: SlotProps3) => HTMLElement;
-};
-import { ChildValue as ChildValue4 } from "@vertz/ui";
-interface CheckboxClasses {
-	root?: string;
-	indicator?: string;
-}
-type CheckboxClassKey = keyof CheckboxClasses;
-interface ComposedCheckboxProps {
-	children?: ChildValue4;
-	classes?: CheckboxClasses;
-	defaultChecked?: CheckedState;
-	disabled?: boolean;
-	onCheckedChange?: (checked: CheckedState) => void;
-}
-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;
+type DropdownMenuClassKey = keyof DropdownMenuClasses;
+declare const ComposedDropdownMenu: ((props: ComposedDropdownMenuProps) => HTMLElement) & {
+	__classKeys?: DropdownMenuClassKey;
+	Trigger: (props: SlotProps13) => HTMLElement;
+	Content: (props: SlotProps13) => HTMLElement;
+	Item: (props: ItemProps3) => HTMLElement;
+	Group: (props: GroupProps2) => HTMLElement;
+	Label: (props: SlotProps13) => HTMLElement;
+	Separator: (props: SlotProps13) => HTMLElement;
 };
-import { ChildValue as ChildValue6 } from "@vertz/ui";
-interface CommandClasses {
+import { ChildValue as ChildValue20 } from "@vertz/ui";
+interface EmptyStateClasses {
 	root?: string;
-	input?: string;
-	list?: string;
-	item?: string;
-	group?: string;
-	groupHeading?: string;
-	separator?: string;
-	empty?: string;
-}
-interface CommandInputProps {
-	className?: string;
-	/** @deprecated Use `className` instead. */
-	class?: string;
+	icon?: string;
+	title?: string;
+	description?: string;
+	action?: string;
 }
-interface CommandListProps {
-	children?: ChildValue6;
+type EmptyStateClassKey = keyof EmptyStateClasses;
+interface SlotProps14 {
+	children?: ChildValue20;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
-interface CommandEmptyProps {
-	children?: ChildValue6;
+interface ComposedEmptyStateProps {
+	children?: ChildValue20;
+	classes?: EmptyStateClasses;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
-interface CommandItemProps {
-	value: string;
-	children?: ChildValue6;
-	keywords?: string[];
-	className?: string;
-	/** @deprecated Use `className` instead. */
-	class?: string;
+declare const ComposedEmptyState: ((props: ComposedEmptyStateProps) => HTMLElement) & {
+	__classKeys?: EmptyStateClassKey;
+	Icon: (props: SlotProps14) => HTMLElement;
+	Title: (props: SlotProps14) => HTMLElement;
+	Description: (props: SlotProps14) => HTMLElement;
+	Action: (props: SlotProps14) => HTMLElement;
+};
+import { ChildValue as ChildValue21 } from "@vertz/ui";
+interface FormGroupClasses {
+	base?: string;
+	error?: string;
 }
-interface CommandGroupProps {
-	label: string;
-	children?: ChildValue6;
+type FormGroupClassKey = keyof FormGroupClasses;
+interface SlotProps15 {
+	children?: ChildValue21;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
-interface CommandSeparatorProps {
+interface ComposedFormGroupProps {
+	children?: ChildValue21;
+	classes?: FormGroupClasses;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
-interface ComposedCommandProps {
-	children?: ChildValue6;
-	classes?: CommandClasses;
-	filter?: (value: string, search: string) => boolean;
-	onSelect?: (value: string) => void;
-	onInputChange?: (value: string) => void;
-	placeholder?: string;
-}
-type CommandClassKey = keyof CommandClasses;
-declare const ComposedCommand: ((props: ComposedCommandProps) => HTMLElement) & {
-	__classKeys?: CommandClassKey;
-	Input: (props: CommandInputProps) => HTMLElement;
-	List: (props: CommandListProps) => HTMLElement;
-	Empty: (props: CommandEmptyProps) => HTMLElement;
-	Item: (props: CommandItemProps) => HTMLElement;
-	Group: (props: CommandGroupProps) => HTMLElement;
-	Separator: (props: CommandSeparatorProps) => HTMLElement;
+declare const ComposedFormGroup: ((props: ComposedFormGroupProps) => HTMLElement) & {
+	__classKeys?: FormGroupClassKey;
+	FormError: (props: SlotProps15) => HTMLElement;
 };
-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?: ChildValue7;
-		classes?: Partial<Record<K, string>>;
-		[key: string]: unknown;
-	}): HTMLElement;
-	__classKeys?: K;
-}
-/**
-* Extract the class keys from a composed primitive's phantom brand.
-*/
-type ClassesOf<C> = C extends ComposedPrimitive<infer K> ? Record<K, string> : never;
-/**
-* Return type of withStyles: a callable that accepts all props except `classes`,
-* plus all sub-component properties from the original component.
-*/
-type StyledPrimitive<C extends ComposedPrimitive> = ((props: Omit<Parameters<C>[0], "classes">) => HTMLElement) & Omit<C, "__classKeys" | keyof CallableFunction>;
-/**
-* Pre-bind CSS classes onto a composed primitive.
-* Returns a new function that accepts all props except `classes`,
-* with all sub-component properties preserved.
-*/
-declare function withStyles<C extends ComposedPrimitive>(component: C, classes: ClassesOf<C>): StyledPrimitive<C>;
-import { ChildValue as ChildValue8 } from "@vertz/ui";
-interface ContextMenuClasses {
-	content?: string;
-	item?: string;
-	group?: string;
-	label?: string;
-	separator?: string;
-}
-interface SlotProps5 {
-	children?: ChildValue8;
-	className?: string;
-	/** @deprecated Use `className` instead. */
-	class?: string;
-}
-interface ItemProps2 extends SlotProps5 {
-	value: string;
-}
-interface GroupProps extends SlotProps5 {
-	label: string;
-}
-interface ComposedContextMenuProps {
-	children?: ChildValue8;
-	classes?: ContextMenuClasses;
-	onSelect?: (value: string) => void;
+import { Signal as Signal12 } from "@vertz/ui";
+interface HoverCardOptions extends ElementAttrs {
+	openDelay?: number;
+	closeDelay?: number;
 	onOpenChange?: (open: boolean) => void;
 	positioning?: FloatingOptions;
 }
-type ContextMenuClassKey = keyof ContextMenuClasses;
-declare const ComposedContextMenu: ((props: ComposedContextMenuProps) => HTMLElement) & {
-	__classKeys?: ContextMenuClassKey;
-	Trigger: (props: SlotProps5) => HTMLElement;
-	Content: (props: SlotProps5) => HTMLElement;
-	Item: (props: ItemProps2) => HTMLElement;
-	Group: (props: GroupProps) => HTMLElement;
-	Label: (props: SlotProps5) => HTMLElement;
-	Separator: (props: SlotProps5) => HTMLElement;
+interface HoverCardState {
+	open: Signal12<boolean>;
+}
+interface HoverCardElements {
+	trigger: HTMLElement;
+	content: HTMLDivElement;
+}
+declare const HoverCard: {
+	Root: (options?: HoverCardOptions) => HoverCardElements & {
+		state: HoverCardState;
+	};
 };
-import { ChildValue as ChildValue9 } from "@vertz/ui";
-interface DatePickerClasses {
-	trigger?: string;
+import { ChildValue as ChildValue22 } from "@vertz/ui";
+interface HoverCardClasses {
 	content?: string;
-	calendar?: CalendarClasses;
 }
-type DatePickerClassKey = keyof DatePickerClasses;
-interface SlotProps6 {
-	children?: ChildValue9;
+type HoverCardClassKey = keyof HoverCardClasses;
+interface SlotProps16 {
+	children?: ChildValue22;
 	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;
+interface ComposedHoverCardProps {
+	children?: ChildValue22;
+	classes?: HoverCardClasses;
+	openDelay?: number;
+	closeDelay?: number;
 	onOpenChange?: (open: boolean) => void;
+	positioning?: FloatingOptions;
 }
-declare const ComposedDatePicker: ((props: ComposedDatePickerProps) => HTMLElement) & {
-	__classKeys?: DatePickerClassKey;
-	Trigger: (props: SlotProps6) => HTMLElement;
-	Content: (props: SlotProps6) => HTMLElement;
+declare const ComposedHoverCard: ((props: ComposedHoverCardProps) => HTMLElement) & {
+	__classKeys?: HoverCardClassKey;
+	Trigger: (props: SlotProps16) => HTMLElement;
+	Content: (props: SlotProps16) => HTMLElement;
 };
-import { ChildValue as ChildValue10 } from "@vertz/ui";
-interface DialogClasses {
-	overlay?: string;
-	content?: string;
-	close?: string;
-	header?: string;
-	title?: string;
-	description?: string;
-	footer?: string;
+interface InputClasses {
+	base?: string;
 }
-interface SlotProps7 {
-	children?: ChildValue10;
+type InputClassKey = keyof InputClasses;
+interface ComposedInputProps {
+	classes?: InputClasses;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
+	name?: string;
+	placeholder?: string;
+	type?: string;
+	disabled?: boolean;
+	value?: string;
+	[key: string]: unknown;
 }
-interface DialogContentProps extends SlotProps7 {
-	showClose?: boolean;
+declare const ComposedInput: ComposedPrimitive<InputClassKey, HTMLElement>;
+import { ChildValue as ChildValue23 } from "@vertz/ui";
+interface LabelClasses {
+	base?: string;
 }
-interface ComposedDialogProps {
-	children?: ChildValue10;
-	classes?: DialogClasses;
-	onOpenChange?: (open: boolean) => void;
+type LabelClassKey = keyof LabelClasses;
+interface ComposedLabelProps {
+	classes?: LabelClasses;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+	for?: string;
+	children?: ChildValue23;
 }
-type DialogClassKey = keyof DialogClasses;
-declare const ComposedDialog: ((props: ComposedDialogProps) => HTMLElement) & {
-	__classKeys?: DialogClassKey;
-	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 ChildValue11 } from "@vertz/ui";
-interface DropdownMenuClasses {
+declare const ComposedLabel: ComposedPrimitive<LabelClassKey, HTMLElement>;
+import { ChildValue as ChildValue24 } from "@vertz/ui";
+interface MenuClasses {
 	content?: string;
 	item?: string;
 	group?: string;
 	label?: string;
 	separator?: string;
 }
-interface SlotProps8 {
-	children?: ChildValue11;
+interface SlotProps17 {
+	children?: ChildValue24;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
-interface ItemProps3 extends SlotProps8 {
+interface ItemProps4 extends SlotProps17 {
 	value: string;
 }
-interface GroupProps2 extends SlotProps8 {
+interface GroupProps3 extends SlotProps17 {
 	label: string;
 }
-interface ComposedDropdownMenuProps {
-	children?: ChildValue11;
-	classes?: DropdownMenuClasses;
+interface ComposedMenuProps {
+	children?: ChildValue24;
+	classes?: MenuClasses;
 	onSelect?: (value: string) => void;
 	onOpenChange?: (open: boolean) => void;
 	positioning?: FloatingOptions;
 }
-type DropdownMenuClassKey = keyof DropdownMenuClasses;
-declare const ComposedDropdownMenu: ((props: ComposedDropdownMenuProps) => HTMLElement) & {
-	__classKeys?: DropdownMenuClassKey;
-	Trigger: (props: SlotProps8) => HTMLElement;
-	Content: (props: SlotProps8) => HTMLElement;
-	Item: (props: ItemProps3) => HTMLElement;
-	Group: (props: GroupProps2) => HTMLElement;
-	Label: (props: SlotProps8) => HTMLElement;
-	Separator: (props: SlotProps8) => HTMLElement;
+type MenuClassKey = keyof MenuClasses;
+declare const ComposedMenu: ((props: ComposedMenuProps) => HTMLElement) & {
+	__classKeys?: MenuClassKey;
+	Trigger: (props: SlotProps17) => HTMLElement;
+	Content: (props: SlotProps17) => HTMLElement;
+	Item: (props: ItemProps4) => HTMLElement;
+	Group: (props: GroupProps3) => HTMLElement;
+	Label: (props: SlotProps17) => HTMLElement;
+	Separator: (props: SlotProps17) => HTMLElement;
 };
-import { ChildValue as ChildValue12 } from "@vertz/ui";
-interface HoverCardClasses {
-	content?: string;
+import { Signal as Signal13 } from "@vertz/ui";
+interface MenubarOptions extends ElementAttrs {
+	onSelect?: (value: string) => void;
+	positioning?: FloatingOptions;
 }
-type HoverCardClassKey = keyof HoverCardClasses;
-interface SlotProps9 {
-	children?: ChildValue12;
-	className?: string;
-	/** @deprecated Use `className` instead. */
-	class?: string;
+interface MenubarState {
+	activeMenu: Signal13<string | null>;
 }
-interface ComposedHoverCardProps {
-	children?: ChildValue12;
-	classes?: HoverCardClasses;
-	openDelay?: number;
-	closeDelay?: number;
-	onOpenChange?: (open: boolean) => void;
-	positioning?: FloatingOptions;
+interface MenubarElements {
+	root: HTMLDivElement;
 }
-declare const ComposedHoverCard: ((props: ComposedHoverCardProps) => HTMLElement) & {
-	__classKeys?: HoverCardClassKey;
-	Trigger: (props: SlotProps9) => HTMLElement;
-	Content: (props: SlotProps9) => HTMLElement;
+declare const Menubar: {
+	Root: (options?: MenubarOptions) => 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 ChildValue13 } from "@vertz/ui";
+import { ChildValue as ChildValue25 } from "@vertz/ui";
 interface MenubarClasses {
 	root?: string;
 	trigger?: string;
@@ -1164,23 +1198,23 @@ interface MenubarClasses {
 	label?: string;
 	separator?: string;
 }
-interface SlotProps10 {
-	children?: ChildValue13;
+interface SlotProps18 {
+	children?: ChildValue25;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
-interface MenuProps extends SlotProps10 {
+interface MenuProps extends SlotProps18 {
 	value: string;
 }
-interface ItemProps4 extends SlotProps10 {
+interface ItemProps5 extends SlotProps18 {
 	value: string;
 }
-interface GroupProps3 extends SlotProps10 {
+interface GroupProps4 extends SlotProps18 {
 	label: string;
 }
 interface ComposedMenubarProps {
-	children?: ChildValue13;
+	children?: ChildValue25;
 	classes?: MenubarClasses;
 	onSelect?: (value: string) => void;
 	positioning?: FloatingOptions;
@@ -1189,14 +1223,38 @@ type MenubarClassKey = keyof MenubarClasses;
 declare const ComposedMenubar: ((props: ComposedMenubarProps) => HTMLElement) & {
 	__classKeys?: MenubarClassKey;
 	Menu: (props: MenuProps) => HTMLElement;
-	Trigger: (props: SlotProps10) => HTMLElement;
-	Content: (props: SlotProps10) => HTMLElement;
-	Item: (props: ItemProps4) => HTMLElement;
-	Group: (props: GroupProps3) => HTMLElement;
-	Label: (props: SlotProps10) => HTMLElement;
-	Separator: (props: SlotProps10) => HTMLElement;
+	Trigger: (props: SlotProps18) => HTMLElement;
+	Content: (props: SlotProps18) => HTMLElement;
+	Item: (props: ItemProps5) => HTMLElement;
+	Group: (props: GroupProps4) => HTMLElement;
+	Label: (props: SlotProps18) => HTMLElement;
+	Separator: (props: SlotProps18) => HTMLElement;
 };
-import { ChildValue as ChildValue14 } from "@vertz/ui";
+import { Signal as Signal14 } from "@vertz/ui";
+interface NavigationMenuOptions extends ElementAttrs {
+	orientation?: "horizontal" | "vertical";
+	delayOpen?: number;
+	delayClose?: number;
+}
+interface NavigationMenuState {
+	activeItem: Signal14<string | null>;
+}
+interface NavigationMenuElements {
+	root: HTMLElement;
+	list: HTMLElement;
+	viewport: HTMLElement;
+}
+declare const NavigationMenu: {
+	Root: (options?: NavigationMenuOptions) => NavigationMenuElements & {
+		state: NavigationMenuState;
+		Item: (value: string, label?: string) => {
+			trigger: HTMLElement;
+			content: HTMLElement;
+		};
+		Link: (href: string, label: string) => HTMLElement;
+	};
+};
+import { ChildValue as ChildValue26 } from "@vertz/ui";
 interface NavigationMenuClasses {
 	root?: string;
 	list?: string;
@@ -1206,27 +1264,27 @@ interface NavigationMenuClasses {
 	viewport?: string;
 }
 interface ListProps {
-	children?: ChildValue14;
+	children?: ChildValue26;
 	className?: string;
 	class?: string;
 }
-interface ItemProps5 {
+interface ItemProps6 {
 	value: string;
-	children?: ChildValue14;
+	children?: ChildValue26;
 }
 interface TriggerProps {
-	children?: ChildValue14;
+	children?: ChildValue26;
 	className?: string;
 	class?: string;
 }
 interface ContentProps {
-	children?: ChildValue14;
+	children?: ChildValue26;
 	className?: string;
 	class?: string;
 }
 interface LinkProps {
 	href: string;
-	children?: ChildValue14;
+	children?: ChildValue26;
 	className?: string;
 	class?: string;
 }
@@ -1235,7 +1293,7 @@ interface ViewportProps {
 	class?: string;
 }
 interface ComposedNavigationMenuProps {
-	children?: ChildValue14;
+	children?: ChildValue26;
 	classes?: NavigationMenuClasses;
 	orientation?: "horizontal" | "vertical";
 	delayOpen?: number;
@@ -1245,24 +1303,71 @@ type NavigationMenuClassKey = keyof NavigationMenuClasses;
 declare const ComposedNavigationMenu: ((props: ComposedNavigationMenuProps) => HTMLElement) & {
 	__classKeys?: NavigationMenuClassKey;
 	List: (props: ListProps) => HTMLElement;
-	Item: (props: ItemProps5) => HTMLElement;
+	Item: (props: ItemProps6) => HTMLElement;
 	Trigger: (props: TriggerProps) => HTMLElement;
 	Content: (props: ContentProps) => HTMLElement;
 	Link: (props: LinkProps) => HTMLElement;
 	Viewport: (props: ViewportProps) => HTMLElement;
 };
-import { ChildValue as ChildValue15 } from "@vertz/ui";
+import { ChildValue as ChildValue27 } from "@vertz/ui";
+interface PaginationClasses {
+	nav?: string;
+	list?: string;
+	item?: string;
+	link?: string;
+	linkActive?: string;
+	navButton?: string;
+	ellipsis?: string;
+}
+type PaginationClassKey = keyof PaginationClasses;
+interface ComposedPaginationProps {
+	currentPage: number;
+	totalPages: number;
+	onPageChange: (page: number) => void;
+	siblingCount?: number;
+	classes?: PaginationClasses;
+	className?: string;
+	class?: string;
+	/** Custom content for the previous button. Defaults to "Previous". */
+	prevContent?: ChildValue27;
+	/** Custom content for the next button. Defaults to "Next". */
+	nextContent?: ChildValue27;
+	/** Custom content for the ellipsis. Defaults to "...". */
+	ellipsisContent?: ChildValue27;
+}
+declare const ComposedPagination: ((props: ComposedPaginationProps) => HTMLElement) & {
+	__classKeys?: PaginationClassKey;
+};
+import { Signal as Signal15 } from "@vertz/ui";
+interface PopoverOptions extends ElementAttrs {
+	defaultOpen?: boolean;
+	onOpenChange?: (open: boolean) => void;
+	positioning?: FloatingOptions;
+}
+interface PopoverState {
+	open: Signal15<boolean>;
+}
+interface PopoverElements {
+	trigger: HTMLButtonElement;
+	content: HTMLDivElement;
+}
+declare const Popover: {
+	Root: (options?: PopoverOptions) => PopoverElements & {
+		state: PopoverState;
+	};
+};
+import { ChildValue as ChildValue28 } from "@vertz/ui";
 interface PopoverClasses {
 	content?: string;
 }
-interface SlotProps11 {
-	children?: ChildValue15;
+interface SlotProps19 {
+	children?: ChildValue28;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface ComposedPopoverProps {
-	children?: ChildValue15;
+	children?: ChildValue28;
 	classes?: PopoverClasses;
 	onOpenChange?: (open: boolean) => void;
 	positioning?: FloatingOptions;
@@ -1270,17 +1375,36 @@ interface ComposedPopoverProps {
 type PopoverClassKey = keyof PopoverClasses;
 declare const ComposedPopover: ((props: ComposedPopoverProps) => HTMLElement) & {
 	__classKeys?: PopoverClassKey;
-	Trigger: (props: SlotProps11) => HTMLElement;
-	Content: (props: SlotProps11) => HTMLElement;
+	Trigger: (props: SlotProps19) => HTMLElement;
+	Content: (props: SlotProps19) => HTMLElement;
 };
-import { ChildValue as ChildValue16 } from "@vertz/ui";
+import { Signal as Signal16 } from "@vertz/ui";
+interface ProgressOptions extends ElementAttrs {
+	defaultValue?: number;
+	min?: number;
+	max?: number;
+}
+interface ProgressState {
+	value: Signal16<number>;
+}
+interface ProgressElements {
+	root: HTMLElement;
+	indicator: HTMLElement;
+}
+declare const Progress: {
+	Root: (options?: ProgressOptions) => ProgressElements & {
+		state: ProgressState;
+		setValue: (value: number) => void;
+	};
+};
+import { ChildValue as ChildValue29 } from "@vertz/ui";
 interface ProgressClasses {
 	root?: string;
 	indicator?: string;
 }
 type ProgressClassKey = keyof ProgressClasses;
 interface ComposedProgressProps {
-	children?: ChildValue16;
+	children?: ChildValue29;
 	classes?: ProgressClasses;
 	defaultValue?: number;
 	min?: number;
@@ -1289,7 +1413,28 @@ interface ComposedProgressProps {
 declare const ComposedProgress: ((props: ComposedProgressProps) => HTMLElement) & {
 	__classKeys?: ProgressClassKey;
 };
-import { ChildValue as ChildValue17 } from "@vertz/ui";
+import { Signal as Signal17 } from "@vertz/ui";
+interface RadioOptions extends ElementAttrs {
+	defaultValue?: string;
+	onValueChange?: (value: string) => void;
+}
+interface RadioState {
+	value: Signal17<string>;
+}
+interface RadioElements {
+	root: HTMLElement;
+}
+interface RadioItemOptions {
+	disabled?: boolean;
+}
+declare const Radio: {
+	Root: (options?: RadioOptions) => RadioElements & {
+		state: RadioState;
+		Item: (value: string, label?: string, itemOptions?: RadioItemOptions) => HTMLElement;
+		destroy: () => void;
+	};
+};
+import { ChildValue as ChildValue30 } from "@vertz/ui";
 interface RadioGroupClasses {
 	root?: string;
 	item?: string;
@@ -1300,10 +1445,10 @@ type RadioGroupClassKey = keyof RadioGroupClasses;
 interface RadioGroupItemProps {
 	value: string;
 	disabled?: boolean;
-	children?: ChildValue17;
+	children?: ChildValue30;
 }
 interface ComposedRadioGroupProps {
-	children?: ChildValue17;
+	children?: ChildValue30;
 	classes?: RadioGroupClasses;
 	defaultValue?: string;
 	onValueChange?: (value: string) => void;
@@ -1312,18 +1457,44 @@ declare const ComposedRadioGroup: ((props: ComposedRadioGroupProps) => HTMLEleme
 	__classKeys?: RadioGroupClassKey;
 	Item: (props: RadioGroupItemProps) => HTMLElement;
 };
-import { ChildValue as ChildValue18 } from "@vertz/ui";
+import { Signal as Signal18 } from "@vertz/ui";
+interface ResizablePanelOptions extends ElementAttrs {
+	orientation?: "horizontal" | "vertical";
+	onResize?: (sizes: number[]) => void;
+}
+interface PanelOptions {
+	defaultSize?: number;
+	minSize?: number;
+	maxSize?: number;
+}
+interface ResizablePanelState {
+	sizes: Signal18<number[]>;
+}
+interface ResizablePanelElements {
+	root: HTMLDivElement;
+}
+declare const ResizablePanel: {
+	Root: (options?: ResizablePanelOptions) => ResizablePanelElements & {
+		state: ResizablePanelState;
+		Panel: (panelOptions?: PanelOptions) => HTMLDivElement;
+		Handle: () => HTMLDivElement;
+	};
+};
+import { ChildValue as ChildValue31 } from "@vertz/ui";
 interface ResizablePanelClasses {
 	root?: string;
 	panel?: string;
 	handle?: string;
 }
 type ResizablePanelClassKey = keyof ResizablePanelClasses;
-interface PanelSlotProps extends PanelOptions {
-	children?: ChildValue18;
+interface PanelSlotProps {
+	children?: ChildValue31;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
+	defaultSize?: number;
+	minSize?: number;
+	maxSize?: number;
 }
 interface HandleSlotProps {
 	className?: string;
@@ -1331,17 +1502,41 @@ interface HandleSlotProps {
 	class?: string;
 }
 interface ComposedResizablePanelProps {
-	children?: ChildValue18;
+	children?: ChildValue31;
 	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;
+declare const ComposedResizablePanel: ((props: ComposedResizablePanelProps) => HTMLElement) & {
+	__classKeys?: ResizablePanelClassKey;
+	Panel: (props: PanelSlotProps) => HTMLElement;
+	Handle: (props: HandleSlotProps) => HTMLElement;
+};
+import { Signal as Signal19 } from "@vertz/ui";
+interface ScrollAreaOptions extends ElementAttrs {
+	orientation?: "vertical" | "horizontal" | "both";
+	type?: "auto" | "always" | "hover" | "scroll";
+}
+interface ScrollAreaState {
+	scrollTop: Signal19<number>;
+	scrollLeft: Signal19<number>;
+}
+interface ScrollAreaElements {
+	root: HTMLDivElement;
+	viewport: HTMLDivElement;
+	content: HTMLDivElement;
+	scrollbarY: HTMLDivElement;
+	thumbY: HTMLDivElement;
+	scrollbarX: HTMLDivElement;
+	thumbX: HTMLDivElement;
+}
+declare const ScrollArea: {
+	Root: (options?: ScrollAreaOptions) => ScrollAreaElements & {
+		state: ScrollAreaState;
+		update: () => void;
+	};
 };
-import { ChildValue as ChildValue19 } from "@vertz/ui";
+import { ChildValue as ChildValue32 } from "@vertz/ui";
 interface ScrollAreaClasses {
 	root?: string;
 	viewport?: string;
@@ -1350,14 +1545,41 @@ interface ScrollAreaClasses {
 }
 type ScrollAreaClassKey = keyof ScrollAreaClasses;
 interface ComposedScrollAreaProps {
-	children?: ChildValue19;
+	children?: ChildValue32;
 	classes?: ScrollAreaClasses;
 	orientation?: "vertical" | "horizontal" | "both";
 }
 declare const ComposedScrollArea: ((props: ComposedScrollAreaProps) => HTMLElement) & {
 	__classKeys?: ScrollAreaClassKey;
 };
-import { ChildValue as ChildValue20 } from "@vertz/ui";
+import { Signal as Signal20 } from "@vertz/ui";
+interface SelectOptions extends ElementAttrs {
+	defaultValue?: string;
+	placeholder?: string;
+	onValueChange?: (value: string) => void;
+	positioning?: FloatingOptions;
+}
+interface SelectState {
+	open: Signal20<boolean>;
+	value: Signal20<string>;
+	activeIndex: Signal20<number>;
+}
+interface SelectElements {
+	trigger: HTMLButtonElement;
+	content: HTMLDivElement;
+}
+declare const Select: {
+	Root: (options?: SelectOptions) => SelectElements & {
+		state: SelectState;
+		Item: (value: string, label?: string) => HTMLDivElement;
+		Group: (label: string) => {
+			el: HTMLDivElement;
+			Item: (value: string, label?: string) => HTMLDivElement;
+		};
+		Separator: () => HTMLHRElement;
+	};
+};
+import { ChildValue as ChildValue33 } from "@vertz/ui";
 interface SelectClasses {
 	trigger?: string;
 	content?: string;
@@ -1367,20 +1589,20 @@ interface SelectClasses {
 	label?: string;
 	separator?: string;
 }
-interface SlotProps12 {
-	children?: ChildValue20;
+interface SlotProps20 {
+	children?: ChildValue33;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
-interface ItemProps6 extends SlotProps12 {
+interface ItemProps7 extends SlotProps20 {
 	value: string;
 }
-interface GroupProps4 extends SlotProps12 {
+interface GroupProps5 extends SlotProps20 {
 	label: string;
 }
 interface ComposedSelectProps {
-	children?: ChildValue20;
+	children?: ChildValue33;
 	classes?: SelectClasses;
 	defaultValue?: string;
 	placeholder?: string;
@@ -1390,13 +1612,50 @@ interface ComposedSelectProps {
 type SelectClassKey = keyof SelectClasses;
 declare const ComposedSelect: ((props: ComposedSelectProps) => HTMLElement) & {
 	__classKeys?: SelectClassKey;
-	Trigger: (props: SlotProps12) => HTMLElement;
-	Content: (props: SlotProps12) => HTMLElement;
-	Item: (props: ItemProps6) => HTMLElement;
-	Group: (props: GroupProps4) => HTMLElement;
-	Separator: (props: SlotProps12) => HTMLElement;
+	Trigger: (props: SlotProps20) => HTMLElement;
+	Content: (props: SlotProps20) => HTMLElement;
+	Item: (props: ItemProps7) => HTMLElement;
+	Group: (props: GroupProps5) => HTMLElement;
+	Separator: (props: SlotProps20) => HTMLElement;
 };
-import { ChildValue as ChildValue21 } from "@vertz/ui";
+interface SeparatorClasses {
+	base?: string;
+	horizontal?: string;
+	vertical?: string;
+}
+type SeparatorClassKey = keyof SeparatorClasses;
+interface ComposedSeparatorProps {
+	classes?: SeparatorClasses;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+	orientation?: "horizontal" | "vertical";
+}
+declare const ComposedSeparator: ComposedPrimitive<SeparatorClassKey, HTMLElement>;
+import { Signal as Signal21 } from "@vertz/ui";
+type SheetSide = "left" | "right" | "top" | "bottom";
+interface SheetOptions {
+	side?: SheetSide;
+	defaultOpen?: boolean;
+	onOpenChange?: (open: boolean) => void;
+}
+interface SheetState {
+	open: Signal21<boolean>;
+}
+interface SheetElements {
+	trigger: HTMLButtonElement;
+	overlay: HTMLDivElement;
+	content: HTMLDivElement;
+	close: HTMLButtonElement;
+	show: () => void;
+	hide: () => void;
+}
+declare const Sheet: {
+	Root: (options?: SheetOptions) => SheetElements & {
+		state: SheetState;
+	};
+};
+import { ChildValue as ChildValue34 } from "@vertz/ui";
 interface SheetClasses {
 	overlay?: string;
 	content?: string;
@@ -1404,17 +1663,17 @@ interface SheetClasses {
 	description?: string;
 	close?: string;
 }
-interface SlotProps13 {
-	children?: ChildValue21;
+interface SlotProps21 {
+	children?: ChildValue34;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
-interface SheetContentProps extends SlotProps13 {
+interface SheetContentProps extends SlotProps21 {
 	showClose?: boolean;
 }
 interface ComposedSheetProps {
-	children?: ChildValue21;
+	children?: ChildValue34;
 	classes?: SheetClasses;
 	side?: SheetSide;
 	onOpenChange?: (open: boolean) => void;
@@ -1422,13 +1681,83 @@ interface ComposedSheetProps {
 type SheetClassKey = keyof SheetClasses;
 declare const ComposedSheet: ((props: ComposedSheetProps) => HTMLElement) & {
 	__classKeys?: SheetClassKey;
-	Trigger: (props: SlotProps13) => HTMLElement;
+	Trigger: (props: SlotProps21) => HTMLElement;
 	Content: (props: SheetContentProps) => HTMLElement;
-	Title: (props: SlotProps13) => HTMLElement;
-	Description: (props: SlotProps13) => HTMLElement;
-	Close: (props: SlotProps13) => HTMLElement;
+	Title: (props: SlotProps21) => HTMLElement;
+	Description: (props: SlotProps21) => HTMLElement;
+	Close: (props: SlotProps21) => HTMLElement;
 };
-import { ChildValue as ChildValue22 } from "@vertz/ui";
+interface SkeletonClasses {
+	root?: string;
+}
+type SkeletonClassKey = keyof SkeletonClasses;
+interface ComposedSkeletonProps {
+	classes?: SkeletonClasses;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+	width?: string;
+	height?: string;
+}
+interface SkeletonTextClasses {
+	root?: string;
+	line?: string;
+}
+type SkeletonTextClassKey = keyof SkeletonTextClasses;
+interface ComposedSkeletonTextProps {
+	classes?: SkeletonTextClasses;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+	/** Number of lines to render. Default: 3 */
+	lines?: number;
+	/** Width of the last line. Default: '75%' */
+	lastLineWidth?: string;
+	/** Height of each line. Default: '1rem' */
+	height?: string;
+	/** Gap between lines. Overrides the CSS class gap when provided. */
+	gap?: string;
+}
+interface SkeletonCircleClasses {
+	root?: string;
+}
+type SkeletonCircleClassKey = keyof SkeletonCircleClasses;
+interface ComposedSkeletonCircleProps {
+	classes?: SkeletonCircleClasses;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+	/** Diameter. Default: '2.5rem' */
+	size?: string;
+}
+declare const ComposedSkeleton: ComposedPrimitive<SkeletonClassKey, HTMLElement> & {
+	Text: ComposedPrimitive<SkeletonTextClassKey, HTMLElement>;
+	Circle: ComposedPrimitive<SkeletonCircleClassKey, HTMLElement>;
+};
+import { Signal as Signal22 } from "@vertz/ui";
+interface SliderOptions extends ElementAttrs {
+	defaultValue?: number;
+	min?: number;
+	max?: number;
+	step?: number;
+	disabled?: boolean;
+	onValueChange?: (value: number) => void;
+}
+interface SliderState {
+	value: Signal22<number>;
+	disabled: Signal22<boolean>;
+}
+interface SliderElements {
+	root: HTMLDivElement;
+	thumb: HTMLDivElement;
+	track: HTMLDivElement;
+}
+declare const Slider: {
+	Root: (options?: SliderOptions) => SliderElements & {
+		state: SliderState;
+	};
+};
+import { ChildValue as ChildValue35 } from "@vertz/ui";
 interface SliderClasses {
 	root?: string;
 	track?: string;
@@ -1437,7 +1766,7 @@ interface SliderClasses {
 }
 type SliderClassKey = keyof SliderClasses;
 interface ComposedSliderProps {
-	children?: ChildValue22;
+	children?: ChildValue35;
 	classes?: SliderClasses;
 	defaultValue?: number;
 	min?: number;
@@ -1449,14 +1778,22 @@ interface ComposedSliderProps {
 declare const ComposedSlider: ((props: ComposedSliderProps) => HTMLElement) & {
 	__classKeys?: SliderClassKey;
 };
-import { ChildValue as ChildValue23 } from "@vertz/ui";
+interface SwitchOptions extends ElementAttrs {
+	defaultChecked?: boolean;
+	disabled?: boolean;
+	onCheckedChange?: (checked: boolean) => void;
+}
+declare const Switch: {
+	Root: (options?: SwitchOptions) => HTMLButtonElement;
+};
+import { ChildValue as ChildValue36 } from "@vertz/ui";
 interface SwitchClasses {
 	root?: string;
 	thumb?: string;
 }
 type SwitchClassKey = keyof SwitchClasses;
 interface ComposedSwitchProps {
-	children?: ChildValue23;
+	children?: ChildValue36;
 	classes?: SwitchClasses;
 	defaultChecked?: boolean;
 	disabled?: boolean;
@@ -1465,26 +1802,82 @@ interface ComposedSwitchProps {
 declare const ComposedSwitch: ((props: ComposedSwitchProps) => HTMLElement) & {
 	__classKeys?: SwitchClassKey;
 };
-import { ChildValue as ChildValue24 } from "@vertz/ui";
+import { ChildValue as ChildValue37 } from "@vertz/ui";
+interface TableClasses {
+	root?: string;
+	header?: string;
+	body?: string;
+	row?: string;
+	head?: string;
+	cell?: string;
+	caption?: string;
+	footer?: string;
+}
+type TableClassKey = keyof TableClasses;
+interface SlotProps22 {
+	children?: ChildValue37;
+	className?: string;
+	class?: string;
+}
+interface ComposedTableProps {
+	children?: ChildValue37;
+	classes?: TableClasses;
+	className?: string;
+	class?: string;
+}
+declare const ComposedTable: ((props: ComposedTableProps) => HTMLElement) & {
+	__classKeys?: TableClassKey;
+	Header: (props: SlotProps22) => HTMLElement;
+	Body: (props: SlotProps22) => HTMLElement;
+	Row: (props: SlotProps22) => HTMLElement;
+	Head: (props: SlotProps22) => HTMLElement;
+	Cell: (props: SlotProps22) => HTMLElement;
+	Caption: (props: SlotProps22) => HTMLElement;
+	Footer: (props: SlotProps22) => HTMLElement;
+};
+import { Signal as Signal23 } from "@vertz/ui";
+interface TabsOptions extends ElementAttrs {
+	defaultValue?: string;
+	orientation?: "horizontal" | "vertical";
+	onValueChange?: (value: string) => void;
+}
+interface TabsState {
+	value: Signal23<string>;
+}
+interface TabsElements {
+	root: HTMLElement;
+	list: HTMLElement;
+}
+declare const Tabs: {
+	Root: (options?: TabsOptions) => TabsElements & {
+		state: TabsState;
+		Tab: (value: string, label?: string) => {
+			trigger: HTMLElement;
+			panel: HTMLElement;
+		};
+		destroy: () => void;
+	};
+};
+import { ChildValue as ChildValue38 } from "@vertz/ui";
 interface TabsClasses {
 	list?: string;
 	trigger?: string;
 	panel?: string;
 }
-interface SlotProps14 {
-	children?: ChildValue24;
+interface SlotProps23 {
+	children?: ChildValue38;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
-interface TriggerProps2 extends SlotProps14 {
+interface TriggerProps2 extends SlotProps23 {
 	value: string;
 }
-interface ContentProps2 extends SlotProps14 {
+interface ContentProps2 extends SlotProps23 {
 	value: string;
 }
 interface ComposedTabsProps {
-	children?: ChildValue24;
+	children?: ChildValue38;
 	classes?: TabsClasses;
 	defaultValue?: string;
 	onValueChange?: (value: string) => void;
@@ -1493,17 +1886,65 @@ interface ComposedTabsProps {
 type TabsClassKey = keyof TabsClasses;
 declare const ComposedTabs: ((props: ComposedTabsProps) => HTMLElement) & {
 	__classKeys?: TabsClassKey;
-	List: (props: SlotProps14) => HTMLElement;
+	List: (props: SlotProps23) => HTMLElement;
 	Trigger: (props: TriggerProps2) => HTMLElement;
 	Content: (props: ContentProps2) => HTMLElement;
 };
-import { ChildValue as ChildValue25 } from "@vertz/ui";
+interface TextareaClasses {
+	base?: string;
+}
+type TextareaClassKey = keyof TextareaClasses;
+interface ComposedTextareaProps {
+	classes?: TextareaClasses;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+	name?: string;
+	placeholder?: string;
+	disabled?: boolean;
+	value?: string;
+	rows?: number;
+	[key: string]: unknown;
+}
+declare const ComposedTextarea: ComposedPrimitive<TextareaClassKey, HTMLElement>;
+import { Signal as Signal24 } from "@vertz/ui";
+interface ToastOptions extends ElementAttrs {
+	duration?: number;
+	politeness?: "polite" | "assertive";
+}
+interface ToastMessage {
+	id: string;
+	content: string;
+	el: HTMLDivElement;
+}
+interface ToastState {
+	messages: Signal24<ToastMessage[]>;
+}
+interface ToastElements {
+	region: HTMLDivElement;
+}
+declare const Toast: {
+	Root: (options?: ToastOptions) => ToastElements & {
+		state: ToastState;
+		announce: (content: string) => ToastMessage;
+		dismiss: (id: string) => void;
+	};
+};
+interface ToggleOptions extends ElementAttrs {
+	defaultPressed?: boolean;
+	disabled?: boolean;
+	onPressedChange?: (pressed: boolean) => void;
+}
+declare const Toggle: {
+	Root: (options?: ToggleOptions) => HTMLButtonElement;
+};
+import { ChildValue as ChildValue39 } from "@vertz/ui";
 interface ToggleClasses {
 	root?: string;
 }
 type ToggleClassKey = keyof ToggleClasses;
 interface ComposedToggleProps {
-	children?: ChildValue25;
+	children?: ChildValue39;
 	classes?: ToggleClasses;
 	defaultPressed?: boolean;
 	disabled?: boolean;
@@ -1512,7 +1953,28 @@ interface ComposedToggleProps {
 declare const ComposedToggle: ((props: ComposedToggleProps) => HTMLElement) & {
 	__classKeys?: ToggleClassKey;
 };
-import { ChildValue as ChildValue26 } from "@vertz/ui";
+import { Signal as Signal25 } from "@vertz/ui";
+interface ToggleGroupOptions extends ElementAttrs {
+	type?: "single" | "multiple";
+	defaultValue?: string[];
+	orientation?: "horizontal" | "vertical";
+	disabled?: boolean;
+	onValueChange?: (value: string[]) => void;
+}
+interface ToggleGroupState {
+	value: Signal25<string[]>;
+	disabled: Signal25<boolean>;
+}
+interface ToggleGroupElements {
+	root: HTMLDivElement;
+}
+declare const ToggleGroup: {
+	Root: (options?: ToggleGroupOptions) => ToggleGroupElements & {
+		state: ToggleGroupState;
+		Item: (value: string) => HTMLButtonElement;
+	};
+};
+import { ChildValue as ChildValue40 } from "@vertz/ui";
 interface ToggleGroupClasses {
 	root?: string;
 	item?: string;
@@ -1520,10 +1982,10 @@ interface ToggleGroupClasses {
 type ToggleGroupClassKey = keyof ToggleGroupClasses;
 interface ToggleGroupItemProps {
 	value: string;
-	children?: ChildValue26;
+	children?: ChildValue40;
 }
 interface ComposedToggleGroupProps {
-	children?: ChildValue26;
+	children?: ChildValue40;
 	classes?: ToggleGroupClasses;
 	type?: "single" | "multiple";
 	defaultValue?: string[];
@@ -1535,18 +1997,36 @@ declare const ComposedToggleGroup: ((props: ComposedToggleGroupProps) => HTMLEle
 	__classKeys?: ToggleGroupClassKey;
 	Item: (props: ToggleGroupItemProps) => HTMLElement;
 };
-import { ChildValue as ChildValue27 } from "@vertz/ui";
+import { Signal as Signal26 } from "@vertz/ui";
+interface TooltipOptions extends ElementAttrs {
+	delay?: number;
+	onOpenChange?: (open: boolean) => void;
+	positioning?: FloatingOptions;
+}
+interface TooltipState {
+	open: Signal26<boolean>;
+}
+interface TooltipElements {
+	trigger: HTMLElement;
+	content: HTMLElement;
+}
+declare const Tooltip: {
+	Root: (options?: TooltipOptions) => TooltipElements & {
+		state: TooltipState;
+	};
+};
+import { ChildValue as ChildValue41 } from "@vertz/ui";
 interface TooltipClasses {
 	content?: string;
 }
-interface SlotProps15 {
-	children?: ChildValue27;
+interface SlotProps24 {
+	children?: ChildValue41;
 	className?: string;
 	/** @deprecated Use `className` instead. */
 	class?: string;
 }
 interface ComposedTooltipProps {
-	children?: ChildValue27;
+	children?: ChildValue41;
 	classes?: TooltipClasses;
 	delay?: number;
 	positioning?: FloatingOptions;
@@ -1554,8 +2034,8 @@ interface ComposedTooltipProps {
 type TooltipClassKey = keyof TooltipClasses;
 declare const ComposedTooltip: ((props: ComposedTooltipProps) => HTMLElement) & {
 	__classKeys?: TooltipClassKey;
-	Trigger: (props: SlotProps15) => HTMLElement;
-	Content: (props: SlotProps15) => HTMLElement;
+	Trigger: (props: SlotProps24) => HTMLElement;
+	Content: (props: SlotProps24) => HTMLElement;
 };
 /**
 * Typed event handler props for interactive themed components.
@@ -1579,4 +2059,4 @@ interface ElementEventHandlers {
 	onInput?: (event: InputEvent) => void;
 	onChange?: (event: Event) => void;
 }
-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 };
+export { withStyles, TooltipState, TooltipOptions, TooltipElements, TooltipClasses, Tooltip, ToggleOptions, ToggleGroupState, ToggleGroupOptions, ToggleGroupElements, ToggleGroupClasses, ToggleGroup, ToggleClasses, Toggle, ToastState, ToastOptions, ToastMessage, ToastElements, Toast, TextareaClasses, TabsState, TabsOptions, TabsElements, TabsClasses, Tabs, TableClasses, TableClassKey, SwitchOptions, SwitchClasses, Switch, StyledPrimitive, StackDialogTitle, StackDialogHeader, StackDialogFooter, StackDialogDescription, StackDialogClose, StackDialogCancel, StackDialogBody, SliderState, SliderOptions, SliderElements, SliderClasses, Slider, SkeletonTextClasses, SkeletonTextClassKey, SkeletonClasses, SkeletonClassKey, SkeletonCircleClasses, SkeletonCircleClassKey, SheetState, SheetSide, SheetOptions, SheetElements, SheetClasses, Sheet, SeparatorClasses, 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, PaginationClasses, PaginationClassKey, NavigationMenuState, NavigationMenuOptions, NavigationMenuElements, NavigationMenuClasses, NavigationMenu, MenubarState, MenubarOptions, MenubarElements, MenubarClasses, Menubar, MenuState, MenuOptions, MenuElements, MenuClasses, MenuClassKey, Menu2 as Menu, LabelClasses, InputClasses, HoverCardState, HoverCardOptions, HoverCardElements, HoverCardClasses, HoverCardClassKey, HoverCard, FormGroupClasses, FormGroupClassKey, FloatingOptions, EmptyStateClasses, EmptyStateClassKey, ElementOf, 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, ComposedTextareaProps, ComposedTextarea, ComposedTabsProps, ComposedTabs, ComposedTableProps, ComposedTable, ComposedSwitchProps, ComposedSwitch, ComposedSliderProps, ComposedSlider, ComposedSkeletonTextProps, ComposedSkeletonProps, ComposedSkeletonCircleProps, ComposedSkeleton, ComposedSheetProps, ComposedSheet, ComposedSeparatorProps, ComposedSeparator, ComposedSelectProps, ComposedSelect, ComposedScrollAreaProps, ComposedScrollArea, ComposedResizablePanelProps, ComposedResizablePanel, ComposedRadioGroupProps, ComposedRadioGroup, ComposedProgressProps, ComposedProgress, ComposedPrimitive, ComposedPopoverProps, ComposedPopover, ComposedPaginationProps, ComposedPagination, ComposedNavigationMenuProps, ComposedNavigationMenu, ComposedMenubarProps, ComposedMenubar, ComposedMenuProps, ComposedMenu, ComposedLabelProps, ComposedLabel, ComposedInputProps, ComposedInput, ComposedHoverCardProps, ComposedHoverCard, ComposedFormGroupProps, ComposedFormGroup, ComposedEmptyStateProps, ComposedEmptyState, ComposedDropdownMenuProps, ComposedDropdownMenu, ComposedDialogProps, ComposedDialog, ComposedDatePickerProps, ComposedDatePicker, ComposedContextMenuProps, ComposedContextMenu, ComposedCommandProps, ComposedCommand, ComposedComboboxProps, ComposedCombobox, ComposedCollapsibleProps, ComposedCollapsible, ComposedCheckboxProps, ComposedCheckbox, ComposedCarouselProps, ComposedCarousel, ComposedCardProps, ComposedCard, ComposedCalendarProps, ComposedCalendar, ComposedButtonProps, ComposedButton, ComposedBreadcrumbProps, ComposedBreadcrumb, ComposedBadgeProps, ComposedBadge, ComposedAvatarProps, ComposedAvatar, ComposedAlertProps, ComposedAlertDialogProps, ComposedAlertDialog, ComposedAlert, ComposedAccordionProps, ComposedAccordion, CommandState, CommandOptions, CommandElements, CommandClasses, Command, ComboboxState, ComboboxOptions, ComboboxElements, ComboboxClasses, ComboboxClassKey, Combobox, CollapsibleState, CollapsibleOptions, CollapsibleElements, CollapsibleClasses, CollapsibleClassKey, Collapsible, ClassesOf, CheckedState, CheckboxOptions, CheckboxClasses, Checkbox, CarouselState, CarouselOptions, CarouselElements, CarouselClasses, Carousel, CardClasses, CardClassKey, CalendarState, CalendarOptions, CalendarElements, CalendarClasses, Calendar, ButtonOptions, ButtonClasses, Button, BreadcrumbItemProps, BreadcrumbClasses, BreadcrumbClassKey, BadgeOptions, BadgeElements, BadgeClasses, Badge, AvatarClasses, AvatarClassKey, AlertDialogState, AlertDialogOptions, AlertDialogElements, AlertDialogClasses, AlertDialog, AlertClasses, AlertClassKey, AccordionState, AccordionOptions, AccordionElements, AccordionClasses, Accordion };