@vertz/ui-primitives 0.2.15 → 0.2.17

package/dist/shared/chunk-yr9yzpvq.js

@@ -0,0 +1,107 @@
+import {
+  setRovingTabindex
+} from "./chunk-e2v1c9ex.js";
+import {
+  handleListNavigation
+} from "./chunk-jctqs9m4.js";
+import {
+  setChecked,
+  setDataState
+} from "./chunk-vvjyx7fe.js";
+import {
+  applyAttrs
+} from "./chunk-dpsgb1xw.js";
+import {
+  uniqueId
+} from "./chunk-8y1jf6xr.js";
+
+// src/radio/radio.tsx
+import { __element, __enterChildren, __exitChildren, __insert, __on } from "@vertz/ui/internals";
+import { signal } from "@vertz/ui";
+function RadioRoot(options = {}) {
+  const { defaultValue = "", onValueChange, ...attrs } = options;
+  const state = { value: signal(defaultValue) };
+  const items = [];
+  const itemValues = [];
+  function selectItem(value) {
+    state.value.value = value;
+    for (let i = 0;i < items.length; i++) {
+      const item = items[i];
+      if (!item)
+        continue;
+      const isActive = itemValues[i] === value;
+      setChecked(item, isActive);
+      setDataState(item, isActive ? "checked" : "unchecked");
+    }
+    setRovingTabindex(items, itemValues.indexOf(value));
+    onValueChange?.(value);
+  }
+  const root = (() => {
+    const __el0 = __element("div");
+    __el0.setAttribute("role", "radiogroup");
+    {
+      const __v = uniqueId("radiogroup");
+      if (__v != null && __v !== false)
+        __el0.setAttribute("id", __v === true ? "" : __v);
+    }
+    __on(__el0, "keydown", (event) => {
+      const result = handleListNavigation(event, items, { orientation: "vertical" });
+      if (result) {
+        const idx = items.indexOf(result);
+        if (idx >= 0) {
+          const val = itemValues[idx];
+          if (val !== undefined)
+            selectItem(val);
+        }
+      }
+    });
+    return __el0;
+  })();
+  function Item(value, label) {
+    const isActive = value === state.value.peek();
+    const item = (() => {
+      const __el1 = __element("div");
+      __el1.setAttribute("role", "radio");
+      {
+        const __v = uniqueId("radio");
+        if (__v != null && __v !== false)
+          __el1.setAttribute("id", __v === true ? "" : __v);
+      }
+      {
+        const __v = value;
+        if (__v != null && __v !== false)
+          __el1.setAttribute("data-value", __v === true ? "" : __v);
+      }
+      {
+        const __v = isActive ? "true" : "false";
+        if (__v != null && __v !== false)
+          __el1.setAttribute("aria-checked", __v === true ? "" : __v);
+      }
+      {
+        const __v = isActive ? "checked" : "unchecked";
+        if (__v != null && __v !== false)
+          __el1.setAttribute("data-state", __v === true ? "" : __v);
+      }
+      __on(__el1, "click", () => {
+        selectItem(value);
+        item.focus();
+      });
+      __enterChildren(__el1);
+      __insert(__el1, label ?? value);
+      __exitChildren();
+      return __el1;
+    })();
+    items.push(item);
+    itemValues.push(value);
+    root.appendChild(item);
+    setRovingTabindex(items, itemValues.indexOf(state.value.peek()));
+    return item;
+  }
+  applyAttrs(root, attrs);
+  return { root, state, Item };
+}
+var Radio = {
+  Root: RadioRoot
+};
+
+export { Radio };

package/dist/src/accordion/accordion.d.ts

@@ -0,0 +1,35 @@
+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;
+}
+interface AccordionOptions extends ElementAttrs {
+	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;
+		};
+	};
+};
+export { AccordionState, AccordionOptions, AccordionElements, Accordion };

package/dist/src/accordion/accordion.js

