@vertz/ui-primitives 0.2.23 → 0.2.24

package/dist/shared/chunk-yfzddvxc.js

@@ -0,0 +1,71 @@
+import {
+  cn
+} from "./chunk-q7xbcj9q.js";
+
+// src/avatar/avatar-composed.tsx
+import { __append, __attr, __child, __discardMountFrame, __element, __enterChildren, __exitChildren, __flushMountFrame, __pushMountFrame } from "@vertz/ui/internals";
+import { createContext, useContext } from "@vertz/ui";
+var AvatarContext = createContext(undefined, "@vertz/ui-primitives::AvatarContext");
+function AvatarImage(__props) {
+  const __mfDepth = __pushMountFrame();
+  try {
+    const ctx = useContext(AvatarContext);
+    const __mfResult0 = (() => {
+      const __el0 = __element("img");
+      __attr(__el0, "src", () => __props.src);
+      __attr(__el0, "alt", () => __props.alt);
+      __attr(__el0, "class", () => cn(ctx?.classes?.image, __props.className ?? __props.class));
+      return __el0;
+    })();
+    __flushMountFrame();
+    return __mfResult0;
+  } catch (__mfErr) {
+    __discardMountFrame(__mfDepth);
+    throw __mfErr;
+  }
+}
+function AvatarFallback(__props) {
+  const __mfDepth = __pushMountFrame();
+  try {
+    const ctx = useContext(AvatarContext);
+    const __mfResult0 = (() => {
+      const __el0 = __element("div");
+      __attr(__el0, "class", () => cn(ctx?.classes?.fallback, __props.className ?? __props.class));
+      __enterChildren(__el0);
+      __append(__el0, __child(() => __props.children));
+      __exitChildren();
+      return __el0;
+    })();
+    __flushMountFrame();
+    return __mfResult0;
+  } catch (__mfErr) {
+    __discardMountFrame(__mfDepth);
+    throw __mfErr;
+  }
+}
+function ComposedAvatarRoot(__props) {
+  const __mfDepth = __pushMountFrame();
+  try {
+    const __mfResult0 = AvatarContext.Provider({ get value() {
+      return { classes: __props.classes };
+    }, children: () => (() => {
+      const __el0 = __element("div");
+      __attr(__el0, "class", () => cn(__props.classes?.root, __props.className ?? __props.class));
+      __enterChildren(__el0);
+      __append(__el0, __child(() => __props.children));
+      __exitChildren();
+      return __el0;
+    })() });
+    __flushMountFrame();
+    return __mfResult0;
+  } catch (__mfErr) {
+    __discardMountFrame(__mfDepth);
+    throw __mfErr;
+  }
+}
+var ComposedAvatar = Object.assign(ComposedAvatarRoot, {
+  Image: AvatarImage,
+  Fallback: AvatarFallback
+});
+
+export { ComposedAvatar };

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

@@ -0,0 +1,30 @@
+import { ChildValue } from "@vertz/ui";
+interface AccordionClasses {
+	item?: string;
+	trigger?: string;
+	content?: string;
+}
+interface SlotProps {
+	children?: ChildValue;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ItemProps extends SlotProps {
+	value: string;
+}
+interface ComposedAccordionProps {
+	children?: ChildValue;
+	classes?: AccordionClasses;
+	type?: "single" | "multiple";
+	defaultValue?: string[];
+	onValueChange?: (value: string[]) => void;
+}
+type AccordionClassKey = keyof AccordionClasses;
+declare const ComposedAccordion: ((props: ComposedAccordionProps) => HTMLElement) & {
+	__classKeys?: AccordionClassKey;
+	Item: (props: ItemProps) => HTMLElement;
+	Trigger: (props: SlotProps) => HTMLElement;
+	Content: (props: SlotProps) => HTMLElement;
+};
+export { ComposedAccordionProps, ComposedAccordion, AccordionClasses, AccordionClassKey };

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

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

package/dist/src/accordion/accordion.js

@@ -1,6 +1,6 @@
 import {
   Accordion
-} from "../../shared/chunk-4894pmy6.js";
+} from "../../shared/chunk-f0wy7k56.js";
 export {
   Accordion
 };

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

