@justanarthur/modo-ui 0.5.0 → 0.6.0-canary.0

package/dist/components/overlays/sheet/index.js

@@ -3,19 +3,24 @@ import {
   SheetIndent2,
   Sheet2,
   sheet_default
-} from "../../../shared/components-rr7a6ja9.js";
-import"../../../shared/components-zfnmn5d4.js";
-import"../../../shared/components-3ky44908.js";
-import"../../../shared/components-zrkzcayz.js";
-import"../../../shared/components-0q0sqfh4.js";
-import"../../../shared/components-hqeq3w9q.js";
-import"../../../shared/components-b2wyq2cq.js";
-import"../../../shared/components-n7mjr357.js";
-import"../../../shared/components-men63rwj.js";
-import"../../../shared/components-0sn7ypjw.js";
-import"../../../shared/components-cv16mryv.js";
-import"../../../shared/components-zx6b6yby.js";
-import"../../../shared/components-ezxhrmer.js";
+} from "../../../shared/components-658b26nb.js";
+import"../../../shared/components-3sp623ae.js";
+import"../../../shared/components-vf45j12c.js";
+import"../../../shared/components-dhgk6mbt.js";
+import"../../../shared/components-vfjc9jzz.js";
+import"../../../shared/components-4y816hwp.js";
+import"../../../shared/components-b1e239g3.js";
+import"../../../shared/components-jqpefjsn.js";
+import"../../../shared/components-awra5sff.js";
+import"../../../shared/components-7d4r7hh1.js";
+import"../../../shared/components-f0xfpkhh.js";
+import"../../../shared/components-tz1fv35x.js";
+import"../../../shared/components-de99ykt7.js";
+import"../../../shared/components-3ey0hzpb.js";
+import"../../../shared/components-h83az0bz.js";
+import"../../../shared/components-34txk9rj.js";
+import"../../../shared/components-78x40gee.js";
+import"../../../shared/components-jcnjay5g.js";
 export {
   Sheet2 as Sheet,
   SheetContent2 as SheetContent,

package/dist/components/overlays/toast/index.d.ts

@@ -1,69 +1,134 @@
-import { ReactNode as ReactNode2 } from "react";
-import { ButtonHTMLAttributes, ReactElement, ReactNode } from "react";
+import { ReactNode as ReactNode4 } from "react";
+import { ComponentType } from "react";
+interface IconComponentProps {
+	size?: number | string;
+	strokeWidth?: number | string;
+	className?: string;
+}
+type IconComponent = ComponentType<IconComponentProps>;
+import { ButtonHTMLAttributes, ReactElement, ReactNode as ReactNode2 } from "react";
 interface SlotProps extends ButtonHTMLAttributes<HTMLButtonElement> {
 	/** The element that becomes the control, e.g. a Button. */
 	render?: ReactElement;
 	/** Compose onto the single child instead. Both spellings work in both flavors. Defaults to `false`. */
 	asChild?: boolean;
 	/** Control content when there is no render element. */
-	children?: ReactNode;
+	children?: ReactNode2;
 }
-import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn } from "react";
-import { RefAttributes as RefAttributes_miuf56 } from "react";
-import { JSX as JSX_1kxb } from "react";
+import { ToastManager } from "@base-ui/react/toast";
+import { ReactNode as ReactNode3 } from "react";
+import { ToastManagerEvent as ToastManagerEvent_co995g } from "@base-ui/react";
 type ToastType = "success" | "loading" | "error" | "warning" | "info" | "action";