@@ -0,0 +1,10 @@
+import {
+  Accordion
+} from "../../shared/chunk-avxcmmk6.js";
+import"../../shared/chunk-jctqs9m4.js";
+import"../../shared/chunk-vvjyx7fe.js";
+import"../../shared/chunk-dpsgb1xw.js";
+import"../../shared/chunk-8y1jf6xr.js";
+export {
+  Accordion
+};

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

@@ -0,0 +1,26 @@
+import { Signal } from "@vertz/ui";
+interface AlertDialogOptions {
+	defaultOpen?: boolean;
+	onOpenChange?: (open: boolean) => void;
+	onAction?: () => void;
+}
+interface AlertDialogState {
+	open: Signal<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;
+	};
+};
+export { AlertDialogState, AlertDialogOptions, AlertDialogElements, AlertDialog };

package/dist/src/alert-dialog/alert-dialog.js

@@ -0,0 +1,9 @@
+import {
+  AlertDialog
+} from "../../shared/chunk-34yfm2b0.js";
+import"../../shared/chunk-e2v1c9ex.js";
+import"../../shared/chunk-vvjyx7fe.js";
+import"../../shared/chunk-8y1jf6xr.js";
+export {
+  AlertDialog
+};

package/dist/src/badge/badge.d.ts

@@ -0,0 +1,22 @@
+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 BadgeOptions extends ElementAttrs {
+	variant?: "default" | "secondary" | "outline" | "destructive";
+}
+interface BadgeElements {
+	badge: HTMLSpanElement;
+}
+declare const Badge: {
+	Root: (options?: BadgeOptions) => BadgeElements;
+};
+export { BadgeOptions, BadgeElements, Badge };

package/dist/src/badge/badge.js

@@ -0,0 +1,8 @@
+import {
+  Badge
+} from "../../shared/chunk-rnjm61t0.js";
+import"../../shared/chunk-dpsgb1xw.js";
+import"../../shared/chunk-8y1jf6xr.js";
+export {
+  Badge
+};

package/dist/src/button/button.d.ts

@@ -0,0 +1,20 @@
+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 ButtonOptions extends ElementAttrs {
+	disabled?: boolean;
+	onClick?: () => void;
+}
+declare const Button: {
+	Root: (options?: ButtonOptions) => HTMLButtonElement;
+};
+export { ButtonOptions, Button };

package/dist/src/button/button.js

@@ -0,0 +1,8 @@
+import {
+  Button
+} from "../../shared/chunk-4da5zksy.js";
+import"../../shared/chunk-jctqs9m4.js";
+import"../../shared/chunk-dpsgb1xw.js";
+export {
+  Button
+};

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

@@ -0,0 +1,52 @@
+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;
+}
+interface CalendarOptions extends ElementAttrs {
+	mode?: "single" | "range" | "multiple";
+	defaultValue?: Date | Date[] | {
+		from: Date;
+		to: Date;
+	};
+	defaultMonth?: Date;
+	minDate?: Date;
+	maxDate?: Date;
+	disabled?: (date: Date) => boolean;
+	weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+	onValueChange?: (value: Date | Date[] | {
+		from: Date;
+		to: Date;
+	} | null) => void;
+	onMonthChange?: (month: Date) => void;
+}
+interface CalendarState {
+	value: Signal<Date | Date[] | {
+		from: Date;
+		to: Date;
+	} | null>;
+	focusedDate: Signal<Date>;
+	displayMonth: Signal<Date>;
+}
+interface CalendarElements {
+	root: HTMLDivElement;
+	header: HTMLDivElement;
+	title: HTMLDivElement;
+	prevButton: HTMLButtonElement;
+	nextButton: HTMLButtonElement;
+	grid: HTMLTableElement;
+}
+declare const Calendar: {
+	Root: (options?: CalendarOptions) => CalendarElements & {
+		state: CalendarState;
+	};
+};
+export { CalendarState, CalendarOptions, CalendarElements, Calendar };

