@vertz/ui-primitives 0.1.1

package/dist/index.d.ts

@@ -0,0 +1,295 @@
+import { Signal } from "@vertz/ui";
+interface AccordionOptions {
+	multiple?: boolean;
+	defaultValue?: string[];
+	onValueChange?: (value: string[]) => void;
+}
+interface AccordionState {
+	value: Signal<string[]>;
+}
+interface AccordionElements {
+	root: HTMLDivElement;
+}
+declare const Accordion: {
+	Root(options?: AccordionOptions): AccordionElements & {
+		state: AccordionState;
+		Item: (value: string) => {
+			item: HTMLDivElement;
+			trigger: HTMLButtonElement;
+			content: HTMLDivElement;
+		};
+	};
+};
+import { Signal as Signal2 } from "@vertz/ui";
+interface ButtonOptions {
+	disabled?: boolean;
+	onPress?: () => void;
+}
+interface ButtonElements {
+	root: HTMLButtonElement;
+}
+interface ButtonState {
+	disabled: Signal2<boolean>;
+	pressed: Signal2<boolean>;
+}
+declare const Button: {
+	Root(options?: ButtonOptions): ButtonElements & {
+		state: ButtonState;
+	};
+};
+import { Signal as Signal3 } from "@vertz/ui";
+type CheckedState = boolean | "mixed";
+interface CheckboxOptions {
+	defaultChecked?: CheckedState;
+	disabled?: boolean;
+	onCheckedChange?: (checked: CheckedState) => void;
+}
+interface CheckboxState {
+	checked: Signal3<CheckedState>;
+	disabled: Signal3<boolean>;
+}
+interface CheckboxElements {
+	root: HTMLButtonElement;
+}
+declare const Checkbox: {
+	Root(options?: CheckboxOptions): CheckboxElements & {
+		state: CheckboxState;
+	};
+};
+import { Signal as Signal4 } from "@vertz/ui";
+interface ComboboxOptions {
+	defaultValue?: string;
+	onValueChange?: (value: string) => void;
+	onInputChange?: (input: string) => void;
+}
+interface ComboboxState {
+	open: Signal4<boolean>;
+	value: Signal4<string>;
+	inputValue: Signal4<string>;
+	activeIndex: Signal4<number>;
+}
+interface ComboboxElements {
+	input: HTMLInputElement;
+	listbox: HTMLDivElement;
+}
+declare const Combobox: {
+	Root(options?: ComboboxOptions): ComboboxElements & {
+		state: ComboboxState;
+		Option: (value: string, label?: string) => HTMLDivElement;
+	};
+};
+import { Signal as Signal5 } from "@vertz/ui";
+interface DialogOptions {
+	modal?: boolean;
+	defaultOpen?: boolean;
+	onOpenChange?: (open: boolean) => void;
+}
+interface DialogState {
+	open: Signal5<boolean>;
+}
+interface DialogElements {
+	trigger: HTMLButtonElement;
+	content: HTMLDivElement;
+	overlay: HTMLDivElement;
+	title: HTMLHeadingElement;
+	close: HTMLButtonElement;
+}
+declare const Dialog: {
+	Root(options?: DialogOptions): DialogElements & {
+		state: DialogState;
+	};
+};
+import { Signal as Signal6 } from "@vertz/ui";
+interface MenuOptions {
+	onSelect?: (value: string) => void;
+}
+interface MenuState {
+	open: Signal6<boolean>;
+	activeIndex: Signal6<number>;
+}
+interface MenuElements {
+	trigger: HTMLButtonElement;
+	content: HTMLDivElement;
+}
+declare const Menu: {
+	Root(options?: MenuOptions): MenuElements & {
+		state: MenuState;
+		Item: (value: string, label?: string) => HTMLDivElement;
+	};
+};
+import { Signal as Signal7 } from "@vertz/ui";
+interface PopoverOptions {
+	defaultOpen?: boolean;
+	onOpenChange?: (open: boolean) => void;
+}
+interface PopoverState {
+	open: Signal7<boolean>;
+}
+interface PopoverElements {
+	trigger: HTMLButtonElement;
+	content: HTMLDivElement;
+}
+declare const Popover: {
+	Root(options?: PopoverOptions): PopoverElements & {
+		state: PopoverState;
+	};
+};
+import { Signal as Signal8 } from "@vertz/ui";
+interface ProgressOptions {
+	defaultValue?: number;
+	min?: number;
+	max?: number;
+}
+interface ProgressState {
+	value: Signal8<number>;
+}
+interface ProgressElements {
+	root: HTMLDivElement;
+	indicator: HTMLDivElement;
+}
+declare const Progress: {
+	Root(options?: ProgressOptions): ProgressElements & {
+		state: ProgressState;
+		setValue: (value: number) => void;
+	};
+};
+import { Signal as Signal9 } from "@vertz/ui";
+interface RadioOptions {
+	defaultValue?: string;
+	onValueChange?: (value: string) => void;
+}
+interface RadioState {
+	value: Signal9<string>;
+}
+interface RadioElements {
+	root: HTMLDivElement;
+}
+declare const Radio: {
+	Root(options?: RadioOptions): RadioElements & {
+		state: RadioState;
+		Item: (value: string, label?: string) => HTMLDivElement;
+	};
+};
+import { Signal as Signal10 } from "@vertz/ui";
+interface SelectOptions {
+	defaultValue?: string;
+	onValueChange?: (value: string) => void;
+}
+interface SelectState {
+	open: Signal10<boolean>;
+	value: Signal10<string>;
+	activeIndex: Signal10<number>;
+}
+interface SelectElements {
+	trigger: HTMLButtonElement;
+	content: HTMLDivElement;
+}
+declare const Select: {
+	Root(options?: SelectOptions): SelectElements & {
+		state: SelectState;
+		Item: (value: string, label?: string) => HTMLDivElement;
+	};
+};
+import { Signal as Signal11 } from "@vertz/ui";
+interface SliderOptions {
+	defaultValue?: number;
+	min?: number;
+	max?: number;
+	step?: number;
+	disabled?: boolean;
+	onValueChange?: (value: number) => void;
+}
+interface SliderState {
+	value: Signal11<number>;
+	disabled: Signal11<boolean>;
+}
+interface SliderElements {
+	root: HTMLDivElement;
+	thumb: HTMLDivElement;
+	track: HTMLDivElement;
+}
+declare const Slider: {
+	Root(options?: SliderOptions): SliderElements & {
+		state: SliderState;
+	};
+};
+import { Signal as Signal12 } from "@vertz/ui";
+interface SwitchOptions {
+	defaultChecked?: boolean;
+	disabled?: boolean;
+	onCheckedChange?: (checked: boolean) => void;
+}
+interface SwitchState {
+	checked: Signal12<boolean>;
+	disabled: Signal12<boolean>;
+}
+interface SwitchElements {
+	root: HTMLButtonElement;
+}
+declare const Switch: {
+	Root(options?: SwitchOptions): SwitchElements & {
+		state: SwitchState;
+	};
+};
+import { Signal as Signal13 } from "@vertz/ui";
+interface TabsOptions {
+	defaultValue?: string;
+	onValueChange?: (value: string) => void;
+}
+interface TabsState {
+	value: Signal13<string>;
+}
+interface TabsElements {
+	root: HTMLDivElement;
+	list: HTMLDivElement;
+}
+declare const Tabs: {
+	Root(options?: TabsOptions): TabsElements & {
+		state: TabsState;
+		Tab: (value: string, label?: string) => {
+			trigger: HTMLButtonElement;
+			panel: HTMLDivElement;
+		};
+	};
+};
+import { Signal as Signal14 } from "@vertz/ui";
+interface ToastOptions {
+	duration?: number;
+	politeness?: "polite" | "assertive";
+}
+interface ToastMessage {
+	id: string;
+	content: string;
+	el: HTMLDivElement;
+}
+interface ToastState {
+	messages: Signal14<ToastMessage[]>;
+}
+interface ToastElements {
+	region: HTMLDivElement;
+}
+declare const Toast: {
+	Root(options?: ToastOptions): ToastElements & {
+		state: ToastState;
+		announce: (content: string) => ToastMessage;
+		dismiss: (id: string) => void;
+	};
+};
+import { Signal as Signal15 } from "@vertz/ui";
+interface TooltipOptions {
+	delay?: number;
+	onOpenChange?: (open: boolean) => void;
+}
+interface TooltipState {
+	open: Signal15<boolean>;
+}
+interface TooltipElements {
+	trigger: HTMLElement;
+	content: HTMLDivElement;
+}
+declare const Tooltip: {
+	Root(options?: TooltipOptions): TooltipElements & {
+		state: TooltipState;
+	};
+};
+export { TooltipState, TooltipOptions, TooltipElements, Tooltip, ToastState, ToastOptions, ToastMessage, ToastElements, Toast, TabsState, TabsOptions, TabsElements, Tabs, SwitchState, SwitchOptions, SwitchElements, Switch, SliderState, SliderOptions, SliderElements, Slider, SelectState, SelectOptions, SelectElements, Select, RadioState, RadioOptions, RadioElements, Radio, ProgressState, ProgressOptions, ProgressElements, Progress, PopoverState, PopoverOptions, PopoverElements, Popover, MenuState, MenuOptions, MenuElements, Menu, DialogState, DialogOptions, DialogElements, Dialog, ComboboxState, ComboboxOptions, ComboboxElements, Combobox, CheckedState, CheckboxState, CheckboxOptions, CheckboxElements, Checkbox, ButtonState, ButtonOptions, ButtonElements, Button, AccordionState, AccordionOptions, AccordionElements, Accordion };