@vertz/ui-primitives 0.2.22 → 0.2.24

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

@@ -0,0 +1,34 @@
+import { ChildValue } from "@vertz/ui";
+interface CardClasses {
+	root?: string;
+	header?: string;
+	title?: string;
+	description?: string;
+	content?: string;
+	footer?: string;
+	action?: string;
+}
+type CardClassKey = keyof CardClasses;
+interface SlotProps {
+	children?: ChildValue;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ComposedCardProps {
+	children?: ChildValue;
+	classes?: CardClasses;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+declare const ComposedCard: ((props: ComposedCardProps) => HTMLElement) & {
+	__classKeys?: CardClassKey;
+	Header: (props: SlotProps) => HTMLElement;
+	Title: (props: SlotProps) => HTMLElement;
+	Description: (props: SlotProps) => HTMLElement;
+	Content: (props: SlotProps) => HTMLElement;
+	Footer: (props: SlotProps) => HTMLElement;
+	Action: (props: SlotProps) => HTMLElement;
+};
+export { ComposedCardProps, ComposedCard, CardClasses, CardClassKey };

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

@@ -0,0 +1,6 @@
+import {
+  ComposedCard
+} from "../../shared/chunk-8t0nm721.js";
+export {
+  ComposedCard
+};

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

@@ -0,0 +1,32 @@
+import { ChildValue } from "@vertz/ui";
+interface CarouselClasses {
+	root?: string;
+	viewport?: string;
+	slide?: string;
+	prevButton?: string;
+	nextButton?: string;
+}
+interface SlideProps {
+	children?: ChildValue;
+	className?: string;
+	class?: string;
+}
+interface SlotProps {
+	children?: ChildValue;
+}
+interface ComposedCarouselProps {
+	children?: ChildValue;
+	classes?: CarouselClasses;
+	orientation?: "horizontal" | "vertical";
+	loop?: boolean;
+	defaultIndex?: number;
+	onSlideChange?: (index: number) => void;
+}
+type CarouselClassKey = keyof CarouselClasses;
+declare const ComposedCarousel: ((props: ComposedCarouselProps) => HTMLElement) & {
+	__classKeys?: CarouselClassKey;
+	Slide: (props: SlideProps) => HTMLElement;
+	Previous: (props: SlotProps) => HTMLElement;
+	Next: (props: SlotProps) => HTMLElement;
+};
+export { ComposedCarouselProps, ComposedCarousel, CarouselClasses, CarouselClassKey };

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

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

package/dist/src/carousel/carousel.js

@@ -1,6 +1,6 @@
 import {
   Carousel
-} from "../../shared/chunk-wcdq7bew.js";
+} from "../../shared/chunk-dvk4h36t.js";
 export {
   Carousel
 };

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

@@ -0,0 +1,18 @@
+type CheckedState = boolean | "mixed";
+import { ChildValue } from "@vertz/ui";
+interface CheckboxClasses {
+	root?: string;
+	indicator?: string;
+}
+type CheckboxClassKey = keyof CheckboxClasses;
+interface ComposedCheckboxProps {
+	children?: ChildValue;
+	classes?: CheckboxClasses;
+	defaultChecked?: CheckedState;
+	disabled?: boolean;
+	onCheckedChange?: (checked: CheckedState) => void;
+}
+declare const ComposedCheckbox: ((props: ComposedCheckboxProps) => HTMLElement) & {
+	__classKeys?: CheckboxClassKey;
+};
+export { ComposedCheckboxProps, ComposedCheckbox, CheckboxClasses, CheckboxClassKey };

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

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

package/dist/src/checkbox/checkbox.js

@@ -1,6 +1,6 @@
 import {
   Checkbox
-} from "../../shared/chunk-rb53v045.js";
+} from "../../shared/chunk-e1jcf22s.js";
 export {
   Checkbox
 };

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

@@ -0,0 +1,26 @@
+import { ChildValue } from "@vertz/ui";
+interface CollapsibleClasses {
+	root?: string;
+	trigger?: string;
+	content?: string;
+}
+type CollapsibleClassKey = keyof CollapsibleClasses;
+interface SlotProps {
+	children?: ChildValue;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ComposedCollapsibleProps {
+	children?: ChildValue;
+	classes?: CollapsibleClasses;
+	defaultOpen?: boolean;
+	disabled?: boolean;
+	onOpenChange?: (open: boolean) => void;
+}
+declare const ComposedCollapsible: ((props: ComposedCollapsibleProps) => HTMLElement) & {
+	__classKeys?: CollapsibleClassKey;
+	Trigger: (props: SlotProps) => HTMLElement;
+	Content: (props: SlotProps) => HTMLElement;
+};
+export { ComposedCollapsibleProps, ComposedCollapsible, CollapsibleClasses, CollapsibleClassKey };

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

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

package/dist/src/collapsible/collapsible.js

@@ -1,6 +1,6 @@
 import {
   Collapsible
-} from "../../shared/chunk-c46v0fsw.js";
+} from "../../shared/chunk-67sn29eh.js";
 export {
   Collapsible
 };

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

@@ -0,0 +1,30 @@
+import { ChildValue } from "@vertz/ui";
+interface ComboboxClasses {
+	input?: string;
+	content?: string;
+	option?: string;
+}
+interface SlotProps {
+	children?: ChildValue;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface OptionProps extends SlotProps {
+	value: string;
+}
+interface ComposedComboboxProps {
+	children?: ChildValue;
+	classes?: ComboboxClasses;
+	defaultValue?: string;
+	onValueChange?: (value: string) => void;
+	onInputChange?: (input: string) => void;
+}
+type ComboboxClassKey = keyof ComboboxClasses;
+declare const ComposedCombobox: ((props: ComposedComboboxProps) => HTMLElement) & {
+	__classKeys?: ComboboxClassKey;
+	Input: (props: SlotProps) => HTMLElement;
+	Content: (props: SlotProps) => HTMLElement;
+	Option: (props: OptionProps) => HTMLElement;
+};
+export { ComposedComboboxProps, ComposedCombobox, ComboboxClasses, ComboboxClassKey };

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

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

package/dist/src/combobox/combobox.js

@@ -1,6 +1,6 @@
 import {
   Combobox
-} from "../../shared/chunk-vhx3sqw6.js";
+} from "../../shared/chunk-jzy1bkdk.js";
 export {
   Combobox
 };

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-s6a2yph8.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-g8hnc95b.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-jda3v59q.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/dialog/dialog.js

@@ -1,6 +1,6 @@
 import {
   Dialog
-} from "../../shared/chunk-8qtexw5s.js";
+} from "../../shared/chunk-y4mmmayp.js";
 export {
   Dialog
 };

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-dhyr0s9n.js";
+} from "../../shared/chunk-qwqnjjg8.js";
 export {
   DropdownMenu
 };