@vertz/ui-primitives 0.2.16 → 0.2.18

package/dist/src/calendar/calendar.d.ts

@@ -1,5 +1,17 @@
 import { Signal } from "@vertz/ui";
-interface CalendarOptions {
+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 CalendarOptions extends ElementAttrs {
 	mode?: "single" | "range" | "multiple";
 	defaultValue?: Date | Date[] | {
 		from: Date;
@@ -33,7 +45,7 @@ interface CalendarElements {
 	grid: HTMLTableElement;
 }
 declare const Calendar: {
-	Root(options?: CalendarOptions): CalendarElements & {
+	Root: (options?: CalendarOptions) => CalendarElements & {
 		state: CalendarState;
 	};
 };

package/dist/src/calendar/calendar.js

@@ -1,6 +1,7 @@
 import {
   Calendar
-} from "../../shared/chunk-48v8j0vh.js";
+} from "../../shared/chunk-18y8gfk0.js";
+import"../../shared/chunk-dpsgb1xw.js";
 export {
   Calendar
 };

package/dist/src/carousel/carousel.d.ts

@@ -1,5 +1,17 @@
 import { Signal } from "@vertz/ui";
-interface CarouselOptions {
+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 CarouselOptions extends ElementAttrs {
 	orientation?: "horizontal" | "vertical";
 	loop?: boolean;
 	defaultIndex?: number;
@@ -16,7 +28,7 @@ interface CarouselElements {
 	nextButton: HTMLButtonElement;
 }
 declare const Carousel: {
-	Root(options?: CarouselOptions): CarouselElements & {
+	Root: (options?: CarouselOptions) => CarouselElements & {
 		state: CarouselState;
 		Slide: () => HTMLDivElement;
 		goTo: (index: number) => void;

package/dist/src/carousel/carousel.js

@@ -1,8 +1,9 @@
 import {
   Carousel
-} from "../../shared/chunk-x6qzr3g6.js";
+} from "../../shared/chunk-g9qvd20g.js";
 import"../../shared/chunk-jctqs9m4.js";
 import"../../shared/chunk-vvjyx7fe.js";
+import"../../shared/chunk-dpsgb1xw.js";
 export {
   Carousel
 };

package/dist/src/checkbox/checkbox.d.ts

@@ -1,20 +1,22 @@
-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;
+}
 type CheckedState = boolean | "mixed";
-interface CheckboxOptions {
+interface CheckboxOptions extends ElementAttrs {
 	defaultChecked?: CheckedState;
 	disabled?: boolean;
 	onCheckedChange?: (checked: CheckedState) => void;
 }
-interface CheckboxState {
-	checked: Signal<CheckedState>;
-	disabled: Signal<boolean>;
-}
-interface CheckboxElements {
-	root: HTMLButtonElement;
-}
 declare const Checkbox: {
-	Root(options?: CheckboxOptions): CheckboxElements & {
-		state: CheckboxState;
-	};
+	Root: (options?: CheckboxOptions) => HTMLButtonElement;
 };
-export { CheckedState, CheckboxState, CheckboxOptions, CheckboxElements, Checkbox };
+export { CheckedState, CheckboxOptions, Checkbox };

package/dist/src/checkbox/checkbox.js

@@ -1,8 +1,8 @@
 import {
   Checkbox
-} from "../../shared/chunk-h42bk324.js";
+} from "../../shared/chunk-hr9hx58m.js";
 import"../../shared/chunk-jctqs9m4.js";
-import"../../shared/chunk-vvjyx7fe.js";
+import"../../shared/chunk-dpsgb1xw.js";
 import"../../shared/chunk-8y1jf6xr.js";
 export {
   Checkbox

package/dist/src/collapsible/collapsible.d.ts

@@ -1,5 +1,17 @@
 import { Signal } from "@vertz/ui";
-interface CollapsibleOptions {
+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 CollapsibleOptions extends ElementAttrs {
 	defaultOpen?: boolean;
 	disabled?: boolean;
 	onOpenChange?: (open: boolean) => void;
@@ -14,7 +26,7 @@ interface CollapsibleElements {
 	content: HTMLDivElement;
 }
 declare const Collapsible: {
-	Root(options?: CollapsibleOptions): CollapsibleElements & {
+	Root: (options?: CollapsibleOptions) => CollapsibleElements & {
 		state: CollapsibleState;
 	};
 };

package/dist/src/collapsible/collapsible.js

@@ -1,7 +1,8 @@
 import {
   Collapsible
-} from "../../shared/chunk-3s6s6f06.js";
+} from "../../shared/chunk-tfyg0qrp.js";
 import"../../shared/chunk-vvjyx7fe.js";
+import"../../shared/chunk-dpsgb1xw.js";
 import"../../shared/chunk-8y1jf6xr.js";
 export {
   Collapsible

package/dist/src/combobox/combobox.d.ts

@@ -1,5 +1,17 @@
 import { Signal } from "@vertz/ui";
-interface ComboboxOptions {
+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 ComboboxOptions extends ElementAttrs {
 	defaultValue?: string;
 	onValueChange?: (value: string) => void;
 	onInputChange?: (input: string) => void;
@@ -15,7 +27,7 @@ interface ComboboxElements {
 	listbox: HTMLDivElement;
 }
 declare const Combobox: {
-	Root(options?: ComboboxOptions): ComboboxElements & {
+	Root: (options?: ComboboxOptions) => ComboboxElements & {
 		state: ComboboxState;
 		Option: (value: string, label?: string) => HTMLDivElement;
 	};

package/dist/src/combobox/combobox.js

@@ -1,8 +1,9 @@
 import {
   Combobox
-} from "../../shared/chunk-bcfzteh0.js";
+} from "../../shared/chunk-4085nbdq.js";
 import"../../shared/chunk-jctqs9m4.js";
 import"../../shared/chunk-vvjyx7fe.js";
+import"../../shared/chunk-dpsgb1xw.js";
 import"../../shared/chunk-8y1jf6xr.js";
 export {
   Combobox

package/dist/src/command/command.d.ts

@@ -1,5 +1,17 @@
 import { Signal } from "@vertz/ui";
-interface CommandOptions {
+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 CommandOptions extends ElementAttrs {
 	filter?: (value: string, search: string) => boolean;
 	onSelect?: (value: string) => void;
 	onInputChange?: (value: string) => void;
@@ -16,7 +28,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) => {

package/dist/src/command/command.js

@@ -1,8 +1,9 @@
 import {
   Command
-} from "../../shared/chunk-vcp10kne.js";
+} from "../../shared/chunk-ttsyf6ma.js";
 import"../../shared/chunk-jctqs9m4.js";
 import"../../shared/chunk-vvjyx7fe.js";
+import"../../shared/chunk-dpsgb1xw.js";
 import"../../shared/chunk-8y1jf6xr.js";
 export {
   Command

package/dist/src/context-menu/context-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 ContextMenuOptions {
+interface ContextMenuOptions extends ElementAttrs {
 	onSelect?: (value: string) => void;
 	positioning?: FloatingOptions;
 }
@@ -25,7 +37,7 @@ interface ContextMenuElements {
 	content: HTMLDivElement;
 }
 declare const ContextMenu: {
-	Root(options?: ContextMenuOptions): ContextMenuElements & {
+	Root: (options?: ContextMenuOptions) => ContextMenuElements & {
 		state: ContextMenuState;
 		Item: (value: string, label?: string) => HTMLDivElement;
 		Group: (label: string) => {

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

@@ -1,10 +1,11 @@
 import {
   ContextMenu
-} from "../../shared/chunk-8qfeqrrz.js";
+} from "../../shared/chunk-x0we8gcy.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 {
   ContextMenu

package/dist/src/date-picker/date-picker.js

@@ -1,13 +1,14 @@
 import {
   DatePicker
-} from "../../shared/chunk-6pnjrst7.js";
-import"../../shared/chunk-48v8j0vh.js";
-import"../../shared/chunk-dkhst4wv.js";
+} from "../../shared/chunk-x2hz98qn.js";
+import"../../shared/chunk-18y8gfk0.js";
+import"../../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 {
   DatePicker

package/dist/src/dialog/dialog.d.ts

@@ -1,5 +1,17 @@
 import { Signal } from "@vertz/ui";
-interface DialogOptions {
+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 DialogOptions extends ElementAttrs {
 	modal?: boolean;
 	defaultOpen?: boolean;
 	onOpenChange?: (open: boolean) => void;
@@ -17,7 +29,7 @@ interface DialogElements {
 	hide: () => void;
 }
 declare const Dialog: {
-	Root(options?: DialogOptions): DialogElements & {
+	Root: (options?: DialogOptions) => DialogElements & {
 		state: DialogState;
 	};
 };

package/dist/src/dialog/dialog.js

@@ -1,9 +1,10 @@
 import {
   Dialog
-} from "../../shared/chunk-3pantb0p.js";
+} from "../../shared/chunk-7krvqrwq.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 {
   Dialog

package/dist/src/dropdown-menu/dropdown-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;
 }

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

@@ -1,11 +1,12 @@
 import {
   DropdownMenu
-} from "../../shared/chunk-qpfqyrc5.js";
-import"../../shared/chunk-tvpgeswh.js";
+} from "../../shared/chunk-96d9nr7y.js";
+import"../../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 {
   DropdownMenu

package/dist/src/hover-card/hover-card.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 HoverCardOptions {
+interface HoverCardOptions extends ElementAttrs {
 	openDelay?: number;
 	closeDelay?: number;
 	onOpenChange?: (open: boolean) => void;
@@ -26,7 +38,7 @@ interface HoverCardElements {
 	content: HTMLDivElement;
 }
 declare const HoverCard: {
-	Root(options?: HoverCardOptions): HoverCardElements & {
+	Root: (options?: HoverCardOptions) => HoverCardElements & {
 		state: HoverCardState;
 	};
 };

package/dist/src/hover-card/hover-card.js

@@ -1,9 +1,10 @@
 import {
   HoverCard
-} from "../../shared/chunk-31yptvbf.js";
+} from "../../shared/chunk-bew4bjgf.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 {
   HoverCard