package/dist/src/calendar/calendar.js

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

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

@@ -0,0 +1,39 @@
+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;
+}
+interface CarouselOptions extends ElementAttrs {
+	orientation?: "horizontal" | "vertical";
+	loop?: boolean;
+	defaultIndex?: number;
+	onSlideChange?: (index: number) => void;
+}
+interface CarouselState {
+	currentIndex: Signal<number>;
+	slideCount: Signal<number>;
+}
+interface CarouselElements {
+	root: HTMLDivElement;
+	viewport: HTMLDivElement;
+	prevButton: HTMLButtonElement;
+	nextButton: HTMLButtonElement;
+}
+declare const Carousel: {
+	Root: (options?: CarouselOptions) => CarouselElements & {
+		state: CarouselState;
+		Slide: () => HTMLDivElement;
+		goTo: (index: number) => void;
+		goNext: () => void;
+		goPrev: () => void;
+	};
+};
+export { CarouselState, CarouselOptions, CarouselElements, Carousel };

package/dist/src/carousel/carousel.js

@@ -0,0 +1,9 @@
+import {
+  Carousel
+} 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

@@ -0,0 +1,22 @@
+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 extends ElementAttrs {
+	defaultChecked?: CheckedState;
+	disabled?: boolean;
+	onCheckedChange?: (checked: CheckedState) => void;
+}
+declare const Checkbox: {
+	Root: (options?: CheckboxOptions) => HTMLButtonElement;
+};
+export { CheckedState, CheckboxOptions, Checkbox };

package/dist/src/checkbox/checkbox.js

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

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

@@ -0,0 +1,33 @@
+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;
+}
+interface CollapsibleOptions extends ElementAttrs {
+	defaultOpen?: boolean;
+	disabled?: boolean;
+	onOpenChange?: (open: boolean) => void;
+}
+interface CollapsibleState {
+	open: Signal<boolean>;
+	disabled: Signal<boolean>;
+}
+interface CollapsibleElements {
+	root: HTMLDivElement;
+	trigger: HTMLButtonElement;
+	content: HTMLDivElement;
+}
+declare const Collapsible: {
+	Root: (options?: CollapsibleOptions) => CollapsibleElements & {
+		state: CollapsibleState;
+	};
+};
+export { CollapsibleState, CollapsibleOptions, CollapsibleElements, Collapsible };

package/dist/src/collapsible/collapsible.js

@@ -0,0 +1,9 @@
+import {
+  Collapsible
+} 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

@@ -0,0 +1,35 @@
+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;
+}
+interface ComboboxOptions extends ElementAttrs {
+	defaultValue?: string;
+	onValueChange?: (value: string) => void;
+	onInputChange?: (input: string) => void;
+}
+interface ComboboxState {
+	open: Signal<boolean>;
+	value: Signal<string>;
+	inputValue: Signal<string>;
+	activeIndex: Signal<number>;
+}
+interface ComboboxElements {
+	input: HTMLInputElement;
+	listbox: HTMLDivElement;
+}
+declare const Combobox: {
+	Root: (options?: ComboboxOptions) => ComboboxElements & {
+		state: ComboboxState;
+		Option: (value: string, label?: string) => HTMLDivElement;
+	};
+};
+export { ComboboxState, ComboboxOptions, ComboboxElements, Combobox };

package/dist/src/combobox/combobox.js

@@ -0,0 +1,10 @@
+import {
+  Combobox
+} 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

