@waveso/ui 0.0.10 → 0.2.0

package/dist/animate.js

@@ -1,244 +1,280 @@
-import { useRef, useState, useEffect, isValidElement, cloneElement, Children, useId } from 'react';
-import { useInView } from 'motion/react';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-
-var DIRECTION_MAP = {
-  up: { prop: "translateY", value: -1 },
-  down: { prop: "translateY", value: 1 },
-  left: { prop: "translateX", value: -1 },
-  right: { prop: "translateX", value: 1 }
+"use client";
+import { Children, cloneElement, isValidElement, useEffect, useId, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useInView } from "motion/react";
+//#region src/animate.tsx
+/**
+* Direction map: `from` means where the element COMES FROM.
+* `from="left"` = starts to the left, slides right into place.
+*/
+const DIRECTION_MAP = {
+	up: {
+		prop: "translateY",
+		value: -1
+	},
+	down: {
+		prop: "translateY",
+		value: 1
+	},
+	left: {
+		prop: "translateX",
+		value: -1
+	},
+	right: {
+		prop: "translateX",
+		value: 1
+	}
 };
-var FLIP_MAP = {
-  up: "rotateX(90deg)",
-  down: "rotateX(-90deg)",
-  left: "rotateY(-90deg)",
-  right: "rotateY(90deg)"
+/** Flip axis: vertical directions flip around X, horizontal around Y */
+const FLIP_MAP = {
+	up: "rotateX(90deg)",
+	down: "rotateX(-90deg)",
+	left: "rotateY(-90deg)",
+	right: "rotateY(90deg)"
 };
-var SPRING_EASE = "cubic-bezier(0.34, 1.56, 0.64, 1)";
+/** CSS cubic-bezier that overshoots then settles — feels like a spring */
+const SPRING_EASE = "cubic-bezier(0.34, 1.56, 0.64, 1)";
 function buildStyles(opts) {
-  const { from, distance, doScale, blur, rotate, flip } = opts;
-  const dir = DIRECTION_MAP[from];
-  const hiddenParts = [];
-  if (flip) hiddenParts.push("perspective(800px)");
-  hiddenParts.push(`${dir.prop}(${dir.value * distance}px)`);
-  if (doScale) hiddenParts.push("scale(0.85)");
-  if (rotate) hiddenParts.push(`rotate(${rotate}deg)`);
-  if (flip) hiddenParts.push(FLIP_MAP[from]);
-  const visibleParts = [];
-  if (flip) visibleParts.push("perspective(800px)");
-  visibleParts.push("translateX(0) translateY(0)");
-  if (doScale) visibleParts.push("scale(1)");
-  if (rotate) visibleParts.push("rotate(0deg)");
-  if (flip) visibleParts.push(from === "up" || from === "down" ? "rotateX(0deg)" : "rotateY(0deg)");
-  const blurPx = blur === true ? 10 : typeof blur === "number" ? blur : 0;
-  const hidden = {
-    opacity: "0",
-    transform: hiddenParts.join(" ")
-  };
-  const visible = {
-    opacity: "1",
-    transform: visibleParts.join(" ")
-  };
-  if (blurPx > 0) {
-    hidden.filter = `blur(${blurPx}px)`;
-    visible.filter = "blur(0px)";
-  }
-  return { hidden, visible, hasFilter: blurPx > 0 };
+	const { from, distance, doScale, blur, rotate, flip } = opts;
+	const dir = DIRECTION_MAP[from];
+	const hiddenParts = [];
+	if (flip) hiddenParts.push("perspective(800px)");
+	hiddenParts.push(`${dir.prop}(${dir.value * distance}px)`);
+	if (doScale) hiddenParts.push("scale(0.85)");
+	if (rotate) hiddenParts.push(`rotate(${rotate}deg)`);
+	if (flip) hiddenParts.push(FLIP_MAP[from]);
+	const visibleParts = [];
+	if (flip) visibleParts.push("perspective(800px)");
+	visibleParts.push("translateX(0) translateY(0)");
+	if (doScale) visibleParts.push("scale(1)");
+	if (rotate) visibleParts.push("rotate(0deg)");
+	if (flip) visibleParts.push(from === "up" || from === "down" ? "rotateX(0deg)" : "rotateY(0deg)");
+	const blurPx = blur === true ? 10 : typeof blur === "number" ? blur : 0;
+	const hidden = {
+		opacity: "0",
+		transform: hiddenParts.join(" ")
+	};
+	const visible = {
+		opacity: "1",
+		transform: visibleParts.join(" ")
+	};
+	if (blurPx > 0) {
+		hidden.filter = `blur(${blurPx}px)`;
+		visible.filter = "blur(0px)";
+	}
+	return {
+		hidden,
+		visible,
+		hasFilter: blurPx > 0
+	};
 }
 function mergeRefs(...refs) {
-  return (el) => {
-    refs.forEach((ref) => {
-      if (typeof ref === "function") ref(el);
-      else if (ref && typeof ref === "object") {
-        ref.current = el;
-      }
-    });
-  };
+	return (el) => {
+		refs.forEach((ref) => {
+			if (typeof ref === "function") ref(el);
+			else if (ref && typeof ref === "object") ref.current = el;
+		});
+	};
 }
 function getTransitionParams(transition, useSpring) {
-  const duration = transition?.duration ?? 0.5;
-  const ease = useSpring ? SPRING_EASE : transition?.ease ?? "ease-out";
-  return { duration, ease };
+	return {
+		duration: transition?.duration ?? .5,
+		ease: useSpring ? SPRING_EASE : transition?.ease ?? "ease-out"
+	};
 }
 function buildTransitionStr(duration, ease, delay, hasFilter) {
-  const parts = [
-    `opacity ${duration}s ${ease} ${delay}s`,
-    `transform ${duration}s ${ease} ${delay}s`
-  ];
-  if (hasFilter) parts.push(`filter ${duration}s ${ease} ${delay}s`);
-  return parts.join(", ");
+	const parts = [`opacity ${duration}s ${ease} ${delay}s`, `transform ${duration}s ${ease} ${delay}s`];
+	if (hasFilter) parts.push(`filter ${duration}s ${ease} ${delay}s`);
+	return parts.join(", ");
 }
-function AnimateOnView({
-  children,
-  delay = 0,
-  from = "down",
-  distance = 20,
-  scale = false,
-  blur = false,
-  rotate = 0,
-  flip = false,
-  spring = false,
-  once = true,
-  transition
-}) {
-  const ref = useRef(null);
-  const [hydrated, setHydrated] = useState(false);
-  const isInView = useInView(ref, { once, margin: "-50px" });
-  useEffect(() => {
-    setHydrated(true);
-  }, []);
-  if (!isValidElement(children)) return children;
-  const childProps = children.props;
-  const existingStyle = childProps.style ?? {};
-  const existingRef = childProps.ref;
-  if (!hydrated) {
-    return cloneElement(children, {
-      ref: mergeRefs(ref, existingRef)
-    });
-  }
-  const styles = buildStyles({ from, distance, doScale: scale, blur, rotate, flip });
-  const { duration, ease } = getTransitionParams(transition, spring);
-  const currentStyle = isInView ? styles.visible : styles.hidden;
-  const transitionStr = buildTransitionStr(duration, ease, delay, styles.hasFilter);
-  return cloneElement(children, {
-    ref: mergeRefs(ref, existingRef),
-    style: {
-      ...existingStyle,
-      ...currentStyle,
-      ...isInView ? { transition: transitionStr } : {},
-      willChange: "opacity, transform"
-    }
-  });
+/**
+* Animates a child element when it scrolls into view.
+*
+* Zero DOM overhead — applies styles directly to the child via cloneElement.
+* Renders children unchanged on server to avoid hydration mismatch.
+*
+* @example
+* ```tsx
+* <AnimateOnView from="up" blur scale>
+*   <Card>Hello</Card>
+* </AnimateOnView>
+* ```
+*/
+function AnimateOnView({ children, delay = 0, from = "down", distance = 20, scale = false, blur = false, rotate = 0, flip = false, spring = false, once = true, transition }) {
+	const ref = useRef(null);
+	const [hydrated, setHydrated] = useState(false);
+	const isInView = useInView(ref, {
+		once,
+		margin: "-50px"
+	});
+	useEffect(() => {
+		setHydrated(true);
+	}, []);
+	if (!isValidElement(children)) return children;
+	const childProps = children.props;
+	const existingStyle = childProps.style ?? {};
+	const existingRef = childProps.ref;
+	if (!hydrated) return cloneElement(children, { ref: mergeRefs(ref, existingRef) });
+	const styles = buildStyles({
+		from,
+		distance,
+		doScale: scale,
+		blur,
+		rotate,
+		flip
+	});
+	const { duration, ease } = getTransitionParams(transition, spring);
+	const currentStyle = isInView ? styles.visible : styles.hidden;
+	const transitionStr = buildTransitionStr(duration, ease, delay, styles.hasFilter);
+	return cloneElement(children, {
+		ref: mergeRefs(ref, existingRef),
+		style: {
+			...existingStyle,
+			...currentStyle,
+			...isInView ? { transition: transitionStr } : {},
+			willChange: "opacity, transform"
+		}
+	});
 }
-function AnimateIn({
-  children,
-  delay = 0,
-  from = "down",
-  distance = 20,
-  scale = false,
-  blur = false,
-  rotate = 0,
-  flip = false,
-  spring = false,
-  transition
-}) {
-  const ref = useRef(null);
-  const [phase, setPhase] = useState("server");
-  useEffect(() => {
-    setPhase("hidden");
-    requestAnimationFrame(() => {
-      requestAnimationFrame(() => setPhase("visible"));
-    });
-  }, []);
-  if (!isValidElement(children)) return children;
-  const childProps = children.props;
-  const existingStyle = childProps.style ?? {};
-  const existingRef = childProps.ref;
-  if (phase === "server") {
-    return cloneElement(children, {
-      ref: mergeRefs(ref, existingRef)
-    });
-  }
-  const styles = buildStyles({ from, distance, doScale: scale, blur, rotate, flip });
-  const { duration, ease } = getTransitionParams(transition, spring);
-  const currentStyle = phase === "visible" ? styles.visible : styles.hidden;
-  const transitionStr = buildTransitionStr(duration, ease, delay, styles.hasFilter);
-  return cloneElement(children, {
-    ref: mergeRefs(ref, existingRef),
-    style: {
-      ...existingStyle,
-      ...currentStyle,
-      ...phase === "visible" ? { transition: transitionStr } : {},
-      willChange: "opacity, transform"
-    }
-  });
+/**
+* Animates a child element immediately on mount.
+*
+* Zero DOM overhead — applies styles directly to the child via cloneElement.
+* Uses a two-phase approach: hidden → visible with requestAnimationFrame.
+*
+* @example
+* ```tsx
+* <AnimateIn from="up" blur spring>
+*   <h1>Welcome</h1>
+* </AnimateIn>
+* ```
+*/
+function AnimateIn({ children, delay = 0, from = "down", distance = 20, scale = false, blur = false, rotate = 0, flip = false, spring = false, transition }) {
+	const ref = useRef(null);
+	const [visible, setVisible] = useState(false);
+	useEffect(() => {
+		requestAnimationFrame(() => {
+			requestAnimationFrame(() => setVisible(true));
+		});
+	}, []);
+	if (!isValidElement(children)) return children;
+	const childProps = children.props;
+	const existingStyle = childProps.style ?? {};
+	const existingRef = childProps.ref;
+	const styles = buildStyles({
+		from,
+		distance,
+		doScale: scale,
+		blur,
+		rotate,
+		flip
+	});
+	const { duration, ease } = getTransitionParams(transition, spring);
+	const currentStyle = visible ? styles.visible : styles.hidden;
+	const transitionStr = buildTransitionStr(duration, ease, delay, styles.hasFilter);
+	return cloneElement(children, {
+		ref: mergeRefs(ref, existingRef),
+		style: {
+			...existingStyle,
+			...currentStyle,
+			...visible ? { transition: transitionStr } : {},
+			willChange: "opacity, transform"
+		}
+	});
 }
-function Stagger({
-  children,
-  interval = 0.08,
-  baseDelay = 0
-}) {
-  return /* @__PURE__ */ jsx(Fragment, { children: Children.map(children, (child, index) => {
-    if (!isValidElement(child)) return child;
-    return cloneElement(child, {
-      delay: baseDelay + index * interval
-    });
-  }) });
+/**
+* Auto-staggers delay on child AnimateIn/AnimateOnView elements.
+* Eliminates manual `delay={i * 0.08}` math.
+*
+* @example
+* ```tsx
+* <Stagger interval={0.1}>
+*   <AnimateIn from="up"><Card>One</Card></AnimateIn>
+*   <AnimateIn from="up"><Card>Two</Card></AnimateIn>
+* </Stagger>
+* ```
+*/
+function Stagger({ children, interval = .08, baseDelay = 0 }) {
+	return /* @__PURE__ */ jsx(Fragment, { children: Children.map(children, (child, index) => {
+		if (!isValidElement(child)) return child;
+		return cloneElement(child, { delay: baseDelay + index * interval });
+	}) });
 }
-function Pulse({
-  children,
-  min = 0.97,
-  max = 1.03,
-  duration = 2,
-  opacity,
-  paused = false
-}) {
-  const id = useId().replace(/:/g, "");
-  const [hydrated, setHydrated] = useState(false);
-  useEffect(() => {
-    setHydrated(true);
-  }, []);
-  if (!isValidElement(children)) return children;
-  if (!hydrated) return children;
-  const name = `pulse-${id}`;
-  const opacityFrom = opacity?.[0] ?? 1;
-  const opacityTo = opacity?.[1] ?? 1;
-  const keyframes = `@keyframes ${name} {
-  0%, 100% { transform: scale(${min}); opacity: ${opacityFrom}; }
-  50% { transform: scale(${max}); opacity: ${opacityTo}; }
+/**
+* Continuous, subtle scale pulse. Great for live indicators and CTAs.
+* Zero DOM overhead — injects a scoped keyframe via `<style>`.
+*
+* @example
+* ```tsx
+* <Pulse>
+*   <span className="size-3 rounded-full bg-green-500" />
+* </Pulse>
+* ```
+*/
+function Pulse({ children, min = .97, max = 1.03, duration = 2, opacity, paused = false }) {
+	const id = useId().replace(/:/g, "");
+	const [hydrated, setHydrated] = useState(false);
+	useEffect(() => {
+		setHydrated(true);
+	}, []);
+	if (!isValidElement(children)) return children;
+	if (!hydrated) return children;
+	const name = `pulse-${id}`;
+	const keyframes = `@keyframes ${name} {
+  0%, 100% { transform: scale(${min}); opacity: ${opacity?.[0] ?? 1}; }
+  50% { transform: scale(${max}); opacity: ${opacity?.[1] ?? 1}; }
 }`;
-  const childProps = children.props;
-  const existingStyle = childProps.style ?? {};
-  const existingRef = childProps.ref;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("style", { children: keyframes }),
-    cloneElement(children, {
-      ref: existingRef ? mergeRefs(existingRef) : void 0,
-      style: {
-        ...existingStyle,
-        animation: `${name} ${duration}s ease-in-out infinite`,
-        animationPlayState: paused ? "paused" : "running"
-      }
-    })
-  ] });
+	const childProps = children.props;
+	const existingStyle = childProps.style ?? {};
+	const existingRef = childProps.ref;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("style", { children: keyframes }), cloneElement(children, {
+		ref: existingRef ? mergeRefs(existingRef) : void 0,
+		style: {
+			...existingStyle,
+			animation: `${name} ${duration}s ease-in-out infinite`,
+			animationPlayState: paused ? "paused" : "running"
+		}
+	})] });
 }
-function Float({
-  children,
-  distance = 6,
-  duration = 3,
-  rotate = 0,
-  paused = false
-}) {
-  const id = useId().replace(/:/g, "");
-  const [hydrated, setHydrated] = useState(false);
-  useEffect(() => {
-    setHydrated(true);
-  }, []);
-  if (!isValidElement(children)) return children;
-  if (!hydrated) return children;
-  const name = `float-${id}`;
-  const rotA = rotate ? ` rotate(${-rotate}deg)` : "";
-  const rotB = rotate ? ` rotate(${rotate}deg)` : "";
-  const keyframes = `@keyframes ${name} {
+/**
+* Gentle continuous up/down float. Perfect for decorative elements.
+* Zero DOM overhead — injects a scoped keyframe via `<style>`.
+*
+* @example
+* ```tsx
+* <Float distance={10} duration={4}>
+*   <Card>Floating</Card>
+* </Float>
+* ```
+*/
+function Float({ children, distance = 6, duration = 3, rotate = 0, paused = false }) {
+	const id = useId().replace(/:/g, "");
+	const [hydrated, setHydrated] = useState(false);
+	useEffect(() => {
+		setHydrated(true);
+	}, []);
+	if (!isValidElement(children)) return children;
+	if (!hydrated) return children;
+	const name = `float-${id}`;
+	const rotA = rotate ? ` rotate(${-rotate}deg)` : "";
+	const rotB = rotate ? ` rotate(${rotate}deg)` : "";
+	const keyframes = `@keyframes ${name} {
   0%, 100% { transform: translateY(0px)${rotA}; }
   50% { transform: translateY(${-distance}px)${rotB}; }
 }`;
-  const childProps = children.props;
-  const existingStyle = childProps.style ?? {};
-  const existingRef = childProps.ref;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("style", { children: keyframes }),
-    cloneElement(children, {
-      ...existingRef ? { ref: existingRef } : {},
-      style: {
-        ...existingStyle,
-        animation: `${name} ${duration}s ease-in-out infinite`,
-        animationPlayState: paused ? "paused" : "running"
-      }
-    })
-  ] });
+	const childProps = children.props;
+	const existingStyle = childProps.style ?? {};
+	const existingRef = childProps.ref;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("style", { children: keyframes }), cloneElement(children, {
+		...existingRef ? { ref: existingRef } : {},
+		style: {
+			...existingStyle,
+			animation: `${name} ${duration}s ease-in-out infinite`,
+			animationPlayState: paused ? "paused" : "running"
+		}
+	})] });
 }
-
+//#endregion
 export { AnimateIn, AnimateOnView, Float, Pulse, Stagger };
-//# sourceMappingURL=animate.js.map
+
 //# sourceMappingURL=animate.js.map

package/dist/animate.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/animate.tsx"],"names":[],"mappings":"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","file":"animate.js","sourcesContent":["\"use client\"\n\nimport {\n  Children,\n  type CSSProperties,\n  type ReactElement,\n  type Ref,\n  cloneElement,\n  isValidElement,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from \"react\"\nimport { useInView, type Transition } from \"motion/react\"\n\n// ── Types ────────────────────────────────────────────────────────────\n\ntype Direction = \"up\" | \"down\" | \"left\" | \"right\"\n\ninterface AnimateOnViewProps {\n  children: ReactElement\n  /** Delay in seconds before animation starts. Default: 0 */\n  delay?: number\n  /** Direction to animate from. Default: 'down' */\n  from?: Direction\n  /** Distance in px. Default: 20 */\n  distance?: number\n  /** Also scale in (0.85 → 1). Default: false */\n  scale?: boolean\n  /** Blur in from a given amount in px. Default: false */\n  blur?: boolean | number\n  /** Rotate in from a given angle in degrees. Default: 0 */\n  rotate?: number\n  /** 3D flip entrance along the axis matching `from`. Default: false */\n  flip?: boolean\n  /** Spring easing with overshoot. Default: false */\n  spring?: boolean\n  /** Trigger once or every time it enters view. Default: true */\n  once?: boolean\n  /** Custom transition override */\n  transition?: Transition\n}\n\ninterface AnimateInProps {\n  children: ReactElement\n  /** Delay in seconds before animation starts. Default: 0 */\n  delay?: number\n  /** Direction to animate from. Default: 'down' */\n  from?: Direction\n  /** Distance in px. Default: 20 */\n  distance?: number\n  /** Also scale in (0.85 → 1). Default: false */\n  scale?: boolean\n  /** Blur in from a given amount in px. Default: false */\n  blur?: boolean | number\n  /** Rotate in from a given angle in degrees. Default: 0 */\n  rotate?: number\n  /** 3D flip entrance along the axis matching `from`. Default: false */\n  flip?: boolean\n  /** Spring easing with overshoot. Default: false */\n  spring?: boolean\n  /** Custom transition override */\n  transition?: Transition\n}\n\ninterface StaggerProps {\n  children: ReactElement[]\n  /** Delay increment between each child in seconds. Default: 0.08 */\n  interval?: number\n  /** Base delay before the first child animates in seconds. Default: 0 */\n  baseDelay?: number\n}\n\ninterface PulseProps {\n  children: ReactElement\n  /** Min scale factor. Default: 0.97 */\n  min?: number\n  /** Max scale factor. Default: 1.03 */\n  max?: number\n  /** Animation duration in seconds. Default: 2 */\n  duration?: number\n  /** Also pulse opacity between these bounds [min, max]. Off by default. */\n  opacity?: [number, number]\n  /** Pause animation. Default: false */\n  paused?: boolean\n}\n\ninterface FloatProps {\n  children: ReactElement\n  /** Vertical float distance in px. Default: 6 */\n  distance?: number\n  /** Animation duration in seconds. Default: 3 */\n  duration?: number\n  /** Also rotate slightly while floating (degrees). Default: 0 */\n  rotate?: number\n  /** Pause animation. Default: false */\n  paused?: boolean\n}\n\n// ── Internals ────────────────────────────────────────────────────────\n\n/**\n * Direction map: `from` means where the element COMES FROM.\n * `from=\"left\"` = starts to the left, slides right into place.\n */\nconst DIRECTION_MAP = {\n  up: { prop: \"translateY\", value: -1 },\n  down: { prop: \"translateY\", value: 1 },\n  left: { prop: \"translateX\", value: -1 },\n  right: { prop: \"translateX\", value: 1 },\n} as const\n\n/** Flip axis: vertical directions flip around X, horizontal around Y */\nconst FLIP_MAP = {\n  up: \"rotateX(90deg)\",\n  down: \"rotateX(-90deg)\",\n  left: \"rotateY(-90deg)\",\n  right: \"rotateY(90deg)\",\n} as const\n\n/** CSS cubic-bezier that overshoots then settles — feels like a spring */\nconst SPRING_EASE = \"cubic-bezier(0.34, 1.56, 0.64, 1)\"\n\ninterface BuildStylesOptions {\n  from: Direction\n  distance: number\n  doScale: boolean\n  blur: boolean | number\n  rotate: number\n  flip: boolean\n}\n\nfunction buildStyles(opts: BuildStylesOptions) {\n  const { from, distance, doScale, blur, rotate, flip } = opts\n  const dir = DIRECTION_MAP[from]\n\n  const hiddenParts: string[] = []\n  if (flip) hiddenParts.push(\"perspective(800px)\")\n  hiddenParts.push(`${dir.prop}(${dir.value * distance}px)`)\n  if (doScale) hiddenParts.push(\"scale(0.85)\")\n  if (rotate) hiddenParts.push(`rotate(${rotate}deg)`)\n  if (flip) hiddenParts.push(FLIP_MAP[from])\n\n  const visibleParts: string[] = []\n  if (flip) visibleParts.push(\"perspective(800px)\")\n  visibleParts.push(\"translateX(0) translateY(0)\")\n  if (doScale) visibleParts.push(\"scale(1)\")\n  if (rotate) visibleParts.push(\"rotate(0deg)\")\n  if (flip) visibleParts.push(from === \"up\" || from === \"down\" ? \"rotateX(0deg)\" : \"rotateY(0deg)\")\n\n  const blurPx = blur === true ? 10 : typeof blur === \"number\" ? blur : 0\n\n  const hidden: CSSProperties = {\n    opacity: \"0\",\n    transform: hiddenParts.join(\" \"),\n  }\n\n  const visible: CSSProperties = {\n    opacity: \"1\",\n    transform: visibleParts.join(\" \"),\n  }\n\n  if (blurPx > 0) {\n    hidden.filter = `blur(${blurPx}px)`\n    visible.filter = \"blur(0px)\"\n  }\n\n  return { hidden, visible, hasFilter: blurPx > 0 }\n}\n\nfunction mergeRefs<T>(...refs: (Ref<T> | undefined)[]) {\n  return (el: T | null) => {\n    refs.forEach((ref) => {\n      if (typeof ref === \"function\") ref(el)\n      else if (ref && typeof ref === \"object\") {\n        ;(ref as { current: T | null }).current = el\n      }\n    })\n  }\n}\n\nfunction getTransitionParams(transition?: Transition, useSpring?: boolean) {\n  const duration =\n    (transition as Record<string, number>)?.duration ?? 0.5\n  const ease =\n    useSpring ? SPRING_EASE : ((transition as Record<string, string>)?.ease ?? \"ease-out\")\n  return { duration, ease }\n}\n\nfunction buildTransitionStr(\n  duration: number,\n  ease: string,\n  delay: number,\n  hasFilter: boolean,\n) {\n  const parts = [\n    `opacity ${duration}s ${ease} ${delay}s`,\n    `transform ${duration}s ${ease} ${delay}s`,\n  ]\n  if (hasFilter) parts.push(`filter ${duration}s ${ease} ${delay}s`)\n  return parts.join(\", \")\n}\n\n// ── AnimateOnView ────────────────────────────────────────────────────\n\n/**\n * Animates a child element when it scrolls into view.\n *\n * Zero DOM overhead — applies styles directly to the child via cloneElement.\n * Renders children unchanged on server to avoid hydration mismatch.\n *\n * @example\n * ```tsx\n * <AnimateOnView from=\"up\" blur scale>\n *   <Card>Hello</Card>\n * </AnimateOnView>\n * ```\n */\nfunction AnimateOnView({\n  children,\n  delay = 0,\n  from = \"down\",\n  distance = 20,\n  scale = false,\n  blur = false,\n  rotate = 0,\n  flip = false,\n  spring = false,\n  once = true,\n  transition,\n}: AnimateOnViewProps) {\n  const ref = useRef<HTMLElement>(null)\n  const [hydrated, setHydrated] = useState(false)\n  const isInView = useInView(ref, { once, margin: \"-50px\" })\n\n  useEffect(() => {\n    setHydrated(true)\n  }, [])\n\n  if (!isValidElement(children)) return children\n\n  const childProps = children.props as Record<string, unknown>\n  const existingStyle = (childProps.style ?? {}) as CSSProperties\n  const existingRef = (childProps as { ref?: Ref<HTMLElement> }).ref\n\n  if (!hydrated) {\n    return cloneElement(children, {\n      ref: mergeRefs(ref, existingRef),\n    } as Record<string, unknown>)\n  }\n\n  const styles = buildStyles({ from, distance, doScale: scale, blur, rotate, flip })\n  const { duration, ease } = getTransitionParams(transition, spring)\n  const currentStyle = isInView ? styles.visible : styles.hidden\n  const transitionStr = buildTransitionStr(duration, ease, delay, styles.hasFilter)\n\n  return cloneElement(children, {\n    ref: mergeRefs(ref, existingRef),\n    style: {\n      ...existingStyle,\n      ...currentStyle,\n      ...(isInView ? { transition: transitionStr } : {}),\n      willChange: \"opacity, transform\",\n    },\n  } as Record<string, unknown>)\n}\n\n// ── AnimateIn ────────────────────────────────────────────────────────\n\n/**\n * Animates a child element immediately on mount.\n *\n * Zero DOM overhead — applies styles directly to the child via cloneElement.\n * Uses a two-phase approach: hidden → visible with requestAnimationFrame.\n *\n * @example\n * ```tsx\n * <AnimateIn from=\"up\" blur spring>\n *   <h1>Welcome</h1>\n * </AnimateIn>\n * ```\n */\nfunction AnimateIn({\n  children,\n  delay = 0,\n  from = \"down\",\n  distance = 20,\n  scale = false,\n  blur = false,\n  rotate = 0,\n  flip = false,\n  spring = false,\n  transition,\n}: AnimateInProps) {\n  const ref = useRef<HTMLElement>(null)\n  const [phase, setPhase] = useState<\"server\" | \"hidden\" | \"visible\">(\"server\")\n\n  useEffect(() => {\n    setPhase(\"hidden\")\n    requestAnimationFrame(() => {\n      requestAnimationFrame(() => setPhase(\"visible\"))\n    })\n  }, [])\n\n  if (!isValidElement(children)) return children\n\n  const childProps = children.props as Record<string, unknown>\n  const existingStyle = (childProps.style ?? {}) as CSSProperties\n  const existingRef = (childProps as { ref?: Ref<HTMLElement> }).ref\n\n  if (phase === \"server\") {\n    return cloneElement(children, {\n      ref: mergeRefs(ref, existingRef),\n    } as Record<string, unknown>)\n  }\n\n  const styles = buildStyles({ from, distance, doScale: scale, blur, rotate, flip })\n  const { duration, ease } = getTransitionParams(transition, spring)\n  const currentStyle = phase === \"visible\" ? styles.visible : styles.hidden\n  const transitionStr = buildTransitionStr(duration, ease, delay, styles.hasFilter)\n\n  return cloneElement(children, {\n    ref: mergeRefs(ref, existingRef),\n    style: {\n      ...existingStyle,\n      ...currentStyle,\n      ...(phase === \"visible\" ? { transition: transitionStr } : {}),\n      willChange: \"opacity, transform\",\n    },\n  } as Record<string, unknown>)\n}\n\n// ── Stagger ──────────────────────────────────────────────────────────\n\n/**\n * Auto-staggers delay on child AnimateIn/AnimateOnView elements.\n * Eliminates manual `delay={i * 0.08}` math.\n *\n * @example\n * ```tsx\n * <Stagger interval={0.1}>\n *   <AnimateIn from=\"up\"><Card>One</Card></AnimateIn>\n *   <AnimateIn from=\"up\"><Card>Two</Card></AnimateIn>\n * </Stagger>\n * ```\n */\nfunction Stagger({\n  children,\n  interval = 0.08,\n  baseDelay = 0,\n}: StaggerProps) {\n  return (\n    <>\n      {Children.map(children, (child, index) => {\n        if (!isValidElement(child)) return child\n        return cloneElement(child as ReactElement<{ delay?: number }>, {\n          delay: baseDelay + index * interval,\n        })\n      })}\n    </>\n  )\n}\n\n// ── Pulse ────────────────────────────────────────────────────────────\n\n/**\n * Continuous, subtle scale pulse. Great for live indicators and CTAs.\n * Zero DOM overhead — injects a scoped keyframe via `<style>`.\n *\n * @example\n * ```tsx\n * <Pulse>\n *   <span className=\"size-3 rounded-full bg-green-500\" />\n * </Pulse>\n * ```\n */\nfunction Pulse({\n  children,\n  min = 0.97,\n  max = 1.03,\n  duration = 2,\n  opacity,\n  paused = false,\n}: PulseProps) {\n  const id = useId().replace(/:/g, \"\")\n  const [hydrated, setHydrated] = useState(false)\n\n  useEffect(() => {\n    setHydrated(true)\n  }, [])\n\n  if (!isValidElement(children)) return children\n  if (!hydrated) return children\n\n  const name = `pulse-${id}`\n  const opacityFrom = opacity?.[0] ?? 1\n  const opacityTo = opacity?.[1] ?? 1\n\n  const keyframes = `@keyframes ${name} {\n  0%, 100% { transform: scale(${min}); opacity: ${opacityFrom}; }\n  50% { transform: scale(${max}); opacity: ${opacityTo}; }\n}`\n\n  const childProps = children.props as Record<string, unknown>\n  const existingStyle = (childProps.style ?? {}) as CSSProperties\n  const existingRef = (childProps as { ref?: Ref<HTMLElement> }).ref\n\n  return (\n    <>\n      <style>{keyframes}</style>\n      {cloneElement(children, {\n        ref: existingRef ? mergeRefs(existingRef) : undefined,\n        style: {\n          ...existingStyle,\n          animation: `${name} ${duration}s ease-in-out infinite`,\n          animationPlayState: paused ? \"paused\" : \"running\",\n        },\n      } as Record<string, unknown>)}\n    </>\n  )\n}\n\n// ── Float ────────────────────────────────────────────────────────────\n\n/**\n * Gentle continuous up/down float. Perfect for decorative elements.\n * Zero DOM overhead — injects a scoped keyframe via `<style>`.\n *\n * @example\n * ```tsx\n * <Float distance={10} duration={4}>\n *   <Card>Floating</Card>\n * </Float>\n * ```\n */\nfunction Float({\n  children,\n  distance = 6,\n  duration = 3,\n  rotate = 0,\n  paused = false,\n}: FloatProps) {\n  const id = useId().replace(/:/g, \"\")\n  const [hydrated, setHydrated] = useState(false)\n\n  useEffect(() => {\n    setHydrated(true)\n  }, [])\n\n  if (!isValidElement(children)) return children\n  if (!hydrated) return children\n\n  const name = `float-${id}`\n  const rotA = rotate ? ` rotate(${-rotate}deg)` : \"\"\n  const rotB = rotate ? ` rotate(${rotate}deg)` : \"\"\n\n  const keyframes = `@keyframes ${name} {\n  0%, 100% { transform: translateY(0px)${rotA}; }\n  50% { transform: translateY(${-distance}px)${rotB}; }\n}`\n\n  const childProps = children.props as Record<string, unknown>\n  const existingStyle = (childProps.style ?? {}) as CSSProperties\n  const existingRef = (childProps as { ref?: Ref<HTMLElement> }).ref\n\n  return (\n    <>\n      <style>{keyframes}</style>\n      {cloneElement(children, {\n        ...(existingRef ? { ref: existingRef } : {}),\n        style: {\n          ...existingStyle,\n          animation: `${name} ${duration}s ease-in-out infinite`,\n          animationPlayState: paused ? \"paused\" : \"running\",\n        },\n      } as Record<string, unknown>)}\n    </>\n  )\n}\n\n// ── Exports ──────────────────────────────────────────────────────────\n\nexport { AnimateOnView, AnimateIn, Stagger, Pulse, Float }\nexport type {\n  AnimateOnViewProps,\n  AnimateInProps,\n  StaggerProps,\n  PulseProps,\n  FloatProps,\n  Direction,\n}\n"]}
+{"version":3,"file":"animate.js","names":[],"sources":["../src/animate.tsx"],"sourcesContent":["\"use client\"\n\nimport {\n  Children,\n  type CSSProperties,\n  type ReactElement,\n  type Ref,\n  cloneElement,\n  isValidElement,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from \"react\"\nimport { useInView, type Transition } from \"motion/react\"\n\n// ── Types ────────────────────────────────────────────────────────────\n\ntype Direction = \"up\" | \"down\" | \"left\" | \"right\"\n\ninterface AnimateOnViewProps {\n  children: ReactElement\n  /** Delay in seconds before animation starts. Default: 0 */\n  delay?: number\n  /** Direction to animate from. Default: 'down' */\n  from?: Direction\n  /** Distance in px. Default: 20 */\n  distance?: number\n  /** Also scale in (0.85 → 1). Default: false */\n  scale?: boolean\n  /** Blur in from a given amount in px. Default: false */\n  blur?: boolean | number\n  /** Rotate in from a given angle in degrees. Default: 0 */\n  rotate?: number\n  /** 3D flip entrance along the axis matching `from`. Default: false */\n  flip?: boolean\n  /** Spring easing with overshoot. Default: false */\n  spring?: boolean\n  /** Trigger once or every time it enters view. Default: true */\n  once?: boolean\n  /** Custom transition override */\n  transition?: Transition\n}\n\ninterface AnimateInProps {\n  children: ReactElement\n  /** Delay in seconds before animation starts. Default: 0 */\n  delay?: number\n  /** Direction to animate from. Default: 'down' */\n  from?: Direction\n  /** Distance in px. Default: 20 */\n  distance?: number\n  /** Also scale in (0.85 → 1). Default: false */\n  scale?: boolean\n  /** Blur in from a given amount in px. Default: false */\n  blur?: boolean | number\n  /** Rotate in from a given angle in degrees. Default: 0 */\n  rotate?: number\n  /** 3D flip entrance along the axis matching `from`. Default: false */\n  flip?: boolean\n  /** Spring easing with overshoot. Default: false */\n  spring?: boolean\n  /** Custom transition override */\n  transition?: Transition\n}\n\ninterface StaggerProps {\n  children: ReactElement[]\n  /** Delay increment between each child in seconds. Default: 0.08 */\n  interval?: number\n  /** Base delay before the first child animates in seconds. Default: 0 */\n  baseDelay?: number\n}\n\ninterface PulseProps {\n  children: ReactElement\n  /** Min scale factor. Default: 0.97 */\n  min?: number\n  /** Max scale factor. Default: 1.03 */\n  max?: number\n  /** Animation duration in seconds. Default: 2 */\n  duration?: number\n  /** Also pulse opacity between these bounds [min, max]. Off by default. */\n  opacity?: [number, number]\n  /** Pause animation. Default: false */\n  paused?: boolean\n}\n\ninterface FloatProps {\n  children: ReactElement\n  /** Vertical float distance in px. Default: 6 */\n  distance?: number\n  /** Animation duration in seconds. Default: 3 */\n  duration?: number\n  /** Also rotate slightly while floating (degrees). Default: 0 */\n  rotate?: number\n  /** Pause animation. Default: false */\n  paused?: boolean\n}\n\n// ── Internals ────────────────────────────────────────────────────────\n\n/**\n * Direction map: `from` means where the element COMES FROM.\n * `from=\"left\"` = starts to the left, slides right into place.\n */\nconst DIRECTION_MAP = {\n  up: { prop: \"translateY\", value: -1 },\n  down: { prop: \"translateY\", value: 1 },\n  left: { prop: \"translateX\", value: -1 },\n  right: { prop: \"translateX\", value: 1 },\n} as const\n\n/** Flip axis: vertical directions flip around X, horizontal around Y */\nconst FLIP_MAP = {\n  up: \"rotateX(90deg)\",\n  down: \"rotateX(-90deg)\",\n  left: \"rotateY(-90deg)\",\n  right: \"rotateY(90deg)\",\n} as const\n\n/** CSS cubic-bezier that overshoots then settles — feels like a spring */\nconst SPRING_EASE = \"cubic-bezier(0.34, 1.56, 0.64, 1)\"\n\ninterface BuildStylesOptions {\n  from: Direction\n  distance: number\n  doScale: boolean\n  blur: boolean | number\n  rotate: number\n  flip: boolean\n}\n\nfunction buildStyles(opts: BuildStylesOptions) {\n  const { from, distance, doScale, blur, rotate, flip } = opts\n  const dir = DIRECTION_MAP[from]\n\n  const hiddenParts: string[] = []\n  if (flip) hiddenParts.push(\"perspective(800px)\")\n  hiddenParts.push(`${dir.prop}(${dir.value * distance}px)`)\n  if (doScale) hiddenParts.push(\"scale(0.85)\")\n  if (rotate) hiddenParts.push(`rotate(${rotate}deg)`)\n  if (flip) hiddenParts.push(FLIP_MAP[from])\n\n  const visibleParts: string[] = []\n  if (flip) visibleParts.push(\"perspective(800px)\")\n  visibleParts.push(\"translateX(0) translateY(0)\")\n  if (doScale) visibleParts.push(\"scale(1)\")\n  if (rotate) visibleParts.push(\"rotate(0deg)\")\n  if (flip) visibleParts.push(from === \"up\" || from === \"down\" ? \"rotateX(0deg)\" : \"rotateY(0deg)\")\n\n  const blurPx = blur === true ? 10 : typeof blur === \"number\" ? blur : 0\n\n  const hidden: CSSProperties = {\n    opacity: \"0\",\n    transform: hiddenParts.join(\" \"),\n  }\n\n  const visible: CSSProperties = {\n    opacity: \"1\",\n    transform: visibleParts.join(\" \"),\n  }\n\n  if (blurPx > 0) {\n    hidden.filter = `blur(${blurPx}px)`\n    visible.filter = \"blur(0px)\"\n  }\n\n  return { hidden, visible, hasFilter: blurPx > 0 }\n}\n\nfunction mergeRefs<T>(...refs: (Ref<T> | undefined)[]) {\n  return (el: T | null) => {\n    refs.forEach((ref) => {\n      if (typeof ref === \"function\") ref(el)\n      else if (ref && typeof ref === \"object\") {\n        ;(ref as { current: T | null }).current = el\n      }\n    })\n  }\n}\n\nfunction getTransitionParams(transition?: Transition, useSpring?: boolean) {\n  const duration =\n    (transition as Record<string, number>)?.duration ?? 0.5\n  const ease =\n    useSpring ? SPRING_EASE : ((transition as Record<string, string>)?.ease ?? \"ease-out\")\n  return { duration, ease }\n}\n\nfunction buildTransitionStr(\n  duration: number,\n  ease: string,\n  delay: number,\n  hasFilter: boolean,\n) {\n  const parts = [\n    `opacity ${duration}s ${ease} ${delay}s`,\n    `transform ${duration}s ${ease} ${delay}s`,\n  ]\n  if (hasFilter) parts.push(`filter ${duration}s ${ease} ${delay}s`)\n  return parts.join(\", \")\n}\n\n// ── AnimateOnView ────────────────────────────────────────────────────\n\n/**\n * Animates a child element when it scrolls into view.\n *\n * Zero DOM overhead — applies styles directly to the child via cloneElement.\n * Renders children unchanged on server to avoid hydration mismatch.\n *\n * @example\n * ```tsx\n * <AnimateOnView from=\"up\" blur scale>\n *   <Card>Hello</Card>\n * </AnimateOnView>\n * ```\n */\nfunction AnimateOnView({\n  children,\n  delay = 0,\n  from = \"down\",\n  distance = 20,\n  scale = false,\n  blur = false,\n  rotate = 0,\n  flip = false,\n  spring = false,\n  once = true,\n  transition,\n}: AnimateOnViewProps) {\n  const ref = useRef<HTMLElement>(null)\n  const [hydrated, setHydrated] = useState(false)\n  const isInView = useInView(ref, { once, margin: \"-50px\" })\n\n  useEffect(() => {\n    setHydrated(true)\n  }, [])\n\n  if (!isValidElement(children)) return children\n\n  const childProps = children.props as Record<string, unknown>\n  const existingStyle = (childProps.style ?? {}) as CSSProperties\n  const existingRef = (childProps as { ref?: Ref<HTMLElement> }).ref\n\n  if (!hydrated) {\n    return cloneElement(children, {\n      ref: mergeRefs(ref, existingRef),\n    } as Record<string, unknown>)\n  }\n\n  const styles = buildStyles({ from, distance, doScale: scale, blur, rotate, flip })\n  const { duration, ease } = getTransitionParams(transition, spring)\n  const currentStyle = isInView ? styles.visible : styles.hidden\n  const transitionStr = buildTransitionStr(duration, ease, delay, styles.hasFilter)\n\n  return cloneElement(children, {\n    ref: mergeRefs(ref, existingRef),\n    style: {\n      ...existingStyle,\n      ...currentStyle,\n      ...(isInView ? { transition: transitionStr } : {}),\n      willChange: \"opacity, transform\",\n    },\n  } as Record<string, unknown>)\n}\n\n// ── AnimateIn ────────────────────────────────────────────────────────\n\n/**\n * Animates a child element immediately on mount.\n *\n * Zero DOM overhead — applies styles directly to the child via cloneElement.\n * Uses a two-phase approach: hidden → visible with requestAnimationFrame.\n *\n * @example\n * ```tsx\n * <AnimateIn from=\"up\" blur spring>\n *   <h1>Welcome</h1>\n * </AnimateIn>\n * ```\n */\nfunction AnimateIn({\n  children,\n  delay = 0,\n  from = \"down\",\n  distance = 20,\n  scale = false,\n  blur = false,\n  rotate = 0,\n  flip = false,\n  spring = false,\n  transition,\n}: AnimateInProps) {\n  const ref = useRef<HTMLElement>(null)\n  const [visible, setVisible] = useState(false)\n\n  useEffect(() => {\n    requestAnimationFrame(() => {\n      requestAnimationFrame(() => setVisible(true))\n    })\n  }, [])\n\n  if (!isValidElement(children)) return children\n\n  const childProps = children.props as Record<string, unknown>\n  const existingStyle = (childProps.style ?? {}) as CSSProperties\n  const existingRef = (childProps as { ref?: Ref<HTMLElement> }).ref\n\n  const styles = buildStyles({ from, distance, doScale: scale, blur, rotate, flip })\n  const { duration, ease } = getTransitionParams(transition, spring)\n  const currentStyle = visible ? styles.visible : styles.hidden\n  const transitionStr = buildTransitionStr(duration, ease, delay, styles.hasFilter)\n\n  return cloneElement(children, {\n    ref: mergeRefs(ref, existingRef),\n    style: {\n      ...existingStyle,\n      ...currentStyle,\n      ...(visible ? { transition: transitionStr } : {}),\n      willChange: \"opacity, transform\",\n    },\n  } as Record<string, unknown>)\n}\n\n// ── Stagger ──────────────────────────────────────────────────────────\n\n/**\n * Auto-staggers delay on child AnimateIn/AnimateOnView elements.\n * Eliminates manual `delay={i * 0.08}` math.\n *\n * @example\n * ```tsx\n * <Stagger interval={0.1}>\n *   <AnimateIn from=\"up\"><Card>One</Card></AnimateIn>\n *   <AnimateIn from=\"up\"><Card>Two</Card></AnimateIn>\n * </Stagger>\n * ```\n */\nfunction Stagger({\n  children,\n  interval = 0.08,\n  baseDelay = 0,\n}: StaggerProps) {\n  return (\n    <>\n      {Children.map(children, (child, index) => {\n        if (!isValidElement(child)) return child\n        return cloneElement(child as ReactElement<{ delay?: number }>, {\n          delay: baseDelay + index * interval,\n        })\n      })}\n    </>\n  )\n}\n\n// ── Pulse ────────────────────────────────────────────────────────────\n\n/**\n * Continuous, subtle scale pulse. Great for live indicators and CTAs.\n * Zero DOM overhead — injects a scoped keyframe via `<style>`.\n *\n * @example\n * ```tsx\n * <Pulse>\n *   <span className=\"size-3 rounded-full bg-green-500\" />\n * </Pulse>\n * ```\n */\nfunction Pulse({\n  children,\n  min = 0.97,\n  max = 1.03,\n  duration = 2,\n  opacity,\n  paused = false,\n}: PulseProps) {\n  const id = useId().replace(/:/g, \"\")\n  const [hydrated, setHydrated] = useState(false)\n\n  useEffect(() => {\n    setHydrated(true)\n  }, [])\n\n  if (!isValidElement(children)) return children\n  if (!hydrated) return children\n\n  const name = `pulse-${id}`\n  const opacityFrom = opacity?.[0] ?? 1\n  const opacityTo = opacity?.[1] ?? 1\n\n  const keyframes = `@keyframes ${name} {\n  0%, 100% { transform: scale(${min}); opacity: ${opacityFrom}; }\n  50% { transform: scale(${max}); opacity: ${opacityTo}; }\n}`\n\n  const childProps = children.props as Record<string, unknown>\n  const existingStyle = (childProps.style ?? {}) as CSSProperties\n  const existingRef = (childProps as { ref?: Ref<HTMLElement> }).ref\n\n  return (\n    <>\n      <style>{keyframes}</style>\n      {cloneElement(children, {\n        ref: existingRef ? mergeRefs(existingRef) : undefined,\n        style: {\n          ...existingStyle,\n          animation: `${name} ${duration}s ease-in-out infinite`,\n          animationPlayState: paused ? \"paused\" : \"running\",\n        },\n      } as Record<string, unknown>)}\n    </>\n  )\n}\n\n// ── Float ────────────────────────────────────────────────────────────\n\n/**\n * Gentle continuous up/down float. Perfect for decorative elements.\n * Zero DOM overhead — injects a scoped keyframe via `<style>`.\n *\n * @example\n * ```tsx\n * <Float distance={10} duration={4}>\n *   <Card>Floating</Card>\n * </Float>\n * ```\n */\nfunction Float({\n  children,\n  distance = 6,\n  duration = 3,\n  rotate = 0,\n  paused = false,\n}: FloatProps) {\n  const id = useId().replace(/:/g, \"\")\n  const [hydrated, setHydrated] = useState(false)\n\n  useEffect(() => {\n    setHydrated(true)\n  }, [])\n\n  if (!isValidElement(children)) return children\n  if (!hydrated) return children\n\n  const name = `float-${id}`\n  const rotA = rotate ? ` rotate(${-rotate}deg)` : \"\"\n  const rotB = rotate ? ` rotate(${rotate}deg)` : \"\"\n\n  const keyframes = `@keyframes ${name} {\n  0%, 100% { transform: translateY(0px)${rotA}; }\n  50% { transform: translateY(${-distance}px)${rotB}; }\n}`\n\n  const childProps = children.props as Record<string, unknown>\n  const existingStyle = (childProps.style ?? {}) as CSSProperties\n  const existingRef = (childProps as { ref?: Ref<HTMLElement> }).ref\n\n  return (\n    <>\n      <style>{keyframes}</style>\n      {cloneElement(children, {\n        ...(existingRef ? { ref: existingRef } : {}),\n        style: {\n          ...existingStyle,\n          animation: `${name} ${duration}s ease-in-out infinite`,\n          animationPlayState: paused ? \"paused\" : \"running\",\n        },\n      } as Record<string, unknown>)}\n    </>\n  )\n}\n\n// ── Exports ──────────────────────────────────────────────────────────\n\nexport { AnimateOnView, AnimateIn, Stagger, Pulse, Float }\nexport type {\n  AnimateOnViewProps,\n  AnimateInProps,\n  StaggerProps,\n  PulseProps,\n  FloatProps,\n  Direction,\n}\n"],"mappings":"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"}

