@vertz/ui-primitives 0.2.15 → 0.2.17

package/dist/{index.d.ts → src/index.d.ts}

@@ -1,5 +1,17 @@
 import { Signal } from "@vertz/ui";
-interface AccordionOptions {
+interface ElementAttrs {
+	class?: string;
+	id?: string;
+	style?: string;
+	title?: string;
+	role?: string;
+	tabindex?: number | string;
+	hidden?: boolean | string;
+	autofocus?: boolean;
+	[key: `data-${string}`]: string | undefined;
+	[key: `aria-${string}`]: string | undefined;
+}
+interface AccordionOptions extends ElementAttrs {
 	multiple?: boolean;
 	defaultValue?: string[];
 	onValueChange?: (value: string[]) => void;
@@ -11,7 +23,7 @@ interface AccordionElements {
 	root: HTMLDivElement;
 }
 declare const Accordion: {
-	Root(options?: AccordionOptions): AccordionElements & {
+	Root: (options?: AccordionOptions) => AccordionElements & {
 		state: AccordionState;
 		Item: (value: string) => {
 			item: HTMLDivElement;
@@ -45,7 +57,7 @@ declare const AlertDialog: {
 		state: AlertDialogState;
 	};
 };
-interface BadgeOptions {
+interface BadgeOptions extends ElementAttrs {
 	variant?: "default" | "secondary" | "outline" | "destructive";
 }
 interface BadgeElements {
@@ -54,25 +66,15 @@ interface BadgeElements {
 declare const Badge: {
 	Root: (options?: BadgeOptions) => BadgeElements;
 };
-import { Signal as Signal3 } from "@vertz/ui";
-interface ButtonOptions {
+interface ButtonOptions extends ElementAttrs {
 	disabled?: boolean;
-	onPress?: () => void;
-}
-interface ButtonElements {
-	root: HTMLButtonElement;
-}
-interface ButtonState {
-	disabled: Signal3<boolean>;
-	pressed: Signal3<boolean>;
+	onClick?: () => void;
 }
 declare const Button: {
-	Root(options?: ButtonOptions): ButtonElements & {
-		state: ButtonState;
-	};
+	Root: (options?: ButtonOptions) => HTMLButtonElement;
 };
-import { Signal as Signal4 } from "@vertz/ui";
-interface CalendarOptions {
+import { Signal as Signal3 } from "@vertz/ui";
+interface CalendarOptions extends ElementAttrs {
 	mode?: "single" | "range" | "multiple";
 	defaultValue?: Date | Date[] | {
 		from: Date;
@@ -90,12 +92,12 @@ interface CalendarOptions {
 	onMonthChange?: (month: Date) => void;
 }
 interface CalendarState {
-	value: Signal4<Date | Date[] | {
+	value: Signal3<Date | Date[] | {
 		from: Date;
 		to: Date;
 	} | null>;
-	focusedDate: Signal4<Date>;
-	displayMonth: Signal4<Date>;
+	focusedDate: Signal3<Date>;
+	displayMonth: Signal3<Date>;
 }
 interface CalendarElements {
 	root: HTMLDivElement;
@@ -106,20 +108,20 @@ interface CalendarElements {
 	grid: HTMLTableElement;
 }
 declare const Calendar: {
-	Root(options?: CalendarOptions): CalendarElements & {
+	Root: (options?: CalendarOptions) => CalendarElements & {
 		state: CalendarState;
 	};
 };
-import { Signal as Signal5 } from "@vertz/ui";
-interface CarouselOptions {
+import { Signal as Signal4 } from "@vertz/ui";
+interface CarouselOptions extends ElementAttrs {
 	orientation?: "horizontal" | "vertical";
 	loop?: boolean;
 	defaultIndex?: number;
 	onSlideChange?: (index: number) => void;
 }
 interface CarouselState {
-	currentIndex: Signal5<number>;
-	slideCount: Signal5<number>;
+	currentIndex: Signal4<number>;
+	slideCount: Signal4<number>;
 }
 interface CarouselElements {
 	root: HTMLDivElement;
@@ -128,7 +130,7 @@ interface CarouselElements {
 	nextButton: HTMLButtonElement;
 }
 declare const Carousel: {
-	Root(options?: CarouselOptions): CarouselElements & {
+	Root: (options?: CarouselOptions) => CarouselElements & {
 		state: CarouselState;
 		Slide: () => HTMLDivElement;
 		goTo: (index: number) => void;
@@ -136,34 +138,24 @@ declare const Carousel: {
 		goPrev: () => void;
 	};
 };
-import { Signal as Signal6 } from "@vertz/ui";
 type CheckedState = boolean | "mixed";
-interface CheckboxOptions {
+interface CheckboxOptions extends ElementAttrs {
 	defaultChecked?: CheckedState;
 	disabled?: boolean;
 	onCheckedChange?: (checked: CheckedState) => void;
 }
-interface CheckboxState {
-	checked: Signal6<CheckedState>;
-	disabled: Signal6<boolean>;
-}
-interface CheckboxElements {
-	root: HTMLButtonElement;
-}
 declare const Checkbox: {
-	Root(options?: CheckboxOptions): CheckboxElements & {
-		state: CheckboxState;
-	};
+	Root: (options?: CheckboxOptions) => HTMLButtonElement;
 };
-import { Signal as Signal7 } from "@vertz/ui";
-interface CollapsibleOptions {
+import { Signal as Signal5 } from "@vertz/ui";
+interface CollapsibleOptions extends ElementAttrs {
 	defaultOpen?: boolean;
 	disabled?: boolean;
 	onOpenChange?: (open: boolean) => void;
 }
 interface CollapsibleState {
-	open: Signal7<boolean>;
-	disabled: Signal7<boolean>;
+	open: Signal5<boolean>;
+	disabled: Signal5<boolean>;
 }
 interface CollapsibleElements {
 	root: HTMLDivElement;
@@ -171,42 +163,42 @@ interface CollapsibleElements {
 	content: HTMLDivElement;
 }
 declare const Collapsible: {
-	Root(options?: CollapsibleOptions): CollapsibleElements & {
+	Root: (options?: CollapsibleOptions) => CollapsibleElements & {
 		state: CollapsibleState;
 	};
 };
-import { Signal as Signal8 } from "@vertz/ui";
-interface ComboboxOptions {
+import { Signal as Signal6 } from "@vertz/ui";
+interface ComboboxOptions extends ElementAttrs {
 	defaultValue?: string;
 	onValueChange?: (value: string) => void;
 	onInputChange?: (input: string) => void;
 }
 interface ComboboxState {
-	open: Signal8<boolean>;
-	value: Signal8<string>;
-	inputValue: Signal8<string>;
-	activeIndex: Signal8<number>;
+	open: Signal6<boolean>;
+	value: Signal6<string>;
+	inputValue: Signal6<string>;
+	activeIndex: Signal6<number>;
 }
 interface ComboboxElements {
 	input: HTMLInputElement;
 	listbox: HTMLDivElement;
 }
 declare const Combobox: {
-	Root(options?: ComboboxOptions): ComboboxElements & {
+	Root: (options?: ComboboxOptions) => ComboboxElements & {
 		state: ComboboxState;
 		Option: (value: string, label?: string) => HTMLDivElement;
 	};
 };
-import { Signal as Signal9 } from "@vertz/ui";
-interface CommandOptions {
+import { Signal as Signal7 } from "@vertz/ui";
+interface CommandOptions extends ElementAttrs {
 	filter?: (value: string, search: string) => boolean;
 	onSelect?: (value: string) => void;
 	onInputChange?: (value: string) => void;
 	placeholder?: string;
 }
 interface CommandState {
-	inputValue: Signal9<string>;
-	activeIndex: Signal9<number>;
+	inputValue: Signal7<string>;
+	activeIndex: Signal7<number>;
 }
 interface CommandElements {
 	root: HTMLDivElement;
@@ -215,7 +207,7 @@ interface CommandElements {
 	empty: HTMLDivElement;
 }
 declare const Command: {
-	Root(options?: CommandOptions): CommandElements & {
+	Root: (options?: CommandOptions) => CommandElements & {
 		state: CommandState;
 		Item: (value: string, label?: string, keywords?: string[]) => HTMLDivElement;
 		Group: (label: string) => {
@@ -225,7 +217,7 @@ declare const Command: {
 		Separator: () => HTMLHRElement;
 	};
 };
-import { Signal as Signal10 } from "@vertz/ui";
+import { Signal as Signal8 } from "@vertz/ui";
 import { Middleware, Placement, Strategy } from "@floating-ui/dom";
 interface FloatingOptions {
 	placement?: Placement;
@@ -239,20 +231,20 @@ interface FloatingOptions {
 	/** Override the reference element used for positioning (e.g., a custom trigger wrapping the primitive trigger). */
 	referenceElement?: HTMLElement;
 }
-interface ContextMenuOptions {
+interface ContextMenuOptions extends ElementAttrs {
 	onSelect?: (value: string) => void;
 	positioning?: FloatingOptions;
 }
 interface ContextMenuState {
-	open: Signal10<boolean>;
-	activeIndex: Signal10<number>;
+	open: Signal8<boolean>;
+	activeIndex: Signal8<number>;
 }
 interface ContextMenuElements {
 	trigger: HTMLDivElement;
 	content: HTMLDivElement;
 }
 declare const ContextMenu: {
-	Root(options?: ContextMenuOptions): ContextMenuElements & {
+	Root: (options?: ContextMenuOptions) => ContextMenuElements & {
 		state: ContextMenuState;
 		Item: (value: string, label?: string) => HTMLDivElement;
 		Group: (label: string) => {
@@ -263,7 +255,7 @@ declare const ContextMenu: {
 		Label: (text: string) => HTMLDivElement;
 	};
 };
-import { Signal as Signal11 } from "@vertz/ui";
+import { Signal as Signal9 } from "@vertz/ui";
 interface DatePickerOptions {
 	mode?: "single" | "range";
 	defaultValue?: Date | {
@@ -283,12 +275,12 @@ interface DatePickerOptions {
 	onOpenChange?: (open: boolean) => void;
 }
 interface DatePickerState {
-	open: Signal11<boolean>;
-	value: Signal11<Date | {
+	open: Signal9<boolean>;
+	value: Signal9<Date | {
 		from: Date;
 		to: Date;
 	} | null>;
-	displayMonth: Signal11<Date>;
+	displayMonth: Signal9<Date>;
 }
 interface DatePickerElements {
 	trigger: HTMLButtonElement;
@@ -309,14 +301,14 @@ declare const DatePicker: {
 		hide: () => void;
 	};
 };
-import { Signal as Signal12 } from "@vertz/ui";
-interface DialogOptions {
+import { Signal as Signal10 } from "@vertz/ui";
+interface DialogOptions extends ElementAttrs {
 	modal?: boolean;
 	defaultOpen?: boolean;
 	onOpenChange?: (open: boolean) => void;
 }
 interface DialogState {
-	open: Signal12<boolean>;
+	open: Signal10<boolean>;
 }
 interface DialogElements {
 	trigger: HTMLButtonElement;
@@ -328,25 +320,25 @@ interface DialogElements {
 	hide: () => void;
 }
 declare const Dialog: {
-	Root(options?: DialogOptions): DialogElements & {
+	Root: (options?: DialogOptions) => DialogElements & {
 		state: DialogState;
 	};
 };
-import { Signal as Signal13 } from "@vertz/ui";
-interface MenuOptions {
+import { Signal as Signal11 } from "@vertz/ui";
+interface MenuOptions extends ElementAttrs {
 	onSelect?: (value: string) => void;
 	positioning?: FloatingOptions;
 }
 interface MenuState {
-	open: Signal13<boolean>;
-	activeIndex: Signal13<number>;
+	open: Signal11<boolean>;
+	activeIndex: Signal11<number>;
 }
 interface MenuElements {
 	trigger: HTMLButtonElement;
 	content: HTMLDivElement;
 }
 declare const Menu2: {
-	Root(options?: MenuOptions): MenuElements & {
+	Root: (options?: MenuOptions) => MenuElements & {
 		state: MenuState;
 		Item: (value: string, label?: string) => HTMLDivElement;
 		Group: (label: string) => {
@@ -372,38 +364,38 @@ declare const DropdownMenu: {
 		Label: (text: string) => HTMLDivElement;
 	};
 };
-import { Signal as Signal14 } from "@vertz/ui";
-interface HoverCardOptions {
+import { Signal as Signal12 } from "@vertz/ui";
+interface HoverCardOptions extends ElementAttrs {
 	openDelay?: number;
 	closeDelay?: number;
 	onOpenChange?: (open: boolean) => void;
 	positioning?: FloatingOptions;
 }
 interface HoverCardState {
-	open: Signal14<boolean>;
+	open: Signal12<boolean>;
 }
 interface HoverCardElements {
 	trigger: HTMLElement;
 	content: HTMLDivElement;
 }
 declare const HoverCard: {
-	Root(options?: HoverCardOptions): HoverCardElements & {
+	Root: (options?: HoverCardOptions) => HoverCardElements & {
 		state: HoverCardState;
 	};
 };
-import { Signal as Signal15 } from "@vertz/ui";
-interface MenubarOptions {
+import { Signal as Signal13 } from "@vertz/ui";
+interface MenubarOptions extends ElementAttrs {
 	onSelect?: (value: string) => void;
 	positioning?: FloatingOptions;
 }
 interface MenubarState {
-	activeMenu: Signal15<string | null>;
+	activeMenu: Signal13<string | null>;
 }
 interface MenubarElements {
 	root: HTMLDivElement;
 }
 declare const Menubar: {
-	Root(options?: MenubarOptions): MenubarElements & {
+	Root: (options?: MenubarOptions) => MenubarElements & {
 		state: MenubarState;
 		Menu: (value: string, label?: string) => {
 			trigger: HTMLButtonElement;
@@ -417,14 +409,14 @@ declare const Menubar: {
 		};
 	};
 };
-import { Signal as Signal16 } from "@vertz/ui";
-interface NavigationMenuOptions {
+import { Signal as Signal14 } from "@vertz/ui";
+interface NavigationMenuOptions extends ElementAttrs {
 	orientation?: "horizontal" | "vertical";
 	delayOpen?: number;
 	delayClose?: number;
 }
 interface NavigationMenuState {
-	activeItem: Signal16<string | null>;
+	activeItem: Signal14<string | null>;
 }
 interface NavigationMenuElements {
 	root: HTMLElement;
@@ -432,7 +424,7 @@ interface NavigationMenuElements {
 	viewport: HTMLDivElement;
 }
 declare const NavigationMenu: {
-	Root(options?: NavigationMenuOptions): NavigationMenuElements & {
+	Root: (options?: NavigationMenuOptions) => NavigationMenuElements & {
 		state: NavigationMenuState;
 		Item: (value: string, label?: string) => {
 			trigger: HTMLButtonElement;
@@ -441,62 +433,62 @@ declare const NavigationMenu: {
 		Link: (href: string, label: string) => HTMLAnchorElement;
 	};
 };
-import { Signal as Signal17 } from "@vertz/ui";
-interface PopoverOptions {
+import { Signal as Signal15 } from "@vertz/ui";
+interface PopoverOptions extends ElementAttrs {
 	defaultOpen?: boolean;
 	onOpenChange?: (open: boolean) => void;
 	positioning?: FloatingOptions;
 }
 interface PopoverState {
-	open: Signal17<boolean>;
+	open: Signal15<boolean>;
 }
 interface PopoverElements {
 	trigger: HTMLButtonElement;
 	content: HTMLDivElement;
 }
 declare const Popover: {
-	Root(options?: PopoverOptions): PopoverElements & {
+	Root: (options?: PopoverOptions) => PopoverElements & {
 		state: PopoverState;
 	};
 };
-import { Signal as Signal18 } from "@vertz/ui";
-interface ProgressOptions {
+import { Signal as Signal16 } from "@vertz/ui";
+interface ProgressOptions extends ElementAttrs {
 	defaultValue?: number;
 	min?: number;
 	max?: number;
 }
 interface ProgressState {
-	value: Signal18<number>;
+	value: Signal16<number>;
 }
 interface ProgressElements {
 	root: HTMLDivElement;
 	indicator: HTMLDivElement;
 }
 declare const Progress: {
-	Root(options?: ProgressOptions): ProgressElements & {
+	Root: (options?: ProgressOptions) => ProgressElements & {
 		state: ProgressState;
 		setValue: (value: number) => void;
 	};
 };
-import { Signal as Signal19 } from "@vertz/ui";
-interface RadioOptions {
+import { Signal as Signal17 } from "@vertz/ui";
+interface RadioOptions extends ElementAttrs {
 	defaultValue?: string;
 	onValueChange?: (value: string) => void;
 }
 interface RadioState {
-	value: Signal19<string>;
+	value: Signal17<string>;
 }
 interface RadioElements {
 	root: HTMLDivElement;
 }
 declare const Radio: {
-	Root(options?: RadioOptions): RadioElements & {
+	Root: (options?: RadioOptions) => RadioElements & {
 		state: RadioState;
 		Item: (value: string, label?: string) => HTMLDivElement;
 	};
 };
-import { Signal as Signal20 } from "@vertz/ui";
-interface ResizablePanelOptions {
+import { Signal as Signal18 } from "@vertz/ui";
+interface ResizablePanelOptions extends ElementAttrs {
 	orientation?: "horizontal" | "vertical";
 	onResize?: (sizes: number[]) => void;
 }
@@ -506,26 +498,26 @@ interface PanelOptions {
 	maxSize?: number;
 }
 interface ResizablePanelState {
-	sizes: Signal20<number[]>;
+	sizes: Signal18<number[]>;
 }
 interface ResizablePanelElements {
 	root: HTMLDivElement;
 }
 declare const ResizablePanel: {
-	Root(options?: ResizablePanelOptions): ResizablePanelElements & {
+	Root: (options?: ResizablePanelOptions) => ResizablePanelElements & {
 		state: ResizablePanelState;
 		Panel: (panelOptions?: PanelOptions) => HTMLDivElement;
 		Handle: () => HTMLDivElement;
 	};
 };
-import { Signal as Signal21 } from "@vertz/ui";
-interface ScrollAreaOptions {
+import { Signal as Signal19 } from "@vertz/ui";
+interface ScrollAreaOptions extends ElementAttrs {
 	orientation?: "vertical" | "horizontal" | "both";
 	type?: "auto" | "always" | "hover" | "scroll";
 }
 interface ScrollAreaState {
-	scrollTop: Signal21<number>;
-	scrollLeft: Signal21<number>;
+	scrollTop: Signal19<number>;
+	scrollLeft: Signal19<number>;
 }
 interface ScrollAreaElements {
 	root: HTMLDivElement;
@@ -537,29 +529,29 @@ interface ScrollAreaElements {
 	thumbX: HTMLDivElement;
 }
 declare const ScrollArea: {
-	Root(options?: ScrollAreaOptions): ScrollAreaElements & {
+	Root: (options?: ScrollAreaOptions) => ScrollAreaElements & {
 		state: ScrollAreaState;
 		update: () => void;
 	};
 };
-import { Signal as Signal22 } from "@vertz/ui";
-interface SelectOptions {
+import { Signal as Signal20 } from "@vertz/ui";
+interface SelectOptions extends ElementAttrs {
 	defaultValue?: string;
 	placeholder?: string;
 	onValueChange?: (value: string) => void;
 	positioning?: FloatingOptions;
 }
 interface SelectState {
-	open: Signal22<boolean>;
-	value: Signal22<string>;
-	activeIndex: Signal22<number>;
+	open: Signal20<boolean>;
+	value: Signal20<string>;
+	activeIndex: Signal20<number>;
 }
 interface SelectElements {
 	trigger: HTMLButtonElement;
 	content: HTMLDivElement;
 }
 declare const Select: {
-	Root(options?: SelectOptions): SelectElements & {
+	Root: (options?: SelectOptions) => SelectElements & {
 		state: SelectState;
 		Item: (value: string, label?: string) => HTMLDivElement;
 		Group: (label: string) => {
@@ -569,7 +561,7 @@ declare const Select: {
 		Separator: () => HTMLHRElement;
 	};
 };
-import { Signal as Signal23 } from "@vertz/ui";
+import { Signal as Signal21 } from "@vertz/ui";
 type SheetSide = "left" | "right" | "top" | "bottom";
 interface SheetOptions {
 	side?: SheetSide;
@@ -577,7 +569,7 @@ interface SheetOptions {
 	onOpenChange?: (open: boolean) => void;
 }
 interface SheetState {
-	open: Signal23<boolean>;
+	open: Signal21<boolean>;
 }
 interface SheetElements {
 	trigger: HTMLButtonElement;
@@ -592,8 +584,8 @@ declare const Sheet: {
 		state: SheetState;
 	};
 };
-import { Signal as Signal24 } from "@vertz/ui";
-interface SliderOptions {
+import { Signal as Signal22 } from "@vertz/ui";
+interface SliderOptions extends ElementAttrs {
 	defaultValue?: number;
 	min?: number;
 	max?: number;
@@ -602,8 +594,8 @@ interface SliderOptions {
 	onValueChange?: (value: number) => void;
 }
 interface SliderState {
-	value: Signal24<number>;
-	disabled: Signal24<boolean>;
+	value: Signal22<number>;
+	disabled: Signal22<boolean>;
 }
 interface SliderElements {
 	root: HTMLDivElement;
@@ -611,11 +603,11 @@ interface SliderElements {
 	track: HTMLDivElement;
 }
 declare const Slider: {
-	Root(options?: SliderOptions): SliderElements & {
+	Root: (options?: SliderOptions) => SliderElements & {
 		state: SliderState;
 	};
 };
-interface SwitchOptions {
+interface SwitchOptions extends ElementAttrs {
 	defaultChecked?: boolean;
 	disabled?: boolean;
 	onCheckedChange?: (checked: boolean) => void;
@@ -623,21 +615,21 @@ interface SwitchOptions {
 declare const Switch: {
 	Root: (options?: SwitchOptions) => HTMLButtonElement;
 };
-import { Signal as Signal25 } from "@vertz/ui";
-interface TabsOptions {
+import { Signal as Signal23 } from "@vertz/ui";
+interface TabsOptions extends ElementAttrs {
 	defaultValue?: string;
 	orientation?: "horizontal" | "vertical";
 	onValueChange?: (value: string) => void;
 }
 interface TabsState {
-	value: Signal25<string>;
+	value: Signal23<string>;
 }
 interface TabsElements {
 	root: HTMLDivElement;
 	list: HTMLDivElement;
 }
 declare const Tabs: {
-	Root(options?: TabsOptions): TabsElements & {
+	Root: (options?: TabsOptions) => TabsElements & {
 		state: TabsState;
 		Tab: (value: string, label?: string) => {
 			trigger: HTMLButtonElement;
@@ -645,8 +637,8 @@ declare const Tabs: {
 		};
 	};
 };
-import { Signal as Signal26 } from "@vertz/ui";
-interface ToastOptions {
+import { Signal as Signal24 } from "@vertz/ui";
+interface ToastOptions extends ElementAttrs {
 	duration?: number;
 	politeness?: "polite" | "assertive";
 }
@@ -656,19 +648,19 @@ interface ToastMessage {
 	el: HTMLDivElement;
 }
 interface ToastState {
-	messages: Signal26<ToastMessage[]>;
+	messages: Signal24<ToastMessage[]>;
 }
 interface ToastElements {
 	region: HTMLDivElement;
 }
 declare const Toast: {
-	Root(options?: ToastOptions): ToastElements & {
+	Root: (options?: ToastOptions) => ToastElements & {
 		state: ToastState;
 		announce: (content: string) => ToastMessage;
 		dismiss: (id: string) => void;
 	};
 };
-interface ToggleOptions {
+interface ToggleOptions extends ElementAttrs {
 	defaultPressed?: boolean;
 	disabled?: boolean;
 	onPressedChange?: (pressed: boolean) => void;
@@ -676,8 +668,8 @@ interface ToggleOptions {
 declare const Toggle: {
 	Root: (options?: ToggleOptions) => HTMLButtonElement;
 };
-import { Signal as Signal27 } from "@vertz/ui";
-interface ToggleGroupOptions {
+import { Signal as Signal25 } from "@vertz/ui";
+interface ToggleGroupOptions extends ElementAttrs {
 	type?: "single" | "multiple";
 	defaultValue?: string[];
 	orientation?: "horizontal" | "vertical";
@@ -685,34 +677,34 @@ interface ToggleGroupOptions {
 	onValueChange?: (value: string[]) => void;
 }
 interface ToggleGroupState {
-	value: Signal27<string[]>;
-	disabled: Signal27<boolean>;
+	value: Signal25<string[]>;
+	disabled: Signal25<boolean>;
 }
 interface ToggleGroupElements {
 	root: HTMLDivElement;
 }
 declare const ToggleGroup: {
-	Root(options?: ToggleGroupOptions): ToggleGroupElements & {
+	Root: (options?: ToggleGroupOptions) => ToggleGroupElements & {
 		state: ToggleGroupState;
 		Item: (value: string) => HTMLButtonElement;
 	};
 };
-import { Signal as Signal28 } from "@vertz/ui";
-interface TooltipOptions {
+import { Signal as Signal26 } from "@vertz/ui";
+interface TooltipOptions extends ElementAttrs {
 	delay?: number;
 	onOpenChange?: (open: boolean) => void;
 	positioning?: FloatingOptions;
 }
 interface TooltipState {
-	open: Signal28<boolean>;
+	open: Signal26<boolean>;
 }
 interface TooltipElements {
 	trigger: HTMLElement;
 	content: HTMLDivElement;
 }
 declare const Tooltip: {
-	Root(options?: TooltipOptions): TooltipElements & {
+	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, 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, CheckboxState, CheckboxOptions, CheckboxElements, Checkbox, CarouselState, CarouselOptions, CarouselElements, Carousel, CalendarState, CalendarOptions, CalendarElements, Calendar, ButtonState, ButtonOptions, ButtonElements, Button, BadgeOptions, BadgeElements, Badge, AlertDialogState, AlertDialogOptions, AlertDialogElements, AlertDialog, AccordionState, AccordionOptions, AccordionElements, Accordion };
+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 };