@vertz/ui-primitives 0.2.23 → 0.2.24

package/dist/src/input/input-composed.d.ts

@@ -0,0 +1,35 @@
+import { ChildValue } from "@vertz/ui";
+/**
+* A composed primitive is a callable function with phantom brands
+* that define the valid class keys and element return type for that component.
+*/
+interface ComposedPrimitive<
+	K extends string = string,
+	E extends Element = HTMLElement
+> {
+	(props: {
+		children?: ChildValue;
+		classes?: Partial<Record<K, string>>;
+		[key: string]: unknown;
+	}): E;
+	__classKeys?: K;
+	__elementType?: E;
+}
+interface InputClasses {
+	base?: string;
+}
+type InputClassKey = keyof InputClasses;
+interface ComposedInputProps {
+	classes?: InputClasses;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+	name?: string;
+	placeholder?: string;
+	type?: string;
+	disabled?: boolean;
+	value?: string;
+	[key: string]: unknown;
+}
+declare const ComposedInput: ComposedPrimitive<InputClassKey, HTMLElement>;
+export { InputClasses, InputClassKey, ComposedInputProps, ComposedInput };

package/dist/src/input/input-composed.js

@@ -0,0 +1,6 @@
+import {
+  ComposedInput
+} from "../../shared/chunk-75pegjs7.js";
+export {
+  ComposedInput
+};

package/dist/src/label/label-composed.d.ts

@@ -0,0 +1,32 @@
+import { ChildValue } from "@vertz/ui";
+/**
+* A composed primitive is a callable function with phantom brands
+* that define the valid class keys and element return type for that component.
+*/
+interface ComposedPrimitive<
+	K extends string = string,
+	E extends Element = HTMLElement
+> {
+	(props: {
+		children?: ChildValue;
+		classes?: Partial<Record<K, string>>;
+		[key: string]: unknown;
+	}): E;
+	__classKeys?: K;
+	__elementType?: E;
+}
+import { ChildValue as ChildValue2 } from "@vertz/ui";
+interface LabelClasses {
+	base?: string;
+}
+type LabelClassKey = keyof LabelClasses;
+interface ComposedLabelProps {
+	classes?: LabelClasses;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+	for?: string;
+	children?: ChildValue2;
+}
+declare const ComposedLabel: ComposedPrimitive<LabelClassKey, HTMLElement>;
+export { LabelClasses, LabelClassKey, ComposedLabelProps, ComposedLabel };

package/dist/src/label/label-composed.js

@@ -0,0 +1,6 @@
+import {
+  ComposedLabel
+} from "../../shared/chunk-metxdt5x.js";
+export {
+  ComposedLabel
+};

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

@@ -0,0 +1,51 @@
+import { ChildValue } from "@vertz/ui";
+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 MenuClasses {
+	content?: string;
+	item?: string;
+	group?: string;
+	label?: string;
+	separator?: string;
+}
+interface SlotProps {
+	children?: ChildValue;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ItemProps extends SlotProps {
+	value: string;
+}
+interface GroupProps extends SlotProps {
+	label: string;
+}
+interface ComposedMenuProps {
+	children?: ChildValue;
+	classes?: MenuClasses;
+	onSelect?: (value: string) => void;
+	onOpenChange?: (open: boolean) => void;
+	positioning?: FloatingOptions;
+}
+type MenuClassKey = keyof MenuClasses;
+declare const ComposedMenu: ((props: ComposedMenuProps) => HTMLElement) & {
+	__classKeys?: MenuClassKey;
+	Trigger: (props: SlotProps) => HTMLElement;
+	Content: (props: SlotProps) => HTMLElement;
+	Item: (props: ItemProps) => HTMLElement;
+	Group: (props: GroupProps) => HTMLElement;
+	Label: (props: SlotProps) => HTMLElement;
+	Separator: (props: SlotProps) => HTMLElement;
+};
+export { MenuClasses, MenuClassKey, ComposedMenuProps, ComposedMenu };

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

@@ -0,0 +1,6 @@
+import {
+  ComposedMenu
+} from "../../shared/chunk-mhn2aazf.js";
+export {
+  ComposedMenu
+};

package/dist/src/menu/menu.js

@@ -1,6 +1,6 @@
 import {
   Menu
-} from "../../shared/chunk-h3v10x04.js";
+} from "../../shared/chunk-r0rz7z03.js";
 export {
   Menu
 };

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

