beez-ui 0.5.5 → 0.6.0

package/dist/motion/glide-slot.js

@@ -0,0 +1,71 @@
+"use client";
+import { c as _c } from "react/compiler-runtime";
+/** Adds a gliding active-item indicator to the original container, without DOM wrappers. */
+import { useLayoutEffect } from "react";
+import { Slot } from "radix-ui";
+import { usePrefersReducedMotion } from "../hooks/use-prefers-reduced-motion.js";
+import { attachGlideIndicator, GLIDE_PRESETS } from "./glide-indicator.js";
+import { useAttachedElement } from "./use-attached-element.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Composes refs through Radix Slot and glides the preset's highlight between its items. */
+export function GlideSlot(t0) {
+	const $ = _c(14);
+	let children;
+	let preset;
+	let props;
+	let ref;
+	if ($[0] !== t0) {
+		({children, preset, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = preset;
+		$[3] = props;
+		$[4] = ref;
+	} else {
+		children = $[1];
+		preset = $[2];
+		props = $[3];
+		ref = $[4];
+	}
+	const [element, attach] = useAttachedElement(ref);
+	const reduceMotion = usePrefersReducedMotion();
+	let t1;
+	let t2;
+	if ($[5] !== element || $[6] !== preset || $[7] !== reduceMotion) {
+		t1 = () => {
+			if (!element || reduceMotion) {
+				return;
+			}
+			return attachGlideIndicator(element, GLIDE_PRESETS[preset]);
+		};
+		t2 = [
+			element,
+			preset,
+			reduceMotion
+		];
+		$[5] = element;
+		$[6] = preset;
+		$[7] = reduceMotion;
+		$[8] = t1;
+		$[9] = t2;
+	} else {
+		t1 = $[8];
+		t2 = $[9];
+	}
+	useLayoutEffect(t1, t2);
+	let t3;
+	if ($[10] !== attach || $[11] !== children || $[12] !== props) {
+		t3 = /* @__PURE__ */ _jsx(Slot.Root, {
+			...props,
+			ref: attach,
+			children
+		});
+		$[10] = attach;
+		$[11] = children;
+		$[12] = props;
+		$[13] = t3;
+	} else {
+		t3 = $[13];
+	}
+	return t3;
+}