@vertz/ui-primitives 0.2.20 → 0.2.22

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,873 @@ 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 CollapsibleClasses {
+	root?: string;
+	trigger?: string;
+	content?: string;
+}
+type CollapsibleClassKey = keyof CollapsibleClasses;
+interface SlotProps4 {
+	children?: ChildValue5;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ComposedCollapsibleProps {
+	children?: ChildValue5;
+	classes?: CollapsibleClasses;
+	defaultOpen?: boolean;
+	disabled?: boolean;
+	onOpenChange?: (open: boolean) => void;
+}
+declare const ComposedCollapsible: ((props: ComposedCollapsibleProps) => HTMLElement) & {
+	__classKeys?: CollapsibleClassKey;
+	Trigger: (props: SlotProps4) => HTMLElement;
+	Content: (props: SlotProps4) => HTMLElement;
+};
+import { ChildValue as ChildValue6 } from "@vertz/ui";
+interface CommandClasses {
+	root?: string;
+	input?: string;
+	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?: ChildValue6;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface CommandEmptyProps {
+	children?: ChildValue6;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface CommandItemProps {
+	value: string;
+	children?: ChildValue6;
+	keywords?: string[];
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface CommandGroupProps {
+	label: string;
+	children?: ChildValue6;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface CommandSeparatorProps {
+	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;
+};
+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;
+	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;
+};
+import { ChildValue as ChildValue9 } from "@vertz/ui";
+interface DatePickerClasses {
+	trigger?: string;
+	content?: string;
+	calendar?: CalendarClasses;
+}
+type DatePickerClassKey = keyof DatePickerClasses;
+interface SlotProps6 {
+	children?: ChildValue9;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ComposedDatePickerProps {
+	children?: ChildValue9;
+	classes?: DatePickerClasses;
+	mode?: "single" | "range";
+	defaultValue?: Date | {
+		from: Date;
+		to: Date;
+	};
+	defaultMonth?: Date;
+	minDate?: Date;
+	maxDate?: Date;
+	disabled?: (date: Date) => boolean;
+	formatDate?: (date: Date) => string;
+	placeholder?: string;
+	onValueChange?: (value: Date | {
+		from: Date;
+		to: Date;
+	} | null) => void;
+	onOpenChange?: (open: boolean) => void;
+}
+declare const ComposedDatePicker: ((props: ComposedDatePickerProps) => HTMLElement) & {
+	__classKeys?: DatePickerClassKey;
+	Trigger: (props: SlotProps6) => HTMLElement;
+	Content: (props: SlotProps6) => HTMLElement;
+};
+import { ChildValue as ChildValue10 } from "@vertz/ui";
+interface DialogClasses {
+	overlay?: string;
+	content?: string;
+	close?: string;
+	header?: string;
+	title?: string;
+	description?: string;
+	footer?: string;
+}
+interface SlotProps7 {
+	children?: ChildValue10;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface DialogContentProps extends SlotProps7 {
+	showClose?: boolean;
+}
+interface ComposedDialogProps {
+	children?: ChildValue10;
+	classes?: DialogClasses;
+	onOpenChange?: (open: boolean) => void;
+}
+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 {
+	content?: string;
+	item?: string;
+	group?: string;
+	label?: string;
+	separator?: string;
+}
+interface SlotProps8 {
+	children?: ChildValue11;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ItemProps3 extends SlotProps8 {
+	value: string;
+}
+interface GroupProps2 extends SlotProps8 {
+	label: string;
+}
+interface ComposedDropdownMenuProps {
+	children?: ChildValue11;
+	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: SlotProps8) => HTMLElement;
+	Content: (props: SlotProps8) => HTMLElement;
+	Item: (props: ItemProps3) => HTMLElement;
+	Group: (props: GroupProps2) => HTMLElement;
+	Label: (props: SlotProps8) => HTMLElement;
+	Separator: (props: SlotProps8) => HTMLElement;
+};
+import { ChildValue as ChildValue12 } from "@vertz/ui";
+interface HoverCardClasses {
+	content?: string;
+}
+type HoverCardClassKey = keyof HoverCardClasses;
+interface SlotProps9 {
+	children?: ChildValue12;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ComposedHoverCardProps {
+	children?: ChildValue12;
+	classes?: HoverCardClasses;
+	openDelay?: number;
+	closeDelay?: number;
+	onOpenChange?: (open: boolean) => void;
+	positioning?: FloatingOptions;
+}
+declare const ComposedHoverCard: ((props: ComposedHoverCardProps) => HTMLElement) & {
+	__classKeys?: HoverCardClassKey;
+	Trigger: (props: SlotProps9) => HTMLElement;
+	Content: (props: SlotProps9) => HTMLElement;
+};
+import { ChildValue as ChildValue13 } from "@vertz/ui";
+interface MenubarClasses {
+	root?: string;
+	trigger?: string;
+	content?: string;
+	item?: string;
+	group?: string;
+	label?: string;
+	separator?: string;
+}
+interface SlotProps10 {
+	children?: ChildValue13;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface MenuProps extends SlotProps10 {
+	value: string;
+}
+interface ItemProps4 extends SlotProps10 {
+	value: string;
+}
+interface GroupProps3 extends SlotProps10 {
+	label: string;
+}
+interface ComposedMenubarProps {
+	children?: ChildValue13;
+	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: SlotProps10) => HTMLElement;
+	Content: (props: SlotProps10) => HTMLElement;
+	Item: (props: ItemProps4) => HTMLElement;
+	Group: (props: GroupProps3) => HTMLElement;
+	Label: (props: SlotProps10) => HTMLElement;
+	Separator: (props: SlotProps10) => HTMLElement;
+};
+import { ChildValue as ChildValue14 } from "@vertz/ui";
+interface NavigationMenuClasses {
+	root?: string;
+	list?: string;
+	trigger?: string;
+	content?: string;
+	link?: string;
+	viewport?: string;
+}
+interface ListProps {
+	children?: ChildValue14;
+	className?: string;
+	class?: string;
+}
+interface ItemProps5 {
+	value: string;
+	children?: ChildValue14;
+}
+interface TriggerProps {
+	children?: ChildValue14;
+	className?: string;
+	class?: string;
+}
+interface ContentProps {
+	children?: ChildValue14;
+	className?: string;
+	class?: string;
+}
+interface LinkProps {
+	href: string;
+	children?: ChildValue14;
+	className?: string;
+	class?: string;
+}
+interface ViewportProps {
+	className?: string;
+	class?: string;
+}
+interface ComposedNavigationMenuProps {
+	children?: ChildValue14;
+	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 ChildValue15 } from "@vertz/ui";
+interface PopoverClasses {
+	content?: string;
+}
+interface SlotProps11 {
+	children?: ChildValue15;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ComposedPopoverProps {
+	children?: ChildValue15;
+	classes?: PopoverClasses;
+	onOpenChange?: (open: boolean) => void;
+	positioning?: FloatingOptions;
+}
+type PopoverClassKey = keyof PopoverClasses;
+declare const ComposedPopover: ((props: ComposedPopoverProps) => HTMLElement) & {
+	__classKeys?: PopoverClassKey;
+	Trigger: (props: SlotProps11) => HTMLElement;
+	Content: (props: SlotProps11) => HTMLElement;
+};
+import { ChildValue as ChildValue16 } from "@vertz/ui";
+interface ProgressClasses {
+	root?: string;
+	indicator?: string;
+}
+type ProgressClassKey = keyof ProgressClasses;
+interface ComposedProgressProps {
+	children?: ChildValue16;
+	classes?: ProgressClasses;
+	defaultValue?: number;
+	min?: number;
+	max?: number;
+}
+declare const ComposedProgress: ((props: ComposedProgressProps) => HTMLElement) & {
+	__classKeys?: ProgressClassKey;
+};
+import { ChildValue as ChildValue17 } from "@vertz/ui";
+interface RadioGroupClasses {
+	root?: string;
+	item?: string;
+	indicator?: string;
+	indicatorIcon?: string;
+}
+type RadioGroupClassKey = keyof RadioGroupClasses;
+interface RadioGroupItemProps {
+	value: string;
+	disabled?: boolean;
+	children?: ChildValue17;
+}
+interface ComposedRadioGroupProps {
+	children?: ChildValue17;
+	classes?: RadioGroupClasses;
+	defaultValue?: string;
+	onValueChange?: (value: string) => void;
+}
+declare const ComposedRadioGroup: ((props: ComposedRadioGroupProps) => HTMLElement) & {
+	__classKeys?: RadioGroupClassKey;
+	Item: (props: RadioGroupItemProps) => HTMLElement;
+};
+import { ChildValue as ChildValue18 } from "@vertz/ui";
+interface ResizablePanelClasses {
+	root?: string;
+	panel?: string;
+	handle?: string;
+}
+type ResizablePanelClassKey = keyof ResizablePanelClasses;
+interface PanelSlotProps extends PanelOptions {
+	children?: ChildValue18;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface HandleSlotProps {
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ComposedResizablePanelProps {
+	children?: ChildValue18;
+	classes?: ResizablePanelClasses;
+	orientation?: "horizontal" | "vertical";
+	onResize?: (sizes: number[]) => void;
+}
+declare const ComposedResizablePanel: ((props: ComposedResizablePanelProps) => HTMLElement) & {
+	__classKeys?: ResizablePanelClassKey;
+	Panel: (props: PanelSlotProps) => HTMLElement;
+	Handle: (props: HandleSlotProps) => HTMLElement;
+};
+import { ChildValue as ChildValue19 } from "@vertz/ui";
+interface ScrollAreaClasses {
+	root?: string;
+	viewport?: string;
+	scrollbar?: string;
+	thumb?: string;
+}
+type ScrollAreaClassKey = keyof ScrollAreaClasses;
+interface ComposedScrollAreaProps {
+	children?: ChildValue19;
+	classes?: ScrollAreaClasses;
+	orientation?: "vertical" | "horizontal" | "both";
+}
+declare const ComposedScrollArea: ((props: ComposedScrollAreaProps) => HTMLElement) & {
+	__classKeys?: ScrollAreaClassKey;
+};
+import { ChildValue as ChildValue20 } from "@vertz/ui";
+interface SelectClasses {
+	trigger?: string;
+	content?: string;
+	item?: string;
+	itemIndicator?: string;
+	group?: string;
+	label?: string;
+	separator?: string;
+}
+interface SlotProps12 {
+	children?: ChildValue20;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ItemProps6 extends SlotProps12 {
+	value: string;
+}
+interface GroupProps4 extends SlotProps12 {
+	label: string;
+}
+interface ComposedSelectProps {
+	children?: ChildValue20;
+	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: SlotProps12) => HTMLElement;
+	Content: (props: SlotProps12) => HTMLElement;
+	Item: (props: ItemProps6) => HTMLElement;
+	Group: (props: GroupProps4) => HTMLElement;
+	Separator: (props: SlotProps12) => HTMLElement;
+};
+import { ChildValue as ChildValue21 } from "@vertz/ui";
+interface SheetClasses {
+	overlay?: string;
+	content?: string;
+	title?: string;
+	description?: string;
+	close?: string;
+}
+interface SlotProps13 {
+	children?: ChildValue21;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface SheetContentProps extends SlotProps13 {
+	showClose?: boolean;
+}
+interface ComposedSheetProps {
+	children?: ChildValue21;
+	classes?: SheetClasses;
+	side?: SheetSide;
+	onOpenChange?: (open: boolean) => void;
+}
+type SheetClassKey = keyof SheetClasses;
+declare const ComposedSheet: ((props: ComposedSheetProps) => HTMLElement) & {
+	__classKeys?: SheetClassKey;
+	Trigger: (props: SlotProps13) => HTMLElement;
+	Content: (props: SheetContentProps) => HTMLElement;
+	Title: (props: SlotProps13) => HTMLElement;
+	Description: (props: SlotProps13) => HTMLElement;
+	Close: (props: SlotProps13) => HTMLElement;
+};
+import { ChildValue as ChildValue22 } from "@vertz/ui";
+interface SliderClasses {
+	root?: string;
+	track?: string;
+	range?: string;
+	thumb?: string;
+}
+type SliderClassKey = keyof SliderClasses;
+interface ComposedSliderProps {
+	children?: ChildValue22;
+	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 ChildValue23 } from "@vertz/ui";
+interface SwitchClasses {
+	root?: string;
+	thumb?: string;
+}
+type SwitchClassKey = keyof SwitchClasses;
+interface ComposedSwitchProps {
+	children?: ChildValue23;
+	classes?: SwitchClasses;
+	defaultChecked?: boolean;
+	disabled?: boolean;
+	onCheckedChange?: (checked: boolean) => void;
+}
+declare const ComposedSwitch: ((props: ComposedSwitchProps) => HTMLElement) & {
+	__classKeys?: SwitchClassKey;
+};
+import { ChildValue as ChildValue24 } from "@vertz/ui";
+interface TabsClasses {
+	list?: string;
+	trigger?: string;
+	panel?: string;
+}
+interface SlotProps14 {
+	children?: ChildValue24;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface TriggerProps2 extends SlotProps14 {
+	value: string;
+}
+interface ContentProps2 extends SlotProps14 {
+	value: string;
+}
+interface ComposedTabsProps {
+	children?: ChildValue24;
+	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: SlotProps14) => HTMLElement;
+	Trigger: (props: TriggerProps2) => HTMLElement;
+	Content: (props: ContentProps2) => HTMLElement;
+};
+import { ChildValue as ChildValue25 } from "@vertz/ui";
+interface ToggleClasses {
+	root?: string;
+}
+type ToggleClassKey = keyof ToggleClasses;
+interface ComposedToggleProps {
+	children?: ChildValue25;
+	classes?: ToggleClasses;
+	defaultPressed?: boolean;
+	disabled?: boolean;
+	onPressedChange?: (pressed: boolean) => void;
+}
+declare const ComposedToggle: ((props: ComposedToggleProps) => HTMLElement) & {
+	__classKeys?: ToggleClassKey;
+};
+import { ChildValue as ChildValue26 } from "@vertz/ui";
+interface ToggleGroupClasses {
+	root?: string;
+	item?: string;
+}
+type ToggleGroupClassKey = keyof ToggleGroupClasses;
+interface ToggleGroupItemProps {
+	value: string;
+	children?: ChildValue26;
+}
+interface ComposedToggleGroupProps {
+	children?: ChildValue26;
+	classes?: ToggleGroupClasses;
+	type?: "single" | "multiple";
+	defaultValue?: string[];
+	orientation?: "horizontal" | "vertical";
+	disabled?: boolean;
+	onValueChange?: (value: string[]) => void;
+}
+declare const ComposedToggleGroup: ((props: ComposedToggleGroupProps) => HTMLElement) & {
+	__classKeys?: ToggleGroupClassKey;
+	Item: (props: ToggleGroupItemProps) => HTMLElement;
+};
+import { ChildValue as ChildValue27 } from "@vertz/ui";
+interface TooltipClasses {
+	content?: string;
+}
+interface SlotProps15 {
+	children?: ChildValue27;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ComposedTooltipProps {
+	children?: ChildValue27;
+	classes?: TooltipClasses;
+	delay?: number;
+	positioning?: FloatingOptions;
+}
+type TooltipClassKey = keyof TooltipClasses;
+declare const ComposedTooltip: ((props: ComposedTooltipProps) => HTMLElement) & {
+	__classKeys?: TooltipClassKey;
+	Trigger: (props: SlotProps15) => HTMLElement;
+	Content: (props: SlotProps15) => 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, 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 };