beez-ui 2.5.0 → 2.6.1

package/dist/components/themed-toaster.d.ts

@@ -1,4 +1,8 @@
 import { type ToasterProps } from "sonner";
-/** Renders shared notification styling using the consumer's resolved theme. */
-declare const ThemedToaster: ({ theme, ...props }: ToasterProps) => import("react").JSX.Element;
+/**
+ * Renders shared notification styling using the consumer's resolved theme. Toasts take pointer input even while a
+ * modal overlay (which disables pointer events on the page) is open, and Sonner's hotkey moves keyboard focus into
+ * them past the modal's focus trap, so their actions stay usable from a dialog.
+ */
+declare const ThemedToaster: ({ theme, className, ...props }: ToasterProps) => import("react").JSX.Element;
 export { ThemedToaster };

package/dist/components/themed-toaster.js

@@ -1,104 +1,134 @@
 "use client";
 import { c as _c } from "react/compiler-runtime";
 import { MotionSlot } from "../motion/motion-slot.js";
+import { cn } from "../lib/utils.js";
+import { letFocusReachToastLayer } from "../lib/toast-layer.js";
+import { useEffect } from "react";
 import { Toaster as Sonner } from "sonner";
 import { useTheme } from "next-themes";
 import { CircleCheck, Info, TriangleAlert, OctagonAlert, Loader } from "lucide-react";
 import { jsx as _jsx } from "react/jsx-runtime";
