beez-ui 3.0.0 → 4.0.0

package/dist/components/animated-theme-toggler.js

@@ -1,13 +1,10 @@
 "use client";
 import { c as _c } from "react/compiler-runtime";
-import { useEffect, useRef, useSyncExternalStore } from "react";
+import { useSyncExternalStore } from "react";
 import { Monitor, Moon, Sun, SunMoon } from "lucide-react";
-import { animate, frame } from "motion/react";
 import { MotionSlot } from "../motion/motion-slot.js";
-import { MOTION_EASE } from "../motion/tokens.js";
 import { useTheme } from "next-themes";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuTrigger } from "./primitives/dropdown-menu.js";
-import { MILLISECONDS_PER_SECOND, REDUCED_MOTION_QUERY } from "../constants/motion.js";
 import { cn } from "../lib/utils.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const THEME_OPTIONS = [
@@ -28,16 +25,21 @@ const THEME_OPTIONS = [
 	}
 ];
 export const AnimatedThemeToggler = (t0) => {
-	const $ = _c(34);
+	const $ = _c(30);
 	let className;
 	let controlledOnThemeChange;
 	let controlledResolvedTheme;
 	let controlledTheme;
 	let disabled;
 	let props;
-	let t1;
 	if ($[0] !== t0) {
-		({className, duration: t1, disabled, theme: controlledTheme, resolvedTheme: controlledResolvedTheme, onThemeChange: controlledOnThemeChange, ...props} = t0);
+		const { className: t1, duration: _duration, disabled: t2, theme: t3, resolvedTheme: t4, onThemeChange: t5, ...t6 } = t0;
+		className = t1;
+		disabled = t2;
+		controlledTheme = t3;
+		controlledResolvedTheme = t4;
+		controlledOnThemeChange = t5;
+		props = t6;
 		$[0] = t0;
 		$[1] = className;
 		$[2] = controlledOnThemeChange;
@@ -45,7 +47,6 @@ export const AnimatedThemeToggler = (t0) => {
 		$[4] = controlledTheme;
 		$[5] = disabled;
 		$[6] = props;
-		$[7] = t1;
 	} else {
 		className = $[1];
 		controlledOnThemeChange = $[2];
@@ -53,174 +54,128 @@ export const AnimatedThemeToggler = (t0) => {
 		controlledTheme = $[4];
 		disabled = $[5];
 		props = $[6];
-		t1 = $[7];
 	}
-	const duration = t1 === undefined ? 400 : t1;
 	const providerTheme = useTheme();
 	const theme = controlledTheme ?? providerTheme.theme;
 	const resolvedTheme = controlledResolvedTheme ?? providerTheme.resolvedTheme;
 	const onThemeChange = controlledOnThemeChange ?? providerTheme.setTheme;
-	const buttonRef = useRef(null);
-	const animationRef = useRef(null);
-	let t2;
-	let t3;
-	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = () => () => {
-			animationRef.current?.cancel();
-			animationRef.current = null;
-		};
-		t3 = [];
-		$[8] = t2;
-		$[9] = t3;
-	} else {
-		t2 = $[8];
-		t3 = $[9];
-	}
-	useEffect(t2, t3);
 	const isHydrated = useSyncExternalStore(_temp2, _temp3, _temp4);
 	const isThemeReady = isHydrated && (resolvedTheme === "light" || resolvedTheme === "dark");
 	const isDark = resolvedTheme === "dark";
 	const selectedTheme = theme === "light" || theme === "dark" || theme === "system" ? theme : "system";
 	const isDisabled = !isThemeReady || disabled;
-	let t4;
-	if ($[10] !== duration || $[11] !== isDisabled || $[12] !== onThemeChange) {
-		t4 = (nextTheme) => {
-			const button = buttonRef.current;
-			if (!button || typeof document === "undefined" || isDisabled) {
+	let t1;
+	if ($[7] !== isDisabled || $[8] !== onThemeChange) {
+		t1 = (nextTheme) => {
+			if (isDisabled) {
 				return;
 			}
 			onThemeChange(nextTheme);
-			animationRef.current?.cancel();
-			if (window.matchMedia?.(REDUCED_MOTION_QUERY).matches || !Number.isFinite(duration) || duration <= 0) {
-				return;
-			}
-			const original = {
-				transform: button.style.transform,
-				opacity: button.style.opacity
-			};
-			const animation = animate(button, {
-				transform: ["rotate(-8deg)", "rotate(0deg)"],
-				opacity: [.65, 1]
-			}, {
-				duration: duration / MILLISECONDS_PER_SECOND,
-				ease: [...MOTION_EASE]
-			});
-			animationRef.current = animation;
-			animation.then(() => frame.postRender(() => {
-				if (animationRef.current !== animation) {
-					return;
-				}
-				button.style.transform = original.transform;
-				button.style.opacity = original.opacity;
-				animationRef.current = null;
-			}));
 		};
-		$[10] = duration;
-		$[11] = isDisabled;
-		$[12] = onThemeChange;
-		$[13] = t4;
+		$[7] = isDisabled;
+		$[8] = onThemeChange;
+		$[9] = t1;
 	} else {
-		t4 = $[13];
+		t1 = $[9];
 	}
-	const selectTheme = t4;
-	let t5;
-	if ($[14] !== className) {
-		t5 = cn(className);
-		$[14] = className;
-		$[15] = t5;
+	const selectTheme = t1;
+	let t2;
+	if ($[10] !== className) {
+		t2 = cn(className);
+		$[10] = className;
+		$[11] = t2;
 	} else {
-		t5 = $[15];
+		t2 = $[11];
 	}
-	let t6;
-	if ($[16] !== isDark || $[17] !== isThemeReady) {
-		t6 = !isThemeReady ? /* @__PURE__ */ _jsx(SunMoon, { "aria-hidden": "true" }) : /* @__PURE__ */ _jsx(MotionSlot, {
+	let t3;
+	if ($[12] !== isDark || $[13] !== isThemeReady) {
+		t3 = !isThemeReady ? /* @__PURE__ */ _jsx(SunMoon, { "aria-hidden": "true" }) : /* @__PURE__ */ _jsx(MotionSlot, {
 			kind: "icon-swap",
 			children: isDark ? /* @__PURE__ */ _jsx(Moon, { "aria-hidden": "true" }) : /* @__PURE__ */ _jsx(Sun, { "aria-hidden": "true" })
 		}, isDark ? "dark" : "light");
-		$[16] = isDark;
-		$[17] = isThemeReady;
-		$[18] = t6;
+		$[12] = isDark;
+		$[13] = isThemeReady;
+		$[14] = t3;
 	} else {
-		t6 = $[18];
+		t3 = $[14];
 	}
-	let t7;
-	if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
-		t7 = /* @__PURE__ */ _jsx("span", {
+	let t4;
+	if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ _jsx("span", {
 			className: "sr-only",
 			children: "Alternar tema"
 		});
-		$[19] = t7;
+		$[15] = t4;
 	} else {
-		t7 = $[19];
+		t4 = $[15];
 	}
-	let t8;
-	if ($[20] !== isDisabled || $[21] !== props || $[22] !== t5 || $[23] !== t6) {
-		t8 = /* @__PURE__ */ _jsx(DropdownMenuTrigger, {
+	let t5;
+	if ($[16] !== isDisabled || $[17] !== props || $[18] !== t2 || $[19] !== t3) {
+		t5 = /* @__PURE__ */ _jsx(DropdownMenuTrigger, {
 			asChild: true,
 			children: /* @__PURE__ */ _jsxs("button", {
 				type: "button",
-				ref: buttonRef,
 				disabled: isDisabled,
-				className: t5,
+				className: t2,
 				...props,
-				children: [t6, t7]
+				children: [t3, t4]
 			})
 		});
-		$[20] = isDisabled;
-		$[21] = props;
-		$[22] = t5;
-		$[23] = t6;
-		$[24] = t8;
+		$[16] = isDisabled;
+		$[17] = props;
+		$[18] = t2;
+		$[19] = t3;
+		$[20] = t5;
 	} else {
-		t8 = $[24];
+		t5 = $[20];
 	}
-	let t9;
-	if ($[25] !== selectTheme) {
-		t9 = (nextTheme_0) => {
+	let t6;
+	if ($[21] !== selectTheme) {
+		t6 = (nextTheme_0) => {
 			selectTheme(nextTheme_0);
 		};
-		$[25] = selectTheme;
-		$[26] = t9;
+		$[21] = selectTheme;
+		$[22] = t6;
 	} else {
-		t9 = $[26];
+		t6 = $[22];
 	}
-	let t10;
-	if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
-		t10 = THEME_OPTIONS.map(_temp5);
-		$[27] = t10;
+	let t7;
+	if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = THEME_OPTIONS.map(_temp5);
+		$[23] = t7;
 	} else {
-		t10 = $[27];
+		t7 = $[23];
 	}
-	let t11;
-	if ($[28] !== selectedTheme || $[29] !== t9) {
-		t11 = /* @__PURE__ */ _jsx(DropdownMenuContent, {
+	let t8;
+	if ($[24] !== selectedTheme || $[25] !== t6) {
+		t8 = /* @__PURE__ */ _jsx(DropdownMenuContent, {
 			"data-beez-theme-menu": true,
 			align: "end",
 			className: "w-44 rounded-xl p-2",
 			side: "bottom",
 			sideOffset: 8,
 			children: /* @__PURE__ */ _jsx(DropdownMenuRadioGroup, {
-				onValueChange: t9,
+				onValueChange: t6,
 				value: selectedTheme,
-				children: t10
+				children: t7
 			})
 		});
-		$[28] = selectedTheme;
-		$[29] = t9;
-		$[30] = t11;
+		$[24] = selectedTheme;
+		$[25] = t6;
+		$[26] = t8;
 	} else {
-		t11 = $[30];
+		t8 = $[26];
 	}
-	let t12;
-	if ($[31] !== t11 || $[32] !== t8) {
-		t12 = /* @__PURE__ */ _jsxs(DropdownMenu, { children: [t8, t11] });
-		$[31] = t11;
-		$[32] = t8;
-		$[33] = t12;
+	let t9;
+	if ($[27] !== t5 || $[28] !== t8) {
+		t9 = /* @__PURE__ */ _jsxs(DropdownMenu, { children: [t5, t8] });
+		$[27] = t5;
+		$[28] = t8;
+		$[29] = t9;
 	} else {
-		t12 = $[33];
+		t9 = $[29];
 	}
-	return t12;
+	return t9;
 };
 function _temp() {}
 function _temp2() {

package/dist/components/badge.js

@@ -13,7 +13,6 @@ import { usePrefersReducedMotion } from "../hooks/use-prefers-reduced-motion.js"
 import { cn } from "../lib/utils.js";
 import { ARC_BLUR, ARC_DURATION, ARC_EASE } from "../motion/arc-tokens.js";
 import { ARC_ICON_ENTER, ARC_ICON_EXIT, ARC_ICON_TRANSITION, ARC_REDUCED_EXIT, ARC_REDUCED_TRANSITION, ARC_SWAP_EXIT_TRANSITION, ARC_SWAP_REST } from "../motion/arc-swap.js";
-import { MotionSlot } from "../motion/motion-slot.js";
 import { useMorphWidth } from "../motion/use-morph-width.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /**
@@ -276,16 +275,13 @@ function Badge(t0) {
 	}
 	let t5;
 	if ($[16] !== content || $[17] !== props || $[18] !== size || $[19] !== t4 || $[20] !== tone) {
-		t5 = /* @__PURE__ */ _jsx(MotionSlot, {
-			kind: "fade",
-			children: /* @__PURE__ */ _jsx("span", {
-				"data-slot": "badge",
-				"data-tone": tone,
-				"data-size": size,
-				className: t4,
-				...props,
-				children: content
-			})
+		t5 = /* @__PURE__ */ _jsx("span", {
+			"data-slot": "badge",
+			"data-tone": tone,
+			"data-size": size,
+			className: t4,
+			...props,
+			children: content
 		});
 		$[16] = content;
 		$[17] = props;

package/dist/components/card.js

@@ -15,7 +15,6 @@ import { CARD_CLOSE_HIDDEN_SCALE, CARD_CLOSE_LABEL, CARD_CLOSE_PRESS_SCALE, CARD
 import { usePrefersReducedMotion } from "../hooks/use-prefers-reduced-motion.js";
 import { cn } from "../lib/utils.js";
 import { ARC_BLUR, ARC_DURATION, ARC_EASE, ARC_SPRING_SMOOTH, ARC_SPRING_SNAPPY } from "../motion/arc-tokens.js";
-import { MotionSlot } from "../motion/motion-slot.js";
 import { useAttachedElement } from "../motion/use-attached-element.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /** One critically damped spring carries the surface both ways, so it never overshoots and can reverse mid-flight. */
@@ -78,9 +77,10 @@ const MOTION_HEADING = {
 };
 /** Splits a status into words and the spaces between them, so each word can rise on its own. */
 const STATUS_WORD_SEPARATOR = /(\s+)/;
-/** Card surface. The outline is a 1px ring in the border token, so the hover shadow can stack on it, and isolation
-* keeps the rounded clip on media while the card lifts (Safari drops it otherwise). */
-const cardClassName = "group/card relative isolate flex min-w-0 flex-col overflow-hidden rounded-(--radius-panel) bg-surface text-sm text-foreground ring-1 ring-border has-[[data-slot=card-trigger]:focus-visible]:ring-border-strong motion-safe:transition-[translate] motion-safe:duration-(--duration-spring) motion-safe:ease-(--ease-spring) hover-fine:has-[a,button]:motion-safe:-translate-y-0.5";
+/** Card surface. The outline is a 1px ring in the border token, so Arc's hover shadow (`--shadow-raised`, arriving
+* with the 2px lift and the strong border) stacks on it, and isolation keeps the rounded clip on media while the card
+* lifts (Safari drops it otherwise). */
+const cardClassName = "group/card relative isolate flex min-w-0 flex-col overflow-hidden rounded-(--radius-panel) bg-surface text-sm text-foreground ring-1 ring-border has-[[data-slot=card-trigger]:focus-visible]:ring-border-strong transition-[box-shadow] duration-(--duration-standard) ease-(--ease-standard) motion-safe:transition-[translate,box-shadow] motion-safe:duration-(--duration-spring) motion-safe:ease-(--ease-spring) hover-fine:has-[a,button]:ring-border-strong hover-fine:has-[a,button]:shadow-(--shadow-raised) hover-fine:has-[a,button]:motion-safe:-translate-y-0.5";
 const titleClassName = "m-0 w-fit max-w-full font-sans text-lg leading-[1.3] font-medium tracking-(--tracking-body) text-balance";
 const descriptionClassName = "m-0 mt-(--space-2) max-w-[34ch] text-sm leading-(--leading-body) text-pretty text-text-secondary";
 /**
@@ -646,18 +646,15 @@ function Card(t0) {
 	}
 	let t30;
 	if ($[90] !== attachCard || $[91] !== t18 || $[92] !== t19 || $[93] !== t21 || $[94] !== t22 || $[95] !== t24 || $[96] !== t29) {
-		t30 = /* @__PURE__ */ _jsx(MotionSlot, {
-			kind: "card",
-			children: /* @__PURE__ */ _jsxs(motion.article, {
-				...t18,
-				ref: attachCard,
-				"data-slot": "card",
-				className: t19,
-				style: t21,
-				...t22,
-				transition: t23,
-				children: [t24, t29]
-			})
+		t30 = /* @__PURE__ */ _jsxs(motion.article, {
+			...t18,
+			ref: attachCard,
+			"data-slot": "card",
+			className: t19,
+			style: t21,
+			...t22,
+			transition: t23,
+			children: [t24, t29]
 		});
 		$[90] = attachCard;
 		$[91] = t18;

package/dist/components/dialog-surface.js

@@ -13,7 +13,6 @@ import { DIALOG_DEFAULT_COPY, DIALOG_TEXT_SWAP_OFFSET_EM } from "../constants/di
 import { usePrefersReducedMotion } from "../hooks/use-prefers-reduced-motion.js";
 import { cn } from "../lib/utils.js";
 import { ARC_BLUR, ARC_DURATION, ARC_EASE } from "../motion/arc-tokens.js";
-import { MotionSlot } from "../motion/motion-slot.js";
 import { ControlButton } from "./control-button.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /** Arc's overlay: a near-black scrim at 46% with a 7px backdrop blur where the engine supports it. */
@@ -50,7 +49,7 @@ const contentCloseButtonClassName = "absolute top-[calc(var(--space-6)+(var(--te
 * @returns The close control.
 */
 export function DialogSurfaceCloseButton(t0) {
-	const $ = _c(15);
+	const $ = _c(12);
 	const { kind, placement, label: t1, buttonRef } = t0;
 	const label = t1 === undefined ? DIALOG_DEFAULT_COPY.closeLabel : t1;
 	const Close = kind === "alert" ? AlertDialogPrimitive.Cancel : DialogPrimitive.Close;
@@ -99,31 +98,19 @@ export function DialogSurfaceCloseButton(t0) {
 	}
 	const button = t6;
 	let t7;
-	if ($[9] !== button || $[10] !== placement) {
-		t7 = placement === "viewport" ? button : /* @__PURE__ */ _jsx(MotionSlot, {
-			kind: "delayed-pop",
+	if ($[9] !== Close || $[10] !== button) {
+		t7 = /* @__PURE__ */ _jsx(Close, {
+			"data-slot": "dialog-close",
+			asChild: true,
 			children: button
 		});
-		$[9] = button;
-		$[10] = placement;
+		$[9] = Close;
+		$[10] = button;
 		$[11] = t7;
 	} else {
 		t7 = $[11];
 	}
-	let t8;
-	if ($[12] !== Close || $[13] !== t7) {
-		t8 = /* @__PURE__ */ _jsx(Close, {
-			"data-slot": "dialog-close",
-			asChild: true,
-			children: t7
-		});
-		$[12] = Close;
-		$[13] = t7;
-		$[14] = t8;
-	} else {
-		t8 = $[14];
-	}
-	return t8;
+	return t7;
 }
 /**
 * One version of the copy. While it lifts out it turns inert and hidden from assistive technology, so the dialog's

package/dist/components/filter-query-bar.js

@@ -5,7 +5,6 @@ import { Calendar, Check, CircleDot, CircleMinus, CircleSlash, Folder, Hash, Lis
 import { ControlButton } from "./control-button.js";
 import { Input } from "./input.js";
 import { Popover, PopoverAnchor, PopoverContent } from "./primitives/popover.js";
-import { GlideSlot } from "../motion/glide-slot.js";
 import { cn } from "../lib/utils.js";
 import { getActiveFilterToken, getValueHighlightRanges, normalizeFilterSlug, parseFilterQuery, PRESENCE_HAS_META_KEY, PRESENCE_NO_META_KEY, UNASSIGNED_FOLDER_FILTER_VALUE } from "./filter-query-grammar.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -811,16 +810,13 @@ export function FilterQueryBar(t0) {
 			onCloseAutoFocus: _temp,
 			onInteractOutside: t34,
 			onOpenAutoFocus: _temp2,
-			children: /* @__PURE__ */ _jsx(GlideSlot, {
-				preset: "suggestions",
-				children: /* @__PURE__ */ _jsx("ul", {
-					"aria-label": t35,
-					className: "grid gap-0.5",
-					"data-slot": "filter-query-bar-suggestions",
-					id: listboxId,
-					role: "listbox",
-					children: t36
-				})
+			children: /* @__PURE__ */ _jsx("ul", {
+				"aria-label": t35,
+				className: "grid gap-0.5",
+				"data-slot": "filter-query-bar-suggestions",
+				id: listboxId,
+				role: "listbox",
+				children: t36
 			})
 		});
 		$[83] = listboxId;

package/dist/components/input-group.js

@@ -2,7 +2,6 @@
 import { c as _c } from "react/compiler-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
-import { MotionSlot } from "../motion/motion-slot.js";
 import { cn } from "../lib/utils.js";
 import { ControlButton } from "./control-button.js";
 import { Input } from "./input.js";
@@ -31,14 +30,11 @@ function InputGroup(t0) {
 	}
 	let t2;
 	if ($[5] !== props || $[6] !== t1) {
-		t2 = /* @__PURE__ */ _jsx(MotionSlot, {
-			kind: "field",
-			children: /* @__PURE__ */ _jsx("div", {
-				"data-slot": "input-group",
-				role: "group",
-				className: t1,
-				...props
-			})
+		t2 = /* @__PURE__ */ _jsx("div", {
+			"data-slot": "input-group",
+			role: "group",
+			className: t1,
+			...props
 		});
 		$[5] = props;
 		$[6] = t1;

package/dist/components/input.js

@@ -1,7 +1,6 @@
 "use client";
 import { c as _c } from "react/compiler-runtime";
 import { Input as InputPrimitive } from "@base-ui/react/input";
-import { MotionSlot } from "../motion/motion-slot.js";
 import { cn } from "../lib/utils.js";
 import { Field, usesFieldCopy, useFieldAria } from "./field.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -75,17 +74,14 @@ function Input(inputProps) {
 	const t4 = aria["aria-invalid"];
 	let t5;
 	if ($[15] !== props || $[16] !== t1 || $[17] !== t2 || $[18] !== t3 || $[19] !== t4 || $[20] !== type) {
-		t5 = /* @__PURE__ */ _jsx(MotionSlot, {
-			kind: "field",
-			children: /* @__PURE__ */ _jsx(InputPrimitive, {
-				type,
-				"data-slot": "input",
-				className: t1,
-				...props,
-				id: t2,
-				"aria-describedby": t3,
-				"aria-invalid": t4
-			})
+		t5 = /* @__PURE__ */ _jsx(InputPrimitive, {
+			type,
+			"data-slot": "input",
+			className: t1,
+			...props,
+			id: t2,
+			"aria-describedby": t3,
+			"aria-invalid": t4
 		});
 		$[15] = props;
 		$[16] = t1;

package/dist/components/label.js

@@ -2,7 +2,6 @@
 import { c as _c } from "react/compiler-runtime";
 import * as React from "react";
 import { Label as LabelPrimitive } from "radix-ui";
-import { MotionSlot } from "../motion/motion-slot.js";
 import { cn } from "../lib/utils.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 function Label(t0) {
@@ -28,13 +27,10 @@ function Label(t0) {
 	}
 	let t2;
 	if ($[5] !== props || $[6] !== t1) {
-		t2 = /* @__PURE__ */ _jsx(MotionSlot, {
-			kind: "field",
-			children: /* @__PURE__ */ _jsx(LabelPrimitive.Root, {
-				"data-slot": "label",
-				className: t1,
-				...props
-			})
+		t2 = /* @__PURE__ */ _jsx(LabelPrimitive.Root, {
+			"data-slot": "label",
+			className: t1,
+			...props
 		});
 		$[5] = props;
 		$[6] = t1;

package/dist/components/link.d.ts

@@ -1,3 +1,4 @@
+/** Selects the configured routing adapter while keeping a native anchor fallback. */
 import type { ComponentType } from "react";
 import { type BeezLinkProps } from "../providers/beez-ui-provider.js";
 /** Shares native link props and explicit per-link navigation overrides. */

package/dist/components/link.js

@@ -1,12 +1,10 @@
 "use client";
 import { c as _c } from "react/compiler-runtime";
-/** Selects the configured routing adapter while keeping a native anchor fallback. */
-import { MotionSlot } from "../motion/motion-slot.js";
 import { useBeezUIComponents } from "../providers/beez-ui-provider.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /** Uses the provider's adapter and excludes framework hints from native DOM attributes. */
 export function Link(t0) {
-	const $ = _c(11);
+	const $ = _c(8);
 	let component;
 	let prefetch;
 	let props;
@@ -41,17 +39,5 @@ export function Link(t0) {
 		t1 = $[7];
 	}
 	const link = t1;
-	let t2;
-	if ($[8] !== link || $[9] !== props) {
-		t2 = "data-slot" in props ? link : /* @__PURE__ */ _jsx(MotionSlot, {
-			kind: "link",
-			children: link
-		});
-		$[8] = link;
-		$[9] = props;
-		$[10] = t2;
-	} else {
-		t2 = $[10];
-	}
-	return t2;
+	return link;
 }

package/dist/components/presence-swap.d.ts

@@ -14,7 +14,7 @@ export interface PresenceSwapProps {
     mode?: "wait" | "popLayout";
 }
 /**
- * Swaps keyed content with a short lift-and-fade; the first render is not animated.
+ * Swaps keyed content with Arc's swap (a short rise out of a blur); the first render is not animated.
  * @param props - Key identifying the current state and its content.
  * @returns The animated content.
  */