@vertz/ui-primitives 0.2.22 → 0.2.24

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

@@ -0,0 +1,34 @@
+type SheetSide = "left" | "right" | "top" | "bottom";
+import { ChildValue } from "@vertz/ui";
+interface SheetClasses {
+	overlay?: string;
+	content?: string;
+	title?: string;
+	description?: string;
+	close?: string;
+}
+interface SlotProps {
+	children?: ChildValue;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface SheetContentProps extends SlotProps {
+	showClose?: boolean;
+}
+interface ComposedSheetProps {
+	children?: ChildValue;
+	classes?: SheetClasses;
+	side?: SheetSide;
+	onOpenChange?: (open: boolean) => void;
+}
+type SheetClassKey = keyof SheetClasses;
+declare const ComposedSheet: ((props: ComposedSheetProps) => HTMLElement) & {
+	__classKeys?: SheetClassKey;
+	Trigger: (props: SlotProps) => HTMLElement;
+	Content: (props: SheetContentProps) => HTMLElement;
+	Title: (props: SlotProps) => HTMLElement;
+	Description: (props: SlotProps) => HTMLElement;
+	Close: (props: SlotProps) => HTMLElement;
+};
+export { SheetClasses, SheetClassKey, ComposedSheetProps, ComposedSheet };

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

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

package/dist/src/sheet/sheet.js

@@ -1,6 +1,6 @@
 import {
   Sheet
-} from "../../shared/chunk-3rp73gkd.js";
+} from "../../shared/chunk-jqre4qtw.js";
 export {
   Sheet
 };

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

@@ -0,0 +1,65 @@
+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 SkeletonClasses {
+	root?: string;
+}
+type SkeletonClassKey = keyof SkeletonClasses;
+interface ComposedSkeletonProps {
+	classes?: SkeletonClasses;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+	width?: string;
+	height?: string;
+}
+interface SkeletonTextClasses {
+	root?: string;
+	line?: string;
+}
+type SkeletonTextClassKey = keyof SkeletonTextClasses;
+interface ComposedSkeletonTextProps {
+	classes?: SkeletonTextClasses;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+	/** Number of lines to render. Default: 3 */
+	lines?: number;
+	/** Width of the last line. Default: '75%' */
+	lastLineWidth?: string;
+	/** Height of each line. Default: '1rem' */
+	height?: string;
+	/** Gap between lines. Overrides the CSS class gap when provided. */
+	gap?: string;
+}
+interface SkeletonCircleClasses {
+	root?: string;
+}
+type SkeletonCircleClassKey = keyof SkeletonCircleClasses;
+interface ComposedSkeletonCircleProps {
+	classes?: SkeletonCircleClasses;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+	/** Diameter. Default: '2.5rem' */
+	size?: string;
+}
+declare const ComposedSkeleton: ComposedPrimitive<SkeletonClassKey, HTMLElement> & {
+	Text: ComposedPrimitive<SkeletonTextClassKey, HTMLElement>;
+	Circle: ComposedPrimitive<SkeletonCircleClassKey, HTMLElement>;
+};
+export { SkeletonTextClasses, SkeletonTextClassKey, SkeletonClasses, SkeletonClassKey, SkeletonCircleClasses, SkeletonCircleClassKey, ComposedSkeletonTextProps, ComposedSkeletonProps, ComposedSkeletonCircleProps, ComposedSkeleton };

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

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

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

@@ -0,0 +1,22 @@
+import { ChildValue } from "@vertz/ui";
+interface SliderClasses {
+	root?: string;
+	track?: string;
+	range?: string;
+	thumb?: string;
+}
+type SliderClassKey = keyof SliderClasses;
+interface ComposedSliderProps {
+	children?: ChildValue;
+	classes?: SliderClasses;
+	defaultValue?: number;
+	min?: number;
+	max?: number;
+	step?: number;
+	disabled?: boolean;
+	onValueChange?: (value: number) => void;
+}
+declare const ComposedSlider: ((props: ComposedSliderProps) => HTMLElement) & {
+	__classKeys?: SliderClassKey;
+};
+export { SliderClasses, SliderClassKey, ComposedSliderProps, ComposedSlider };

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

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

package/dist/src/slider/slider.js

@@ -1,6 +1,6 @@
 import {
   Slider
-} from "../../shared/chunk-2k8gxzdf.js";
+} from "../../shared/chunk-e3h0ddmx.js";
 export {
   Slider
 };

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