@@ -0,0 +1,56 @@
+import { ChildValue } from "@vertz/ui";
+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 MenubarClasses {
+	root?: string;
+	trigger?: string;
+	content?: string;
+	item?: string;
+	group?: string;
+	label?: string;
+	separator?: string;
+}
+interface SlotProps {
+	children?: ChildValue;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface MenuProps extends SlotProps {
+	value: string;
+}
+interface ItemProps extends SlotProps {
+	value: string;
+}
+interface GroupProps extends SlotProps {
+	label: string;
+}
+interface ComposedMenubarProps {
+	children?: ChildValue;
+	classes?: MenubarClasses;
+	onSelect?: (value: string) => void;
+	positioning?: FloatingOptions;
+}
+type MenubarClassKey = keyof MenubarClasses;
+declare const ComposedMenubar: ((props: ComposedMenubarProps) => HTMLElement) & {
+	__classKeys?: MenubarClassKey;
+	Menu: (props: MenuProps) => HTMLElement;
+	Trigger: (props: SlotProps) => HTMLElement;
+	Content: (props: SlotProps) => HTMLElement;
+	Item: (props: ItemProps) => HTMLElement;
+	Group: (props: GroupProps) => HTMLElement;
+	Label: (props: SlotProps) => HTMLElement;
+	Separator: (props: SlotProps) => HTMLElement;
+};
+export { MenubarClasses, MenubarClassKey, ComposedMenubarProps, ComposedMenubar };

package/dist/src/menubar/menubar-composed.js

@@ -0,0 +1,6 @@
+import {
+  ComposedMenubar
+} from "../../shared/chunk-4z006v1j.js";
+export {
+  ComposedMenubar
+};

package/dist/src/menubar/menubar.js

@@ -1,6 +1,6 @@
 import {
   Menubar
-} from "../../shared/chunk-ww7k2azn.js";
+} from "../../shared/chunk-20kwns82.js";
 export {
   Menubar
 };

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

@@ -0,0 +1,56 @@
+import { ChildValue } from "@vertz/ui";
+interface NavigationMenuClasses {
+	root?: string;
+	list?: string;
+	trigger?: string;
+	content?: string;
+	link?: string;
+	viewport?: string;
+}
+interface ListProps {
+	children?: ChildValue;
+	className?: string;
+	class?: string;
+}
+interface ItemProps {
+	value: string;
+	children?: ChildValue;
+}
+interface TriggerProps {
+	children?: ChildValue;
+	className?: string;
+	class?: string;
+}
+interface ContentProps {
+	children?: ChildValue;
+	className?: string;
+	class?: string;
+}
+interface LinkProps {
+	href: string;
+	children?: ChildValue;
+	className?: string;
+	class?: string;
+}
+interface ViewportProps {
+	className?: string;
+	class?: string;
+}
+interface ComposedNavigationMenuProps {
+	children?: ChildValue;
+	classes?: NavigationMenuClasses;
+	orientation?: "horizontal" | "vertical";
+	delayOpen?: number;
+	delayClose?: number;
+}
+type NavigationMenuClassKey = keyof NavigationMenuClasses;
+declare const ComposedNavigationMenu: ((props: ComposedNavigationMenuProps) => HTMLElement) & {
+	__classKeys?: NavigationMenuClassKey;
+	List: (props: ListProps) => HTMLElement;
+	Item: (props: ItemProps) => HTMLElement;
+	Trigger: (props: TriggerProps) => HTMLElement;
+	Content: (props: ContentProps) => HTMLElement;
+	Link: (props: LinkProps) => HTMLElement;
+	Viewport: (props: ViewportProps) => HTMLElement;
+};
+export { NavigationMenuClasses, NavigationMenuClassKey, ComposedNavigationMenuProps, ComposedNavigationMenu };

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

