@vertz/ui-primitives 0.2.23 → 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/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/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/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-8c01c8mb.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-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-3kwh27dv.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-ttb2tt03.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.23",
+  "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.22"
+    "@vertz/ui": "^0.2.23"
   },
   "devDependencies": {
     "@happy-dom/global-registrator": "^20.7.0",
-    "@vertz/ui-compiler": "^0.2.22",
+    "@vertz/ui-compiler": "^0.2.23",
     "bunup": "^0.16.31",
     "happy-dom": "^20.7.0",
     "typescript": "^5.7.0"

package/dist/shared/chunk-56reyd5r.js

@@ -1,64 +0,0 @@
-import {
-  setDataState
-} from "./chunk-vevfhpc9.js";
-import {
-  uniqueId
-} from "./chunk-8y1jf6xr.js";
-import {
-  applyAttrs
-} from "./chunk-2db2dnp3.js";
-
-// src/toast/toast.tsx
-import { signal } from "@vertz/ui";
-function createRegionElement(politeness) {
-  const el = document.createElement("div");
-  el.setAttribute("role", "status");
-  el.setAttribute("aria-live", politeness);
-  el.setAttribute("aria-atomic", "false");
-  el.setAttribute("data-state", "empty");
-  return el;
-}
-function createMessageElement(id, content) {
-  const el = document.createElement("div");
-  el.setAttribute("role", "status");
-  el.setAttribute("data-toast-id", id);
-  el.setAttribute("data-state", "open");
-  el.textContent = content;
-  return el;
-}
-function ToastRoot(options = {}) {
-  const { duration = 5000, politeness = "polite", ...attrs } = options;
-  const state = { messages: signal([]) };
-  const region = createRegionElement(politeness);
-  applyAttrs(region, attrs);
-  function announce(content) {
-    const id = uniqueId("toast");
-    const el = createMessageElement(id, content);
-    const msg = { id, content, el };
-    state.messages.value = [...state.messages.peek(), msg];
-    region.appendChild(el);
-    setDataState(region, "active");
-    if (duration > 0) {
-      setTimeout(() => dismiss(id), duration);
-    }
-    return msg;
-  }
-  function dismiss(id) {
-    const messages = state.messages.peek().filter((m) => m.id !== id);
-    state.messages.value = messages;
-    const el = region.querySelector(`[data-toast-id="${id}"]`);
-    if (el) {
-      setDataState(el, "closed");
-      el.remove();
-    }
-    if (messages.length === 0) {
-      setDataState(region, "empty");
-    }
-  }
-  return { region, state, announce, dismiss };
-}
-var Toast = {
-  Root: ToastRoot
-};
-
-export { Toast };