@@ -0,0 +1,17 @@
+import { ChildValue } from "@vertz/ui";
+interface SwitchClasses {
+	root?: string;
+	thumb?: string;
+}
+type SwitchClassKey = keyof SwitchClasses;
+interface ComposedSwitchProps {
+	children?: ChildValue;
+	classes?: SwitchClasses;
+	defaultChecked?: boolean;
+	disabled?: boolean;
+	onCheckedChange?: (checked: boolean) => void;
+}
+declare const ComposedSwitch: ((props: ComposedSwitchProps) => HTMLElement) & {
+	__classKeys?: SwitchClassKey;
+};
+export { SwitchClasses, SwitchClassKey, ComposedSwitchProps, ComposedSwitch };

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

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

package/dist/src/switch/switch.js

@@ -1,6 +1,6 @@
 import {
   Switch
-} from "../../shared/chunk-zyfc6cx3.js";
+} from "../../shared/chunk-99tk72t3.js";
 export {
   Switch
 };

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

@@ -0,0 +1,34 @@
+import { ChildValue } from "@vertz/ui";
+interface TableClasses {
+	root?: string;
+	header?: string;
+	body?: string;
+	row?: string;
+	head?: string;
+	cell?: string;
+	caption?: string;
+	footer?: string;
+}
+type TableClassKey = keyof TableClasses;
+interface SlotProps {
+	children?: ChildValue;
+	className?: string;
+	class?: string;
+}
+interface ComposedTableProps {
+	children?: ChildValue;
+	classes?: TableClasses;
+	className?: string;
+	class?: string;
+}
+declare const ComposedTable: ((props: ComposedTableProps) => HTMLElement) & {
+	__classKeys?: TableClassKey;
+	Header: (props: SlotProps) => HTMLElement;
+	Body: (props: SlotProps) => HTMLElement;
+	Row: (props: SlotProps) => HTMLElement;
+	Head: (props: SlotProps) => HTMLElement;
+	Cell: (props: SlotProps) => HTMLElement;
+	Caption: (props: SlotProps) => HTMLElement;
+	Footer: (props: SlotProps) => HTMLElement;
+};
+export { TableClasses, TableClassKey, ComposedTableProps, ComposedTable };

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

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

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

@@ -0,0 +1,33 @@
+import { ChildValue } from "@vertz/ui";
+interface TabsClasses {
+	list?: string;
+	trigger?: string;
+	panel?: string;
+}
+interface SlotProps {
+	children?: ChildValue;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface TriggerProps extends SlotProps {
+	value: string;
+}
+interface ContentProps extends SlotProps {
+	value: string;
+}
+interface ComposedTabsProps {
+	children?: ChildValue;
+	classes?: TabsClasses;
+	defaultValue?: string;
+	onValueChange?: (value: string) => void;
+	orientation?: "horizontal" | "vertical";
+}
+type TabsClassKey = keyof TabsClasses;
+declare const ComposedTabs: ((props: ComposedTabsProps) => HTMLElement) & {
+	__classKeys?: TabsClassKey;
+	List: (props: SlotProps) => HTMLElement;
+	Trigger: (props: TriggerProps) => HTMLElement;
+	Content: (props: ContentProps) => HTMLElement;
+};
+export { TabsClasses, TabsClassKey, ComposedTabsProps, ComposedTabs };

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

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

package/dist/src/tabs/tabs.js

@@ -1,6 +1,6 @@
 import {
   Tabs
-} from "../../shared/chunk-j2tdpxgc.js";
+} from "../../shared/chunk-9hv3vc72.js";
 export {
   Tabs
 };

package/dist/src/textarea/textarea-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 TextareaClasses {
+	base?: string;
+}
+type TextareaClassKey = keyof TextareaClasses;
+interface ComposedTextareaProps {
+	classes?: TextareaClasses;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+	name?: string;
+	placeholder?: string;
+	disabled?: boolean;
+	value?: string;
+	rows?: number;
+	[key: string]: unknown;
+}
+declare const ComposedTextarea: ComposedPrimitive<TextareaClassKey, HTMLElement>;
+export { TextareaClasses, TextareaClassKey, ComposedTextareaProps, ComposedTextarea };

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

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

package/dist/src/toast/toast.js

@@ -1,6 +1,6 @@
 import {
   Toast
-} from "../../shared/chunk-56reyd5r.js";
+} from "../../shared/chunk-q1ff3xp3.js";
 export {
   Toast
 };

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

@@ -0,0 +1,16 @@
+import { ChildValue } from "@vertz/ui";
+interface ToggleClasses {
+	root?: string;
+}
+type ToggleClassKey = keyof ToggleClasses;
+interface ComposedToggleProps {
+	children?: ChildValue;
+	classes?: ToggleClasses;
+	defaultPressed?: boolean;
+	disabled?: boolean;
+	onPressedChange?: (pressed: boolean) => void;
+}
+declare const ComposedToggle: ((props: ComposedToggleProps) => HTMLElement) & {
+	__classKeys?: ToggleClassKey;
+};
+export { ToggleClasses, ToggleClassKey, ComposedToggleProps, ComposedToggle };

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

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