package/dist/aspect-ratio.d.ts

@@ -1,10 +1,15 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
+import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
+//#region src/aspect-ratio.d.ts
 type AspectRatioProps = React.ComponentProps<"div"> & {
-    /** The width-to-height ratio (e.g. 16/9, 4/3, 1) */
-    ratio: number;
+  /** The width-to-height ratio (e.g. 16/9, 4/3, 1) */ratio: number;
 };
-declare function AspectRatio({ ratio, className, ...props }: AspectRatioProps): react_jsx_runtime.JSX.Element;
-
+declare function AspectRatio({
+  ratio,
+  className,
+  ...props
+}: AspectRatioProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
 export { AspectRatio, type AspectRatioProps };
+//# sourceMappingURL=aspect-ratio.d.ts.map

package/dist/aspect-ratio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aspect-ratio.d.ts","names":[],"sources":["../src/aspect-ratio.tsx"],"mappings":";;;;KAMK,gBAAA,GAAmB,KAAA,CAAM,cAAA;sDAE5B,KAAA;AAAA;AAAA,iBAKO,WAAA,CAAA;EAAc,KAAA;EAAO,SAAA;EAAA,GAAc;AAAA,GAAS,gBAAA,GAAgB,oBAAA,CAAA,GAAA,CAAA,OAAA"}