-type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+/** A button in the toast's body. */
+interface ToastActionOptions {
+	label: ReactNode3;
+	onClick?: () => void;
+}
 interface ToastOptions {
-	title?: string;
-	description?: string;
+	/** Reuse an id to replace a toast that is still showing. */
+	id?: string;
+	title?: ReactNode3;
+	description?: ReactNode3;
 	type?: ToastType;
 	/** Ms before it leaves; 0 keeps it until dismissed. */
 	timeout?: number;
-	action?: {
-		label: string;
-		onClick?: () => void;
-	};
+	/** Same as `timeout`; `timeout` wins when both are set. */
+	duration?: number;
+	/** Replaces the state's icon in the pill: an icon component, or any node. */
+	icon?: IconComponent | ReactNode3;
+	/** A button in the body (`{ label, onClick }`), or any node. */
+	action?: ToastActionOptions | ReactNode3;
+	/** Runs once the toast starts to leave, however it was closed. */
+	onClose?: () => void;
+	/** `high` is announced at once by screen readers; `low` waits its turn. */
+	priority?: "low" | "high";
+}
+/** What a toast keeps beside Base UI's own fields. */
+interface ToastData {
+	icon?: IconComponent | ReactNode3;
+	action?: ReactNode3;
+}
+type ToastInput = string | ToastOptions;
+type ToastResult<T> = ToastInput | ((value: T) => ToastInput);
+interface ToastPromiseOptions<T> {
+	loading: ToastInput;
+	success: ToastResult<T>;
+	error: ToastResult<unknown>;
 }
-/** Shows toasts from inside a `Toast`: `show`, the per-state shortcuts, `promise` and `close`. */
+/** A shown toast: its id, and updating or dismissing it. */
+interface ToastHandle {
+	id: string;
+	update: (options: ToastInput) => void;
+	dismiss: () => void;
+}
+/**
+* Shows a toast from anywhere — an event handler, a fetch wrapper, code
+* outside React — in the `Toast` mounted with `manager={toast}`. Returns a
+* handle with the id, `update` and `dismiss`.
+*/
+declare const toast: ((input: ToastInput) => ToastHandle) & {
+	/** A `success` toast. */
+	success: (input: ToastInput) => ToastHandle;
+	/** An `error` toast. */
+	error: (input: ToastInput) => ToastHandle;
+	/** A `warning` toast. */
+	warning: (input: ToastInput) => ToastHandle;
+	/** An `info` toast. */
+	info: (input: ToastInput) => ToastHandle;
+	/** A spinning `loading` toast. It stays while its type is `loading`; once updated to another type it leaves on its own `timeout` or the `Toast`'s. */
+	loading: (input: ToastInput) => ToastHandle;
+	/** Runs `promise` behind a `loading` toast that turns into its `success` or `error` toast. Returns the promise. */
+	promise: <T>(promise: Promise<T>, options: ToastPromiseOptions<T>) => Promise<T>;
+	/** Changes a toast that is showing. */
+	update: (id: string, input: ToastInput) => void;
+	/** Closes one toast, or every toast without an id. */
+	dismiss: (id?: string) => void;
+	" subscribe": (listener: (data: ToastManagerEvent_co995g) => void) => () => void;
+};
+/** What `<Toast manager>` takes: the global `toast`, or a manager from Base UI's `Toast.createToastManager()`. */
+type ToastSource = Pick<ToastManager, " subscribe">;
+import { ToastObject as ToastObject_9whgyu } from "@base-ui/react";
+import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn } from "react";
+import { RefAttributes as RefAttributes_miuf56 } from "react";
+import { JSX as JSX_1kxb2 } from "react";
+type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+/**
+* Shows toasts from inside a `Toast`: `show`, the per-state shortcuts,
+* `promise`, `update` and `close` (alias `dismiss`), plus the `toasts` showing.
+* Under a `Toast` with `manager={toast}` it works on the same stack as the
+* global `toast()`.
+*/
 declare function useToast(): {
-	show: (o: ToastOptions) => string;
-	success: (o: ToastOptions) => string;
-	error: (o: ToastOptions) => string;
-	warning: (o: ToastOptions) => string;
-	info: (o: ToastOptions) => string;
-	promise: <T>(promise: Promise<T>, o: {
-		loading: ToastOptions;
-		success: ToastOptions;
-		error: ToastOptions;
-	}) => Promise<T>;
+	toasts: ToastObject_9whgyu<ToastData>[];
+	show: (o: ToastInput) => string;
+	success: (o: ToastInput) => string;
+	error: (o: ToastInput) => string;
+	warning: (o: ToastInput) => string;
+	info: (o: ToastInput) => string;
+	promise: <T>(promise: Promise<T>, o: ToastPromiseOptions<T>) => Promise<T>;
+	update: (id: string, o: ToastInput) => void;
 	close: (toastId?: string) => void;
+	dismiss: (toastId?: string) => void;
 };