package/dist/src/toggle/toggle.js

@@ -1,6 +1,6 @@
 import {
   Toggle
-} from "../../shared/chunk-7bxsf80c.js";
+} from "../../shared/chunk-vy874zxe.js";
 export {
   Toggle
 };

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

@@ -0,0 +1,24 @@
+import { ChildValue } from "@vertz/ui";
+interface ToggleGroupClasses {
+	root?: string;
+	item?: string;
+}
+type ToggleGroupClassKey = keyof ToggleGroupClasses;
+interface ToggleGroupItemProps {
+	value: string;
+	children?: ChildValue;
+}
+interface ComposedToggleGroupProps {
+	children?: ChildValue;
+	classes?: ToggleGroupClasses;
+	type?: "single" | "multiple";
+	defaultValue?: string[];
+	orientation?: "horizontal" | "vertical";
+	disabled?: boolean;
+	onValueChange?: (value: string[]) => void;
+}
+declare const ComposedToggleGroup: ((props: ComposedToggleGroupProps) => HTMLElement) & {
+	__classKeys?: ToggleGroupClassKey;
+	Item: (props: ToggleGroupItemProps) => HTMLElement;
+};
+export { ToggleGroupClasses, ToggleGroupClassKey, ComposedToggleGroupProps, ComposedToggleGroup };

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

@@ -0,0 +1,6 @@
+import {
+  ComposedToggleGroup
+} from "../../shared/chunk-9eedsnnk.js";
+export {
+  ComposedToggleGroup
+};

package/dist/src/toggle-group/toggle-group.js

@@ -1,6 +1,6 @@
 import {
   ToggleGroup
-} from "../../shared/chunk-fqa5bwn1.js";
+} from "../../shared/chunk-de18ashk.js";
 export {
   ToggleGroup
 };

package/dist/src/tooltip/tooltip-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 TooltipClasses {
+	content?: string;
+}
+interface SlotProps {
+	children?: ChildValue;
+	className?: string;
+	/** @deprecated Use `className` instead. */
+	class?: string;
+}
+interface ComposedTooltipProps {
+	children?: ChildValue;
+	classes?: TooltipClasses;
+	delay?: number;
+	positioning?: FloatingOptions;
+}
+type TooltipClassKey = keyof TooltipClasses;
+declare const ComposedTooltip: ((props: ComposedTooltipProps) => HTMLElement) & {
+	__classKeys?: TooltipClassKey;
+	Trigger: (props: SlotProps) => HTMLElement;
+	Content: (props: SlotProps) => HTMLElement;
+};
+export { TooltipClasses, TooltipClassKey, ComposedTooltipProps, ComposedTooltip };

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

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

package/dist/src/tooltip/tooltip.js

@@ -1,6 +1,6 @@
 import {
   Tooltip
-} from "../../shared/chunk-myq79qew.js";
+} from "../../shared/chunk-jsa3byag.js";
 export {
   Tooltip
 };

package/dist/src/utils.js

