phase 0.0.3 → 0.0.5

package/dist/react.d.ts

@@ -1,5 +1,5 @@
-import { D as FrameState, T as SightReason, b as LifecycleReducedMotion, c as DegradedReason, d as LoopPhase, f as LoopReason, m as ReducedMotionBehavior, p as Quality, r as RenderPhase, s as DegradedBehavior, t as IdleOptions, v as LifecyclePhase, w as SightPhase, y as LifecycleReason } from "./index-D3epuj2x.js";
-import { ComponentProps, JSX, ReactNode, Ref, RefObject } from "react";
+import { A as SightReason, C as LifecyclePhase, M as FrameState, T as LifecycleReducedMotion, _ as LoopReason, c as RenderPhase, f as DegradedBehavior, g as LoopPhase, i as MutationReason, k as SightPhase, o as IdleOptions, p as DegradedReason, r as MutationPhase, v as Quality, w as LifecycleReason, y as ReducedMotionBehavior } from "./index-BynP-ee0.js";
+import { ComponentProps, ElementType, HTMLAttributes, JSX, ReactNode, Ref, RefObject } from "react";
 
 //#region src/react/use-synced-ref/index.d.ts
 /**
@@ -449,6 +449,63 @@ interface UseCanvasResult {
  */
 declare function useCanvas(options: UseCanvasOptions): UseCanvasResult;
 //#endregion
