beez-ui 3.0.1 → 4.0.0

package/dist/motion/presence.d.ts

@@ -9,6 +9,7 @@ declare const OPEN_CONTEXTS: {
     popover: import("react").Context<boolean>;
     "hover-card": import("react").Context<boolean>;
     tooltip: import("react").Context<boolean>;
+    select: import("react").Context<boolean>;
 };
 type MotionScope = keyof typeof OPEN_CONTEXTS;
 /** Provides only the owning primitive's visibility, independently of other nested primitives. */
@@ -17,6 +18,13 @@ export declare function MotionOpenProvider({ scope, open, children, }: {
     open: boolean;
     children: ReactNode;
 }): import("react").JSX.Element;
+/**
+ * Reads the owning primitive's visibility, for content that Radix keeps mounted while closed and so cannot be
+ * retained by `MotionPresence`.
+ * @param scope - The primitive whose visibility is read.
+ * @returns Whether that primitive is open.
+ */
+export declare function useMotionOpen(scope: MotionScope): boolean;
 /** Preserves the primitive's controlled/uncontrolled open contract. */
 export declare function useMotionOpenState({ open, defaultOpen, onOpenChange, }: {
     open?: boolean;

package/dist/motion/presence.js

@@ -12,7 +12,8 @@ const OPEN_CONTEXTS = {
 	"dropdown-menu": createContext(true),
 	popover: createContext(true),
 	"hover-card": createContext(true),
-	tooltip: createContext(true)
+	tooltip: createContext(true),
+	select: createContext(true)
 };
 /** Provides only the owning primitive's visibility, independently of other nested primitives. */
 export function MotionOpenProvider(t0) {
@@ -34,6 +35,15 @@ export function MotionOpenProvider(t0) {
 	}
 	return t1;
 }
+/**
+* Reads the owning primitive's visibility, for content that Radix keeps mounted while closed and so cannot be
+* retained by `MotionPresence`.
+* @param scope - The primitive whose visibility is read.
+* @returns Whether that primitive is open.
+*/
+export function useMotionOpen(scope) {
+	return useContext(OPEN_CONTEXTS[scope]);
+}
 /** Preserves the primitive's controlled/uncontrolled open contract. */
 export function useMotionOpenState(t0) {
 	const $ = _c(6);

package/dist/motion/surface-keyframes.d.ts

@@ -1,7 +1,7 @@
-/** Resolves entry and exit playback for floating and modal surfaces from their rendered placement. */
+/** Resolves entry and exit playback of Arc's modal surfaces: dialogs, sheets and their scrims. */
 import type { AnimationOptions, DOMKeyframesDefinition } from "motion/react";
 /** Surface kinds whose presence is animated on mount and before removal. */
-export type SurfaceKind = "tooltip" | "surface" | "dialog" | "center-morph" | "sheet" | "overlay";
+export type SurfaceKind = "dialog" | "sheet" | "overlay";
 /** Keyframes plus the transition that plays them. */
 export interface MotionStep {
     keyframes: DOMKeyframesDefinition;

package/dist/motion/surface-keyframes.js

@@ -1,6 +1,7 @@
-import { MOTION_DIALOG_DISTANCE, MOTION_DIALOG_EXIT_DISTANCE, MOTION_EASE, MOTION_EASE_DRAWER, MOTION_EASE_STANDARD, MOTION_EXIT_SCALE, MOTION_SURFACE_CLIP_BLEED_PX, MOTION_SURFACE_CLIP_PERCENT, MOTION_SURFACE_SCALE, MOTION_TIMING, MOTION_TOOLTIP_DISTANCE, MOTION_TOOLTIP_SCALE, SPRING_PANEL } from "./tokens.js";
+import { MOTION_DIALOG_DISTANCE, MOTION_DIALOG_EXIT_DISTANCE, MOTION_EASE, MOTION_EASE_STANDARD, MOTION_EXIT_SCALE, MOTION_SURFACE_SCALE, MOTION_TIMING, SPRING_PANEL } from "./tokens.js";
+/** Fraction of Arc's drawer close after which the panel starts to fade. */
+const SHEET_EXIT_FADE_START = .65;
 const EASE_OUT = [...MOTION_EASE];
-const EASE_DRAWER = [...MOTION_EASE_DRAWER];
 const EASE_STANDARD = [...MOTION_EASE_STANDARD];
 const SIDES = [
 	"top",
@@ -8,68 +9,11 @@ const SIDES = [
 	"bottom",
 	"left"
 ];
-const ALIGNS = [
-	"start",
-	"center",
-	"end"
-];
-/** Reads Radix placement attributes, tolerating primitives that do not position with a popper. */
-function readPlacement(element) {
-	const side = element.getAttribute("data-side");
-	const align = element.getAttribute("data-align");
-	return {
-		side: SIDES.includes(side) ? side : undefined,
-		align: ALIGNS.includes(align) ? align : "center"
-	};
-}
 /** Builds a transform with explicit identity parts, so Motion never reads a missing scale as zero. */
 function transform(x, y, scale = 1) {
 	const unit = (value) => typeof value === "number" ? `${value}px` : value;
 	return `translate(${unit(x)}, ${unit(y)}) scale(${scale})`;
 }
-/** Offset pointing away from the trigger, so content appears to emerge from it. */
-function offsetAwayFromTrigger(side, distance) {
-	if (side === "top") return {
-		x: 0,
-		y: distance
-	};
-	if (side === "left") return {
-		x: distance,
-		y: 0
-	};
-	if (side === "right") return {
-		x: -distance,
-		y: 0
-	};
-	if (side === "bottom") return {
-		x: 0,
-		y: -distance
-	};
-	return {
-		x: 0,
-		y: 0
-	};
-}
-/**
-* Open edges extend the clip past the box, so the ring and drop shadow drawn outside it
-* (Tailwind rings are box-shadows) are never cut while the surface reveals or settles.
-*/
-const OPEN_EDGE = `-${MOTION_SURFACE_CLIP_BLEED_PX}px`;
-/** Fully revealed clip: nothing of the surface, its outline or its shadow is hidden. */
-const REVEALED_CLIP = `inset(${OPEN_EDGE} ${OPEN_EDGE} ${OPEN_EDGE} ${OPEN_EDGE})`;
-/** Collapsed clip anchored at the corner or edge closest to the trigger. */
-function collapsedClip(side, align) {
-	const hidden = `${MOTION_SURFACE_CLIP_PERCENT}%`;
-	const half = `${MOTION_SURFACE_CLIP_PERCENT / 2}%`;
-	/** Maps an alignment to the inset kept on the leading and trailing edges of the cross axis. */
-	const crossAxis = (value) => value === "start" ? [OPEN_EDGE, hidden] : value === "end" ? [hidden, OPEN_EDGE] : [half, half];
-	if (side === "bottom" || side === "top") {
-		const [left, right] = crossAxis(align);
-		return side === "bottom" ? `inset(${OPEN_EDGE} ${right} ${hidden} ${left})` : `inset(${hidden} ${right} ${OPEN_EDGE} ${left})`;
-	}
-	const [top, bottom] = crossAxis(align);
-	return side === "right" ? `inset(${top} ${hidden} ${bottom} ${OPEN_EDGE})` : `inset(${top} ${OPEN_EDGE} ${bottom} ${hidden})`;
-}
 /**
 * Arc's dialog leave: a short tween on the standard curve, so it never lingers and a reopen
 * retargets from wherever the panel is.
@@ -80,16 +24,17 @@ const DIALOG_LEAVE = {
 };
 /** Edge-panel travel: fully off-screen on the side the sheet is attached to. */
 function sheetOffset(element) {
-	const side = readPlacement(element).side ?? "right";
-	if (side === "left") return {
+	const side = element.getAttribute("data-side");
+	const resolved = SIDES.includes(side) ? side : "right";
+	if (resolved === "left") return {
 		x: "-100%",
 		y: "0%"
 	};
-	if (side === "top") return {
+	if (resolved === "top") return {
 		x: "0%",
 		y: "-100%"
 	};
-	if (side === "bottom") return {
+	if (resolved === "bottom") return {
 		x: "0%",
 		y: "100%"
 	};
@@ -100,7 +45,6 @@ function sheetOffset(element) {
 }
 /** Entrance playback for each surface kind, on Arc's motion presets. */
 export function surfaceEnter(element, kind) {
-	const { side, align } = readPlacement(element);
 	if (kind === "overlay") {
 		return {
 			keyframes: { opacity: [0, 1] },
@@ -110,62 +54,28 @@ export function surfaceEnter(element, kind) {
 			}
 		};
 	}
-	if (kind === "tooltip") {
-		// Arc's tooltip: a short rise from its trigger and a fade, without blur.
-		const offset = offsetAwayFromTrigger(side, MOTION_TOOLTIP_DISTANCE);
-		return {
-			keyframes: {
-				opacity: [0, 1],
-				transform: [transform(offset.x, offset.y, MOTION_TOOLTIP_SCALE), transform(0, 0)]
-			},
-			transition: {
-				duration: MOTION_TIMING.fast,
-				ease: EASE_OUT
-			}
-		};
-	}
-	// The deprecated center morph now plays Arc's dialog transition, like the library's own dialogs.
-	if (kind === "dialog" || kind === "center-morph") {
-		// Arc's dialog: the panel rises and scales in on the smooth spring while it fades in quickly.
-		return {
-			keyframes: {
-				opacity: [0, 1],
-				transform: [transform(0, MOTION_DIALOG_DISTANCE, MOTION_SURFACE_SCALE), transform(0, 0)]
-			},
-			transition: {
-				...SPRING_PANEL,
-				opacity: {
-					duration: MOTION_TIMING.fast,
-					ease: EASE_OUT
-				}
-			}
-		};
-	}
 	if (kind === "sheet") {
+		// Arc's drawer: the panel slides in from its edge on the smooth spring, at full opacity.
 		const offset = sheetOffset(element);
 		return {
-			keyframes: { transform: [transform(offset.x, offset.y), transform("0%", "0%")] },
+			// Opacity is listed at rest so a reopen during the close fades back from where the close left it.
+			keyframes: {
+				transform: [transform(offset.x, offset.y), transform("0%", "0%")],
+				opacity: [1, 1]
+			},
 			transition: SPRING_PANEL
 		};
 	}
-	const keyframes = {
-		opacity: [0, 1],
-		transform: [transform(0, 0, MOTION_SURFACE_SCALE), transform(0, 0)]
-	};
-	// Primitives aligned over their trigger (Select item-aligned) have no side to reveal from.
-	if (side) {
-		keyframes.clipPath = [collapsedClip(side, align), REVEALED_CLIP];
-	}
+	// Arc's dialog: the panel rises and scales in on the smooth spring while it fades in quickly.
 	return {
-		keyframes,
+		keyframes: {
+			opacity: [0, 1],
+			transform: [transform(0, MOTION_DIALOG_DISTANCE, MOTION_SURFACE_SCALE), transform(0, 0)]
+		},
 		transition: {
 			...SPRING_PANEL,
 			opacity: {
-				duration: MOTION_TIMING.enter,
-				ease: EASE_OUT
-			},
-			clipPath: {
-				duration: MOTION_TIMING.surfaceClip,
+				duration: MOTION_TIMING.fast,
 				ease: EASE_OUT
 			}
 		}
@@ -189,54 +99,43 @@ export function withRestingStyle(keyframes, resting) {
 }
 /** Exit playback: brief and eased so dismissal never blocks the next interaction. */
 export function surfaceExit(element, kind) {
-	const exitTween = {
-		duration: MOTION_TIMING.exit,
-		ease: EASE_OUT
-	};
 	if (kind === "overlay") {
 		return {
 			keyframes: { opacity: [1, 0] },
 			transition: DIALOG_LEAVE
 		};
 	}
-	if (kind === "tooltip") {
-		// Arc's tooltip leaves in place, shrinking slightly while it fades, on the instant timing.
-		return {
-			keyframes: {
-				opacity: [1, 0],
-				transform: [transform(0, 0), transform(0, 0, MOTION_EXIT_SCALE)]
-			},
-			transition: {
-				duration: MOTION_TIMING.instant,
-				ease: EASE_STANDARD
-			}
-		};
-	}
-	if (kind === "dialog" || kind === "center-morph") {
-		return {
-			keyframes: {
-				opacity: [1, 0],
-				transform: [transform(0, 0), transform(0, MOTION_DIALOG_EXIT_DISTANCE, MOTION_EXIT_SCALE)]
-			},
-			transition: DIALOG_LEAVE
-		};
-	}
 	if (kind === "sheet") {
+		// Arc's drawer close: a tween on the standard curve that holds the panel opaque until it is mostly gone.
 		const offset = sheetOffset(element);
-		// A spring would linger at the edge; the drawer curve accelerates the panel away.
 		return {
-			keyframes: { transform: [transform("0%", "0%"), transform(offset.x, offset.y)] },
+			keyframes: {
+				transform: [transform("0%", "0%"), transform(offset.x, offset.y)],
+				opacity: [
+					1,
+					1,
+					0
+				]
+			},
 			transition: {
 				duration: MOTION_TIMING.sheetExit,
-				ease: EASE_DRAWER
+				ease: EASE_STANDARD,
+				opacity: {
+					duration: MOTION_TIMING.sheetExit,
+					times: [
+						0,
+						SHEET_EXIT_FADE_START,
+						1
+					]
+				}
 			}
 		};
 	}
 	return {
 		keyframes: {
 			opacity: [1, 0],
-			transform: [transform(0, 0), transform(0, 0, MOTION_SURFACE_SCALE)]
+			transform: [transform(0, 0), transform(0, MOTION_DIALOG_EXIT_DISTANCE, MOTION_EXIT_SCALE)]
 		},
-		transition: exitTween
+		transition: DIALOG_LEAVE
 	};
 }

package/dist/motion/tokens.d.ts

@@ -9,55 +9,23 @@ export declare const MOTION_TIMING: {
     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;
-    /** 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 `duration.standard`: a check mark drawing its stroke. */
+    readonly checkDraw: 0.24;
     /** 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;
-    /**
-     * @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;
-    /**
-     * @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;
-    /** Heart and badge pops that confirm a toggle. */
-    readonly pop: 0.32;
-    /** Height of expanding and collapsing regions. */
-    readonly collapse: 0.26;
-    /** Arc `duration.standard`. */
-    readonly monthSwap: 0.24;
+    /** Blink period of the typing cursor, the one loop that shows live status. */
     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;
+/** Arc staggers at most the first four items of a list; the rest share the last delay, so long lists never lag. */
+export declare const MOTION_LIST_STAGGER_LIMIT = 4;
 /** 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];
 /** Arc `ease.exit`: accelerates away, for elements leaving the screen. */
@@ -66,21 +34,13 @@ export declare const MOTION_EASE_EXIT: readonly [0.7, 0, 0.84, 0];
 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];
 /** Arc `spring.snappy`: press feedback on buttons and other tappable surfaces. */
 export declare const SPRING_PRESS: {
     readonly type: "spring";
     readonly visualDuration: 0.26;
     readonly bounce: 0.12;
 };
-/** Arc `spring.smooth`: overlay panel entrances (dialogs, sheets and floating surfaces); never overshoots. */
+/** Arc `spring.smooth`: panels, heights and overlay entrances; never overshoots. */
 export declare const SPRING_PANEL: {
     readonly type: "spring";
     readonly visualDuration: 0.4;
@@ -92,36 +52,12 @@ export declare const SPRING_LAYOUT: {
     readonly visualDuration: 0.42;
     readonly bounce: 0.16;
 };
-/** 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 visualDuration: 0.26;
-    readonly bounce: 0.12;
-};
-/** Arc `spring.morph`: the tab indicator gliding between tabs. */
-export declare const SPRING_TABS: {
-    readonly type: "spring";
-    readonly visualDuration: 0.42;
-    readonly bounce: 0.16;
-};
-/** Arc `spring.snappy`: small tooltip surfaces. */
-export declare const SPRING_TOOLTIP: {
-    readonly type: "spring";
-    readonly visualDuration: 0.26;
-    readonly bounce: 0.12;
-};
 /** Arc `spring.snappy`: disclosure chevrons turning toward their new state. */
 export declare const SPRING_CHEVRON: {
     readonly type: "spring";
     readonly visualDuration: 0.26;
     readonly bounce: 0.12;
 };
-/** Arc `spring.smooth`: the switch thumb reports state, so it lands without overshoot. */
-export declare const SPRING_THUMB: {
-    readonly type: "spring";
-    readonly visualDuration: 0.4;
-    readonly bounce: 0;
-};
 /** Arc `spring.snappy`: small, confident pops for counters, badges and swapped icons. */
 export declare const SPRING_POP: {
     readonly type: "spring";
@@ -130,56 +66,16 @@ export declare const SPRING_POP: {
 };
 /** 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;
-/** 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, 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;
-export declare const MOTION_REVEAL_BLUR_PX = 6;
-/** Calendar months slide just enough to show the direction of navigation. */
+/** Arc's calendar title slides just enough to show the direction of navigation. */
 export declare const MOTION_MONTH_DISTANCE = 12;
-/** Skeleton shine travels from fully before the box to fully past it, as a `translate` value. */
-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. */
+/** Arc's dialog panel scale on entrance. */
 export declare const MOTION_SURFACE_SCALE = 0.96;
-/** Scale a dialog or tooltip shrinks to while it leaves (Arc). */
+/** Scale a dialog 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;
-/** 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"
-/** @deprecated Library dialogs use `dialog`. */
- | "center-morph" | "sheet" | "overlay";
+export type MotionKind = "rotate" | "item-check" | "icon-swap" | "message" | "reveal" | "dialog" | "sheet" | "overlay";

package/dist/motion/tokens.js

@@ -1,9 +1,8 @@
 /**
-* Defines the timing, curves and physics shared by Motion animations, aligned with Arc's motion presets
+* Defines the timing, curves and physics shared by Motion animations. Every value is one of 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 = {
@@ -17,55 +16,23 @@ export const MOTION_TIMING = {
 	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,
-	/** 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,
+	/** Arc `duration.standard`: a check mark drawing its stroke. */
+	checkDraw: ARC_DURATION.standard,
 	/** Arc `stagger.item`. */
 	listStagger: ARC_STAGGER.item,
-	closeEnter: .2,
-	closeDelay: .16,
 	/** 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,
-	/**
-	* @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,
-	/** Heart and badge pops that confirm a toggle. */
-	pop: .32,
-	/** Height of expanding and collapsing regions. */
-	collapse: .26,
-	/** Arc `duration.standard`. */
-	monthSwap: ARC_DURATION.standard,
-	cursorBlink: 1,
-	skeleton: 1.8
+	/** Blink period of the typing cursor, the one loop that shows live status. */
+	cursorBlink: 1
 };
-/** Items beyond this position share the last stagger delay, so long lists never lag behind. */
-export const MOTION_LIST_STAGGER_LIMIT = 10;
+/** Arc staggers at most the first four items of a list; the rest share the last delay, so long lists never lag. */
+export const MOTION_LIST_STAGGER_LIMIT = 4;
 /** 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. */
@@ -74,99 +41,27 @@ export const MOTION_EASE_EXIT = ARC_EASE.exit;
 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,
-	.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 const MOTION_EASE_UNFOLD = [
-	.2,
-	0,
-	.2,
-	1
-];
 /** 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. */
+/** Arc `spring.smooth`: panels, heights and overlay entrances; 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;
-/** 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, 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;
-export const MOTION_REVEAL_BLUR_PX = 6;
-/** Calendar months slide just enough to show the direction of navigation. */
+/** Arc's calendar title slides just enough to show the direction of navigation. */
 export const MOTION_MONTH_DISTANCE = 12;
-/** Skeleton shine travels from fully before the box to fully past it, as a `translate` value. */
-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. */
+/** Arc's dialog panel scale on entrance. */
 export const MOTION_SURFACE_SCALE = .96;
-/** Scale a dialog or tooltip shrinks to while it leaves (Arc). */
+/** Scale a dialog 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;
-/** 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,
-	6,
-	-4,
-	4,
-	-2,
-	0
-];
 /** Time after an item loses its active state during which a new active item still glides from it. */
 export const GLIDE_CONTINUITY_MS = 300;