@@ -11,7 +11,7 @@ import {
 import {
   createFloatingPosition,
   virtualElement
-} from "../shared/chunk-0mcr52hc.js";
+} from "../shared/chunk-vef3sepw.js";
 import {
   Keys,
   handleActivation,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vertz/ui-primitives",
-  "version": "0.2.22",
+  "version": "0.2.24",
   "type": "module",
   "license": "MIT",
   "description": "Headless UI primitives for Vertz — Accordion, Dialog, Select, and more",
@@ -36,11 +36,11 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.5",
-    "@vertz/ui": "^0.2.21"
+    "@vertz/ui": "^0.2.23"
   },
   "devDependencies": {
     "@happy-dom/global-registrator": "^20.7.0",
-    "@vertz/ui-compiler": "^0.2.21",
+    "@vertz/ui-compiler": "^0.2.23",
     "bunup": "^0.16.31",
     "happy-dom": "^20.7.0",
     "typescript": "^5.7.0"

package/dist/shared/chunk-07yzsaaw.js

@@ -1,165 +0,0 @@
-import {
-  createFloatingPosition
-} from "./chunk-0mcr52hc.js";
-import {
-  Keys,
-  isKey
-} from "./chunk-7867pr13.js";
-import {
-  setDataState,
-  setExpanded,
-  setHidden,
-  setHiddenAnimated
-} from "./chunk-vevfhpc9.js";
-import {
-  uniqueId
-} from "./chunk-8y1jf6xr.js";
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/hover-card/hover-card.tsx
-import { __element, __on } from "@vertz/ui/internals";
-import { signal } from "@vertz/ui";
-function HoverCardRoot(options = {}) {
-  const { openDelay = 700, closeDelay = 300, onOpenChange, positioning, ...attrs } = options;
-  const contentId = uniqueId("hovercard");
-  const state = { open: signal(false) };
-  let openTimeout = null;
-  let closeTimeout = null;
-  let floatingCleanup = null;
-  function cancelTimers() {
-    if (openTimeout) {
-      clearTimeout(openTimeout);
-      openTimeout = null;
-    }
-    if (closeTimeout) {
-      clearTimeout(closeTimeout);
-      closeTimeout = null;
-    }
-  }
-  function cancelCloseTimer() {
-    if (closeTimeout) {
-      clearTimeout(closeTimeout);
-      closeTimeout = null;
-    }
-  }
-  function positionContent() {
-    if (positioning) {
-      floatingCleanup?.();
-      const effectivePlacement = positioning.placement ?? "bottom";
-      const result = createFloatingPosition(trigger, content, {
-        ...positioning,
-        placement: effectivePlacement
-      });
-      floatingCleanup = result.cleanup;
-    }
-  }
-  function show() {
-    cancelTimers();
-    if (state.open.peek())
-      return;
-    openTimeout = setTimeout(() => {
-      state.open.value = true;
-      setExpanded(trigger, true);
-      setHidden(content, false);
-      setDataState(content, "open");
-      positionContent();
-      onOpenChange?.(true);
-      openTimeout = null;
-    }, openDelay);
-  }
-  function showImmediate() {
-    cancelTimers();
-    state.open.value = true;
-    setExpanded(trigger, true);
-    setHidden(content, false);
-    setDataState(content, "open");
-    positionContent();
-    onOpenChange?.(true);
-  }
-  function hide() {
-    cancelTimers();
-    if (!state.open.peek())
-      return;
-    closeTimeout = setTimeout(() => {
-      state.open.value = false;
-      setExpanded(trigger, false);
-      setDataState(content, "closed");
-      setHiddenAnimated(content, true);
-      floatingCleanup?.();
-      floatingCleanup = null;
-      onOpenChange?.(false);
-      closeTimeout = null;
-    }, closeDelay);
-  }
-  function hideImmediate() {
-    cancelTimers();
-    state.open.value = false;
-    setExpanded(trigger, false);
-    setDataState(content, "closed");
-    setHiddenAnimated(content, true);
-    floatingCleanup?.();
-    floatingCleanup = null;
-    onOpenChange?.(false);
-  }
-  function handleTriggerBlur(event) {
-    const related = event.relatedTarget;
-    if (related && (trigger.contains(related) || content.contains(related)))
-      return;
-    hide();
-  }
-  function handleTriggerKeydown(event) {
-    if (isKey(event, Keys.Escape) && state.open.peek()) {
-      hideImmediate();
-    }
-  }
-  function handleContentFocusout(event) {
-    const related = event.relatedTarget;
-    if (related && (trigger.contains(related) || content.contains(related)))
-      return;
-    hide();
-  }
-  function handleContentKeydown(event) {
-    if (isKey(event, Keys.Escape)) {
-      hideImmediate();
-      trigger.focus();
-    }
-  }
-  const trigger = (() => {
-    const __el0 = __element("span");
-    __el0.setAttribute("aria-haspopup", "dialog");
-    __el0.setAttribute("aria-expanded", "false");
-    __on(__el0, "mouseenter", show);
-    __on(__el0, "mouseleave", hide);
-    __on(__el0, "focus", showImmediate);
-    __on(__el0, "blur", handleTriggerBlur);
-    __on(__el0, "keydown", handleTriggerKeydown);
-    return __el0;
-  })();
-  const content = (() => {
-    const __el1 = __element("div");
-    __el1.setAttribute("role", "dialog");
-    {
-      const __v = contentId;
-      if (__v != null && __v !== false)
-        __el1.setAttribute("id", __v === true ? "" : __v);
-    }
-    __el1.setAttribute("aria-hidden", "true");
-    __el1.setAttribute("data-state", "closed");
-    __el1.setAttribute("style", "display: none");
-    __on(__el1, "mouseenter", cancelCloseTimer);
-    __on(__el1, "mouseleave", hide);
-    __on(__el1, "focusin", cancelCloseTimer);
-    __on(__el1, "focusout", handleContentFocusout);
-    __on(__el1, "keydown", handleContentKeydown);
-    return __el1;
-  })();
-  applyAttrs(trigger, attrs);
-  return { trigger, content, state };
-}
-var HoverCard = {
-  Root: HoverCardRoot
-};
-
-export { HoverCard };