@vertz/ui-primitives 0.2.23 → 0.2.24

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

@@ -0,0 +1,67 @@
+import { ChildValue } from "@vertz/ui";
+interface CommandClasses {
+	root?: string;
+	input?: string;
+	list?: string;
+	item?: string;
+	group?: string;
+	groupHeading?: string;
+	separator?: string;
+	empty?: string;
+}
+interface CommandInputProps {
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface CommandListProps {
+	children?: ChildValue;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface CommandEmptyProps {
+	children?: ChildValue;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface CommandItemProps {
+	value: string;
+	children?: ChildValue;
+	keywords?: string[];
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface CommandGroupProps {
+	label: string;
+	children?: ChildValue;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface CommandSeparatorProps {
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ComposedCommandProps {
+	children?: ChildValue;
+	classes?: CommandClasses;
+	filter?: (value: string, search: string) => boolean;
+	onSelect?: (value: string) => void;
+	onInputChange?: (value: string) => void;
+	placeholder?: string;
+}
+type CommandClassKey = keyof CommandClasses;
+declare const ComposedCommand: ((props: ComposedCommandProps) => HTMLElement) & {
+	__classKeys?: CommandClassKey;
+	Input: (props: CommandInputProps) => HTMLElement;
+	List: (props: CommandListProps) => HTMLElement;
+	Empty: (props: CommandEmptyProps) => HTMLElement;
+	Item: (props: CommandItemProps) => HTMLElement;
+	Group: (props: CommandGroupProps) => HTMLElement;
+	Separator: (props: CommandSeparatorProps) => HTMLElement;
+};
+export { ComposedCommandProps, ComposedCommand, CommandClasses, CommandClassKey };

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

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

package/dist/src/command/command.js

@@ -1,6 +1,6 @@
 import {
   Command
-} from "../../shared/chunk-xs6gp369.js";
+} from "../../shared/chunk-455p0jbk.js";
 export {
   Command
 };

package/dist/src/composed/with-styles.d.ts

@@ -0,0 +1,38 @@
+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;
+}
+/**
+* Extract the class keys from a composed primitive's phantom brand.
+*/
+type ClassesOf<C> = C extends ComposedPrimitive<infer K> ? Record<K, string> : never;
+/**
+* Extract the element return type from a composed primitive's phantom brand.
+*/
+type ElementOf<C> = C extends ComposedPrimitive<string, infer E> ? E : HTMLElement;
+/**
+* Return type of withStyles: a callable that accepts all props except `classes`,
+* plus all sub-component properties from the original component.
+* Preserves the element return type from the underlying composed primitive.
+*/
+type StyledPrimitive<C extends ComposedPrimitive> = ((props: Omit<Parameters<C>[0], "classes">) => ElementOf<C>) & Omit<C, "__classKeys" | "__elementType" | keyof CallableFunction>;
+/**
+* Pre-bind CSS classes onto a composed primitive.
+* Returns a new function that accepts all props except `classes`,
+* with all sub-component properties preserved.
+*/
+declare function withStyles<C extends ComposedPrimitive>(component: C, classes: ClassesOf<C>): StyledPrimitive<C>;
+export { withStyles, StyledPrimitive, ElementOf, ComposedPrimitive, ClassesOf };

package/dist/src/composed/with-styles.js

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

package/dist/src/context-menu/context-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 ContextMenuClasses {
+	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 ComposedContextMenuProps {
+	children?: ChildValue;
+	classes?: ContextMenuClasses;
+	onSelect?: (value: string) => void;
+	onOpenChange?: (open: boolean) => void;
+	positioning?: FloatingOptions;
+}
+type ContextMenuClassKey = keyof ContextMenuClasses;
+declare const ComposedContextMenu: ((props: ComposedContextMenuProps) => HTMLElement) & {
+	__classKeys?: ContextMenuClassKey;
+	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 { ContextMenuClasses, ContextMenuClassKey, ComposedContextMenuProps, ComposedContextMenu };

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

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

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

@@ -1,6 +1,6 @@
 import {
   ContextMenu
-} from "../../shared/chunk-pzx0vpq1.js";
+} from "../../shared/chunk-00fqgnq1.js";
 export {
   ContextMenu
 };

package/dist/src/date-picker/date-picker-composed.d.ts

@@ -0,0 +1,77 @@
+interface CalendarClasses {
+	root?: string;
+	header?: string;
+	title?: string;
+	navButton?: string;
+	grid?: string;
+	headCell?: string;
+	cell?: string;
+	dayButton?: string;
+	monthSelect?: string;
+	yearSelect?: string;
+}
+interface ComposedCalendarProps {
+	classes?: CalendarClasses;
+	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;
+	/**
+	* Controls how the calendar header navigation is rendered.
+	* - 'buttons' (default): prev/next arrow buttons only
+	* - 'dropdown': month + year <select> elements, no arrow buttons
+	* - 'dropdown-buttons': month + year <select> elements AND arrow buttons
+	*/
+	captionLayout?: "buttons" | "dropdown" | "dropdown-buttons";
+}
+import { ChildValue } from "@vertz/ui";
+interface DatePickerClasses {
+	trigger?: string;
+	content?: string;
+	calendar?: CalendarClasses;
+}
+type DatePickerClassKey = keyof DatePickerClasses;
+interface SlotProps {
+	children?: ChildValue;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ComposedDatePickerProps {
+	children?: ChildValue;
+	classes?: DatePickerClasses;
+	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;
+	captionLayout?: ComposedCalendarProps["captionLayout"];
+}
+declare const ComposedDatePicker: ((props: ComposedDatePickerProps) => HTMLElement) & {
+	__classKeys?: DatePickerClassKey;
+	Trigger: (props: SlotProps) => HTMLElement;
+	Content: (props: SlotProps) => HTMLElement;
+};
+export { DatePickerClasses, DatePickerClassKey, ComposedDatePickerProps, ComposedDatePicker };

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

@@ -0,0 +1,6 @@
+import {
+  ComposedDatePicker
+} from "../../shared/chunk-7wem1bhb.js";
+export {
+  ComposedDatePicker
+};

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

@@ -1,6 +1,6 @@
 import {
   DatePicker
-} from "../../shared/chunk-xa1b96mb.js";
+} from "../../shared/chunk-qsp7sfhp.js";
 export {
   DatePicker
 };

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

@@ -0,0 +1,36 @@
+import { ChildValue } from "@vertz/ui";
+interface DialogClasses {
+	overlay?: string;
+	content?: string;
+	close?: string;
+	header?: string;
+	title?: string;
+	description?: string;
+	footer?: string;
+}
+interface SlotProps {
+	children?: ChildValue;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface DialogContentProps extends SlotProps {
+	showClose?: boolean;
+}
+interface ComposedDialogProps {
+	children?: ChildValue;
+	classes?: DialogClasses;
+	onOpenChange?: (open: boolean) => void;
+}
+type DialogClassKey = keyof DialogClasses;
+declare const ComposedDialog: ((props: ComposedDialogProps) => HTMLElement) & {
+	__classKeys?: DialogClassKey;
+	Trigger: (props: SlotProps) => HTMLElement;
+	Content: (props: DialogContentProps) => HTMLElement;
+	Title: (props: SlotProps) => HTMLElement;
+	Description: (props: SlotProps) => HTMLElement;
+	Header: (props: SlotProps) => HTMLElement;
+	Footer: (props: SlotProps) => HTMLElement;
+	Close: (props: SlotProps) => HTMLElement;
+};
+export { DialogClasses, DialogClassKey, ComposedDialogProps, ComposedDialog };

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

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

package/dist/src/dialog/dialog-stack-parts.d.ts

@@ -0,0 +1,16 @@
+import { ChildValue } from "@vertz/ui";
+import { JSX } from "@vertz/ui/jsx-runtime";
+interface SlotProps {
+	children?: ChildValue;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+declare function StackDialogTitle({ children, className: cls, class: classProp }: SlotProps): JSX.Element;
+declare function StackDialogDescription({ children, className: cls, class: classProp }: SlotProps): JSX.Element;
+declare function StackDialogHeader({ children, className: cls, class: classProp }: SlotProps): JSX.Element;
+declare function StackDialogFooter({ children, className: cls, class: classProp }: SlotProps): JSX.Element;
+declare function StackDialogBody({ children, className: cls, class: classProp }: SlotProps): JSX.Element;
+declare function StackDialogCancel({ children, className: cls, class: classProp }: SlotProps): JSX.Element;
+declare function StackDialogClose({ children, className: cls, class: classProp }: SlotProps): JSX.Element;
+export { StackDialogTitle, StackDialogHeader, StackDialogFooter, StackDialogDescription, StackDialogClose, StackDialogCancel, StackDialogBody };

package/dist/src/dialog/dialog-stack-parts.js

@@ -0,0 +1,18 @@
+import {
+  StackDialogBody,
+  StackDialogCancel,
+  StackDialogClose,
+  StackDialogDescription,
+  StackDialogFooter,
+  StackDialogHeader,
+  StackDialogTitle
+} from "../../shared/chunk-mtx2cfbx.js";
+export {
+  StackDialogTitle,
+  StackDialogHeader,
+  StackDialogFooter,
+  StackDialogDescription,
+  StackDialogClose,
+  StackDialogCancel,
+  StackDialogBody
+};

package/dist/src/dropdown-menu/dropdown-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 DropdownMenuClasses {
+	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 ComposedDropdownMenuProps {
+	children?: ChildValue;
+	classes?: DropdownMenuClasses;
+	onSelect?: (value: string) => void;
+	onOpenChange?: (open: boolean) => void;
+	positioning?: FloatingOptions;
+}
+type DropdownMenuClassKey = keyof DropdownMenuClasses;
+declare const ComposedDropdownMenu: ((props: ComposedDropdownMenuProps) => HTMLElement) & {
+	__classKeys?: DropdownMenuClassKey;
+	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 { DropdownMenuClasses, DropdownMenuClassKey, ComposedDropdownMenuProps, ComposedDropdownMenu };

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

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

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

@@ -1,6 +1,6 @@
 import {
   DropdownMenu
-} from "../../shared/chunk-j902w020.js";
+} from "../../shared/chunk-qwqnjjg8.js";
 export {
   DropdownMenu
 };

package/dist/src/empty-state/empty-state-composed.d.ts

@@ -0,0 +1,30 @@
+import { ChildValue } from "@vertz/ui";
+interface EmptyStateClasses {
+	root?: string;
+	icon?: string;
+	title?: string;
+	description?: string;
+	action?: string;
+}
+type EmptyStateClassKey = keyof EmptyStateClasses;
+interface SlotProps {
+	children?: ChildValue;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ComposedEmptyStateProps {
+	children?: ChildValue;
+	classes?: EmptyStateClasses;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+declare const ComposedEmptyState: ((props: ComposedEmptyStateProps) => HTMLElement) & {
+	__classKeys?: EmptyStateClassKey;
+	Icon: (props: SlotProps) => HTMLElement;
+	Title: (props: SlotProps) => HTMLElement;
+	Description: (props: SlotProps) => HTMLElement;
+	Action: (props: SlotProps) => HTMLElement;
+};
+export { EmptyStateClasses, EmptyStateClassKey, ComposedEmptyStateProps, ComposedEmptyState };

package/dist/src/empty-state/empty-state-composed.js

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

package/dist/src/form-group/form-group-composed.d.ts

@@ -0,0 +1,24 @@
+import { ChildValue } from "@vertz/ui";
+interface FormGroupClasses {
+	base?: string;
+	error?: string;
+}
+type FormGroupClassKey = keyof FormGroupClasses;
+interface SlotProps {
+	children?: ChildValue;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ComposedFormGroupProps {
+	children?: ChildValue;
+	classes?: FormGroupClasses;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+declare const ComposedFormGroup: ((props: ComposedFormGroupProps) => HTMLElement) & {
+	__classKeys?: FormGroupClassKey;
+	FormError: (props: SlotProps) => HTMLElement;
+};
+export { FormGroupClasses, FormGroupClassKey, ComposedFormGroupProps, ComposedFormGroup };

package/dist/src/form-group/form-group-composed.js

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

package/dist/src/hover-card/hover-card-composed.d.ts

@@ -0,0 +1,38 @@
+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 HoverCardClasses {
+	content?: string;
+}
+type HoverCardClassKey = keyof HoverCardClasses;
+interface SlotProps {
+	children?: ChildValue;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ComposedHoverCardProps {
+	children?: ChildValue;
+	classes?: HoverCardClasses;
+	openDelay?: number;
+	closeDelay?: number;
+	onOpenChange?: (open: boolean) => void;
+	positioning?: FloatingOptions;
+}
+declare const ComposedHoverCard: ((props: ComposedHoverCardProps) => HTMLElement) & {
+	__classKeys?: HoverCardClassKey;
+	Trigger: (props: SlotProps) => HTMLElement;
+	Content: (props: SlotProps) => HTMLElement;
+};
+export { HoverCardClasses, HoverCardClassKey, ComposedHoverCardProps, ComposedHoverCard };

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

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

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

@@ -1,6 +1,6 @@
 import {
   HoverCard
-} from "../../shared/chunk-mr1tb0dp.js";
+} from "../../shared/chunk-7a2nqmeh.js";
 export {
   HoverCard
 };