@@ -0,0 +1,6 @@
+import {
+  ComposedNavigationMenu
+} from "../../shared/chunk-r3ngaa64.js";
+export {
+  ComposedNavigationMenu
+};

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

@@ -1,6 +1,6 @@
 import {
   NavigationMenu
-} from "../../shared/chunk-pn6shbcs.js";
+} from "../../shared/chunk-pdzmg245.js";
 export {
   NavigationMenu
 };

package/dist/src/pagination/pagination-composed.d.ts

@@ -0,0 +1,30 @@
+import { ChildValue } from "@vertz/ui";
+interface PaginationClasses {
+	nav?: string;
+	list?: string;
+	item?: string;
+	link?: string;
+	linkActive?: string;
+	navButton?: string;
+	ellipsis?: string;
+}
+type PaginationClassKey = keyof PaginationClasses;
+interface ComposedPaginationProps {
+	currentPage: number;
+	totalPages: number;
+	onPageChange: (page: number) => void;
+	siblingCount?: number;
+	classes?: PaginationClasses;
+	className?: string;
+	class?: string;
+	/** Custom content for the previous button. Defaults to "Previous". */
+	prevContent?: ChildValue;
+	/** Custom content for the next button. Defaults to "Next". */
+	nextContent?: ChildValue;
+	/** Custom content for the ellipsis. Defaults to "...". */
+	ellipsisContent?: ChildValue;
+}
+declare const ComposedPagination: ((props: ComposedPaginationProps) => HTMLElement) & {
+	__classKeys?: PaginationClassKey;
+};
+export { PaginationClasses, PaginationClassKey, ComposedPaginationProps, ComposedPagination };

package/dist/src/pagination/pagination-composed.js

@@ -0,0 +1,6 @@
+import {
+  ComposedPagination
+} from "../../shared/chunk-4gyg71bn.js";
+export {
+  ComposedPagination
+};

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

@@ -0,0 +1,36 @@
+import { ChildValue } from "@vertz/ui";
+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 PopoverClasses {
+	content?: string;
+}
+interface SlotProps {
+	children?: ChildValue;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ComposedPopoverProps {
+	children?: ChildValue;
+	classes?: PopoverClasses;
+	onOpenChange?: (open: boolean) => void;
+	positioning?: FloatingOptions;
+}
+type PopoverClassKey = keyof PopoverClasses;
+declare const ComposedPopover: ((props: ComposedPopoverProps) => HTMLElement) & {
+	__classKeys?: PopoverClassKey;
+	Trigger: (props: SlotProps) => HTMLElement;
+	Content: (props: SlotProps) => HTMLElement;
+};
+export { PopoverClasses, PopoverClassKey, ComposedPopoverProps, ComposedPopover };

package/dist/src/popover/popover-composed.js

@@ -0,0 +1,6 @@
+import {
+  ComposedPopover
+} from "../../shared/chunk-brk0drrk.js";
+export {
+  ComposedPopover
+};

package/dist/src/popover/popover.js

@@ -1,6 +1,6 @@
 import {
   Popover
-} from "../../shared/chunk-b25npqer.js";
+} from "../../shared/chunk-585ysr70.js";
 export {
   Popover
 };

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

@@ -0,0 +1,17 @@
+import { ChildValue } from "@vertz/ui";
+interface ProgressClasses {
+	root?: string;
+	indicator?: string;
+}
+type ProgressClassKey = keyof ProgressClasses;
+interface ComposedProgressProps {
+	children?: ChildValue;
+	classes?: ProgressClasses;
+	defaultValue?: number;
+	min?: number;
+	max?: number;
+}
+declare const ComposedProgress: ((props: ComposedProgressProps) => HTMLElement) & {
+	__classKeys?: ProgressClassKey;
+};
+export { ProgressClasses, ProgressClassKey, ComposedProgressProps, ComposedProgress };