-interface ToastTriggerProps extends Omit<SlotProps, "type"> {
+interface ToastTriggerProps extends Omit<SlotProps, "type" | "title"> {
 	/** The toast's title, in the pill. */
-	title?: string;
+	title?: ReactNode4;
 	/** Text for the body the pill melts into. */
-	description?: string;
+	description?: ReactNode4;
 	/** State: sets the icon and its color. Defaults to `'info'`. */
 	type?: "success" | "loading" | "error" | "warning" | "info" | "action";
 	/** Ms before it leaves; 0 keeps it until dismissed. Defaults to the `Toast`'s `timeout`. */
 	timeout?: number;
-	/** A button in the body. */
-	action?: {
-		label: string;
-		onClick?: () => void;
-	};
+	/** Replaces the state's icon in the pill: an icon component, or any node. */
+	icon?: IconComponent | ReactNode4;
+	/** A button in the body (`{ label, onClick }`), or any node. */
+	action?: ToastActionOptions | ReactNode4;
 	/** Runs a task: the toast shows `title` while it is pending, then `success` or `error`. */
 	promise?: () => Promise<unknown>;
 	/** The toast once `promise` resolves. */
-	success?: {
-		title?: string;
-		description?: string;
-	};
+	success?: ToastOptions;
 	/** The toast if `promise` rejects. */
-	error?: {
-		title?: string;
-		description?: string;
-	};
+	error?: ToastOptions;
 }
 declare const ToastTrigger: ForwardRefExoticComponent_tcubfn<ToastTriggerProps & RefAttributes_miuf56<HTMLButtonElement>>;
 interface ToastProps {
@@ -73,10 +138,12 @@ interface ToastProps {
 	limit?: number;
 	/** Ms a toast stays; hovering pauses it. Defaults to `6000`. */
 	timeout?: number;
-	/** The part of the app that can show toasts, with `Toast.Trigger`s or `useToast()`. */
-	children?: ReactNode2;
+	/** Also renders the toasts this manager shows: pass the global `toast` so `toast()` calls from anywhere land here (mount one such `Toast` per app), or a manager from Base UI's `Toast.createToastManager()`. */
+	manager?: ToastSource;
+	/** The part of the app that can show toasts, with `Toast.Trigger`s or `useToast()`. Optional: a `Toast` with a `manager` can stand alone. */
+	children?: ReactNode4;
 }
-type Element_12xgc = JSX_1kxb["Element"];
+type Element_12xgc2 = JSX_1kxb2["Element"];
 /**
 * Gooey toasts: a pill with the state's icon and title that melts into a body
 * with the details.
@@ -92,8 +159,17 @@ type Element_12xgc = JSX_1kxb["Element"];
 *
 * `Toast` wraps the part of the app that shows toasts and renders them at
 * its `position`. Show one with `Toast.Trigger`, or call `useToast()`
-* inside it: `show`, `success`, `error`, `warning`, `info`, `promise` and
-* `close`.
+* inside it: `show`, `success`, `error`, `warning`, `info`, `promise`,
+* `update` and `close`.
+*
+* Or mount one `<Toast manager={toast} />` near the root and call the global
+* `toast()` from anywhere, inside React or not: `toast({ title, description,
+* type, timeout, icon, action, onClose })`, `toast.success`, `.error`,
+* `.warning`, `.info`, `.loading`, `.promise`, `.update(id, …)` and
+* `.dismiss(id?)`. Each call returns a handle with the toast's `id`,
+* `update` and `dismiss`; calls made before the `Toast` mounts wait for it.
+* Titles and descriptions take any node, `icon` replaces the state's glyph,
+* and `action` is a button (`{ label, onClick }`) or any node.
 *
 * Statics:
 * - `Toast.Trigger` — a control that shows a toast when pressed:
@@ -103,5 +179,5 @@ type Element_12xgc = JSX_1kxb["Element"];
 *
 * @example {@include ./examples.mdx}
 */
-declare function Toast({ position, limit, timeout, children }: ToastProps): Element_12xgc;
-export { Toast, ToastOptions, ToastPosition, ToastProps, ToastTrigger, ToastTriggerProps, ToastType, Toast as default, useToast };
+declare function Toast({ position, limit, timeout, manager, children }: ToastProps): Element_12xgc2;
+export { Toast, ToastActionOptions, ToastHandle, ToastInput, ToastOptions, ToastPosition, ToastPromiseOptions, ToastProps, ToastSource, ToastTrigger, ToastTriggerProps, ToastType, Toast as default, toast, useToast };

package/dist/components/overlays/toast/index.js

@@ -1,21 +1,29 @@
 import {
+  toast2,
   useToast2,
   ToastTrigger2,
   Toast2,
   toast_default
-} from "../../../shared/components-jwst3vtj.js";
-import"../../../shared/components-3ky44908.js";
-import"../../../shared/components-0q0sqfh4.js";
-import"../../../shared/components-hqeq3w9q.js";
-import"../../../shared/components-b2wyq2cq.js";
-import"../../../shared/components-men63rwj.js";
-import"../../../shared/components-0sn7ypjw.js";
-import"../../../shared/components-cv16mryv.js";
-import"../../../shared/components-zx6b6yby.js";
-import"../../../shared/components-ezxhrmer.js";
+} from "../../../shared/components-3wxkjgqn.js";
+import"../../../shared/components-vf45j12c.js";
+import"../../../shared/components-dhgk6mbt.js";
+import"../../../shared/components-vfjc9jzz.js";
+import"../../../shared/components-4y816hwp.js";
+import"../../../shared/components-b1e239g3.js";
+import"../../../shared/components-jqpefjsn.js";
+import"../../../shared/components-awra5sff.js";
+import"../../../shared/components-7d4r7hh1.js";
+import"../../../shared/components-f0xfpkhh.js";
+import"../../../shared/components-de99ykt7.js";
+import"../../../shared/components-3ey0hzpb.js";
+import"../../../shared/components-h83az0bz.js";
+import"../../../shared/components-34txk9rj.js";
+import"../../../shared/components-78x40gee.js";
+import"../../../shared/components-jcnjay5g.js";
 export {
   Toast2 as Toast,
   ToastTrigger2 as ToastTrigger,
   toast_default as default,
+  toast2 as toast,
   useToast2 as useToast
 };

package/dist/components/overlays/tooltip/index.d.ts

@@ -1,46 +1,124 @@
-import { ReactNode, RefObject } from "react";
+import { HTMLAttributes, ReactElement as ReactElement2, ReactNode as ReactNode2, RefObject } from "react";
+import { ButtonHTMLAttributes, ReactElement, ReactNode } from "react";
+interface SlotProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+	/** The element that becomes the control, e.g. a Button. */
+	render?: ReactElement;
+	/** Compose onto the single child instead. Both spellings work in both flavors. Defaults to `false`. */
+	asChild?: boolean;
+	/** Control content when there is no render element. */
+	children?: ReactNode;
+}
 import { JSX as JSX_1kxb } from "react";