@@ -0,0 +1,26 @@
+import { ChildValue } from "@vertz/ui";
+interface AlertClasses {
+	root?: string;
+	title?: string;
+	description?: string;
+}
+type AlertClassKey = keyof AlertClasses;
+interface SlotProps {
+	children?: ChildValue;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ComposedAlertProps {
+	children?: ChildValue;
+	classes?: AlertClasses;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+declare const ComposedAlert: ((props: ComposedAlertProps) => HTMLElement) & {
+	__classKeys?: AlertClassKey;
+	Title: (props: SlotProps) => HTMLElement;
+	Description: (props: SlotProps) => HTMLElement;
+};
+export { ComposedAlertProps, ComposedAlert, AlertClasses, AlertClassKey };

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

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

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

@@ -0,0 +1,40 @@
+import { ChildValue } from "@vertz/ui";
+interface AlertDialogClasses {
+	overlay?: string;
+	content?: string;
+	cancel?: string;
+	action?: string;
+	header?: string;
+	title?: string;
+	description?: string;
+	footer?: string;
+}
+interface SlotProps {
+	children?: ChildValue;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ButtonSlotProps extends SlotProps {
+	onClick?: () => void;
+	disabled?: boolean;
+}
+interface ComposedAlertDialogProps {
+	children?: ChildValue;
+	classes?: AlertDialogClasses;
+	onOpenChange?: (open: boolean) => void;
+	onAction?: () => void;
+}
+type AlertDialogClassKey = keyof AlertDialogClasses;
+declare const ComposedAlertDialog: ((props: ComposedAlertDialogProps) => HTMLElement) & {
+	__classKeys?: AlertDialogClassKey;
+	Trigger: (props: SlotProps) => HTMLElement;
+	Content: (props: SlotProps) => HTMLElement;
+	Title: (props: SlotProps) => HTMLElement;
+	Description: (props: SlotProps) => HTMLElement;
+	Header: (props: SlotProps) => HTMLElement;
+	Footer: (props: SlotProps) => HTMLElement;
+	Cancel: (props: ButtonSlotProps) => HTMLElement;
+	Action: (props: ButtonSlotProps) => HTMLElement;
+};
+export { ComposedAlertDialogProps, ComposedAlertDialog, AlertDialogClasses, AlertDialogClassKey };

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

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

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

@@ -0,0 +1,33 @@
+import { ChildValue } from "@vertz/ui";
+interface AvatarClasses {
+	root?: string;
+	image?: string;
+	fallback?: string;
+}
+type AvatarClassKey = keyof AvatarClasses;
+interface SlotProps {
+	children?: ChildValue;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface AvatarImageProps {
+	src: string;
+	alt: string;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ComposedAvatarProps {
+	children?: ChildValue;
+	classes?: AvatarClasses;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+declare const ComposedAvatar: ((props: ComposedAvatarProps) => HTMLElement) & {
+	__classKeys?: AvatarClassKey;
+	Image: (props: AvatarImageProps) => HTMLElement;
+	Fallback: (props: SlotProps) => HTMLElement;
+};
+export { ComposedAvatarProps, ComposedAvatar, AvatarClasses, AvatarClassKey };

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

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

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

@@ -0,0 +1,33 @@
+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 BadgeClasses {
+	base?: string;
+}
+type BadgeClassKey = keyof BadgeClasses;
+interface ComposedBadgeProps {
+	classes?: BadgeClasses;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+	children?: ChildValue2;
+	style?: Record<string, string | number>;
+	[key: string]: unknown;
+}
+declare const ComposedBadge: ComposedPrimitive<BadgeClassKey, HTMLElement>;
+export { ComposedBadgeProps, ComposedBadge, BadgeClasses, BadgeClassKey };

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

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

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

@@ -0,0 +1,34 @@
+import { ChildValue } from "@vertz/ui";
+interface BreadcrumbClasses {
+	nav?: string;
+	list?: string;
+	item?: string;
+	link?: string;
+	page?: string;
+	separator?: string;
+}
+type BreadcrumbClassKey = keyof BreadcrumbClasses;
+interface BreadcrumbItemProps {
+	children?: string | Node | (() => string | Node);
+	/** Target path — renders as Link (SPA navigation). Omit for non-linked items. */
+	href?: string;
+	/** Marks this item as the current page (aria-current="page", no link). */
+	current?: boolean;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ComposedBreadcrumbProps {
+	children?: ChildValue;
+	/** Separator character between items. Default: "/" */
+	separator?: string;
+	classes?: BreadcrumbClasses;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+declare const ComposedBreadcrumb: ((props: ComposedBreadcrumbProps) => HTMLElement) & {
+	__classKeys?: BreadcrumbClassKey;
+	Item: (props: BreadcrumbItemProps) => HTMLElement;
+};
+export { ComposedBreadcrumbProps, ComposedBreadcrumb, BreadcrumbItemProps, BreadcrumbClasses, BreadcrumbClassKey };

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

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

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

@@ -0,0 +1,34 @@
+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 ButtonClasses {
+	base?: string;
+}
+type ButtonClassKey = keyof ButtonClasses;
+interface ComposedButtonProps {
+	classes?: ButtonClasses;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+	children?: ChildValue2;
+	disabled?: boolean;
+	type?: "button" | "submit" | "reset";
+	[key: string]: unknown;
+}
+declare const ComposedButton: ComposedPrimitive<ButtonClassKey, HTMLElement>;
+export { ComposedButtonProps, ComposedButton, ButtonClasses, ButtonClassKey };

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

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

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

@@ -0,0 +1,42 @@
+interface CalendarClasses {
+	root?: string;
+	header?: string;
+	title?: string;
+	navButton?: string;
+	grid?: string;
+	headCell?: string;
+	cell?: string;
+	dayButton?: string;
+	monthSelect?: string;
+	yearSelect?: string;
+}
+type CalendarClassKey = keyof CalendarClasses;
+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";
+}
+declare const ComposedCalendar: ((props: ComposedCalendarProps) => HTMLElement) & {
+	__classKeys?: CalendarClassKey;
+};
+export { ComposedCalendarProps, ComposedCalendar, CalendarClasses, CalendarClassKey };

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

@@ -0,0 +1,6 @@
+import {
+  ComposedCalendar
+} from "../../shared/chunk-3jack97k.js";
+export {
+  ComposedCalendar
+};

package/dist/src/calendar/calendar.js

@@ -1,6 +1,6 @@
 import {
   Calendar
-} from "../../shared/chunk-mgr904ap.js";
+} from "../../shared/chunk-b4zzg457.js";
 export {
   Calendar
 };

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-cgb2j94g.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/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/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-9gfp3ffv.js";
+} from "../../shared/chunk-jzy1bkdk.js";
 export {
   Combobox
 };