package/dist/src/progress/progress-composed.js

@@ -0,0 +1,6 @@
+import {
+  ComposedProgress
+} from "../../shared/chunk-ghkw5bjq.js";
+export {
+  ComposedProgress
+};

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

@@ -0,0 +1,24 @@
+import { ChildValue } from "@vertz/ui";
+interface RadioGroupClasses {
+	root?: string;
+	item?: string;
+	indicator?: string;
+	indicatorIcon?: string;
+}
+type RadioGroupClassKey = keyof RadioGroupClasses;
+interface RadioGroupItemProps {
+	value: string;
+	disabled?: boolean;
+	children?: ChildValue;
+}
+interface ComposedRadioGroupProps {
+	children?: ChildValue;
+	classes?: RadioGroupClasses;
+	defaultValue?: string;
+	onValueChange?: (value: string) => void;
+}
+declare const ComposedRadioGroup: ((props: ComposedRadioGroupProps) => HTMLElement) & {
+	__classKeys?: RadioGroupClassKey;
+	Item: (props: RadioGroupItemProps) => HTMLElement;
+};
+export { RadioGroupClasses, RadioGroupClassKey, ComposedRadioGroupProps, ComposedRadioGroup };

package/dist/src/radio/radio-composed.js

@@ -0,0 +1,6 @@
+import {
+  ComposedRadioGroup
+} from "../../shared/chunk-j9m2f0rd.js";
+export {
+  ComposedRadioGroup
+};

package/dist/src/radio/radio.js

@@ -1,6 +1,6 @@
 import {
   Radio
-} from "../../shared/chunk-3h1mxp95.js";
+} from "../../shared/chunk-eq4d9b0w.js";
 export {
   Radio
 };

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

@@ -0,0 +1,33 @@
+import { ChildValue } from "@vertz/ui";
+interface ResizablePanelClasses {
+	root?: string;
+	panel?: string;
+	handle?: string;
+}
+type ResizablePanelClassKey = keyof ResizablePanelClasses;
+interface PanelSlotProps {
+	children?: ChildValue;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+	defaultSize?: number;
+	minSize?: number;
+	maxSize?: number;
+}
+interface HandleSlotProps {
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ComposedResizablePanelProps {
+	children?: ChildValue;
+	classes?: ResizablePanelClasses;
+	orientation?: "horizontal" | "vertical";
+	onResize?: (sizes: number[]) => void;
+}
+declare const ComposedResizablePanel: ((props: ComposedResizablePanelProps) => HTMLElement) & {
+	__classKeys?: ResizablePanelClassKey;
+	Panel: (props: PanelSlotProps) => HTMLElement;
+	Handle: (props: HandleSlotProps) => HTMLElement;
+};
+export { ResizablePanelClasses, ResizablePanelClassKey, ComposedResizablePanelProps, ComposedResizablePanel };

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

@@ -0,0 +1,6 @@
+import {
+  ComposedResizablePanel
+} from "../../shared/chunk-1hm0mbke.js";
+export {
+  ComposedResizablePanel
+};

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

@@ -1,6 +1,6 @@
 import {
   ResizablePanel
-} from "../../shared/chunk-p0x7hgv6.js";
+} from "../../shared/chunk-qhnany7w.js";
 export {
   ResizablePanel
 };

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

@@ -0,0 +1,17 @@
+import { ChildValue } from "@vertz/ui";
+interface ScrollAreaClasses {
+	root?: string;
+	viewport?: string;
+	scrollbar?: string;
+	thumb?: string;
+}
+type ScrollAreaClassKey = keyof ScrollAreaClasses;
+interface ComposedScrollAreaProps {
+	children?: ChildValue;
+	classes?: ScrollAreaClasses;
+	orientation?: "vertical" | "horizontal" | "both";
+}
+declare const ComposedScrollArea: ((props: ComposedScrollAreaProps) => HTMLElement) & {
+	__classKeys?: ScrollAreaClassKey;
+};
+export { ScrollAreaClasses, ScrollAreaClassKey, ComposedScrollAreaProps, ComposedScrollArea };

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