+//#region src/react/use-mutation/index.d.ts
+type MutationRecordsCallback = (records: MutationRecord[]) => void;
+type MutationPhaseCallback = (phase: MutationPhase, phaseReason: MutationReason) => void;
+interface UseMutationOptions<T extends Element = HTMLDivElement> {
+  /**
+   * Element to observe. When omitted, attach the returned `ref`.
+   * Must be set before the first effect commit (standard React ref contract).
+   */
+  ref?: RefObject<T | null>;
+  /**
+   * Standard MutationObserver configuration. Must be stable across renders
+   * (define outside the component or memoize). Changes are not tracked.
+   */
+  mutation: MutationObserverInit;
+  /** Called once per rAF frame with coalesced records. Never per-record. */
+  onMutations: MutationRecordsCallback;
+  /**
+   * Called on every phase transition. When provided, `phase` and `phaseReason`
+   * stay at initial values and no re-renders occur (transient mode).
+   */
+  onPhaseChange?: MutationPhaseCallback;
+  /** Pause when off-screen or ignore visibility. Default `'pause'`. */
+  visibility?: 'pause' | 'ignore';
+  /** When `false`, tears down the observer entirely. Default `true`. */
+  enabled?: boolean;
+  /** IO options forwarded to the visibility observer. */
+  intersectionOptions?: IntersectionObserverInit;
+}
+interface UseMutationReactiveResult<T extends Element = HTMLDivElement> {
+  ref: RefObject<T | null>;
+  phase: MutationPhase;
+  phaseReason: MutationReason;
+  /** Phase via ref. Always current, never triggers re-render. */
+  phaseRef: RefObject<MutationPhase>;
+  /** Reason via ref. Always current, never triggers re-render. */
+  phaseReasonRef: RefObject<MutationReason>;
+}
+interface UseMutationTransientResult<T extends Element = HTMLDivElement> {
+  ref: RefObject<T | null>;
+  /** Phase via ref. Always current, never triggers re-render. */
+  phaseRef: RefObject<MutationPhase>;
+  /** Reason via ref. Always current, never triggers re-render. */
+  phaseReasonRef: RefObject<MutationReason>;
+}
+type UseMutationResult<T extends Element = HTMLDivElement> = UseMutationReactiveResult<T>;
+/**
+ * Lifecycle-aware MutationObserver with rAF-coalesced callbacks.
+ * Auto-pauses off-screen and tears down on unmount.
+ *
+ * Pass `onPhaseChange` for zero-re-render mode (transient). Without it,
+ * `phase` and `phaseReason` update via state on every transition.
+ */
+declare function useMutation<T extends Element = HTMLDivElement>(options: UseMutationOptions<T> & {
+  onPhaseChange: MutationPhaseCallback;
+}): UseMutationTransientResult<T>;
+declare function useMutation<T extends Element = HTMLDivElement>(options: UseMutationOptions<T>): UseMutationReactiveResult<T>;
+//#endregion
 //#region src/react/use-tween/index.d.ts
 interface UseTweenOptions {
   target: number;
@@ -624,41 +681,31 @@ declare function WhenIdle({
 }: WhenIdleProps): JSX.Element;
 //#endregion
 //#region src/react/defer/index.d.ts
-interface DeferProps extends Omit<ComponentProps<'div'>, 'style'> {
+interface DeferProps extends Omit<HTMLAttributes<HTMLElement>, 'style'> {
   /**
-   * Approximate size reserved before first paint (any CSS length, e.g. `'800px'`).
-   * After the first render the browser remembers the real size. Default `'1000px'`.
+   * HTML element to render. Default `'div'`. Use `'li'`, `'tr'`, or any
+   * semantic element when a wrapper div would break document structure.
+   */
+  as?: ElementType;
+  /**
+   * Approximate size reserved before first paint (any CSS length).
+   * After first render the browser remembers the real size. Default `'1000px'`.
    */
   estimatedHeight?: string;
-  ref?: Ref<HTMLDivElement>;
+  children?: ReactNode;
+  ref?: Ref<HTMLElement>;
 }
 /**
- * Skip the browser's rendering work (style, layout, paint) for off-screen
- * content via `content-visibility: auto`. Pure CSS, no JS, no observer.
- *
- * Children stay in the DOM and are server-rendered (SEO- and CLS-safe).
- * `contain-intrinsic-size: auto <estimatedHeight>` reserves space so the
- * scrollbar does not jump. Defers rendering only, not hydration or mounting.
- *
- * The render-skip styles are encapsulated and cannot be overridden. There is
- * no `style` prop. Style the wrapper with `className`; this keeps the
- * no-layout-shift guarantee intact.
- *
- * @example
- * <Defer estimatedHeight="600px" className="my-section">
- *   <ArticleSection />
- * </Defer>
- *
- * @remarks
- * Animations inside a `Defer` keep running while paint is skipped. phase loops
- * self-pause off-screen on their own; for raw rAF/interval work, gate it with
- * `useRenderState`.
+ * Skip browser rendering (style, layout, paint) for off-screen content via
+ * `content-visibility: auto`. Pure CSS, no JS, no observer. Children stay
+ * in the DOM and are server-rendered (SEO- and CLS-safe).
  */
 declare function Defer({
+  as: Component,
   estimatedHeight,
   children,
   ref,
-  ...divProps
+  ...rest
 }: DeferProps): JSX.Element;
 //#endregion
 //#region src/react/swap/index.d.ts
@@ -704,5 +751,5 @@ declare const Swap: typeof SwapRoot & {
   State: typeof SwapState;
 };
 //#endregion
-export { type CanvasDrawFn, type ContainerBreakpoint, Defer, type DeferProps, type IdleOptions, type LifecyclePhase, type LifecycleReason, type LifecycleReducedMotion, type LoopTickFn, Presence, type PresenceMode, type PresencePhase, type PresenceProps, type PresenceReason, type RenderPhase, type ScrollProgressCallback, type SightCallback, type Size, type SizeCallback, Swap, type SwapProps, type SwapStateProps, type UseCanvasOptions, type UseCanvasResult, type UseContainerQueryOptions, type UseContainerQueryResult, type UseLifecycleOptions, type UseLifecycleResult, type UseLoopOptions, type UseLoopResult, type UsePresenceOptions, type UsePresenceResult, type UseScrollProgressOptions, type UseScrollProgressReactiveResult, type UseScrollProgressResult, type UseScrollProgressTransientResult, type UseSightOptions, type UseSightReactiveResult, type UseSightResult, type UseSightTransientResult, type UseSizeOptions, type UseSizeReactiveResult, type UseSizeResult, type UseSizeTransientResult, type UseTweenOptions, WhenIdle, type WhenIdleProps, WhenVisible, type WhenVisibleProps, useCanvas, useContainerQuery, useDevicePixelRatio, useIdle, useLifecycle, useLoop, useMediaQuery, usePrefersReducedMotion, usePresence, useRenderState, useScrollProgress, useSight, useSize, useStableCallback, useSyncedRef, useTween, useWhenIdle };
+export { type CanvasDrawFn, type ContainerBreakpoint, Defer, type DeferProps, type IdleOptions, type LifecyclePhase, type LifecycleReason, type LifecycleReducedMotion, type LoopTickFn, type MutationPhaseCallback, type MutationRecordsCallback, Presence, type PresenceMode, type PresencePhase, type PresenceProps, type PresenceReason, type RenderPhase, type ScrollProgressCallback, type SightCallback, type Size, type SizeCallback, Swap, type SwapProps, type SwapStateProps, type UseCanvasOptions, type UseCanvasResult, type UseContainerQueryOptions, type UseContainerQueryResult, type UseLifecycleOptions, type UseLifecycleResult, type UseLoopOptions, type UseLoopResult, type UseMutationOptions, type UseMutationReactiveResult, type UseMutationResult, type UseMutationTransientResult, type UsePresenceOptions, type UsePresenceResult, type UseScrollProgressOptions, type UseScrollProgressReactiveResult, type UseScrollProgressResult, type UseScrollProgressTransientResult, type UseSightOptions, type UseSightReactiveResult, type UseSightResult, type UseSightTransientResult, type UseSizeOptions, type UseSizeReactiveResult, type UseSizeResult, type UseSizeTransientResult, type UseTweenOptions, WhenIdle, type WhenIdleProps, WhenVisible, type WhenVisibleProps, useCanvas, useContainerQuery, useDevicePixelRatio, useIdle, useLifecycle, useLoop, useMediaQuery, useMutation, usePrefersReducedMotion, usePresence, useRenderState, useScrollProgress, useSight, useSize, useStableCallback, useSyncedRef, useTween, useWhenIdle };
 //# sourceMappingURL=react.d.ts.map

package/dist/react.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react.d.ts","names":[],"sources":["../src/react/use-synced-ref/index.ts","../src/react/use-stable-callback/index.ts","../src/react/use-loop/index.ts","../src/react/use-lifecycle/index.ts","../src/react/use-device-pixel-ratio/index.ts","../src/react/use-media/index.ts","../src/react/use-reduced-motion/index.ts","../src/react/use-sight/index.ts","../src/react/use-size/index.ts","../src/react/use-container-query/index.ts","../src/react/use-scroll-progress/index.ts","../src/react/use-render-state/index.ts","../src/react/use-idle/index.ts","../src/react/use-when-idle/index.ts","../src/react/use-canvas/index.ts","../src/react/use-tween/index.ts","../src/react/use-presence/index.ts","../src/react/presence/index.tsx","../src/react/when-visible/index.tsx","../src/react/when-idle/index.tsx","../src/react/defer/index.tsx","../src/react/swap/index.tsx"],"mappings":"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"}
+{"version":3,"file":"react.d.ts","names":[],"sources":["../src/react/use-synced-ref/index.ts","../src/react/use-stable-callback/index.ts","../src/react/use-loop/index.ts","../src/react/use-lifecycle/index.ts","../src/react/use-device-pixel-ratio/index.ts","../src/react/use-media/index.ts","../src/react/use-reduced-motion/index.ts","../src/react/use-sight/index.ts","../src/react/use-size/index.ts","../src/react/use-container-query/index.ts","../src/react/use-scroll-progress/index.ts","../src/react/use-render-state/index.ts","../src/react/use-idle/index.ts","../src/react/use-when-idle/index.ts","../src/react/use-canvas/index.ts","../src/react/use-mutation/index.ts","../src/react/use-tween/index.ts","../src/react/use-presence/index.ts","../src/react/presence/index.tsx","../src/react/when-visible/index.tsx","../src/react/when-idle/index.tsx","../src/react/defer/index.tsx","../src/react/swap/index.tsx"],"mappings":"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"}

package/dist/react.js

@@ -1,7 +1,7 @@
 "use client";
 import { clamp01, easeOutCubic } from "./ease.js";
-import { _ as missingContextError, a as subscribeDpr, c as createLoop, d as subscribeMediaQuery, f as createSight, h as invalidDurationError, i as readDpr, l as createLifecycle, n as prefersReducedMotion, o as createRenderState, r as whenIdle, s as createScrollProgress, t as REDUCED_MOTION_QUERY, u as readMediaQuery } from "./reduced-motion-CEJtegNG.js";
-import { createContext, use, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
+import { a as readDpr, c as createScrollProgress, d as readMediaQuery, f as subscribeMediaQuery, g as invalidDurationError, i as whenIdle, l as createLoop, n as REDUCED_MOTION_QUERY, o as subscribeDpr, p as createSight, r as prefersReducedMotion, s as createRenderState, t as createMutation, u as createLifecycle, v as missingContextError } from "./mutation-BDx6r5D3.js";
+import { createContext, createElement, use, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/react/use-synced-ref/index.ts
 /**
@@ -53,7 +53,7 @@ function degradedConfig(degraded, degradedFps) {
 }
 //#endregion
 //#region src/react/use-loop/index.ts
-const INITIAL_STATE$3 = {
+const INITIAL_STATE$4 = {
 	phase: "idle",
 	phaseReason: "initial",
 	quality: "full",
@@ -75,12 +75,12 @@ function useLoop(options) {
 	const onTickRef = useSyncedRef(options.onTick);
 	const internalRef = useRef(null);
 	const ref = options.ref ?? internalRef;
-	const [state, setState] = useState(INITIAL_STATE$3);
+	const [state, setState] = useState(INITIAL_STATE$4);
 	const loopRef = useRef(null);
 	useEffect(() => {
 		const element = ref.current;
 		if (!element || !enabled) {
-			setState(INITIAL_STATE$3);
+			setState(INITIAL_STATE$4);
 			return;
 		}
 		const loop = createLoop({
@@ -119,7 +119,7 @@ function useLoop(options) {
 }
 //#endregion
 //#region src/react/use-lifecycle/index.ts
-const INITIAL_STATE$2 = {
+const INITIAL_STATE$3 = {
 	phase: "idle",
 	phaseReason: "initial"
 };
@@ -148,12 +148,12 @@ function useLifecycle(options) {
 	const onPhaseChangeRef = useSyncedRef(options?.onPhaseChange);
 	const internalRef = useRef(null);
 	const ref = options?.ref ?? internalRef;
-	const [state, setState] = useState(INITIAL_STATE$2);
+	const [state, setState] = useState(INITIAL_STATE$3);
 	const lifecycleRef = useRef(null);
 	useEffect(() => {
 		const element = ref.current;
 		if (!element || !enabled) {
-			setState(INITIAL_STATE$2);
+			setState(INITIAL_STATE$3);
 			return;
 		}
 		const lifecycle = createLifecycle({
@@ -235,12 +235,12 @@ function usePrefersReducedMotion() {
 }
 //#endregion
 //#region src/react/use-sight/index.ts
-const INITIAL_STATE$1 = {
+const INITIAL_STATE$2 = {
 	phase: "unknown",
 	phaseReason: "initial"
 };
 function useSight(options) {
-	const [state, setState] = useState(INITIAL_STATE$1);
+	const [state, setState] = useState(INITIAL_STATE$2);
 	const observe = options?.observe ?? "continuous";
 	const phaseRef = useRef("unknown");
 	const phaseReasonRef = useRef("initial");
@@ -512,7 +512,7 @@ function useWhenIdle(callback, options) {
 }
 //#endregion
 //#region src/react/use-canvas/index.ts
-const INITIAL_STATE = {
+const INITIAL_STATE$1 = {
 	phase: "idle",
 	phaseReason: "initial",
 	quality: "full",
@@ -535,7 +535,7 @@ const INITIAL_STATE = {
 function useCanvas(options) {
 	const { containerRef, canvasRef, fps, enabled = true, reducedMotion, degraded, degradedFps } = options;
 	const drawRef = useSyncedRef(options.draw);
-	const [state, setState] = useState(INITIAL_STATE);
+	const [state, setState] = useState(INITIAL_STATE$1);
 	const [restartNonce, setRestartNonce] = useState(0);
 	const ctxRef = useRef(null);
 	const sizeRef = useRef({
@@ -646,6 +646,54 @@ function useCanvas(options) {
 	};
 }
 //#endregion
+//#region src/react/use-mutation/index.ts
+const INITIAL_STATE = {
+	phase: "paused",
+	phaseReason: "initial"
+};
+function useMutation(options) {
+	const [state, setState] = useState(INITIAL_STATE);
+	const { mutation: mutationInit, visibility = "pause", enabled = true, intersectionOptions } = options;
+	const phaseRef = useRef("paused");
+	const phaseReasonRef = useRef("initial");
+	const onMutationsRef = useSyncedRef(options.onMutations);
+	const onPhaseChangeRef = useSyncedRef(options.onPhaseChange);
+	const internalRef = useRef(null);
+	const ref = options.ref ?? internalRef;
+	useEffect(() => {
+		const element = ref.current;
+		if (!element || !enabled) {
+			setState(INITIAL_STATE);
+			phaseRef.current = "paused";
+			phaseReasonRef.current = "initial";
+			return;
+		}
+		const instance = createMutation({
+			element,
+			mutation: mutationInit,
+			onMutations: (records) => onMutationsRef.current(records),
+			onPhaseChange: (phase, reason) => {
+				phaseRef.current = phase;
+				phaseReasonRef.current = reason;
+				if (onPhaseChangeRef.current) onPhaseChangeRef.current(phase, reason);
+				else setState({
+					phase,
+					phaseReason: reason
+				});
+			},
+			visibility,
+			intersectionOptions
+		});
+		return () => instance.stop();
+	}, [enabled, visibility]);
+	return {
+		ref,
+		...state,
+		phaseRef,
+		phaseReasonRef
+	};
+}
+//#endregion
 //#region src/react/use-tween/index.ts
 /**
 * Animate a value from its current position to `target` over `duration`.
@@ -948,38 +996,20 @@ function WhenIdle({ timeout, fallback, children, ref: forwardedRef, ...divProps
 //#endregion
 //#region src/react/defer/index.tsx
 /**
-* Skip the browser's rendering work (style, layout, paint) for off-screen
-* content via `content-visibility: auto`. Pure CSS, no JS, no observer.
-*
-* Children stay in the DOM and are server-rendered (SEO- and CLS-safe).
-* `contain-intrinsic-size: auto <estimatedHeight>` reserves space so the
-* scrollbar does not jump. Defers rendering only, not hydration or mounting.
-*
-* The render-skip styles are encapsulated and cannot be overridden. There is
-* no `style` prop. Style the wrapper with `className`; this keeps the
-* no-layout-shift guarantee intact.
-*
-* @example
-* <Defer estimatedHeight="600px" className="my-section">
-*   <ArticleSection />
-* </Defer>
-*
-* @remarks
-* Animations inside a `Defer` keep running while paint is skipped. phase loops
-* self-pause off-screen on their own; for raw rAF/interval work, gate it with
-* `useRenderState`.
+* Skip browser rendering (style, layout, paint) for off-screen content via
+* `content-visibility: auto`. Pure CSS, no JS, no observer. Children stay
+* in the DOM and are server-rendered (SEO- and CLS-safe).
 */
-function Defer({ estimatedHeight = "1000px", children, ref, ...divProps }) {
+function Defer({ as: Component = "div", estimatedHeight = "1000px", children, ref, ...rest }) {
 	const deferStyle = {
 		contentVisibility: "auto",
 		containIntrinsicSize: `auto ${estimatedHeight}`
 	};
-	return /* @__PURE__ */ jsx("div", {
-		...divProps,
+	return createElement(Component, {
+		...rest,
 		ref,
-		style: deferStyle,
-		children
-	});
+		style: deferStyle
+	}, children);
 }
 //#endregion
 //#region src/react/swap/index.tsx
@@ -1063,6 +1093,6 @@ function SwapState({ id, ref: forwardedRef, children, ...divProps }) {
 }
 const Swap = Object.assign(SwapRoot, { State: SwapState });
 //#endregion
-export { Defer, Presence, Swap, WhenIdle, WhenVisible, useCanvas, useContainerQuery, useDevicePixelRatio, useIdle, useLifecycle, useLoop, useMediaQuery, usePrefersReducedMotion, usePresence, useRenderState, useScrollProgress, useSight, useSize, useStableCallback, useSyncedRef, useTween, useWhenIdle };
+export { Defer, Presence, Swap, WhenIdle, WhenVisible, useCanvas, useContainerQuery, useDevicePixelRatio, useIdle, useLifecycle, useLoop, useMediaQuery, useMutation, usePrefersReducedMotion, usePresence, useRenderState, useScrollProgress, useSight, useSize, useStableCallback, useSyncedRef, useTween, useWhenIdle };
 
 //# sourceMappingURL=react.js.map