+import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn } from "react";
+import { RefAttributes as RefAttributes_miuf56 } from "react";
 type Element_12xgc = JSX_1kxb["Element"];
 declare function TooltipPortalContainer({ value, children }: {
 	value: HTMLElement | null;
-	children: ReactNode;
+	children: ReactNode2;
 }): Element_12xgc;
 interface TooltipProviderProps {
-	children: ReactNode;
+	children: ReactNode2;
 	/** Hover delay before tooltips open, in ms. Defaults to 200. */
-	delayDuration?: number;
+	delay?: number;
+	/** Delay before a tooltip closes once the pointer leaves, in ms. Defaults to 0. */
+	closeDelay?: number;
 	/** After a tooltip closes, adjacent tooltips opened within this window
 	*  skip the hover delay, in ms. Defaults to 300. */
+	timeout?: number;
+	/** Radix name for `delay`; `delay` wins when both are set. */
+	delayDuration?: number;
+	/** Radix name for `timeout`; `timeout` wins when both are set. A negative
+	*  value, as some Radix configs use to turn the skip off, counts as 0. */
 	skipDelayDuration?: number;
 }
 /** Groups descendant Tooltips so that once one opens, moving to an adjacent
 *  trigger shows its tooltip instantly instead of re-waiting the full delay.
 *  Wrap once at the app (or section) level; bare Tooltips still work without
-*  it via a per-instance fallback. */
-declare function TooltipProvider({ children, delayDuration, skipDelayDuration }: TooltipProviderProps): Element_12xgc;
+*  it via a per-instance fallback. Takes Base UI's `delay` / `closeDelay` /
+*  `timeout`, or Radix's `delayDuration` / `skipDelayDuration`, so a Radix
+*  provider config can be spread into it. */
+declare function TooltipProvider({ children, delay, closeDelay, timeout, delayDuration, skipDelayDuration }: TooltipProviderProps): Element_12xgc;
 type TooltipSide = "top" | "right" | "bottom" | "left";