@@ -0,0 +1,41 @@
+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;
+}
+interface CommandOptions extends ElementAttrs {
+	filter?: (value: string, search: string) => boolean;
+	onSelect?: (value: string) => void;
+	onInputChange?: (value: string) => void;
+	placeholder?: string;
+}
+interface CommandState {
+	inputValue: Signal<string>;
+	activeIndex: Signal<number>;
+}
+interface CommandElements {
+	root: HTMLDivElement;
+	input: HTMLInputElement;
+	list: HTMLDivElement;
+	empty: HTMLDivElement;
+}
+declare const Command: {
+	Root: (options?: CommandOptions) => CommandElements & {
+		state: CommandState;
+		Item: (value: string, label?: string, keywords?: string[]) => HTMLDivElement;
+		Group: (label: string) => {
+			el: HTMLDivElement;
+			Item: (value: string, label?: string, keywords?: string[]) => HTMLDivElement;
+		};
+		Separator: () => HTMLHRElement;
+	};
+};
+export { CommandState, CommandOptions, CommandElements, Command };

package/dist/src/command/command.js

@@ -0,0 +1,10 @@
+import {
+  Command
+} 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

@@ -0,0 +1,51 @@
+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;
+	strategy?: Strategy;
+	offset?: number;
+	flip?: boolean;
+	shift?: boolean;
+	middleware?: Middleware[];
+	matchReferenceWidth?: boolean;
+	portal?: boolean;
+	/** Override the reference element used for positioning (e.g., a custom trigger wrapping the primitive trigger). */
+	referenceElement?: HTMLElement;
+}
+interface ContextMenuOptions extends ElementAttrs {
+	onSelect?: (value: string) => void;
+	positioning?: FloatingOptions;
+}
+interface ContextMenuState {
+	open: Signal<boolean>;
+	activeIndex: Signal<number>;
+}
+interface ContextMenuElements {
+	trigger: HTMLDivElement;
+	content: HTMLDivElement;
+}
+declare const ContextMenu: {
+	Root: (options?: ContextMenuOptions) => ContextMenuElements & {
+		state: ContextMenuState;
+		Item: (value: string, label?: string) => HTMLDivElement;
+		Group: (label: string) => {
+			el: HTMLDivElement;
+			Item: (value: string, label?: string) => HTMLDivElement;
+		};
+		Separator: () => HTMLHRElement;
+		Label: (text: string) => HTMLDivElement;
+	};
+};
+export { ContextMenuState, ContextMenuOptions, ContextMenuElements, ContextMenu };

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

@@ -0,0 +1,12 @@
+import {
+  ContextMenu
+} 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.d.ts

@@ -0,0 +1,47 @@
+import { Signal } from "@vertz/ui";
+interface DatePickerOptions {
+	mode?: "single" | "range";
+	defaultValue?: Date | {
+		from: Date;
+		to: Date;
+	};
+	defaultMonth?: Date;
+	minDate?: Date;
+	maxDate?: Date;
+	disabled?: (date: Date) => boolean;
+	formatDate?: (date: Date) => string;
+	placeholder?: string;
+	onValueChange?: (value: Date | {
+		from: Date;
+		to: Date;
+	} | null) => void;
+	onOpenChange?: (open: boolean) => void;
+}
+interface DatePickerState {
+	open: Signal<boolean>;
+	value: Signal<Date | {
+		from: Date;
+		to: Date;
+	} | null>;
+	displayMonth: Signal<Date>;
+}
+interface DatePickerElements {
+	trigger: HTMLButtonElement;
+	content: HTMLDivElement;
+	calendar: {
+		root: HTMLDivElement;
+		header: HTMLDivElement;
+		title: HTMLDivElement;
+		prevButton: HTMLButtonElement;
+		nextButton: HTMLButtonElement;
+		grid: HTMLTableElement;
+	};
+}
+declare const DatePicker: {
+	Root(options?: DatePickerOptions): DatePickerElements & {
+		state: DatePickerState;
+		show: () => void;
+		hide: () => void;
+	};
+};
+export { DatePickerState, DatePickerOptions, DatePickerElements, DatePicker };

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

@@ -0,0 +1,15 @@
+import {
+  DatePicker
+} 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
+};