@vertz/ui-primitives 0.2.16 → 0.2.18

package/dist/src/index.js

@@ -1,104 +1,105 @@
 import {
   Switch
-} from "../shared/chunk-w06tst6x.js";
+} from "../shared/chunk-7kpsyjd7.js";
 import {
   Button
-} from "../shared/chunk-ve006hmy.js";
+} from "../shared/chunk-4da5zksy.js";
 import {
   HoverCard
-} from "../shared/chunk-31yptvbf.js";
+} from "../shared/chunk-bew4bjgf.js";
 import {
   ResizablePanel
-} from "../shared/chunk-n92bvn5d.js";
+} from "../shared/chunk-j4cm8avr.js";
 import {
   Tabs
-} from "../shared/chunk-2h5qpc00.js";
+} from "../shared/chunk-8nk0ya7a.js";
 import {
   Checkbox
-} from "../shared/chunk-h42bk324.js";
+} from "../shared/chunk-hr9hx58m.js";
 import {
   Command
-} from "../shared/chunk-vcp10kne.js";
+} from "../shared/chunk-ttsyf6ma.js";
 import {
   DropdownMenu
-} from "../shared/chunk-qpfqyrc5.js";
+} from "../shared/chunk-96d9nr7y.js";
 import {
   Menu
-} from "../shared/chunk-tvpgeswh.js";
+} from "../shared/chunk-7ffg0caj.js";
 import {
   Collapsible
-} from "../shared/chunk-3s6s6f06.js";
+} from "../shared/chunk-tfyg0qrp.js";
 import {
   Toggle
-} from "../shared/chunk-9cqe2q6e.js";
+} from "../shared/chunk-n9nwx58j.js";
 import {
   Dialog
-} from "../shared/chunk-3pantb0p.js";
+} from "../shared/chunk-7krvqrwq.js";
 import {
   Select
-} from "../shared/chunk-fv1y77tn.js";
+} from "../shared/chunk-kg27s15c.js";
 import {
   AlertDialog
 } from "../shared/chunk-34yfm2b0.js";
 import {
   ToggleGroup
-} from "../shared/chunk-tk1k1bet.js";
+} from "../shared/chunk-gt0wth9h.js";
 import {
   ContextMenu
-} from "../shared/chunk-8qfeqrrz.js";
+} from "../shared/chunk-x0we8gcy.js";
 import {
   Sheet
 } from "../shared/chunk-t1vkvsz2.js";
 import {
   NavigationMenu
-} from "../shared/chunk-6sqwjfg8.js";
+} from "../shared/chunk-8tvzqry6.js";
 import {
   Radio
-} from "../shared/chunk-qq0e0gym.js";
+} from "../shared/chunk-yr9yzpvq.js";
 import {
   Tooltip
-} from "../shared/chunk-6dmt4513.js";
+} from "../shared/chunk-9hj9p7s2.js";
 import {
   Menubar
-} from "../shared/chunk-cr9sbwns.js";
+} from "../shared/chunk-sqs8kyb2.js";
 import {
   ScrollArea
-} from "../shared/chunk-h9m9x5my.js";
+} from "../shared/chunk-jz0s6srh.js";
 import {
   Progress
-} from "../shared/chunk-wnttq0gv.js";
+} from "../shared/chunk-ppcv3ehd.js";
 import {
   Carousel
-} from "../shared/chunk-x6qzr3g6.js";
+} from "../shared/chunk-g9qvd20g.js";
 import {
   Toast
-} from "../shared/chunk-cvbf1js1.js";
+} from "../shared/chunk-gkddsbmh.js";
 import {
   DatePicker
-} from "../shared/chunk-6pnjrst7.js";
+} from "../shared/chunk-x2hz98qn.js";
 import {
   Calendar
-} from "../shared/chunk-48v8j0vh.js";
+} from "../shared/chunk-18y8gfk0.js";
 import {
   Popover
-} from "../shared/chunk-dkhst4wv.js";
+} from "../shared/chunk-m1ptgp1s.js";
 import"../shared/chunk-a6wp8c32.js";
 import"../shared/chunk-e2v1c9ex.js";
 import"../shared/chunk-0mcr52hc.js";
 import {
   Slider
-} from "../shared/chunk-vx1ajy2z.js";
+} from "../shared/chunk-8ak7vdk1.js";
 import {
   Combobox
-} from "../shared/chunk-bcfzteh0.js";
+} from "../shared/chunk-4085nbdq.js";
 import {
   Accordion
-} from "../shared/chunk-e3aj5yw4.js";
+} from "../shared/chunk-avxcmmk6.js";
 import"../shared/chunk-jctqs9m4.js";
 import"../shared/chunk-vvjyx7fe.js";
 import {
   Badge
-} from "../shared/chunk-vq9tfzh8.js";
+} from "../shared/chunk-rnjm61t0.js";
+import"../shared/chunk-dpsgb1xw.js";
 import"../shared/chunk-8y1jf6xr.js";
 export {
   Tooltip,

package/dist/src/menu/menu.d.ts

@@ -1,4 +1,16 @@
 import { Signal } from "@vertz/ui";
+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;
+}
 import { Middleware, Placement, Strategy } from "@floating-ui/dom";
 interface FloatingOptions {
 	placement?: Placement;
@@ -12,7 +24,7 @@ interface FloatingOptions {
 	/** Override the reference element used for positioning (e.g., a custom trigger wrapping the primitive trigger). */
 	referenceElement?: HTMLElement;
 }
-interface MenuOptions {
+interface MenuOptions extends ElementAttrs {
 	onSelect?: (value: string) => void;
 	positioning?: FloatingOptions;
 }
@@ -25,7 +37,7 @@ interface MenuElements {
 	content: HTMLDivElement;
 }
 declare const Menu: {
-	Root(options?: MenuOptions): MenuElements & {
+	Root: (options?: MenuOptions) => MenuElements & {
 		state: MenuState;
 		Item: (value: string, label?: string) => HTMLDivElement;
 		Group: (label: string) => {

package/dist/src/menu/menu.js

@@ -1,10 +1,11 @@
 import {
   Menu
-} from "../../shared/chunk-tvpgeswh.js";
+} from "../../shared/chunk-7ffg0caj.js";
 import"../../shared/chunk-a6wp8c32.js";
 import"../../shared/chunk-0mcr52hc.js";
 import"../../shared/chunk-jctqs9m4.js";
 import"../../shared/chunk-vvjyx7fe.js";
+import"../../shared/chunk-dpsgb1xw.js";
 import"../../shared/chunk-8y1jf6xr.js";
 export {
   Menu

package/dist/src/menubar/menubar.d.ts

@@ -1,4 +1,16 @@
 import { Signal } from "@vertz/ui";
+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;
+}
 import { Middleware, Placement, Strategy } from "@floating-ui/dom";
 interface FloatingOptions {
 	placement?: Placement;
@@ -12,7 +24,7 @@ interface FloatingOptions {
 	/** Override the reference element used for positioning (e.g., a custom trigger wrapping the primitive trigger). */
 	referenceElement?: HTMLElement;
 }
-interface MenubarOptions {
+interface MenubarOptions extends ElementAttrs {
 	onSelect?: (value: string) => void;
 	positioning?: FloatingOptions;
 }
@@ -23,7 +35,7 @@ interface MenubarElements {
 	root: HTMLDivElement;
 }
 declare const Menubar: {
-	Root(options?: MenubarOptions): MenubarElements & {
+	Root: (options?: MenubarOptions) => MenubarElements & {
 		state: MenubarState;
 		Menu: (value: string, label?: string) => {
 			trigger: HTMLButtonElement;

package/dist/src/menubar/menubar.js

@@ -1,11 +1,12 @@
 import {
   Menubar
-} from "../../shared/chunk-cr9sbwns.js";
+} from "../../shared/chunk-sqs8kyb2.js";
 import"../../shared/chunk-a6wp8c32.js";
 import"../../shared/chunk-e2v1c9ex.js";
 import"../../shared/chunk-0mcr52hc.js";
 import"../../shared/chunk-jctqs9m4.js";
 import"../../shared/chunk-vvjyx7fe.js";
+import"../../shared/chunk-dpsgb1xw.js";
 import"../../shared/chunk-8y1jf6xr.js";
 export {
   Menubar

package/dist/src/navigation-menu/navigation-menu.d.ts

@@ -1,5 +1,17 @@
 import { Signal } from "@vertz/ui";
-interface NavigationMenuOptions {
+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 NavigationMenuOptions extends ElementAttrs {
 	orientation?: "horizontal" | "vertical";
 	delayOpen?: number;
 	delayClose?: number;
@@ -13,7 +25,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;

package/dist/src/navigation-menu/navigation-menu.js

@@ -1,9 +1,10 @@
 import {
   NavigationMenu
-} from "../../shared/chunk-6sqwjfg8.js";
+} from "../../shared/chunk-8tvzqry6.js";
 import"../../shared/chunk-e2v1c9ex.js";
 import"../../shared/chunk-jctqs9m4.js";
 import"../../shared/chunk-vvjyx7fe.js";
+import"../../shared/chunk-dpsgb1xw.js";
 import"../../shared/chunk-8y1jf6xr.js";
 export {
   NavigationMenu

package/dist/src/popover/popover.d.ts

@@ -1,4 +1,16 @@
 import { Signal } from "@vertz/ui";
+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;
+}
 import { Middleware, Placement, Strategy } from "@floating-ui/dom";
 interface FloatingOptions {
 	placement?: Placement;
@@ -12,7 +24,7 @@ interface FloatingOptions {
 	/** Override the reference element used for positioning (e.g., a custom trigger wrapping the primitive trigger). */
 	referenceElement?: HTMLElement;
 }
-interface PopoverOptions {
+interface PopoverOptions extends ElementAttrs {
 	defaultOpen?: boolean;
 	onOpenChange?: (open: boolean) => void;
 	positioning?: FloatingOptions;
@@ -25,7 +37,7 @@ interface PopoverElements {
 	content: HTMLDivElement;
 }
 declare const Popover: {
-	Root(options?: PopoverOptions): PopoverElements & {
+	Root: (options?: PopoverOptions) => PopoverElements & {
 		state: PopoverState;
 	};
 };

package/dist/src/popover/popover.js

@@ -1,11 +1,12 @@
 import {
   Popover
-} from "../../shared/chunk-dkhst4wv.js";
+} from "../../shared/chunk-m1ptgp1s.js";
 import"../../shared/chunk-a6wp8c32.js";
 import"../../shared/chunk-e2v1c9ex.js";
 import"../../shared/chunk-0mcr52hc.js";
 import"../../shared/chunk-jctqs9m4.js";
 import"../../shared/chunk-vvjyx7fe.js";
+import"../../shared/chunk-dpsgb1xw.js";
 import"../../shared/chunk-8y1jf6xr.js";
 export {
   Popover

package/dist/src/progress/progress.d.ts

@@ -1,5 +1,17 @@
 import { Signal } from "@vertz/ui";
-interface ProgressOptions {
+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 ProgressOptions extends ElementAttrs {
 	defaultValue?: number;
 	min?: number;
 	max?: number;
@@ -12,7 +24,7 @@ interface ProgressElements {
 	indicator: HTMLDivElement;
 }
 declare const Progress: {
-	Root(options?: ProgressOptions): ProgressElements & {
+	Root: (options?: ProgressOptions) => ProgressElements & {
 		state: ProgressState;
 		setValue: (value: number) => void;
 	};

package/dist/src/progress/progress.js

@@ -1,7 +1,8 @@
 import {
   Progress
-} from "../../shared/chunk-wnttq0gv.js";
+} from "../../shared/chunk-ppcv3ehd.js";
 import"../../shared/chunk-vvjyx7fe.js";
+import"../../shared/chunk-dpsgb1xw.js";
 import"../../shared/chunk-8y1jf6xr.js";
 export {
   Progress

package/dist/src/radio/radio.d.ts

@@ -1,5 +1,17 @@
 import { Signal } from "@vertz/ui";
-interface RadioOptions {
+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 RadioOptions extends ElementAttrs {
 	defaultValue?: string;
 	onValueChange?: (value: string) => void;
 }
@@ -10,7 +22,7 @@ interface RadioElements {
 	root: HTMLDivElement;
 }
 declare const Radio: {
-	Root(options?: RadioOptions): RadioElements & {
+	Root: (options?: RadioOptions) => RadioElements & {
 		state: RadioState;
 		Item: (value: string, label?: string) => HTMLDivElement;
 	};

package/dist/src/radio/radio.js

@@ -1,9 +1,10 @@
 import {
   Radio
-} from "../../shared/chunk-qq0e0gym.js";
+} from "../../shared/chunk-yr9yzpvq.js";
 import"../../shared/chunk-e2v1c9ex.js";
 import"../../shared/chunk-jctqs9m4.js";
 import"../../shared/chunk-vvjyx7fe.js";
+import"../../shared/chunk-dpsgb1xw.js";
 import"../../shared/chunk-8y1jf6xr.js";
 export {
   Radio

package/dist/src/resizable-panel/resizable-panel.d.ts

@@ -1,5 +1,17 @@
 import { Signal } from "@vertz/ui";
-interface ResizablePanelOptions {
+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 ResizablePanelOptions extends ElementAttrs {
 	orientation?: "horizontal" | "vertical";
 	onResize?: (sizes: number[]) => void;
 }
@@ -15,7 +27,7 @@ interface ResizablePanelElements {
 	root: HTMLDivElement;
 }
 declare const ResizablePanel: {
-	Root(options?: ResizablePanelOptions): ResizablePanelElements & {
+	Root: (options?: ResizablePanelOptions) => ResizablePanelElements & {
 		state: ResizablePanelState;
 		Panel: (panelOptions?: PanelOptions) => HTMLDivElement;
 		Handle: () => HTMLDivElement;

package/dist/src/resizable-panel/resizable-panel.js

@@ -1,8 +1,9 @@
 import {
   ResizablePanel
-} from "../../shared/chunk-n92bvn5d.js";
+} from "../../shared/chunk-j4cm8avr.js";
 import"../../shared/chunk-jctqs9m4.js";
 import"../../shared/chunk-vvjyx7fe.js";
+import"../../shared/chunk-dpsgb1xw.js";
 export {
   ResizablePanel
 };

package/dist/src/scroll-area/scroll-area.d.ts

@@ -1,5 +1,17 @@
 import { Signal } from "@vertz/ui";
-interface ScrollAreaOptions {
+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 ScrollAreaOptions extends ElementAttrs {
 	orientation?: "vertical" | "horizontal" | "both";
 	type?: "auto" | "always" | "hover" | "scroll";
 }
@@ -17,7 +29,7 @@ interface ScrollAreaElements {
 	thumbX: HTMLDivElement;
 }
 declare const ScrollArea: {
-	Root(options?: ScrollAreaOptions): ScrollAreaElements & {
+	Root: (options?: ScrollAreaOptions) => ScrollAreaElements & {
 		state: ScrollAreaState;
 		update: () => void;
 	};

package/dist/src/scroll-area/scroll-area.js

@@ -1,6 +1,7 @@
 import {
   ScrollArea
-} from "../../shared/chunk-h9m9x5my.js";
+} from "../../shared/chunk-jz0s6srh.js";
+import"../../shared/chunk-dpsgb1xw.js";
 export {
   ScrollArea
 };

package/dist/src/select/select.d.ts

@@ -1,4 +1,16 @@
 import { Signal } from "@vertz/ui";
+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;
+}
 import { Middleware, Placement, Strategy } from "@floating-ui/dom";
 interface FloatingOptions {
 	placement?: Placement;
@@ -12,7 +24,7 @@ interface FloatingOptions {
 	/** Override the reference element used for positioning (e.g., a custom trigger wrapping the primitive trigger). */
 	referenceElement?: HTMLElement;
 }
-interface SelectOptions {
+interface SelectOptions extends ElementAttrs {
 	defaultValue?: string;
 	placeholder?: string;
 	onValueChange?: (value: string) => void;
@@ -28,7 +40,7 @@ interface SelectElements {
 	content: HTMLDivElement;
 }
 declare const Select: {
-	Root(options?: SelectOptions): SelectElements & {
+	Root: (options?: SelectOptions) => SelectElements & {
 		state: SelectState;
 		Item: (value: string, label?: string) => HTMLDivElement;
 		Group: (label: string) => {

package/dist/src/select/select.js

@@ -1,10 +1,11 @@
 import {
   Select
-} from "../../shared/chunk-fv1y77tn.js";
+} from "../../shared/chunk-kg27s15c.js";
 import"../../shared/chunk-a6wp8c32.js";
 import"../../shared/chunk-0mcr52hc.js";
 import"../../shared/chunk-jctqs9m4.js";
 import"../../shared/chunk-vvjyx7fe.js";
+import"../../shared/chunk-dpsgb1xw.js";
 import"../../shared/chunk-8y1jf6xr.js";
 export {
   Select

package/dist/src/slider/slider.d.ts

@@ -1,5 +1,17 @@
 import { Signal } from "@vertz/ui";
-interface SliderOptions {
+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 SliderOptions extends ElementAttrs {
 	defaultValue?: number;
 	min?: number;
 	max?: number;
@@ -17,7 +29,7 @@ interface SliderElements {
 	track: HTMLDivElement;
 }
 declare const Slider: {
-	Root(options?: SliderOptions): SliderElements & {
+	Root: (options?: SliderOptions) => SliderElements & {
 		state: SliderState;
 	};
 };

package/dist/src/slider/slider.js

@@ -1,8 +1,9 @@
 import {
   Slider
-} from "../../shared/chunk-vx1ajy2z.js";
+} from "../../shared/chunk-8ak7vdk1.js";
 import"../../shared/chunk-jctqs9m4.js";
 import"../../shared/chunk-vvjyx7fe.js";
+import"../../shared/chunk-dpsgb1xw.js";
 import"../../shared/chunk-8y1jf6xr.js";
 export {
   Slider

package/dist/src/switch/switch.d.ts

@@ -1,4 +1,16 @@
-interface SwitchOptions {
+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 SwitchOptions extends ElementAttrs {
 	defaultChecked?: boolean;
 	disabled?: boolean;
 	onCheckedChange?: (checked: boolean) => void;

package/dist/src/switch/switch.js

@@ -1,7 +1,8 @@
 import {
   Switch
-} from "../../shared/chunk-w06tst6x.js";
+} from "../../shared/chunk-7kpsyjd7.js";
 import"../../shared/chunk-jctqs9m4.js";
+import"../../shared/chunk-dpsgb1xw.js";
 import"../../shared/chunk-8y1jf6xr.js";
 export {
   Switch

package/dist/src/tabs/tabs.d.ts

@@ -1,5 +1,17 @@
 import { Signal } from "@vertz/ui";
-interface TabsOptions {
+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 TabsOptions extends ElementAttrs {
 	defaultValue?: string;
 	orientation?: "horizontal" | "vertical";
 	onValueChange?: (value: string) => void;
@@ -12,7 +24,7 @@ interface TabsElements {
 	list: HTMLDivElement;
 }
 declare const Tabs: {
-	Root(options?: TabsOptions): TabsElements & {
+	Root: (options?: TabsOptions) => TabsElements & {
 		state: TabsState;
 		Tab: (value: string, label?: string) => {
 			trigger: HTMLButtonElement;

package/dist/src/tabs/tabs.js

@@ -1,9 +1,10 @@
 import {
   Tabs
-} from "../../shared/chunk-2h5qpc00.js";
+} from "../../shared/chunk-8nk0ya7a.js";
 import"../../shared/chunk-e2v1c9ex.js";
 import"../../shared/chunk-jctqs9m4.js";
 import"../../shared/chunk-vvjyx7fe.js";
+import"../../shared/chunk-dpsgb1xw.js";
 import"../../shared/chunk-8y1jf6xr.js";
 export {
   Tabs