+type TooltipAlign = "start" | "center" | "end";
+interface TooltipRootProps {
+	/** Controlled open state. While set, hover and focus only report through `onOpenChange`. */
+	open?: boolean;
+	/** Initial open state, for an uncontrolled tooltip. Defaults to `false`. */
+	defaultOpen?: boolean;
+	/** Called when hover, focus or Escape would open or close the tooltip. */
+	onOpenChange?: (open: boolean) => void;
+	/** Hover delay before this tooltip opens, in ms. Defaults to the surrounding TooltipProvider's, else 200. */
+	delay?: number;
+	/** Radix name for `delay`. */
+	delayDuration?: number;
+	/** Delay before it closes once the pointer leaves, in ms. Defaults to the surrounding TooltipProvider's, else 0. */
+	closeDelay?: number;
+	/** Follow the cursor along one axis while hovering the trigger (see Tooltip's `followCursor`). */
+	followCursor?: "x" | "y";
+	/** A `Tooltip.Trigger` and a `Tooltip.Content`. */
+	children?: ReactNode2;
+}
+/** The state of one compound tooltip: open state, what opened it, the delays and the cursor axis. */
+declare function TooltipRoot({ open: openProp, defaultOpen, onOpenChange, delay: delayProp, delayDuration, closeDelay, followCursor, children }: TooltipRootProps): Element_12xgc;
+type TooltipTriggerProps = SlotProps;
+/** The element the tooltip describes: `render={<Button/>}`, Radix-style `asChild`, or a plain button around `children`. */
+declare const TooltipTrigger: ForwardRefExoticComponent_tcubfn<SlotProps & RefAttributes_miuf56<HTMLButtonElement>>;
+interface TooltipContentProps extends Omit<HTMLAttributes<HTMLDivElement>, "children" | "className"> {
+	/** The label. */
+	children?: ReactNode2;
+	/** An element to render the label as, inside the inverted surface; the label goes inside it. */
+	render?: ReactElement2;
+	/** Radix-style: the single child element is the label, rendered as-is inside the surface. Defaults to `false`. */
+	asChild?: boolean;
+	/** Preferred side of the trigger; flips when it would collide with the viewport edge. Defaults to `"top"`. */
+	side?: TooltipSide;
+	/** Alignment against the trigger along that side. Defaults to `"center"`. */
+	align?: TooltipAlign;
+	/** Distance in pixels between the tooltip and the trigger. Defaults to `8`. */
+	sideOffset?: number;
+	/** Shift in pixels along the alignment axis. Defaults to `0`. */
+	alignOffset?: number;
+	/** Classes for the label's surface. */
+	className?: string;
+	/** Classes for the portalled positioner — a z utility here lifts the tooltip above other fixed layers (default z-50). */
+	positionerClassName?: string;
+	/** Where the label grows from (see Morph): the trigger, the pointer, its own center, a viewport edge, or a ref to any element. Defaults to `'trigger'`. */
+	from?: "trigger" | "pointer" | "center" | "top" | "right" | "bottom" | "left" | RefObject<HTMLElement | null>;
+	/** How it grows (see Morph): with the liquid goo neck, a plain morph, a slide or a fade. `followCursor` tooltips always fade. Defaults to `'goo'`. */
+	effect?: "goo" | "morph" | "slide" | "fade";
+	/** Spring tier of a plain morph, slide or fade; goo runs on its own `spring.goo`. Defaults to `'moderate'`. */
+	tier?: "moderate" | "slow";
+}
+/** The inverted label, portalled and positioned next to the trigger, grown out of it through the morph. */
+declare const TooltipContent: ForwardRefExoticComponent_tcubfn<TooltipContentProps & RefAttributes_miuf56<HTMLDivElement>>;
 interface TooltipProps {
-	/** The content displayed inside the tooltip. */
-	content: ReactNode;
-	/** The trigger element. Must accept a ref. */
-	children: React.ReactElement;
+	/** The content displayed inside the tooltip. Leave it out to use `Tooltip` as the root of a compound tooltip (`Tooltip.Trigger` + `Tooltip.Content` inside). */
+	content?: ReactNode2;
+	/** The trigger element, which must accept a ref; or, without `content`, the compound parts. */
+	children?: ReactNode2;
 	/** Preferred side of the trigger to render the tooltip on. Defaults to `"top"`. */
 	side?: TooltipSide;
-	/** Distance in pixels between the tooltip and the trigger. Defaults to 8. */
+	/** Alignment against the trigger along that side. Defaults to `"center"`. */
+	align?: TooltipAlign;
+	/** Distance in pixels between the tooltip and the trigger. Defaults to `8`. */
 	sideOffset?: number;
-	/** Hover delay before this tooltip opens, in ms. Defaults to 200, or to the
-	*  ambient TooltipProvider's delayDuration when one is present. */
+	/** Hover delay before this tooltip opens, in ms. Defaults to 200, or to the ambient TooltipProvider's delay when one is present. */
 	delayDuration?: number;
+	/** Base UI name for `delayDuration`. */
+	delay?: number;
+	/** Delay before it closes once the pointer leaves, in ms. Defaults to the ambient TooltipProvider's, else 0. */
+	closeDelay?: number;
 	/** Additional classes applied to the tooltip content container. */
 	className?: string;
-	/** Extra classes for the portalled positioner element — pass a z utility
-	*  here to lift the whole tooltip above other fixed layers (default z-50). */
+	/** Extra classes for the portalled positioner element — pass a z utility here to lift the whole tooltip above other fixed layers (default z-50). */
 	contentClassName?: string;
 	/** When true, forces the tooltip open. When false, forces it closed. When undefined, uses default hover/focus behavior. */
 	forceOpen?: boolean;
-	/** Follow the cursor along one axis while hovering the trigger — for tall
-	*  or wide triggers (the Sidebar rail) where a centered tooltip sits far
-	*  from the pointer. The other axis stays anchored by `side`. */
+	/** Controlled open state, the Radix spelling of `forceOpen`. */
+	open?: boolean;
+	/** Initial open state, for an uncontrolled tooltip. Defaults to `false`. */
+	defaultOpen?: boolean;
+	/** Follow the cursor along one axis while hovering the trigger — for tall or wide triggers (the Sidebar rail) where a centered tooltip sits far from the pointer. The other axis stays anchored by `side`. */
 	followCursor?: "x" | "y";
 	/** Called when the tooltip's internal open state changes (before forceOpen is applied). */
 	onOpenChange?: (open: boolean) => void;
@@ -62,14 +140,28 @@ interface TooltipProps {
 * `followCursor` tracks the pointer along one axis for tall or wide triggers,
 * while the other stays anchored by `side`. Built on Base UI's Tooltip.
 *
+* Leave `content` out and `Tooltip` becomes the root of a compound tooltip:
+* a `Tooltip.Trigger` and a `Tooltip.Content` inside it, the shape Radix
+* code is written in. The label looks and moves the same either way.
+*
 * Statics:
+* - `Tooltip.Root` — `TooltipRoot`: the compound root on its own: `open`,
+*   `defaultOpen`, `onOpenChange`, `delay` (or `delayDuration`),
+*   `closeDelay`, `followCursor`.
+* - `Tooltip.Trigger` — `TooltipTrigger`: the described element,
+*   `render={<Button/>}` or Radix-style `asChild`.
+* - `Tooltip.Content` — `TooltipContent`: the label: `side`, `align`,
+*   `sideOffset`, `alignOffset`, `positionerClassName`, the morph options
+*   `from`, `effect`, `tier`, and `render` or Radix-style `asChild` for the
+*   label's own element; other props land on the popup.
 * - `Tooltip.Provider` — `TooltipProvider`: groups tooltips so moving from
 *   one trigger to an adjacent one skips the hover delay, and the morph: the
-*   next label shows in place.
+*   next label shows in place. `delay`, `closeDelay`, `timeout`, or Radix's
+*   `delayDuration` and `skipDelayDuration`.
 * - `Tooltip.PortalContainer` — `TooltipPortalContainer`: portal every
 *   descendant tooltip into a given element instead of the body.
 *
 * @example {@include ./examples.mdx}
 */
-declare function Tooltip({ content, children, side, sideOffset, delayDuration, className, contentClassName, forceOpen, onOpenChange: onOpenChangeProp, followCursor, from, effect, tier }: TooltipProps): Element_12xgc;
-export { Tooltip, TooltipPortalContainer, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipSide, Tooltip as default };
+declare function Tooltip({ content, children, side, align, sideOffset, delayDuration, delay, closeDelay, className, contentClassName, forceOpen, open, defaultOpen, onOpenChange, followCursor, from, effect, tier }: TooltipProps): Element_12xgc;
+export { Tooltip, TooltipAlign, TooltipContent, TooltipContentProps, TooltipPortalContainer, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipRoot, TooltipRootProps, TooltipSide, TooltipTrigger, TooltipTriggerProps, Tooltip as default };

package/dist/components/overlays/tooltip/index.js

@@ -1,17 +1,26 @@
 import {
   TooltipPortalContainer2,
   TooltipProvider2,
+  TooltipRoot2,
+  TooltipTrigger2,
+  TooltipContent2,
   Tooltip2,
   tooltip_default
-} from "../../../shared/components-ng72k97e.js";
-import"../../../shared/components-0q0sqfh4.js";
-import"../../../shared/components-hqeq3w9q.js";
-import"../../../shared/components-men63rwj.js";
-import"../../../shared/components-cv16mryv.js";
-import"../../../shared/components-ezxhrmer.js";
+} from "../../../shared/components-q03cktx8.js";
+import"../../../shared/components-vfjc9jzz.js";
+import"../../../shared/components-4y816hwp.js";
+import"../../../shared/components-b1e239g3.js";
+import"../../../shared/components-awra5sff.js";
+import"../../../shared/components-de99ykt7.js";
+import"../../../shared/components-3ey0hzpb.js";
+import"../../../shared/components-78x40gee.js";
+import"../../../shared/components-jcnjay5g.js";
 export {
   Tooltip2 as Tooltip,
+  TooltipContent2 as TooltipContent,
   TooltipPortalContainer2 as TooltipPortalContainer,
   TooltipProvider2 as TooltipProvider,
+  TooltipRoot2 as TooltipRoot,
+  TooltipTrigger2 as TooltipTrigger,
   tooltip_default as default
 };

package/dist/components/progress/index.d.ts

@@ -0,0 +1,56 @@
+import { ComponentPropsWithoutRef, ForwardRefExoticComponent, ReactNode, RefAttributes } from "react";
+type SizeVariant = "default" | "compact";
+interface SpinnerProps extends Omit<ComponentPropsWithoutRef<"span">, "children"> {
+	/** Pins the spinner to one step of the size ladder: one control tall (36px default, 28px compact), like a loading Button's. Defaults to the surrounding SizeProvider. */
+	size?: SizeVariant;
+	/** What is loading, read to assistive tech. Defaults to `"Loading"`. */
+	label?: string;
+	/** Classes for the box: a size off the ladder (`size-5` inline in text), a color. */
+	className?: string;
+}
+/** An indeterminate wait in a small space: Button's loading glyph on its own. */
+declare const Spinner: ForwardRefExoticComponent<SpinnerProps & RefAttributes<HTMLSpanElement>>;
+interface ProgressProps extends Omit<ComponentPropsWithoutRef<"div">, "children"> {
+	/** How far along the task is, between `min` and `max`. `null` is an indeterminate bar: a segment sweeping the track while the amount is unknown. Defaults to `null`. */
+	value?: number | null;
+	/** The value of an empty bar. Defaults to `0`. */
+	min?: number;
+	/** The value of a full bar. Defaults to `100`. */
+	max?: number;
+	/** A label above the bar, also its accessible name. Without one, give the bar an `aria-label`. */
+	label?: ReactNode;
+	/** Shows the value, formatted as a percentage, at the end of the label row. Defaults to `false`. */
+	showValue?: boolean;
+	/** Number format for the shown value and for assistive tech, as `Intl.NumberFormat` options. Defaults to a percentage. */
+	format?: Intl.NumberFormatOptions;
+	/** Pins the label row to one step of the size ladder. Defaults to the surrounding SizeProvider. */
+	size?: SizeVariant;
+	/** Classes for the root: a width, or `absolute inset-x-0 top-0` for a loading line along a region's top edge. */
+	className?: string;
+}
+type ProgressComponent = ForwardRefExoticComponent<ProgressProps & RefAttributes<HTMLDivElement>> & {
+	Spinner: typeof Spinner;
+};
+/**
+* Shows how far along a task is, or that something is still working when
+* nobody knows how far.
+*
+* A determinate bar (`value`) slides its fill to the new amount on the
+* indicator spring, never stretching it, so the rounded end keeps its shape;
+* an indeterminate one (`value={null}`) sweeps an ink segment along a recessed
+* track. The fill is ink, not the brand blue: progress is information, not a
+* selection. Base UI's Progress gives the bar its `progressbar` role, its
+* values and their text for assistive tech; `label` names it and `showValue`
+* prints the formatted value beside the label. Under reduced motion the fill
+* jumps to its amount and the indeterminate bar breathes in place instead of
+* travelling.
+*
+* Statics:
+* - `Progress.Spinner` — the same wait in a small space: Button's loading
+*   glyph on its own, one control tall (`size`), `label` for assistive tech.
+*   Also exported as `Spinner`.
+*
+* @example {@include ./examples.mdx}
+*/
+declare const Progress: ProgressComponent;
+export { Progress, ProgressProps, Spinner, SpinnerProps, Progress as default };

package/dist/components/progress/index.js

@@ -0,0 +1,15 @@
+import {
+  Spinner2,
+  Progress2,
+  progress_default
+} from "../../shared/components-d3shbwqq.js";
+import"../../shared/components-de99ykt7.js";
+import"../../shared/components-3ey0hzpb.js";
+import"../../shared/components-h83az0bz.js";
+import"../../shared/components-34txk9rj.js";
+import"../../shared/components-jcnjay5g.js";
+export {
+  Progress2 as Progress,
+  Spinner2 as Spinner,
+  progress_default as default
+};