beez-ui 2.6.1 → 2.7.0

package/dist/motion/tokens.d.ts

@@ -1,30 +1,49 @@
-/**
- * Defines the timing, curves and physics shared by Motion animations, aligned with beui.dev/components/motion.
- * Public: consumers animate their own product surfaces with these tokens so they move like the library.
- */
 export declare const MOTION_TIMING: {
-    readonly fast: 0.14;
-    readonly enter: 0.18;
-    readonly message: 0.2;
-    readonly panel: 0.22;
-    readonly overlay: 0.2;
-    readonly exit: 0.12;
+    /** Arc `duration.instant`: color answers and fades that must feel immediate. */
+    readonly instant: 0.12;
+    /** Arc `duration.fast`: small fades, the opacity of a spring entrance, and dialog exits. */
+    readonly fast: 0.16;
+    /** Arc `duration.standard`: entrance tweens. */
+    readonly enter: 0.24;
+    /** Arc `duration.standard`: tween length for a deliberate on-screen change. */
+    readonly standard: 0.24;
+    /** Arc `duration.considered`: the slowest tween, for large layout changes. */
+    readonly considered: 0.48;
+    /** Arc `duration.standard`: inline messages that appear next to the content they describe. */
+    readonly message: 0.24;
+    /** Arc `duration.standard`: opacity of panels whose size moves on a spring. */
+    readonly panel: 0.24;
+    /** Arc `duration.standard`: scrims fading in behind dialogs and sheets. */
+    readonly overlay: 0.24;
+    /** Arc `duration.exit`: leaving is faster than arriving. */
+    readonly exit: 0.18;
     readonly surfaceClip: 0.32;
+    /**
+     * @deprecated Invalid fields no longer shake: the error is told by color and message. Kept for consumers that
+     * animate their own fields.
+     */
     readonly shake: 0.45;
     readonly checkDraw: 0.3;
     readonly checkDrawDelay: 0.04;
-    readonly iconSwap: 0.2;
-    readonly listItem: 0.18;
+    /** Arc `duration.fast`: the fade of an icon swapped in place; its scale rides `SPRING_POP`. */
+    readonly iconSwap: 0.16;
+    /** Arc `duration.fast`: options fading in with their list. */
+    readonly listItem: 0.16;
     readonly listDelay: 0.05;
+    /** Arc `stagger.item`. */
     readonly listStagger: 0.035;
     readonly closeEnter: 0.2;
     readonly closeDelay: 0.16;
+    /** Arc `duration.standard`: edge panels leaving the viewport. */
     readonly sheetExit: 0.24;
-    /** Dialog surface unfolding from its center toward every edge. */
+    /**
+     * @deprecated Dialogs no longer unfold from their center; they rise and scale in on `SPRING_PANEL`. Kept for
+     * consumers that animate their own surfaces with it.
+     */
     readonly centerMorph: 0.43;
     /**
-     * Dialog surface folding back to its center. Shorter than the unfold: the page stays hidden
-     * from assistive technology and focus returns to the trigger only once the fold finishes.
+     * @deprecated Dialogs no longer fold back to their center; they leave in `MOTION_TIMING.fast`. Kept for consumers
+     * that animate their own surfaces with it.
      */
     readonly centerMorphFold: 0.24;
     readonly reveal: 0.4;
@@ -32,96 +51,95 @@ export declare const MOTION_TIMING: {
     readonly pop: 0.32;
     /** Height of expanding and collapsing regions. */
     readonly collapse: 0.26;
+    /** Arc `duration.standard`. */
     readonly monthSwap: 0.24;
     readonly cursorBlink: 1;
     readonly skeleton: 1.8;
 };
 /** Items beyond this position share the last stagger delay, so long lists never lag behind. */
 export declare const MOTION_LIST_STAGGER_LIMIT = 10;
-/** Strong ease-out used for entrances; weak defaults such as `ease-out` feel sluggish. */
+/** Arc `ease.enter`: strong ease-out for entrances; weak defaults such as `ease-out` feel sluggish. */
 export declare const MOTION_EASE: readonly [0.16, 1, 0.3, 1];
-/** Symmetric curve for looping or reversible effects. */
-export declare const MOTION_EASE_IN_OUT: readonly [0.77, 0, 0.175, 1];
+/** Arc `ease.exit`: accelerates away, for elements leaving the screen. */
+export declare const MOTION_EASE_EXIT: readonly [0.7, 0, 0.84, 0];
+/** Arc `ease.standard`: color and opacity changes, and quick exits that must not linger. */
+export declare const MOTION_EASE_STANDARD: readonly [0.22, 1, 0.36, 1];
+/** Arc `ease.inOut`: elements that move while already on screen, and looping effects. */
+export declare const MOTION_EASE_IN_OUT: readonly [0.65, 0, 0.35, 1];
 /** Drawer curve for edge panels leaving the viewport. */
 export declare const MOTION_EASE_DRAWER: readonly [0.32, 0.72, 0, 1];
 /**
  * Near-linear curve for the center morph: a spring or strong ease-out would resolve the clip
  * early and spend the last frames barely moving, so the whole duration reads as unfolding.
+ * @deprecated Dialogs no longer unfold from their center. Kept for consumers that animate their own surfaces with it.
  */
 export declare const MOTION_EASE_UNFOLD: readonly [0.2, 0, 0.2, 1];
-/** Press feedback on buttons and other tappable surfaces. */
+/** Arc `spring.snappy`: press feedback on buttons and other tappable surfaces. */
 export declare const SPRING_PRESS: {
     readonly type: "spring";
-    readonly stiffness: 500;
-    readonly damping: 30;
-    readonly mass: 0.6;
+    readonly visualDuration: 0.26;
+    readonly bounce: 0.12;
 };
-/** Overlay panel entrances — dialogs, sheets and floating surfaces. */
+/** Arc `spring.smooth`: overlay panel entrances (dialogs, sheets and floating surfaces); never overshoots. */
 export declare const SPRING_PANEL: {
     readonly type: "spring";
-    readonly stiffness: 420;
-    readonly damping: 40;
-    readonly mass: 0.5;
+    readonly visualDuration: 0.4;
+    readonly bounce: 0;
 };
-/** Shared-layout glides — indicators and highlights moving between items. */
+/** Arc `spring.morph`: shared-layout glides, indicators and highlights moving between items. */
 export declare const SPRING_LAYOUT: {
     readonly type: "spring";
-    readonly stiffness: 360;
-    readonly damping: 32;
-    readonly mass: 0.6;
+    readonly visualDuration: 0.42;
+    readonly bounce: 0.16;
 };
-/** Keyboard highlight in menus and lists: quick enough to keep up with a held arrow key. */
+/** Arc `spring.snappy`: keyboard highlight in menus and lists, quick enough to keep up with a held arrow key. */
 export declare const SPRING_HIGHLIGHT: {
     readonly type: "spring";
-    readonly stiffness: 700;
-    readonly damping: 45;
-    readonly mass: 0.5;
+    readonly visualDuration: 0.26;
+    readonly bounce: 0.12;
 };
-/** Tab indicator glide, tuned to settle without overshooting the list edges. */
+/** Arc `spring.morph`: the tab indicator gliding between tabs. */
 export declare const SPRING_TABS: {
     readonly type: "spring";
-    readonly stiffness: 245;
-    readonly damping: 36;
-    readonly mass: 1.2;
+    readonly visualDuration: 0.42;
+    readonly bounce: 0.16;
 };
-/** Lighter spawn for small tooltip surfaces. */
+/** Arc `spring.snappy`: small tooltip surfaces. */
 export declare const SPRING_TOOLTIP: {
     readonly type: "spring";
-    readonly stiffness: 380;
-    readonly damping: 30;
-    readonly mass: 0.7;
+    readonly visualDuration: 0.26;
+    readonly bounce: 0.12;
 };
-/** Disclosure chevrons rotate with a little bounce, as if flicked. */
+/** Arc `spring.snappy`: disclosure chevrons turning toward their new state. */
 export declare const SPRING_CHEVRON: {
     readonly type: "spring";
-    readonly duration: 0.4;
-    readonly bounce: 0.3;
+    readonly visualDuration: 0.26;
+    readonly bounce: 0.12;
 };
-/** Heavy, deliberate switch thumb — high mass keeps the travel weighty without wobble. */
+/** Arc `spring.smooth`: the switch thumb reports state, so it lands without overshoot. */
 export declare const SPRING_THUMB: {
     readonly type: "spring";
-    readonly stiffness: 800;
-    readonly damping: 80;
-    readonly mass: 4;
+    readonly visualDuration: 0.4;
+    readonly bounce: 0;
 };
-/** Small, confident pops for counters, badges and toggled icons. */
+/** Arc `spring.snappy`: small, confident pops for counters, badges and swapped icons. */
 export declare const SPRING_POP: {
     readonly type: "spring";
-    readonly stiffness: 520;
-    readonly damping: 30;
-    readonly mass: 0.5;
+    readonly visualDuration: 0.26;
+    readonly bounce: 0.12;
 };
-/** Primary actions compress noticeably; dense navigation items stay subtle. */
-export declare const MOTION_PRESS_SCALE = 0.93;
+/** Arc's press: about 0.97, so every pressable reads as the same push. */
+export declare const MOTION_PRESS_SCALE = 0.97;
 export declare const MOTION_SUBTLE_PRESS_SCALE = 0.98;
 export declare const MOTION_TOGGLE_PRESS_SCALE = 0.92;
 export declare const MOTION_HOVER_SCALE = 1.02;
 export declare const MOTION_THUMB_SQUISH_SCALE = 0.9;
 export declare const MOTION_ITEM_CHECK_SCALE = 0.75;
-export declare const MOTION_ICON_SWAP_SCALE = 0.25;
+/** Arc's icon swap: the incoming icon grows from 0.6 on `SPRING_POP`. */
+export declare const MOTION_ICON_SWAP_SCALE = 0.6;
 export declare const MOTION_CLOSE_BUTTON_SCALE = 0.8;
 export declare const MOTION_LIST_ITEM_DISTANCE = 6;
-/** Scale a freshly inserted list item starts from, and a leaving one shrinks to. */
+/** Scale a freshly inserted list item, option or inline message starts from, and a leaving one shrinks to. */
 export declare const MOTION_ITEM_ENTER_SCALE = 0.98;
 /** Loaded images settle from a slight zoom, so they develop in place instead of popping in. */
 export declare const MOTION_REVEAL_SCALE = 1.06;
@@ -133,17 +151,35 @@ export declare const MOTION_SHIMMER_TRANSLATE: readonly ["-100% 0", "100% 0"];
 /** Hovered interactive cards gain a soft drop shadow; the rest value has the same shape, invisible. */
 export declare const MOTION_CARD_SHADOW_LIFT = "0px 4px 16px 0px rgba(0, 0, 0, 0.08)";
 export declare const MOTION_CARD_SHADOW_REST = "0px 0px 0px 0px rgba(0, 0, 0, 0)";
+/** Arc's dialog panel scale on entrance; floating surfaces start from it too. */
 export declare const MOTION_SURFACE_SCALE = 0.96;
+/** Scale a dialog or tooltip shrinks to while it leaves (Arc). */
+export declare const MOTION_EXIT_SCALE = 0.98;
 /** Fraction of the surface kept hidden by the clip at the start of its reveal, in percent. */
 export declare const MOTION_SURFACE_CLIP_PERCENT = 92;
 /** Room left outside a revealing surface for its ring and drop shadow (`shadow-lg` spans ~22px). */
 export declare const MOTION_SURFACE_CLIP_BLEED_PX = 24;
-export declare const MOTION_TOOLTIP_DISTANCE = 8;
-export declare const MOTION_DIALOG_DISTANCE = 20;
-/** Inset kept on every side of a center-morph dialog while folded, in percent: a sliver at its center. */
+/** Arc's tooltip rise from its trigger, in pixels. */
+export declare const MOTION_TOOLTIP_DISTANCE = 3;
+/** Arc's tooltip scale on entrance. */
+export declare const MOTION_TOOLTIP_SCALE = 0.97;
+/** Arc's dialog rise on entrance, in pixels. */
+export declare const MOTION_DIALOG_DISTANCE = 8;
+/** Arc's dialog drop while it leaves, in pixels. */
+export declare const MOTION_DIALOG_EXIT_DISTANCE = 4;
+/**
+ * Inset kept on every side of a center-morph dialog while folded, in percent: a sliver at its center.
+ * @deprecated Dialogs no longer unfold from their center. Kept for consumers that animate their own surfaces with it.
+ */
 export declare const MOTION_CENTER_MORPH_FOLDED_PERCENT = 48;
 export declare const MOTION_CONTENT_DISTANCE = 4;
+/**
+ * @deprecated Invalid fields no longer shake: the error is told by color and message. Kept for consumers that
+ * animate their own fields.
+ */
 export declare const MOTION_INVALID_SHAKE_PX: readonly [0, -6, 6, -4, 4, -2, 0];
 /** Time after an item loses its active state during which a new active item still glides from it. */
 export declare const GLIDE_CONTINUITY_MS = 300;
-export type MotionKind = "press" | "subtle-press" | "toggle" | "fade" | "content" | "message" | "card" | "row" | "field" | "thumb" | "check" | "selection" | "item-check" | "rotate" | "list-item" | "icon-swap" | "delayed-pop" | "skeleton" | "reveal" | "link" | "icon" | "tooltip" | "surface" | "dialog" | "center-morph" | "sheet" | "overlay";
+export type MotionKind = "press" | "subtle-press" | "toggle" | "fade" | "content" | "message" | "card" | "row" | "field" | "thumb" | "check" | "selection" | "item-check" | "rotate" | "list-item" | "icon-swap" | "delayed-pop" | "skeleton" | "reveal" | "link" | "icon" | "tooltip" | "surface" | "dialog"
+/** @deprecated Library dialogs use `dialog`. */
+ | "center-morph" | "sheet" | "overlay";

package/dist/motion/tokens.js

@@ -1,30 +1,57 @@
 /**
-* Defines the timing, curves and physics shared by Motion animations, aligned with beui.dev/components/motion.
-* Public: consumers animate their own product surfaces with these tokens so they move like the library.
+* Defines the timing, curves and physics shared by Motion animations, aligned with Arc's motion presets
+* (https://uiarc.dev, `components/arc/lib/motion-tokens.ts`): `snappy` for presses and small indicators, `smooth` for
+* panels and anything that reports state, `morph` for shared highlights. Motion explains cause and effect; it does not
+* decorate. Public: consumers animate their own product surfaces with these tokens so they move like the library.
+* Names are stable API; values follow Arc.
 */
+import { ARC_DURATION, ARC_EASE, ARC_SPRING_MORPH, ARC_SPRING_SMOOTH, ARC_SPRING_SNAPPY, ARC_STAGGER } from "./arc-tokens.js";
 export const MOTION_TIMING = {
-	fast: .14,
-	enter: .18,
-	message: .2,
-	panel: .22,
-	overlay: .2,
-	exit: .12,
+	/** Arc `duration.instant`: color answers and fades that must feel immediate. */
+	instant: ARC_DURATION.instant,
+	/** Arc `duration.fast`: small fades, the opacity of a spring entrance, and dialog exits. */
+	fast: ARC_DURATION.fast,
+	/** Arc `duration.standard`: entrance tweens. */
+	enter: ARC_DURATION.standard,
+	/** Arc `duration.standard`: tween length for a deliberate on-screen change. */
+	standard: ARC_DURATION.standard,
+	/** Arc `duration.considered`: the slowest tween, for large layout changes. */
+	considered: ARC_DURATION.considered,
+	/** Arc `duration.standard`: inline messages that appear next to the content they describe. */
+	message: ARC_DURATION.standard,
+	/** Arc `duration.standard`: opacity of panels whose size moves on a spring. */
+	panel: ARC_DURATION.standard,
+	/** Arc `duration.standard`: scrims fading in behind dialogs and sheets. */
+	overlay: ARC_DURATION.standard,
+	/** Arc `duration.exit`: leaving is faster than arriving. */
+	exit: ARC_DURATION.exit,
 	surfaceClip: .32,
+	/**
+	* @deprecated Invalid fields no longer shake: the error is told by color and message. Kept for consumers that
+	* animate their own fields.
+	*/
 	shake: .45,
 	checkDraw: .3,
 	checkDrawDelay: .04,
-	iconSwap: .2,
-	listItem: .18,
+	/** Arc `duration.fast`: the fade of an icon swapped in place; its scale rides `SPRING_POP`. */
+	iconSwap: ARC_DURATION.fast,
+	/** Arc `duration.fast`: options fading in with their list. */
+	listItem: ARC_DURATION.fast,
 	listDelay: .05,
-	listStagger: .035,
+	/** Arc `stagger.item`. */
+	listStagger: ARC_STAGGER.item,
 	closeEnter: .2,
 	closeDelay: .16,
-	sheetExit: .24,
-	/** Dialog surface unfolding from its center toward every edge. */
+	/** Arc `duration.standard`: edge panels leaving the viewport. */
+	sheetExit: ARC_DURATION.standard,
+	/**
+	* @deprecated Dialogs no longer unfold from their center; they rise and scale in on `SPRING_PANEL`. Kept for
+	* consumers that animate their own surfaces with it.
+	*/
 	centerMorph: .43,
 	/**
-	* Dialog surface folding back to its center. Shorter than the unfold: the page stays hidden
-	* from assistive technology and focus returns to the trigger only once the fold finishes.
+	* @deprecated Dialogs no longer fold back to their center; they leave in `MOTION_TIMING.fast`. Kept for consumers
+	* that animate their own surfaces with it.
 	*/
 	centerMorphFold: .24,
 	reveal: .4,
@@ -32,26 +59,21 @@ export const MOTION_TIMING = {
 	pop: .32,
 	/** Height of expanding and collapsing regions. */
 	collapse: .26,
-	monthSwap: .24,
+	/** Arc `duration.standard`. */
+	monthSwap: ARC_DURATION.standard,
 	cursorBlink: 1,
 	skeleton: 1.8
 };
 /** Items beyond this position share the last stagger delay, so long lists never lag behind. */
 export const MOTION_LIST_STAGGER_LIMIT = 10;
-/** Strong ease-out used for entrances; weak defaults such as `ease-out` feel sluggish. */
-export const MOTION_EASE = [
-	.16,
-	1,
-	.3,
-	1
-];
-/** Symmetric curve for looping or reversible effects. */
-export const MOTION_EASE_IN_OUT = [
-	.77,
-	0,
-	.175,
-	1
-];
+/** Arc `ease.enter`: strong ease-out for entrances; weak defaults such as `ease-out` feel sluggish. */
+export const MOTION_EASE = ARC_EASE.enter;
+/** Arc `ease.exit`: accelerates away, for elements leaving the screen. */
+export const MOTION_EASE_EXIT = ARC_EASE.exit;
+/** Arc `ease.standard`: color and opacity changes, and quick exits that must not linger. */
+export const MOTION_EASE_STANDARD = ARC_EASE.standard;
+/** Arc `ease.inOut`: elements that move while already on screen, and looping effects. */
+export const MOTION_EASE_IN_OUT = ARC_EASE.inOut;
 /** Drawer curve for edge panels leaving the viewport. */
 export const MOTION_EASE_DRAWER = [
 	.32,
@@ -62,6 +84,7 @@ export const MOTION_EASE_DRAWER = [
 /**
 * Near-linear curve for the center morph: a spring or strong ease-out would resolve the clip
 * early and spend the last frames barely moving, so the whole duration reads as unfolding.
+* @deprecated Dialogs no longer unfold from their center. Kept for consumers that animate their own surfaces with it.
 */
 export const MOTION_EASE_UNFOLD = [
 	.2,
@@ -69,79 +92,36 @@ export const MOTION_EASE_UNFOLD = [
 	.2,
 	1
 ];
-/** Press feedback on buttons and other tappable surfaces. */
-export const SPRING_PRESS = {
-	type: "spring",
-	stiffness: 500,
-	damping: 30,
-	mass: .6
-};
-/** Overlay panel entrances — dialogs, sheets and floating surfaces. */
-export const SPRING_PANEL = {
-	type: "spring",
-	stiffness: 420,
-	damping: 40,
-	mass: .5
-};
-/** Shared-layout glides — indicators and highlights moving between items. */
-export const SPRING_LAYOUT = {
-	type: "spring",
-	stiffness: 360,
-	damping: 32,
-	mass: .6
-};
-/** Keyboard highlight in menus and lists: quick enough to keep up with a held arrow key. */
-export const SPRING_HIGHLIGHT = {
-	type: "spring",
-	stiffness: 700,
-	damping: 45,
-	mass: .5
-};
-/** Tab indicator glide, tuned to settle without overshooting the list edges. */
-export const SPRING_TABS = {
-	type: "spring",
-	stiffness: 245,
-	damping: 36,
-	mass: 1.2
-};
-/** Lighter spawn for small tooltip surfaces. */
-export const SPRING_TOOLTIP = {
-	type: "spring",
-	stiffness: 380,
-	damping: 30,
-	mass: .7
-};
-/** Disclosure chevrons rotate with a little bounce, as if flicked. */
-export const SPRING_CHEVRON = {
-	type: "spring",
-	duration: .4,
-	bounce: .3
-};
-/** Heavy, deliberate switch thumb — high mass keeps the travel weighty without wobble. */
-export const SPRING_THUMB = {
-	type: "spring",
-	stiffness: 800,
-	damping: 80,
-	mass: 4
-};
-/** Small, confident pops for counters, badges and toggled icons. */
-export const SPRING_POP = {
-	type: "spring",
-	stiffness: 520,
-	damping: 30,
-	mass: .5
-};
-/** Primary actions compress noticeably; dense navigation items stay subtle. */
-export const MOTION_PRESS_SCALE = .93;
+/** Arc `spring.snappy`: press feedback on buttons and other tappable surfaces. */
+export const SPRING_PRESS = ARC_SPRING_SNAPPY;
+/** Arc `spring.smooth`: overlay panel entrances (dialogs, sheets and floating surfaces); never overshoots. */
+export const SPRING_PANEL = ARC_SPRING_SMOOTH;
+/** Arc `spring.morph`: shared-layout glides, indicators and highlights moving between items. */
+export const SPRING_LAYOUT = ARC_SPRING_MORPH;
+/** Arc `spring.snappy`: keyboard highlight in menus and lists, quick enough to keep up with a held arrow key. */
+export const SPRING_HIGHLIGHT = ARC_SPRING_SNAPPY;
+/** Arc `spring.morph`: the tab indicator gliding between tabs. */
+export const SPRING_TABS = ARC_SPRING_MORPH;
+/** Arc `spring.snappy`: small tooltip surfaces. */
+export const SPRING_TOOLTIP = ARC_SPRING_SNAPPY;
+/** Arc `spring.snappy`: disclosure chevrons turning toward their new state. */
+export const SPRING_CHEVRON = ARC_SPRING_SNAPPY;
+/** Arc `spring.smooth`: the switch thumb reports state, so it lands without overshoot. */
+export const SPRING_THUMB = ARC_SPRING_SMOOTH;
+/** Arc `spring.snappy`: small, confident pops for counters, badges and swapped icons. */
+export const SPRING_POP = ARC_SPRING_SNAPPY;
+/** Arc's press: about 0.97, so every pressable reads as the same push. */
+export const MOTION_PRESS_SCALE = .97;
 export const MOTION_SUBTLE_PRESS_SCALE = .98;
 export const MOTION_TOGGLE_PRESS_SCALE = .92;
 export const MOTION_HOVER_SCALE = 1.02;
 export const MOTION_THUMB_SQUISH_SCALE = .9;
 export const MOTION_ITEM_CHECK_SCALE = .75;
-export const MOTION_ICON_SWAP_SCALE = .25;
+/** Arc's icon swap: the incoming icon grows from 0.6 on `SPRING_POP`. */
+export const MOTION_ICON_SWAP_SCALE = .6;
 export const MOTION_CLOSE_BUTTON_SCALE = .8;
 export const MOTION_LIST_ITEM_DISTANCE = 6;
-/** Scale a freshly inserted list item starts from, and a leaving one shrinks to. */
+/** Scale a freshly inserted list item, option or inline message starts from, and a leaving one shrinks to. */
 export const MOTION_ITEM_ENTER_SCALE = .98;
 /** Loaded images settle from a slight zoom, so they develop in place instead of popping in. */
 export const MOTION_REVEAL_SCALE = 1.06;
@@ -153,16 +133,32 @@ export const MOTION_SHIMMER_TRANSLATE = ["-100% 0", "100% 0"];
 /** Hovered interactive cards gain a soft drop shadow; the rest value has the same shape, invisible. */
 export const MOTION_CARD_SHADOW_LIFT = "0px 4px 16px 0px rgba(0, 0, 0, 0.08)";
 export const MOTION_CARD_SHADOW_REST = "0px 0px 0px 0px rgba(0, 0, 0, 0)";
+/** Arc's dialog panel scale on entrance; floating surfaces start from it too. */
 export const MOTION_SURFACE_SCALE = .96;
+/** Scale a dialog or tooltip shrinks to while it leaves (Arc). */
+export const MOTION_EXIT_SCALE = .98;
 /** Fraction of the surface kept hidden by the clip at the start of its reveal, in percent. */
 export const MOTION_SURFACE_CLIP_PERCENT = 92;
 /** Room left outside a revealing surface for its ring and drop shadow (`shadow-lg` spans ~22px). */
 export const MOTION_SURFACE_CLIP_BLEED_PX = 24;
-export const MOTION_TOOLTIP_DISTANCE = 8;
-export const MOTION_DIALOG_DISTANCE = 20;
-/** Inset kept on every side of a center-morph dialog while folded, in percent: a sliver at its center. */
+/** Arc's tooltip rise from its trigger, in pixels. */
+export const MOTION_TOOLTIP_DISTANCE = 3;
+/** Arc's tooltip scale on entrance. */
+export const MOTION_TOOLTIP_SCALE = .97;
+/** Arc's dialog rise on entrance, in pixels. */
+export const MOTION_DIALOG_DISTANCE = 8;
+/** Arc's dialog drop while it leaves, in pixels. */
+export const MOTION_DIALOG_EXIT_DISTANCE = 4;
+/**
+* Inset kept on every side of a center-morph dialog while folded, in percent: a sliver at its center.
+* @deprecated Dialogs no longer unfold from their center. Kept for consumers that animate their own surfaces with it.
+*/
 export const MOTION_CENTER_MORPH_FOLDED_PERCENT = 48;
 export const MOTION_CONTENT_DISTANCE = 4;
+/**
+* @deprecated Invalid fields no longer shake: the error is told by color and message. Kept for consumers that
+* animate their own fields.
+*/
 export const MOTION_INVALID_SHAKE_PX = [
 	0,
 	-6,

package/dist/sonner.d.ts

@@ -1,2 +1,7 @@
-/** Exposes the shared notification implementation and its public types. */
+/**
+ * Exposes the shared notification implementation and its public types. `Toaster` is beez-ui's own, which keeps
+ * Sonner's look and props but lets toasts work while a modal is open; this local export takes precedence over the
+ * one `export *` would bring from Sonner.
+ */
 export * from "sonner";
+export { Toaster } from "./components/toaster.js";

package/dist/sonner.js

@@ -1,3 +1,8 @@
 "use client";
-/** Exposes the shared notification implementation and its public types. */
+/**
+* Exposes the shared notification implementation and its public types. `Toaster` is beez-ui's own, which keeps
+* Sonner's look and props but lets toasts work while a modal is open; this local export takes precedence over the
+* one `export *` would bring from Sonner.
+*/
 export * from "sonner";
+export { Toaster } from "./components/toaster.js";