-/** Renders shared notification styling using the consumer's resolved theme. */
+/**
+* Renders shared notification styling using the consumer's resolved theme. Toasts take pointer input even while a
+* modal overlay (which disables pointer events on the page) is open, and Sonner's hotkey moves keyboard focus into
+* them past the modal's focus trap, so their actions stay usable from a dialog.
+*/
 const ThemedToaster = (t0) => {
-	const $ = _c(12);
+	const $ = _c(17);
+	let className;
 	let props;
 	let theme;
 	if ($[0] !== t0) {
-		({theme, ...props} = t0);
+		({theme, className, ...props} = t0);
 		$[0] = t0;
-		$[1] = props;
-		$[2] = theme;
+		$[1] = className;
+		$[2] = props;
+		$[3] = theme;
 	} else {
-		props = $[1];
-		theme = $[2];
+		className = $[1];
+		props = $[2];
+		theme = $[3];
 	}
 	const { resolvedTheme } = useTheme();
 	const activeTheme = theme ?? (resolvedTheme === "dark" ? "dark" : "light");
 	let t1;
-	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = /* @__PURE__ */ _jsx(MotionSlot, {
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = [];
+		$[4] = t1;
+	} else {
+		t1 = $[4];
+	}
+	useEffect(_temp, t1);
+	let t2;
+	if ($[5] !== className) {
+		t2 = cn("toaster group pointer-events-auto", className);
+		$[5] = className;
+		$[6] = t2;
+	} else {
+		t2 = $[6];
+	}
+	let t3;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ _jsx(MotionSlot, {
 			kind: "selection",
 			children: /* @__PURE__ */ _jsx(CircleCheck, { className: "size-4" })
 		});
-		$[3] = t1;
+		$[7] = t3;
 	} else {
-		t1 = $[3];
+		t3 = $[7];
 	}
-	let t2;
-	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ _jsx(MotionSlot, {
+	let t4;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ _jsx(MotionSlot, {
 			kind: "selection",
 			children: /* @__PURE__ */ _jsx(Info, { className: "size-4" })
 		});
-		$[4] = t2;
+		$[8] = t4;
 	} else {
-		t2 = $[4];
+		t4 = $[8];
 	}
-	let t3;
-	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ _jsx(MotionSlot, {
+	let t5;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ _jsx(MotionSlot, {
 			kind: "selection",
 			children: /* @__PURE__ */ _jsx(TriangleAlert, { className: "size-4" })
 		});
-		$[5] = t3;
+		$[9] = t5;
 	} else {
-		t3 = $[5];
+		t5 = $[9];
 	}
-	let t4;
-	let t5;
-	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = {
-			success: t1,
-			info: t2,
-			warning: t3,
+	let t6;
+	let t7;
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = {
+			success: t3,
+			info: t4,
+			warning: t5,
 			error: /* @__PURE__ */ _jsx(MotionSlot, {
 				kind: "selection",
 				children: /* @__PURE__ */ _jsx(OctagonAlert, { className: "size-4" })
 			}),
 			loading: /* @__PURE__ */ _jsx(Loader, { className: "size-4 animate-spin" })
 		};
-		t5 = {
+		t7 = {
 			"--normal-bg": "var(--popover)",
 			"--normal-text": "var(--popover-foreground)",
 			"--normal-border": "var(--border)",
 			"--border-radius": "var(--radius)"
 		};
-		$[6] = t4;
-		$[7] = t5;
+		$[10] = t6;
+		$[11] = t7;
 	} else {
-		t4 = $[6];
-		t5 = $[7];
+		t6 = $[10];
+		t7 = $[11];
 	}
-	let t6;
-	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-		t6 = { classNames: { toast: "cn-toast" } };
-		$[8] = t6;
+	let t8;
+	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = { classNames: { toast: "cn-toast" } };
+		$[12] = t8;
 	} else {
-		t6 = $[8];
+		t8 = $[12];
 	}
-	let t7;
-	if ($[9] !== activeTheme || $[10] !== props) {
-		t7 = /* @__PURE__ */ _jsx(Sonner, {
+	let t9;
+	if ($[13] !== activeTheme || $[14] !== props || $[15] !== t2) {
+		t9 = /* @__PURE__ */ _jsx(Sonner, {
 			theme: activeTheme,
-			className: "toaster group",
-			icons: t4,
-			style: t5,
-			toastOptions: t6,
+			className: t2,
+			icons: t6,
+			style: t7,
+			toastOptions: t8,
 			...props
 		});
-		$[9] = activeTheme;
-		$[10] = props;
-		$[11] = t7;
+		$[13] = activeTheme;
+		$[14] = props;
+		$[15] = t2;
+		$[16] = t9;
 	} else {
-		t7 = $[11];
+		t9 = $[16];
 	}
-	return t7;
+	return t9;
 };
 export { ThemedToaster };
+function _temp() {
+	return letFocusReachToastLayer(document);
+}

package/dist/components/tooltip.d.ts

@@ -1,7 +1,38 @@
+/**
+ * Arc's Tooltip (https://uiarc.dev, MIT License, see THIRD_PARTY_NOTICES.md): a short dark bubble on Arc's tokens that
+ * waits a moment, then rises a few pixels from its trigger. While a tooltip is open, and briefly after it closes, the
+ * next one opens at once and only fades. It keeps the Radix composition (`Tooltip`, `TooltipTrigger`,
+ * `TooltipContent`, `TooltipProvider`) and adds Arc's shorthand: `<Tooltip content="..." side="...">` wraps its child.
+ */
 import * as React from "react";
 import { Tooltip as TooltipPrimitive } from "radix-ui";
+/**
+ * Shares the open delay among the tooltips it wraps.
+ * @param props - Radix provider properties. `delayDuration` defaults to Arc's 250ms.
+ * @returns The provider.
+ */
 declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): React.JSX.Element;
-declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): React.JSX.Element;
+export type TooltipProps = React.ComponentProps<typeof TooltipPrimitive.Root> & {
+    /**
+     * Arc's shorthand: the bubble's content. When set, the only child becomes the trigger (it must accept a ref and be
+     * focusable) and the tooltip renders its own `TooltipContent`.
+     */
+    content?: React.ReactNode;
+    /** Side of the trigger the shorthand bubble prefers. Defaults to `top`. */
+    side?: React.ComponentProps<typeof TooltipPrimitive.Content>["side"];
+};
+/**
+ * Owns the open state of one tooltip. It works with or without a `TooltipProvider`: without one it brings its own,
+ * as Arc's Tooltip does.
+ * @param props - Radix root properties plus Arc's optional `content` and `side` shorthand.
+ * @returns The tooltip root.
+ */
+declare function Tooltip({ content, side, children, delayDuration, ...props }: TooltipProps): React.JSX.Element;
 declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): React.JSX.Element;
-declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): React.JSX.Element;
+/**
+ * Renders Arc's bubble: inverted colors, a hairline border, the raised shadow and 15rem of maximum width.
+ * @param props - Radix content properties. `sideOffset` defaults to 8px and `collisionPadding` to 12px.
+ * @returns The portaled bubble.
+ */
+declare function TooltipContent({ className, sideOffset, collisionPadding, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): React.JSX.Element;
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/components/tooltip.js

@@ -1,11 +1,30 @@
 "use client";
 import { c as _c } from "react/compiler-runtime";
+/**
+* Arc's Tooltip (https://uiarc.dev, MIT License, see THIRD_PARTY_NOTICES.md): a short dark bubble on Arc's tokens that
+* waits a moment, then rises a few pixels from its trigger. While a tooltip is open, and briefly after it closes, the
+* next one opens at once and only fades. It keeps the Radix composition (`Tooltip`, `TooltipTrigger`,
+* `TooltipContent`, `TooltipProvider`) and adds Arc's shorthand: `<Tooltip content="..." side="...">` wraps its child.
+*/
 import * as React from "react";
 import { Tooltip as TooltipPrimitive } from "radix-ui";
-import { MotionSlot } from "../motion/motion-slot.js";
+import { ArcFloatingSlot } from "../motion/arc-floating-slot.js";
+import { createOverlayWarmth, useOpenedWhileWarm } from "../motion/overlay-warmth.js";
 import { MotionPresence, MotionOpenProvider, useMotionOpenState } from "../motion/presence.js";
 import { cn } from "../lib/utils.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TOOLTIP_COLLISION_PADDING_PX, TOOLTIP_INSTANT_MOTION, TOOLTIP_MOTION, TOOLTIP_OPEN_DELAY_MS, TOOLTIP_SIDE_OFFSET_PX, TOOLTIP_SKIP_WINDOW_MS } from "../constants/tooltip.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/** Every tooltip on the page shares one skip window, whichever provider it belongs to. */
+const tooltipWarmth = createOverlayWarmth(TOOLTIP_SKIP_WINDOW_MS);
+/** Whether the page was already warm when the surrounding layer opened, so its entrance only fades. */
+const TooltipOpenedWhileWarmContext = React.createContext(false);
+/** Tells a `Tooltip` whether a `TooltipProvider` already wraps it. */
+const TooltipProviderPresenceContext = React.createContext(false);
+/**
+* Shares the open delay among the tooltips it wraps.
+* @param props - Radix provider properties. `delayDuration` defaults to Arc's 250ms.
+* @returns The provider.
+*/
 function TooltipProvider(t0) {
 	const $ = _c(6);
 	let props;
@@ -19,13 +38,16 @@ function TooltipProvider(t0) {
 		props = $[1];
 		t1 = $[2];
 	}
-	const delayDuration = t1 === undefined ? 0 : t1;
+	const delayDuration = t1 === undefined ? TOOLTIP_OPEN_DELAY_MS : t1;
 	let t2;
 	if ($[3] !== delayDuration || $[4] !== props) {
-		t2 = /* @__PURE__ */ _jsx(TooltipPrimitive.Provider, {
-			"data-slot": "tooltip-provider",
-			delayDuration,
-			...props
+		t2 = /* @__PURE__ */ _jsx(TooltipProviderPresenceContext.Provider, {
+			value: true,
+			children: /* @__PURE__ */ _jsx(TooltipPrimitive.Provider, {
+				"data-slot": "tooltip-provider",
+				delayDuration,
+				...props
+			})
 		});
 		$[3] = delayDuration;
 		$[4] = props;
@@ -35,46 +57,130 @@ function TooltipProvider(t0) {
 	}
 	return t2;
 }
+/**
+* Owns the open state of one tooltip. It works with or without a `TooltipProvider`: without one it brings its own,
+* as Arc's Tooltip does.
+* @param props - Radix root properties plus Arc's optional `content` and `side` shorthand.
+* @returns The tooltip root.
+*/
 function Tooltip(t0) {
-	const $ = _c(9);
+	const $ = _c(29);
+	let children;
+	let content;
+	let delayDuration;
 	let props;
+	let side;
 	if ($[0] !== t0) {
-		({...props} = t0);
+		({content, side, children, delayDuration, ...props} = t0);
 		$[0] = t0;
-		$[1] = props;
+		$[1] = children;
+		$[2] = content;
+		$[3] = delayDuration;
+		$[4] = props;
+		$[5] = side;
 	} else {
-		props = $[1];
+		children = $[1];
+		content = $[2];
+		delayDuration = $[3];
+		props = $[4];
+		side = $[5];
 	}
 	const [motionOpen, setMotionOpen] = useMotionOpenState(props);
+	const isWarm = React.useSyncExternalStore(tooltipWarmth.subscribe, tooltipWarmth.isWarm, tooltipWarmth.isWarmOnServer);
+	const openedWhileWarm = useOpenedWhileWarm(motionOpen, isWarm);
+	const hasProvider = React.useContext(TooltipProviderPresenceContext);
 	let t1;
-	if ($[2] !== motionOpen || $[3] !== props || $[4] !== setMotionOpen) {
-		t1 = /* @__PURE__ */ _jsx(TooltipPrimitive.Root, {
+	let t2;
+	if ($[6] !== motionOpen) {
+		t1 = () => {
+			if (!motionOpen) {
+				return;
+			}
+			return tooltipWarmth.open();
+		};
+		t2 = [motionOpen];
+		$[6] = motionOpen;
+		$[7] = t1;
+		$[8] = t2;
+	} else {
+		t1 = $[7];
+		t2 = $[8];
+	}
+	React.useEffect(t1, t2);
+	const usesShorthand = content !== undefined;
+	const t3 = isWarm ? 0 : delayDuration;
+	let t4;
+	if ($[9] !== children || $[10] !== content || $[11] !== side || $[12] !== usesShorthand) {
+		t4 = usesShorthand ? /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(TooltipTrigger, {
+			asChild: true,
+			children
+		}), /* @__PURE__ */ _jsx(TooltipContent, {
+			side,
+			children: content
+		})] }) : children;
+		$[9] = children;
+		$[10] = content;
+		$[11] = side;
+		$[12] = usesShorthand;
+		$[13] = t4;
+	} else {
+		t4 = $[13];
+	}
+	let t5;
+	if ($[14] !== motionOpen || $[15] !== props || $[16] !== setMotionOpen || $[17] !== t3 || $[18] !== t4) {
+		t5 = /* @__PURE__ */ _jsx(TooltipPrimitive.Root, {
 			"data-slot": "tooltip",
 			...props,
+			delayDuration: t3,
 			open: motionOpen,
-			onOpenChange: setMotionOpen
+			onOpenChange: setMotionOpen,
+			children: t4
 		});
-		$[2] = motionOpen;
-		$[3] = props;
-		$[4] = setMotionOpen;
-		$[5] = t1;
+		$[14] = motionOpen;
+		$[15] = props;
+		$[16] = setMotionOpen;
+		$[17] = t3;
+		$[18] = t4;
+		$[19] = t5;
 	} else {
-		t1 = $[5];
+		t5 = $[19];
 	}
-	let t2;
-	if ($[6] !== motionOpen || $[7] !== t1) {
-		t2 = /* @__PURE__ */ _jsx(MotionOpenProvider, {
+	let t6;
+	if ($[20] !== openedWhileWarm || $[21] !== t5) {
+		t6 = /* @__PURE__ */ _jsx(TooltipOpenedWhileWarmContext.Provider, {
+			value: openedWhileWarm,
+			children: t5
+		});
+		$[20] = openedWhileWarm;
+		$[21] = t5;
+		$[22] = t6;
+	} else {
+		t6 = $[22];
+	}
+	let t7;
+	if ($[23] !== motionOpen || $[24] !== t6) {
+		t7 = /* @__PURE__ */ _jsx(MotionOpenProvider, {
 			scope: "tooltip",
 			open: motionOpen,
-			children: t1
+			children: t6
 		});
-		$[6] = motionOpen;
-		$[7] = t1;
-		$[8] = t2;
+		$[23] = motionOpen;
+		$[24] = t6;
+		$[25] = t7;
 	} else {
-		t2 = $[8];
+		t7 = $[25];
 	}
-	return t2;
+	const root = t7;
+	let t8;
+	if ($[26] !== hasProvider || $[27] !== root) {
+		t8 = hasProvider ? root : /* @__PURE__ */ _jsx(TooltipProvider, { children: root });
+		$[26] = hasProvider;
+		$[27] = root;
+		$[28] = t8;
+	} else {
+		t8 = $[28];
+	}
+	return t8;
 }
 function TooltipTrigger(t0) {
 	const $ = _c(4);
@@ -99,79 +205,101 @@ function TooltipTrigger(t0) {
 	}
 	return t1;
 }
+/**
+* Renders Arc's bubble: inverted colors, a hairline border, the raised shadow and 15rem of maximum width.
+* @param props - Radix content properties. `sideOffset` defaults to 8px and `collisionPadding` to 12px.
+* @returns The portaled bubble.
+*/
 function TooltipContent(t0) {
-	const $ = _c(16);
+	const $ = _c(22);
 	let children;
 	let className;
 	let props;
 	let t1;
+	let t2;
 	if ($[0] !== t0) {
-		({className, sideOffset: t1, children, ...props} = t0);
+		({className, sideOffset: t1, collisionPadding: t2, children, ...props} = t0);
 		$[0] = t0;
 		$[1] = children;
 		$[2] = className;
 		$[3] = props;
 		$[4] = t1;
+		$[5] = t2;
 	} else {
 		children = $[1];
 		className = $[2];
 		props = $[3];
 		t1 = $[4];
+		t2 = $[5];
 	}
-	const sideOffset = t1 === undefined ? 0 : t1;
-	const t2 = props.forceMount;
-	let t3;
-	if ($[5] !== className) {
-		t3 = cn("z-50 inline-flex w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm ", className);
-		$[5] = className;
-		$[6] = t3;
-	} else {
-		t3 = $[6];
-	}
+	const sideOffset = t1 === undefined ? TOOLTIP_SIDE_OFFSET_PX : t1;
+	const collisionPadding = t2 === undefined ? TOOLTIP_COLLISION_PADDING_PX : t2;
+	const openedWhileWarm = React.useContext(TooltipOpenedWhileWarmContext);
+	const t3 = props.forceMount;
 	let t4;
-	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = /* @__PURE__ */ _jsx(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" });
+	if ($[6] !== openedWhileWarm) {
+		t4 = () => openedWhileWarm ? TOOLTIP_INSTANT_MOTION : TOOLTIP_MOTION;
+		$[6] = openedWhileWarm;
 		$[7] = t4;
 	} else {
 		t4 = $[7];
 	}
 	let t5;
-	if ($[8] !== children || $[9] !== props || $[10] !== sideOffset || $[11] !== t3) {
-		t5 = /* @__PURE__ */ _jsx(MotionSlot, {
-			kind: "tooltip",
-			children: /* @__PURE__ */ _jsxs(TooltipPrimitive.Content, {
-				forceMount: true,
-				"data-slot": "tooltip-content",
-				sideOffset,
-				className: t3,
-				...props,
-				children: [children, t4]
-			})
-		});
-		$[8] = children;
-		$[9] = props;
-		$[10] = sideOffset;
-		$[11] = t3;
-		$[12] = t5;
+	if ($[8] !== className) {
+		t5 = cn("z-50 inline-flex w-fit max-w-60 origin-(--radix-tooltip-content-transform-origin) items-center gap-1.5 rounded-(--radius-control) border border-[color-mix(in_oklab,var(--background)_14%,var(--foreground))] bg-foreground px-(--space-4) py-(--space-3) font-sans text-sm leading-(--leading-body) font-normal tracking-(--tracking-body) text-background shadow-(--shadow-raised) has-data-[slot=kbd]:pr-(--space-3) **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm", className);
+		$[8] = className;
+		$[9] = t5;
 	} else {
-		t5 = $[12];
+		t5 = $[9];
 	}
 	let t6;
-	if ($[13] !== props.forceMount || $[14] !== t5) {
-		t6 = /* @__PURE__ */ _jsx(TooltipPrimitive.Portal, {
+	if ($[10] !== children || $[11] !== collisionPadding || $[12] !== props || $[13] !== sideOffset || $[14] !== t5) {
+		t6 = /* @__PURE__ */ _jsx(TooltipPrimitive.Content, {
 			forceMount: true,
-			children: /* @__PURE__ */ _jsx(MotionPresence, {
-				scope: "tooltip",
-				forceMount: t2,
-				children: t5
-			})
+			"data-slot": "tooltip-content",
+			sideOffset,
+			collisionPadding,
+			className: t5,
+			...props,
+			children
 		});
-		$[13] = props.forceMount;
+		$[10] = children;
+		$[11] = collisionPadding;
+		$[12] = props;
+		$[13] = sideOffset;
 		$[14] = t5;
 		$[15] = t6;
 	} else {
 		t6 = $[15];
 	}
-	return t6;
+	let t7;
+	if ($[16] !== t4 || $[17] !== t6) {
+		t7 = /* @__PURE__ */ _jsx(ArcFloatingSlot, {
+			motion: t4,
+			children: t6
+		});
+		$[16] = t4;
+		$[17] = t6;
+		$[18] = t7;
+	} else {
+		t7 = $[18];
+	}
+	let t8;
+	if ($[19] !== props.forceMount || $[20] !== t7) {
+		t8 = /* @__PURE__ */ _jsx(TooltipPrimitive.Portal, {
+			forceMount: true,
+			children: /* @__PURE__ */ _jsx(MotionPresence, {
+				scope: "tooltip",
+				forceMount: t3,
+				children: t7
+			})
+		});
+		$[19] = props.forceMount;
+		$[20] = t7;
+		$[21] = t8;
+	} else {
+		t8 = $[21];
+	}
+	return t8;
 }
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/constants/alert.d.ts

@@ -0,0 +1,12 @@
+/** Copy and options of Arc's Alert. */
+/** Arc's semantic tones for an alert; `danger` interrupts as an alert, the rest are polite statuses. */
+export type AlertTone = "info" | "success" | "warning" | "danger";
+/** Default Spanish accessible name of the dismiss button. */
+export declare const ALERT_DISMISS_LABEL = "Descartar aviso";
+/** Live-region roles: only a danger alert interrupts; every other tone is announced politely. */
+export declare const ALERT_TONE_ROLE: {
+    readonly info: "status";
+    readonly success: "status";
+    readonly warning: "status";
+    readonly danger: "alert";
+};

package/dist/constants/alert.js

@@ -0,0 +1,9 @@
+/** Default Spanish accessible name of the dismiss button. */
+export const ALERT_DISMISS_LABEL = "Descartar aviso";
+/** Live-region roles: only a danger alert interrupts; every other tone is announced politely. */
+export const ALERT_TONE_ROLE = {
+	info: "status",
+	success: "status",
+	warning: "status",
+	danger: "alert"
+};

package/dist/constants/avatar.d.ts

@@ -0,0 +1,10 @@
+/** Copy and options of Arc's Avatar presence dot. */
+/** Presence an avatar can show with Arc's status dot. */
+export type AvatarStatus = "online" | "offline";
+/** Default Spanish labels read by assistive technology for each presence. */
+export declare const AVATAR_STATUS_LABEL: {
+    readonly online: "En línea";
+    readonly offline: "Desconectado";
+};
+/** Scale the status dot grows from and shrinks back to. */
+export declare const AVATAR_STATUS_HIDDEN_SCALE = 0.6;

package/dist/constants/avatar.js

@@ -0,0 +1,7 @@
+/** Default Spanish labels read by assistive technology for each presence. */
+export const AVATAR_STATUS_LABEL = {
+	online: "En línea",
+	offline: "Desconectado"
+};
+/** Scale the status dot grows from and shrinks back to. */
+export const AVATAR_STATUS_HIDDEN_SCALE = .6;

package/dist/constants/badge.d.ts

@@ -0,0 +1,6 @@
+/** Tuning of Arc's Badge label swap. */
+/** Vertical offsets, in em, of a new label rising in and the old one lifting out. */
+export declare const BADGE_LABEL_OFFSET_EM: {
+    readonly enter: 0.3;
+    readonly exit: -0.3;
+};

package/dist/constants/badge.js

@@ -0,0 +1,6 @@
+/** Tuning of Arc's Badge label swap. */
+/** Vertical offsets, in em, of a new label rising in and the old one lifting out. */
+export const BADGE_LABEL_OFFSET_EM = {
+	enter: .3,
+	exit: -.3
+};

package/dist/constants/calendar.d.ts

@@ -0,0 +1,24 @@
+/** Tuning of `Calendar`, adapted from Arc's calendar (https://uiarc.dev, MIT License, see THIRD_PARTY_NOTICES.md). */
+/** Spring of a month sliding in: Arc's month strip, critically damped so it never overshoots or queues. */
+export declare const CALENDAR_MONTH_SPRING: {
+    readonly type: "spring";
+    readonly visualDuration: 0.36;
+    readonly bounce: 0;
+    readonly restDelta: 0.002;
+};
+/** Opacity a month starts from while it slides in, matching Arc's neighbouring pane one step off the strip. */
+export declare const CALENDAR_MONTH_ENTER_OPACITY = 0.4;
+/** Scale the selected disc grows from when the selection enters a month. */
+export declare const CALENDAR_SELECTION_ENTER_SCALE = 0.6;
+/** Duration, in seconds, of the selected disc fading out when the selection leaves a month. */
+export declare const CALENDAR_SELECTION_EXIT_DURATION_S = 0.14;
+/** Day button that holds a single selection, the only one the gliding disc follows. */
+export declare const CALENDAR_SELECTED_DAY_SELECTOR = "[data-selected-single=\"true\"]";
+/** Attribute the month sets while its disc paints the selection, so the selected day drops its own fill. */
+export declare const CALENDAR_SELECTION_DISC_ATTRIBUTE = "data-selection-disc";
+/** Default copy of the optional Today button. */
+export declare const CALENDAR_COPY: {
+    readonly today: "Hoy";
+};
+/** Months in a year, to compare dates by calendar month. */
+export declare const CALENDAR_MONTHS_PER_YEAR = 12;