@@ -0,0 +1,6 @@
+import {
+  ComposedScrollArea
+} from "../../shared/chunk-fjykbv0v.js";
+export {
+  ComposedScrollArea
+};

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

@@ -1,6 +1,6 @@
 import {
   ScrollArea
-} from "../../shared/chunk-f2vx4tpw.js";
+} from "../../shared/chunk-knzg86am.js";
 export {
   ScrollArea
 };

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

@@ -0,0 +1,53 @@
+import { ChildValue } from "@vertz/ui";
+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 SelectClasses {
+	trigger?: string;
+	content?: string;
+	item?: string;
+	itemIndicator?: string;
+	group?: string;
+	label?: string;
+	separator?: string;
+}
+interface SlotProps {
+	children?: ChildValue;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ItemProps extends SlotProps {
+	value: string;
+}
+interface GroupProps extends SlotProps {
+	label: string;
+}
+interface ComposedSelectProps {
+	children?: ChildValue;
+	classes?: SelectClasses;
+	defaultValue?: string;
+	placeholder?: string;
+	onValueChange?: (value: string) => void;
+	positioning?: FloatingOptions;
+}
+type SelectClassKey = keyof SelectClasses;
+declare const ComposedSelect: ((props: ComposedSelectProps) => HTMLElement) & {
+	__classKeys?: SelectClassKey;
+	Trigger: (props: SlotProps) => HTMLElement;
+	Content: (props: SlotProps) => HTMLElement;
+	Item: (props: ItemProps) => HTMLElement;
+	Group: (props: GroupProps) => HTMLElement;
+	Separator: (props: SlotProps) => HTMLElement;
+};
+export { SelectClasses, SelectClassKey, ComposedSelectProps, ComposedSelect };

package/dist/src/select/select-composed.js

@@ -0,0 +1,6 @@
+import {
+  ComposedSelect
+} from "../../shared/chunk-98y1sw9y.js";
+export {
+  ComposedSelect
+};

package/dist/src/select/select.js

@@ -1,6 +1,6 @@
 import {
   Select
-} from "../../shared/chunk-7cb3z0s8.js";
+} from "../../shared/chunk-8evj43jn.js";
 export {
   Select
 };

package/dist/src/separator/separator-composed.d.ts

@@ -0,0 +1,32 @@
+import { ChildValue } from "@vertz/ui";
+/**
+* A composed primitive is a callable function with phantom brands
+* that define the valid class keys and element return type for that component.
+*/
+interface ComposedPrimitive<
+	K extends string = string,
+	E extends Element = HTMLElement
+> {
+	(props: {
+		children?: ChildValue;
+		classes?: Partial<Record<K, string>>;
+		[key: string]: unknown;
+	}): E;
+	__classKeys?: K;
+	__elementType?: E;
+}
+interface SeparatorClasses {
+	base?: string;
+	horizontal?: string;
+	vertical?: string;
+}
+type SeparatorClassKey = keyof SeparatorClasses;
+interface ComposedSeparatorProps {
+	classes?: SeparatorClasses;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+	orientation?: "horizontal" | "vertical";
+}
+declare const ComposedSeparator: ComposedPrimitive<SeparatorClassKey, HTMLElement>;
+export { SeparatorClasses, SeparatorClassKey, ComposedSeparatorProps, ComposedSeparator };

package/dist/src/separator/separator-composed.js

@@ -0,0 +1,6 @@
+import {
+  ComposedSeparator
+} from "../../shared/chunk-94twh4s4.js";
+export {
+  ComposedSeparator
+};