@vertz/ui-primitives 0.2.20 → 0.2.21

package/dist/src/index.d.ts

@@ -1,5 +1,7 @@
 import { Signal } from "@vertz/ui";
 interface ElementAttrs {
+	className?: string;
+	/** @deprecated Use `className` instead. */
 	class?: string;
 	id?: string;
 	style?: string;
@@ -42,13 +44,13 @@ interface AlertDialogState {
 	open: Signal2<boolean>;
 }
 interface AlertDialogElements {
-	trigger: HTMLButtonElement;
-	overlay: HTMLDivElement;
-	content: HTMLDivElement;
-	title: HTMLHeadingElement;
-	description: HTMLParagraphElement;
-	cancel: HTMLButtonElement;
-	action: HTMLButtonElement;
+	trigger: HTMLElement;
+	overlay: HTMLElement;
+	content: HTMLElement;
+	title: HTMLElement;
+	description: HTMLElement;
+	cancel: HTMLElement;
+	action: HTMLElement;
 	show: () => void;
 	hide: () => void;
 }
@@ -100,16 +102,17 @@ interface CalendarState {
 	displayMonth: Signal3<Date>;
 }
 interface CalendarElements {
-	root: HTMLDivElement;
-	header: HTMLDivElement;
-	title: HTMLDivElement;
-	prevButton: HTMLButtonElement;
-	nextButton: HTMLButtonElement;
-	grid: HTMLTableElement;
+	root: HTMLElement;
+	header: HTMLElement;
+	title: HTMLElement;
+	prevButton: HTMLElement;
+	nextButton: HTMLElement;
+	grid: HTMLElement;
 }
 declare const Calendar: {
 	Root: (options?: CalendarOptions) => CalendarElements & {
 		state: CalendarState;
+		destroy: () => void;
 	};
 };
 import { Signal as Signal4 } from "@vertz/ui";
@@ -286,12 +289,12 @@ interface DatePickerElements {
 	trigger: HTMLButtonElement;
 	content: HTMLDivElement;
 	calendar: {
-		root: HTMLDivElement;
-		header: HTMLDivElement;
-		title: HTMLDivElement;
-		prevButton: HTMLButtonElement;
-		nextButton: HTMLButtonElement;
-		grid: HTMLTableElement;
+		root: HTMLElement;
+		header: HTMLElement;
+		title: HTMLElement;
+		prevButton: HTMLElement;
+		nextButton: HTMLElement;
+		grid: HTMLElement;
 	};
 }
 declare const DatePicker: {
@@ -315,6 +318,7 @@ interface DialogElements {
 	content: HTMLDivElement;
 	overlay: HTMLDivElement;
 	title: HTMLHeadingElement;
+	description: HTMLParagraphElement;
 	close: HTMLButtonElement;
 	show: () => void;
 	hide: () => void;
@@ -327,6 +331,7 @@ declare const Dialog: {
 import { Signal as Signal11 } from "@vertz/ui";
 interface MenuOptions extends ElementAttrs {
 	onSelect?: (value: string) => void;
+	onOpenChange?: (open: boolean) => void;
 	positioning?: FloatingOptions;
 }
 interface MenuState {
@@ -420,17 +425,17 @@ interface NavigationMenuState {
 }
 interface NavigationMenuElements {
 	root: HTMLElement;
-	list: HTMLDivElement;
-	viewport: HTMLDivElement;
+	list: HTMLElement;
+	viewport: HTMLElement;
 }
 declare const NavigationMenu: {
 	Root: (options?: NavigationMenuOptions) => NavigationMenuElements & {
 		state: NavigationMenuState;
 		Item: (value: string, label?: string) => {
-			trigger: HTMLButtonElement;
-			content: HTMLDivElement;
+			trigger: HTMLElement;
+			content: HTMLElement;
 		};
-		Link: (href: string, label: string) => HTMLAnchorElement;
+		Link: (href: string, label: string) => HTMLElement;
 	};
 };
 import { Signal as Signal15 } from "@vertz/ui";
@@ -461,8 +466,8 @@ interface ProgressState {
 	value: Signal16<number>;
 }
 interface ProgressElements {
-	root: HTMLDivElement;
-	indicator: HTMLDivElement;
+	root: HTMLElement;
+	indicator: HTMLElement;
 }
 declare const Progress: {
 	Root: (options?: ProgressOptions) => ProgressElements & {
@@ -479,12 +484,16 @@ interface RadioState {
 	value: Signal17<string>;
 }
 interface RadioElements {
-	root: HTMLDivElement;
+	root: HTMLElement;
+}
+interface RadioItemOptions {
+	disabled?: boolean;
 }
 declare const Radio: {
 	Root: (options?: RadioOptions) => RadioElements & {
 		state: RadioState;
-		Item: (value: string, label?: string) => HTMLDivElement;
+		Item: (value: string, label?: string, itemOptions?: RadioItemOptions) => HTMLElement;
+		destroy: () => void;
 	};
 };
 import { Signal as Signal18 } from "@vertz/ui";
@@ -625,16 +634,17 @@ interface TabsState {
 	value: Signal23<string>;
 }
 interface TabsElements {
-	root: HTMLDivElement;
-	list: HTMLDivElement;
+	root: HTMLElement;
+	list: HTMLElement;
 }
 declare const Tabs: {
 	Root: (options?: TabsOptions) => TabsElements & {
 		state: TabsState;
 		Tab: (value: string, label?: string) => {
-			trigger: HTMLButtonElement;
-			panel: HTMLDivElement;
+			trigger: HTMLElement;
+			panel: HTMLElement;
 		};
+		destroy: () => void;
 	};
 };
 import { Signal as Signal24 } from "@vertz/ui";
@@ -700,11 +710,711 @@ interface TooltipState {
 }
 interface TooltipElements {
 	trigger: HTMLElement;
-	content: HTMLDivElement;
+	content: HTMLElement;
 }
 declare const Tooltip: {
 	Root: (options?: TooltipOptions) => TooltipElements & {
 		state: TooltipState;
 	};
 };
-export { TooltipState, TooltipOptions, TooltipElements, Tooltip, ToggleOptions, ToggleGroupState, ToggleGroupOptions, ToggleGroupElements, ToggleGroup, Toggle, ToastState, ToastOptions, ToastMessage, ToastElements, Toast, TabsState, TabsOptions, TabsElements, Tabs, SwitchOptions, Switch, SliderState, SliderOptions, SliderElements, Slider, SheetState, SheetSide, SheetOptions, SheetElements, Sheet, SelectState, SelectOptions, SelectElements, Select, ScrollAreaState, ScrollAreaOptions, ScrollAreaElements, ScrollArea, ResizablePanelState, ResizablePanelOptions, ResizablePanelElements, ResizablePanel, RadioState, RadioOptions, RadioElements, Radio, ProgressState, ProgressOptions, ProgressElements, Progress, PopoverState, PopoverOptions, PopoverElements, Popover, PanelOptions, NavigationMenuState, NavigationMenuOptions, NavigationMenuElements, NavigationMenu, MenubarState, MenubarOptions, MenubarElements, Menubar, MenuState, MenuOptions, MenuElements, Menu2 as Menu, HoverCardState, HoverCardOptions, HoverCardElements, HoverCard, FloatingOptions, ElementAttrs, DropdownMenuState, DropdownMenuOptions, DropdownMenuElements, DropdownMenu, DialogState, DialogOptions, DialogElements, Dialog, DatePickerState, DatePickerOptions, DatePickerElements, DatePicker, ContextMenuState, ContextMenuOptions, ContextMenuElements, ContextMenu, CommandState, CommandOptions, CommandElements, Command, ComboboxState, ComboboxOptions, ComboboxElements, Combobox, CollapsibleState, CollapsibleOptions, CollapsibleElements, Collapsible, CheckedState, CheckboxOptions, Checkbox, CarouselState, CarouselOptions, CarouselElements, Carousel, CalendarState, CalendarOptions, CalendarElements, Calendar, ButtonOptions, Button, BadgeOptions, BadgeElements, Badge, AlertDialogState, AlertDialogOptions, AlertDialogElements, AlertDialog, AccordionState, AccordionOptions, AccordionElements, 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 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 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?: ChildValue5;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface CommandEmptyProps {
+	children?: ChildValue5;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface CommandItemProps {
+	value: string;
+	children?: ChildValue5;
+	keywords?: string[];
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface CommandGroupProps {
+	label: string;
+	children?: ChildValue5;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface CommandSeparatorProps {
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ComposedCommandProps {
+	children?: ChildValue5;
+	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 { ChildValue as ChildValue6 } 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;
+		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 ChildValue7 } from "@vertz/ui";
+interface ContextMenuClasses {
+	content?: string;
+	item?: string;
+	group?: string;
+	label?: string;
+	separator?: string;
+}
+interface SlotProps4 {
+	children?: ChildValue7;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ItemProps2 extends SlotProps4 {
+	value: string;
+}
+interface GroupProps extends SlotProps4 {
+	label: string;
+}
+interface ComposedContextMenuProps {
+	children?: ChildValue7;
+	classes?: ContextMenuClasses;
+	onSelect?: (value: string) => void;
+	positioning?: FloatingOptions;
+}
+type ContextMenuClassKey = keyof ContextMenuClasses;
+declare const ComposedContextMenu: ((props: ComposedContextMenuProps) => HTMLElement) & {
+	__classKeys?: ContextMenuClassKey;
+	Trigger: (props: SlotProps4) => HTMLElement;
+	Content: (props: SlotProps4) => HTMLElement;
+	Item: (props: ItemProps2) => HTMLElement;
+	Group: (props: GroupProps) => HTMLElement;
+	Label: (props: SlotProps4) => HTMLElement;
+	Separator: (props: SlotProps4) => HTMLElement;
+};
+import { ChildValue as ChildValue8 } from "@vertz/ui";
+interface DialogClasses {
+	overlay?: string;
+	content?: string;
+	close?: string;
+	header?: string;
+	title?: string;
+	description?: string;
+	footer?: string;
+}
+interface SlotProps5 {
+	children?: ChildValue8;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ComposedDialogProps {
+	children?: ChildValue8;
+	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;
+};
+import { ChildValue as ChildValue9 } from "@vertz/ui";
+interface DropdownMenuClasses {
+	content?: string;
+	item?: string;
+	group?: string;
+	label?: string;
+	separator?: string;
+}
+interface SlotProps6 {
+	children?: ChildValue9;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ItemProps3 extends SlotProps6 {
+	value: string;
+}
+interface GroupProps2 extends SlotProps6 {
+	label: string;
+}
+interface ComposedDropdownMenuProps {
+	children?: ChildValue9;
+	classes?: DropdownMenuClasses;
+	onSelect?: (value: string) => void;
+	onOpenChange?: (open: boolean) => void;
+	positioning?: FloatingOptions;
+}
+type DropdownMenuClassKey = keyof DropdownMenuClasses;
+declare const ComposedDropdownMenu: ((props: ComposedDropdownMenuProps) => HTMLElement) & {
+	__classKeys?: DropdownMenuClassKey;
+	Trigger: (props: SlotProps6) => HTMLElement;
+	Content: (props: SlotProps6) => HTMLElement;
+	Item: (props: ItemProps3) => HTMLElement;
+	Group: (props: GroupProps2) => HTMLElement;
+	Label: (props: SlotProps6) => HTMLElement;
+	Separator: (props: SlotProps6) => HTMLElement;
+};
+import { ChildValue as ChildValue10 } from "@vertz/ui";
+interface MenubarClasses {
+	root?: string;
+	trigger?: string;
+	content?: string;
+	item?: string;
+	group?: string;
+	label?: string;
+	separator?: string;
+}
+interface SlotProps7 {
+	children?: ChildValue10;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface MenuProps extends SlotProps7 {
+	value: string;
+}
+interface ItemProps4 extends SlotProps7 {
+	value: string;
+}
+interface GroupProps3 extends SlotProps7 {
+	label: string;
+}
+interface ComposedMenubarProps {
+	children?: ChildValue10;
+	classes?: MenubarClasses;
+	onSelect?: (value: string) => void;
+	positioning?: FloatingOptions;
+}
+type MenubarClassKey = keyof MenubarClasses;
+declare const ComposedMenubar: ((props: ComposedMenubarProps) => HTMLElement) & {
+	__classKeys?: MenubarClassKey;
+	Menu: (props: MenuProps) => HTMLElement;
+	Trigger: (props: SlotProps7) => HTMLElement;
+	Content: (props: SlotProps7) => HTMLElement;
+	Item: (props: ItemProps4) => HTMLElement;
+	Group: (props: GroupProps3) => HTMLElement;
+	Label: (props: SlotProps7) => HTMLElement;
+	Separator: (props: SlotProps7) => HTMLElement;
+};
+import { ChildValue as ChildValue11 } from "@vertz/ui";
+interface NavigationMenuClasses {
+	root?: string;
+	list?: string;
+	trigger?: string;
+	content?: string;
+	link?: string;
+	viewport?: string;
+}
+interface ListProps {
+	children?: ChildValue11;
+	className?: string;
+	class?: string;
+}
+interface ItemProps5 {
+	value: string;
+	children?: ChildValue11;
+}
+interface TriggerProps {
+	children?: ChildValue11;
+	className?: string;
+	class?: string;
+}
+interface ContentProps {
+	children?: ChildValue11;
+	className?: string;
+	class?: string;
+}
+interface LinkProps {
+	href: string;
+	children?: ChildValue11;
+	className?: string;
+	class?: string;
+}
+interface ViewportProps {
+	className?: string;
+	class?: string;
+}
+interface ComposedNavigationMenuProps {
+	children?: ChildValue11;
+	classes?: NavigationMenuClasses;
+	orientation?: "horizontal" | "vertical";
+	delayOpen?: number;
+	delayClose?: number;
+}
+type NavigationMenuClassKey = keyof NavigationMenuClasses;
+declare const ComposedNavigationMenu: ((props: ComposedNavigationMenuProps) => HTMLElement) & {
+	__classKeys?: NavigationMenuClassKey;
+	List: (props: ListProps) => HTMLElement;
+	Item: (props: ItemProps5) => HTMLElement;
+	Trigger: (props: TriggerProps) => HTMLElement;
+	Content: (props: ContentProps) => HTMLElement;
+	Link: (props: LinkProps) => HTMLElement;
+	Viewport: (props: ViewportProps) => HTMLElement;
+};
+import { ChildValue as ChildValue12 } from "@vertz/ui";
+interface PopoverClasses {
+	content?: string;
+}
+interface SlotProps8 {
+	children?: ChildValue12;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ComposedPopoverProps {
+	children?: ChildValue12;
+	classes?: PopoverClasses;
+	onOpenChange?: (open: boolean) => void;
+	positioning?: FloatingOptions;
+}
+type PopoverClassKey = keyof PopoverClasses;
+declare const ComposedPopover: ((props: ComposedPopoverProps) => HTMLElement) & {
+	__classKeys?: PopoverClassKey;
+	Trigger: (props: SlotProps8) => HTMLElement;
+	Content: (props: SlotProps8) => HTMLElement;
+};
+import { ChildValue as ChildValue13 } from "@vertz/ui";
+interface ProgressClasses {
+	root?: string;
+	indicator?: string;
+}
+type ProgressClassKey = keyof ProgressClasses;
+interface ComposedProgressProps {
+	children?: ChildValue13;
+	classes?: ProgressClasses;
+	defaultValue?: number;
+	min?: number;
+	max?: number;
+}
+declare const ComposedProgress: ((props: ComposedProgressProps) => HTMLElement) & {
+	__classKeys?: ProgressClassKey;
+};
+import { ChildValue as ChildValue14 } from "@vertz/ui";
+interface RadioGroupClasses {
+	root?: string;
+	item?: string;
+	indicator?: string;
+}
+type RadioGroupClassKey = keyof RadioGroupClasses;
+interface RadioGroupItemProps {
+	value: string;
+	disabled?: boolean;
+	children?: ChildValue14;
+}
+interface ComposedRadioGroupProps {
+	children?: ChildValue14;
+	classes?: RadioGroupClasses;
+	defaultValue?: string;
+	onValueChange?: (value: string) => void;
+}
+declare const ComposedRadioGroup: ((props: ComposedRadioGroupProps) => HTMLElement) & {
+	__classKeys?: RadioGroupClassKey;
+	Item: (props: RadioGroupItemProps) => HTMLElement;
+};
+import { ChildValue as ChildValue15 } from "@vertz/ui";
+interface SelectClasses {
+	trigger?: string;
+	content?: string;
+	item?: string;
+	itemIndicator?: string;
+	group?: string;
+	label?: string;
+	separator?: string;
+}
+interface SlotProps9 {
+	children?: ChildValue15;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ItemProps6 extends SlotProps9 {
+	value: string;
+}
+interface GroupProps4 extends SlotProps9 {
+	label: string;
+}
+interface ComposedSelectProps {
+	children?: ChildValue15;
+	classes?: SelectClasses;
+	defaultValue?: string;
+	placeholder?: string;
+	onValueChange?: (value: string) => void;
+	positioning?: FloatingOptions;
+}
+type SelectClassKey = keyof SelectClasses;
+declare const ComposedSelect: ((props: ComposedSelectProps) => HTMLElement) & {
+	__classKeys?: SelectClassKey;
+	Trigger: (props: SlotProps9) => HTMLElement;
+	Content: (props: SlotProps9) => HTMLElement;
+	Item: (props: ItemProps6) => HTMLElement;
+	Group: (props: GroupProps4) => HTMLElement;
+	Separator: (props: SlotProps9) => HTMLElement;
+};
+import { ChildValue as ChildValue16 } from "@vertz/ui";
+interface SheetClasses {
+	overlay?: string;
+	content?: string;
+	title?: string;
+	description?: string;
+	close?: string;
+}
+interface SlotProps10 {
+	children?: ChildValue16;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ComposedSheetProps {
+	children?: ChildValue16;
+	classes?: SheetClasses;
+	side?: SheetSide;
+	onOpenChange?: (open: boolean) => void;
+}
+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;
+};
+import { ChildValue as ChildValue17 } from "@vertz/ui";
+interface SliderClasses {
+	root?: string;
+	track?: string;
+	range?: string;
+	thumb?: string;
+}
+type SliderClassKey = keyof SliderClasses;
+interface ComposedSliderProps {
+	children?: ChildValue17;
+	classes?: SliderClasses;
+	defaultValue?: number;
+	min?: number;
+	max?: number;
+	step?: number;
+	disabled?: boolean;
+	onValueChange?: (value: number) => void;
+}
+declare const ComposedSlider: ((props: ComposedSliderProps) => HTMLElement) & {
+	__classKeys?: SliderClassKey;
+};
+import { ChildValue as ChildValue18 } from "@vertz/ui";
+interface SwitchClasses {
+	root?: string;
+	thumb?: string;
+}
+type SwitchClassKey = keyof SwitchClasses;
+interface ComposedSwitchProps {
+	children?: ChildValue18;
+	classes?: SwitchClasses;
+	defaultChecked?: boolean;
+	disabled?: boolean;
+	onCheckedChange?: (checked: boolean) => void;
+}
+declare const ComposedSwitch: ((props: ComposedSwitchProps) => HTMLElement) & {
+	__classKeys?: SwitchClassKey;
+};
+import { ChildValue as ChildValue19 } from "@vertz/ui";
+interface TabsClasses {
+	list?: string;
+	trigger?: string;
+	panel?: string;
+}
+interface SlotProps11 {
+	children?: ChildValue19;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface TriggerProps2 extends SlotProps11 {
+	value: string;
+}
+interface ContentProps2 extends SlotProps11 {
+	value: string;
+}
+interface ComposedTabsProps {
+	children?: ChildValue19;
+	classes?: TabsClasses;
+	defaultValue?: string;
+	onValueChange?: (value: string) => void;
+	orientation?: "horizontal" | "vertical";
+}
+type TabsClassKey = keyof TabsClasses;
+declare const ComposedTabs: ((props: ComposedTabsProps) => HTMLElement) & {
+	__classKeys?: TabsClassKey;
+	List: (props: SlotProps11) => HTMLElement;
+	Trigger: (props: TriggerProps2) => HTMLElement;
+	Content: (props: ContentProps2) => HTMLElement;
+};
+import { ChildValue as ChildValue20 } from "@vertz/ui";
+interface ToggleClasses {
+	root?: string;
+}
+type ToggleClassKey = keyof ToggleClasses;
+interface ComposedToggleProps {
+	children?: ChildValue20;
+	classes?: ToggleClasses;
+	defaultPressed?: boolean;
+	disabled?: boolean;
+	onPressedChange?: (pressed: boolean) => void;
+}
+declare const ComposedToggle: ((props: ComposedToggleProps) => HTMLElement) & {
+	__classKeys?: ToggleClassKey;
+};
+import { ChildValue as ChildValue21 } from "@vertz/ui";
+interface TooltipClasses {
+	content?: string;
+}
+interface SlotProps12 {
+	children?: ChildValue21;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ComposedTooltipProps {
+	children?: ChildValue21;
+	classes?: TooltipClasses;
+	delay?: number;
+	positioning?: FloatingOptions;
+}
+type TooltipClassKey = keyof TooltipClasses;
+declare const ComposedTooltip: ((props: ComposedTooltipProps) => HTMLElement) & {
+	__classKeys?: TooltipClassKey;
+	Trigger: (props: SlotProps12) => HTMLElement;
+	Content: (props: SlotProps12) => HTMLElement;
+};
+/**
+* Typed event handler props for interactive themed components.
+*
+* Shared across Button, AlertDialog.Action, AlertDialog.Cancel, etc.
+* Only explicitly listed events are accepted — no arbitrary `on*` string matching.
+*/
+interface ElementEventHandlers {
+	onClick?: (event: MouseEvent) => void;
+	onDblClick?: (event: MouseEvent) => void;
+	onMouseDown?: (event: MouseEvent) => void;
+	onMouseUp?: (event: MouseEvent) => void;
+	onMouseEnter?: (event: MouseEvent) => void;
+	onMouseLeave?: (event: MouseEvent) => void;
+	onFocus?: (event: FocusEvent) => void;
+	onBlur?: (event: FocusEvent) => void;
+	onKeyDown?: (event: KeyboardEvent) => void;
+	onKeyUp?: (event: KeyboardEvent) => void;
+	onPointerDown?: (event: PointerEvent) => void;
+	onPointerUp?: (event: PointerEvent) => void;
+	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 };