@vertz/ui-primitives 0.2.0 → 0.2.2

package/dist/index.d.ts

@@ -21,6 +21,40 @@ declare const Accordion: {
 	};
 };
 import { Signal as Signal2 } from "@vertz/ui";
+interface AlertDialogOptions {
+	defaultOpen?: boolean;
+	onOpenChange?: (open: boolean) => void;
+	onAction?: () => void;
+}
+interface AlertDialogState {
+	open: Signal2<boolean>;
+}
+interface AlertDialogElements {
+	trigger: HTMLButtonElement;
+	overlay: HTMLDivElement;
+	content: HTMLDivElement;
+	title: HTMLHeadingElement;
+	description: HTMLParagraphElement;
+	cancel: HTMLButtonElement;
+	action: HTMLButtonElement;
+	show: () => void;
+	hide: () => void;
+}
+declare const AlertDialog: {
+	Root: (options?: AlertDialogOptions) => AlertDialogElements & {
+		state: AlertDialogState;
+	};
+};
+interface BadgeOptions {
+	variant?: "default" | "secondary" | "outline" | "destructive";
+}
+interface BadgeElements {
+	badge: HTMLSpanElement;
+}
+declare const Badge: {
+	Root: (options?: BadgeOptions) => BadgeElements;
+};
+import { Signal as Signal3 } from "@vertz/ui";
 interface ButtonOptions {
 	disabled?: boolean;
 	onPress?: () => void;
@@ -29,15 +63,15 @@ interface ButtonElements {
 	root: HTMLButtonElement;
 }
 interface ButtonState {
-	disabled: Signal2<boolean>;
-	pressed: Signal2<boolean>;
+	disabled: Signal3<boolean>;
+	pressed: Signal3<boolean>;
 }
 declare const Button: {
 	Root(options?: ButtonOptions): ButtonElements & {
 		state: ButtonState;
 	};
 };
-import { Signal as Signal3 } from "@vertz/ui";
+import { Signal as Signal4 } from "@vertz/ui";
 interface CalendarOptions {
 	mode?: "single" | "range" | "multiple";
 	defaultValue?: Date | Date[] | {
@@ -56,12 +90,12 @@ interface CalendarOptions {
 	onMonthChange?: (month: Date) => void;
 }
 interface CalendarState {
-	value: Signal3<Date | Date[] | {
+	value: Signal4<Date | Date[] | {
 		from: Date;
 		to: Date;
 	} | null>;
-	focusedDate: Signal3<Date>;
-	displayMonth: Signal3<Date>;
+	focusedDate: Signal4<Date>;
+	displayMonth: Signal4<Date>;
 }
 interface CalendarElements {
 	root: HTMLDivElement;
@@ -76,7 +110,7 @@ declare const Calendar: {
 		state: CalendarState;
 	};
 };
-import { Signal as Signal4 } from "@vertz/ui";
+import { Signal as Signal5 } from "@vertz/ui";
 interface CarouselOptions {
 	orientation?: "horizontal" | "vertical";
 	loop?: boolean;
@@ -84,8 +118,8 @@ interface CarouselOptions {
 	onSlideChange?: (index: number) => void;
 }
 interface CarouselState {
-	currentIndex: Signal4<number>;
-	slideCount: Signal4<number>;
+	currentIndex: Signal5<number>;
+	slideCount: Signal5<number>;
 }
 interface CarouselElements {
 	root: HTMLDivElement;
@@ -102,7 +136,7 @@ declare const Carousel: {
 		goPrev: () => void;
 	};
 };
-import { Signal as Signal5 } from "@vertz/ui";
+import { Signal as Signal6 } from "@vertz/ui";
 type CheckedState = boolean | "mixed";
 interface CheckboxOptions {
 	defaultChecked?: CheckedState;
@@ -110,8 +144,8 @@ interface CheckboxOptions {
 	onCheckedChange?: (checked: CheckedState) => void;
 }
 interface CheckboxState {
-	checked: Signal5<CheckedState>;
-	disabled: Signal5<boolean>;
+	checked: Signal6<CheckedState>;
+	disabled: Signal6<boolean>;
 }
 interface CheckboxElements {
 	root: HTMLButtonElement;
@@ -121,15 +155,15 @@ declare const Checkbox: {
 		state: CheckboxState;
 	};
 };
-import { Signal as Signal6 } from "@vertz/ui";
+import { Signal as Signal7 } from "@vertz/ui";
 interface CollapsibleOptions {
 	defaultOpen?: boolean;
 	disabled?: boolean;
 	onOpenChange?: (open: boolean) => void;
 }
 interface CollapsibleState {
-	open: Signal6<boolean>;
-	disabled: Signal6<boolean>;
+	open: Signal7<boolean>;
+	disabled: Signal7<boolean>;
 }
 interface CollapsibleElements {
 	root: HTMLDivElement;
@@ -141,17 +175,17 @@ declare const Collapsible: {
 		state: CollapsibleState;
 	};
 };
-import { Signal as Signal7 } from "@vertz/ui";
+import { Signal as Signal8 } from "@vertz/ui";
 interface ComboboxOptions {
 	defaultValue?: string;
 	onValueChange?: (value: string) => void;
 	onInputChange?: (input: string) => void;
 }
 interface ComboboxState {
-	open: Signal7<boolean>;
-	value: Signal7<string>;
-	inputValue: Signal7<string>;
-	activeIndex: Signal7<number>;
+	open: Signal8<boolean>;
+	value: Signal8<string>;
+	inputValue: Signal8<string>;
+	activeIndex: Signal8<number>;
 }
 interface ComboboxElements {
 	input: HTMLInputElement;
@@ -163,7 +197,7 @@ declare const Combobox: {
 		Option: (value: string, label?: string) => HTMLDivElement;
 	};
 };
-import { Signal as Signal8 } from "@vertz/ui";
+import { Signal as Signal9 } from "@vertz/ui";
 interface CommandOptions {
 	filter?: (value: string, search: string) => boolean;
 	onSelect?: (value: string) => void;
@@ -171,8 +205,8 @@ interface CommandOptions {
 	placeholder?: string;
 }
 interface CommandState {
-	inputValue: Signal8<string>;
-	activeIndex: Signal8<number>;
+	inputValue: Signal9<string>;
+	activeIndex: Signal9<number>;
 }
 interface CommandElements {
 	root: HTMLDivElement;
@@ -191,7 +225,7 @@ declare const Command: {
 		Separator: () => HTMLHRElement;
 	};
 };
-import { Signal as Signal9 } from "@vertz/ui";
+import { Signal as Signal10 } from "@vertz/ui";
 import { Middleware, Placement, Strategy } from "@floating-ui/dom";
 interface FloatingOptions {
 	placement?: Placement;
@@ -210,8 +244,8 @@ interface ContextMenuOptions {
 	positioning?: FloatingOptions;
 }
 interface ContextMenuState {
-	open: Signal9<boolean>;
-	activeIndex: Signal9<number>;
+	open: Signal10<boolean>;
+	activeIndex: Signal10<number>;
 }
 interface ContextMenuElements {
 	trigger: HTMLDivElement;
@@ -229,7 +263,7 @@ declare const ContextMenu: {
 		Label: (text: string) => HTMLDivElement;
 	};
 };
-import { Signal as Signal10 } from "@vertz/ui";
+import { Signal as Signal11 } from "@vertz/ui";
 interface DatePickerOptions {
 	mode?: "single" | "range";
 	defaultValue?: Date | {
@@ -249,12 +283,12 @@ interface DatePickerOptions {
 	onOpenChange?: (open: boolean) => void;
 }
 interface DatePickerState {
-	open: Signal10<boolean>;
-	value: Signal10<Date | {
+	open: Signal11<boolean>;
+	value: Signal11<Date | {
 		from: Date;
 		to: Date;
 	} | null>;
-	displayMonth: Signal10<Date>;
+	displayMonth: Signal11<Date>;
 }
 interface DatePickerElements {
 	trigger: HTMLButtonElement;
@@ -275,14 +309,14 @@ declare const DatePicker: {
 		hide: () => void;
 	};
 };
-import { Signal as Signal11 } from "@vertz/ui";
+import { Signal as Signal12 } from "@vertz/ui";
 interface DialogOptions {
 	modal?: boolean;
 	defaultOpen?: boolean;
 	onOpenChange?: (open: boolean) => void;
 }
 interface DialogState {
-	open: Signal11<boolean>;
+	open: Signal12<boolean>;
 }
 interface DialogElements {
 	trigger: HTMLButtonElement;
@@ -298,14 +332,14 @@ declare const Dialog: {
 		state: DialogState;
 	};
 };
-import { Signal as Signal12 } from "@vertz/ui";
+import { Signal as Signal13 } from "@vertz/ui";
 interface MenuOptions {
 	onSelect?: (value: string) => void;
 	positioning?: FloatingOptions;
 }
 interface MenuState {
-	open: Signal12<boolean>;
-	activeIndex: Signal12<number>;
+	open: Signal13<boolean>;
+	activeIndex: Signal13<number>;
 }
 interface MenuElements {
 	trigger: HTMLButtonElement;
@@ -338,7 +372,7 @@ declare const DropdownMenu: {
 		Label: (text: string) => HTMLDivElement;
 	};
 };
-import { Signal as Signal13 } from "@vertz/ui";
+import { Signal as Signal14 } from "@vertz/ui";
 interface HoverCardOptions {
 	openDelay?: number;
 	closeDelay?: number;
@@ -346,7 +380,7 @@ interface HoverCardOptions {
 	positioning?: FloatingOptions;
 }
 interface HoverCardState {
-	open: Signal13<boolean>;
+	open: Signal14<boolean>;
 }
 interface HoverCardElements {
 	trigger: HTMLElement;
@@ -357,13 +391,13 @@ declare const HoverCard: {
 		state: HoverCardState;
 	};
 };
-import { Signal as Signal14 } from "@vertz/ui";
+import { Signal as Signal15 } from "@vertz/ui";
 interface MenubarOptions {
 	onSelect?: (value: string) => void;
 	positioning?: FloatingOptions;
 }
 interface MenubarState {
-	activeMenu: Signal14<string | null>;
+	activeMenu: Signal15<string | null>;
 }
 interface MenubarElements {
 	root: HTMLDivElement;
@@ -383,14 +417,14 @@ declare const Menubar: {
 		};
 	};
 };
-import { Signal as Signal15 } from "@vertz/ui";
+import { Signal as Signal16 } from "@vertz/ui";
 interface NavigationMenuOptions {
 	orientation?: "horizontal" | "vertical";
 	delayOpen?: number;
 	delayClose?: number;
 }
 interface NavigationMenuState {
-	activeItem: Signal15<string | null>;
+	activeItem: Signal16<string | null>;
 }
 interface NavigationMenuElements {
 	root: HTMLElement;
@@ -407,14 +441,14 @@ declare const NavigationMenu: {
 		Link: (href: string, label: string) => HTMLAnchorElement;
 	};
 };
-import { Signal as Signal16 } from "@vertz/ui";
+import { Signal as Signal17 } from "@vertz/ui";
 interface PopoverOptions {
 	defaultOpen?: boolean;
 	onOpenChange?: (open: boolean) => void;
 	positioning?: FloatingOptions;
 }
 interface PopoverState {
-	open: Signal16<boolean>;
+	open: Signal17<boolean>;
 }
 interface PopoverElements {
 	trigger: HTMLButtonElement;
@@ -425,14 +459,14 @@ declare const Popover: {
 		state: PopoverState;
 	};
 };
-import { Signal as Signal17 } from "@vertz/ui";
+import { Signal as Signal18 } from "@vertz/ui";
 interface ProgressOptions {
 	defaultValue?: number;
 	min?: number;
 	max?: number;
 }
 interface ProgressState {
-	value: Signal17<number>;
+	value: Signal18<number>;
 }
 interface ProgressElements {
 	root: HTMLDivElement;
@@ -444,13 +478,13 @@ declare const Progress: {
 		setValue: (value: number) => void;
 	};
 };
-import { Signal as Signal18 } from "@vertz/ui";
+import { Signal as Signal19 } from "@vertz/ui";
 interface RadioOptions {
 	defaultValue?: string;
 	onValueChange?: (value: string) => void;
 }
 interface RadioState {
-	value: Signal18<string>;
+	value: Signal19<string>;
 }
 interface RadioElements {
 	root: HTMLDivElement;
@@ -461,7 +495,7 @@ declare const Radio: {
 		Item: (value: string, label?: string) => HTMLDivElement;
 	};
 };
-import { Signal as Signal19 } from "@vertz/ui";
+import { Signal as Signal20 } from "@vertz/ui";
 interface ResizablePanelOptions {
 	orientation?: "horizontal" | "vertical";
 	onResize?: (sizes: number[]) => void;
@@ -472,7 +506,7 @@ interface PanelOptions {
 	maxSize?: number;
 }
 interface ResizablePanelState {
-	sizes: Signal19<number[]>;
+	sizes: Signal20<number[]>;
 }
 interface ResizablePanelElements {
 	root: HTMLDivElement;
@@ -484,14 +518,14 @@ declare const ResizablePanel: {
 		Handle: () => HTMLDivElement;
 	};
 };
-import { Signal as Signal20 } from "@vertz/ui";
+import { Signal as Signal21 } from "@vertz/ui";
 interface ScrollAreaOptions {
 	orientation?: "vertical" | "horizontal" | "both";
 	type?: "auto" | "always" | "hover" | "scroll";
 }
 interface ScrollAreaState {
-	scrollTop: Signal20<number>;
-	scrollLeft: Signal20<number>;
+	scrollTop: Signal21<number>;
+	scrollLeft: Signal21<number>;
 }
 interface ScrollAreaElements {
 	root: HTMLDivElement;
@@ -508,7 +542,7 @@ declare const ScrollArea: {
 		update: () => void;
 	};
 };
-import { Signal as Signal21 } from "@vertz/ui";
+import { Signal as Signal22 } from "@vertz/ui";
 interface SelectOptions {
 	defaultValue?: string;
 	placeholder?: string;
@@ -516,9 +550,9 @@ interface SelectOptions {
 	positioning?: FloatingOptions;
 }
 interface SelectState {
-	open: Signal21<boolean>;
-	value: Signal21<string>;
-	activeIndex: Signal21<number>;
+	open: Signal22<boolean>;
+	value: Signal22<string>;
+	activeIndex: Signal22<number>;
 }
 interface SelectElements {
 	trigger: HTMLButtonElement;
@@ -535,7 +569,30 @@ declare const Select: {
 		Separator: () => HTMLHRElement;
 	};
 };
-import { Signal as Signal22 } from "@vertz/ui";
+import { Signal as Signal23 } from "@vertz/ui";
+type SheetSide = "left" | "right" | "top" | "bottom";
+interface SheetOptions {
+	side?: SheetSide;
+	defaultOpen?: boolean;
+	onOpenChange?: (open: boolean) => void;
+}
+interface SheetState {
+	open: Signal23<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 Signal24 } from "@vertz/ui";
 interface SliderOptions {
 	defaultValue?: number;
 	min?: number;
@@ -545,8 +602,8 @@ interface SliderOptions {
 	onValueChange?: (value: number) => void;
 }
 interface SliderState {
-	value: Signal22<number>;
-	disabled: Signal22<boolean>;
+	value: Signal24<number>;
+	disabled: Signal24<boolean>;
 }
 interface SliderElements {
 	root: HTMLDivElement;
@@ -558,32 +615,22 @@ declare const Slider: {
 		state: SliderState;
 	};
 };
-import { Signal as Signal23 } from "@vertz/ui";
 interface SwitchOptions {
 	defaultChecked?: boolean;
 	disabled?: boolean;
 	onCheckedChange?: (checked: boolean) => void;
 }
-interface SwitchState {
-	checked: Signal23<boolean>;
-	disabled: Signal23<boolean>;
-}
-interface SwitchElements {
-	root: HTMLButtonElement;
-}
 declare const Switch: {
-	Root(options?: SwitchOptions): SwitchElements & {
-		state: SwitchState;
-	};
+	Root: (options?: SwitchOptions) => HTMLButtonElement;
 };
-import { Signal as Signal24 } from "@vertz/ui";
+import { Signal as Signal25 } from "@vertz/ui";
 interface TabsOptions {
 	defaultValue?: string;
 	orientation?: "horizontal" | "vertical";
 	onValueChange?: (value: string) => void;
 }
 interface TabsState {
-	value: Signal24<string>;
+	value: Signal25<string>;
 }
 interface TabsElements {
 	root: HTMLDivElement;
@@ -598,7 +645,7 @@ declare const Tabs: {
 		};
 	};
 };
-import { Signal as Signal25 } from "@vertz/ui";
+import { Signal as Signal26 } from "@vertz/ui";
 interface ToastOptions {
 	duration?: number;
 	politeness?: "polite" | "assertive";
@@ -609,7 +656,7 @@ interface ToastMessage {
 	el: HTMLDivElement;
 }
 interface ToastState {
-	messages: Signal25<ToastMessage[]>;
+	messages: Signal26<ToastMessage[]>;
 }
 interface ToastElements {
 	region: HTMLDivElement;
@@ -621,23 +668,13 @@ declare const Toast: {
 		dismiss: (id: string) => void;
 	};
 };
-import { Signal as Signal26 } from "@vertz/ui";
 interface ToggleOptions {
 	defaultPressed?: boolean;
 	disabled?: boolean;
 	onPressedChange?: (pressed: boolean) => void;
 }
-interface ToggleState {
-	pressed: Signal26<boolean>;
-	disabled: Signal26<boolean>;
-}
-interface ToggleElements {
-	root: HTMLButtonElement;
-}
 declare const Toggle: {
-	Root(options?: ToggleOptions): ToggleElements & {
-		state: ToggleState;
-	};
+	Root: (options?: ToggleOptions) => HTMLButtonElement;
 };
 import { Signal as Signal27 } from "@vertz/ui";
 interface ToggleGroupOptions {
@@ -678,4 +715,4 @@ declare const Tooltip: {
 		state: TooltipState;
 	};
 };
-export { TooltipState, TooltipOptions, TooltipElements, Tooltip, ToggleState, ToggleOptions, ToggleGroupState, ToggleGroupOptions, ToggleGroupElements, ToggleGroup, ToggleElements, Toggle, ToastState, ToastOptions, ToastMessage, ToastElements, Toast, TabsState, TabsOptions, TabsElements, Tabs, SwitchState, SwitchOptions, SwitchElements, Switch, SliderState, SliderOptions, SliderElements, Slider, 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, 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, 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 };