@fringeworks/react-defer-rendering 0.8.0 → 0.9.0

package/useDeferUntilOnReady/index.cjs

@@ -1,5 +1,5 @@
-'use client';
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+const require_useDeferUntilOnReady_useDeferUntilOnReady = require("./useDeferUntilOnReady.cjs");
 
-const require_useDeferUntilOnReady_useDeferUntilOnReady = require('./useDeferUntilOnReady.cjs');
-
-module.exports = require_useDeferUntilOnReady_useDeferUntilOnReady;
+exports.default = require_useDeferUntilOnReady_useDeferUntilOnReady.default;
+exports.useDeferUntilOnReady = require_useDeferUntilOnReady_useDeferUntilOnReady.default;

package/useDeferUntilOnReady/index.d.cts

@@ -1,3 +1,3 @@
 import { UseDeferUntilOnReadyOptions } from "./types.cjs";
 import useDeferUntilOnReady from "./useDeferUntilOnReady.cjs";
-export { type UseDeferUntilOnReadyOptions, useDeferUntilOnReady as default };
+export { type UseDeferUntilOnReadyOptions, useDeferUntilOnReady as default, useDeferUntilOnReady };

package/useDeferUntilOnReady/index.d.mts

@@ -1,3 +1,3 @@
 import { UseDeferUntilOnReadyOptions } from "./types.mjs";
 import useDeferUntilOnReady from "./useDeferUntilOnReady.mjs";
-export { type UseDeferUntilOnReadyOptions, useDeferUntilOnReady as default };
+export { type UseDeferUntilOnReadyOptions, useDeferUntilOnReady as default, useDeferUntilOnReady };

package/useDeferUntilOnReady/index.mjs

@@ -1,5 +1,3 @@
-'use client';
-
 import useDeferUntilOnReady from "./useDeferUntilOnReady.mjs";
 
-export { useDeferUntilOnReady as default };
+export { useDeferUntilOnReady as default, useDeferUntilOnReady };

package/useDeferUntilOnReady/types.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/useDeferUntilOnReady/types.d.cts

@@ -1,8 +1,8 @@
 import { UseDeferUntilReadyOptions } from "../useDeferUntilReady/types.cjs";
+import "../useDeferUntilReady/index.cjs";
 import { ReactNode } from "react";
-
 //#region src/useDeferUntilOnReady/types.d.ts
-type UseDeferUntilOnReadyOptions<P extends ReactNode = ReactNode, E extends ReactNode = ReactNode> = UseDeferUntilReadyOptions<P, E> & {
+export type UseDeferUntilOnReadyOptions<P extends ReactNode = ReactNode, E extends ReactNode = ReactNode> = UseDeferUntilReadyOptions<P, E> & {
   /**
    * onReadyのデバウンス時間（ミリ秒）
    * 未指定の場合は即時処理
@@ -19,5 +19,4 @@ type UseDeferUntilOnReadyOptions<P extends ReactNode = ReactNode, E extends Reac
    */
   onPendingDelay?: number;
 };
-//#endregion
-export { UseDeferUntilOnReadyOptions };
+//#endregion

package/useDeferUntilOnReady/types.d.mts

@@ -1,8 +1,8 @@
 import { UseDeferUntilReadyOptions } from "../useDeferUntilReady/types.mjs";
+import "../useDeferUntilReady/index.mjs";
 import { ReactNode } from "react";
-
 //#region src/useDeferUntilOnReady/types.d.ts
-type UseDeferUntilOnReadyOptions<P extends ReactNode = ReactNode, E extends ReactNode = ReactNode> = UseDeferUntilReadyOptions<P, E> & {
+export type UseDeferUntilOnReadyOptions<P extends ReactNode = ReactNode, E extends ReactNode = ReactNode> = UseDeferUntilReadyOptions<P, E> & {
   /**
    * onReadyのデバウンス時間（ミリ秒）
    * 未指定の場合は即時処理
@@ -19,5 +19,4 @@ type UseDeferUntilOnReadyOptions<P extends ReactNode = ReactNode, E extends Reac
    */
   onPendingDelay?: number;
 };
-//#endregion
-export { UseDeferUntilOnReadyOptions };
+//#endregion

package/useDeferUntilOnReady/useDeferUntilOnReady.cjs

@@ -1,16 +1,15 @@
 'use client';
 
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
-const require_constants = require('../constants.cjs');
-const require_useDeferUntilReady_useDeferUntilReady = require('../useDeferUntilReady/useDeferUntilReady.cjs');
-require('../useDeferUntilReady/index.cjs');
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+const require_constants = require("../constants.cjs");
+const require_useDeferUntilReady_useDeferUntilReady = require("../useDeferUntilReady/useDeferUntilReady.cjs");
+require("../useDeferUntilReady/index.cjs");
 let react = require("react");
-let _fringeworks_utils_timer_debounce = require("@fringeworks/utils/timer/debounce");
-_fringeworks_utils_timer_debounce = require_runtime.__toESM(_fringeworks_utils_timer_debounce, 1);
 
 //#region src/useDeferUntilOnReady/useDeferUntilOnReady.tsx
 /**
-* 戻り値として返す`onReady`が実行されるまで描画を遅延させるhook
+* 戻り値として返す`onReady`が実行されるまで描画を遅延させるhook\
+* どのハンドラーを呼んだ場合も、待機中の状態の変更は取り消され、最後に呼んだハンドラーの状態になる
 * @param target 描画対象のノード
 * @param options オプション
 * @returns state（'pending', 'ready', 'fallback'）と状態に応じたノードと状態変更用のハンドラー
@@ -18,20 +17,28 @@ _fringeworks_utils_timer_debounce = require_runtime.__toESM(_fringeworks_utils_t
 function useDeferUntilOnReady(target, options = {}) {
 	const { onReadyDelay, onFallbackDelay, onPendingDelay, ...opts } = options;
 	const [state, setState] = (0, react.useState)(require_constants.RenderingState.pending);
-	const onReady = (0, react.useMemo)(() => {
-		const fn = () => setState(require_constants.RenderingState.ready);
-		return onReadyDelay != null ? (0, _fringeworks_utils_timer_debounce.default)(fn, onReadyDelay) : fn;
-	}, [onReadyDelay]);
-	const onFallback = (0, react.useMemo)(() => {
-		const fn = () => setState(require_constants.RenderingState.fallback);
-		return onFallbackDelay != null ? (0, _fringeworks_utils_timer_debounce.default)(fn, onFallbackDelay) : fn;
-	}, [onFallbackDelay]);
-	const onPending = (0, react.useMemo)(() => {
-		const fn = () => setState(require_constants.RenderingState.pending);
-		return onPendingDelay != null ? (0, _fringeworks_utils_timer_debounce.default)(fn, onPendingDelay) : fn;
-	}, [onPendingDelay]);
+	const timerRef = (0, react.useRef)(void 0);
+	const cancel = (0, react.useCallback)(() => {
+		clearTimeout(timerRef.current);
+		timerRef.current = void 0;
+	}, []);
+	const changeState = (0, react.useCallback)((nextState, delay) => {
+		cancel();
+		if (delay == null) {
+			setState(nextState);
+			return;
+		}
+		timerRef.current = setTimeout(() => {
+			timerRef.current = void 0;
+			setState(nextState);
+		}, delay);
+	}, [cancel]);
+	(0, react.useEffect)(() => cancel, [cancel]);
+	const onReady = (0, react.useCallback)(() => changeState(require_constants.RenderingState.ready, onReadyDelay), [changeState, onReadyDelay]);
+	const onFallback = (0, react.useCallback)(() => changeState(require_constants.RenderingState.fallback, onFallbackDelay), [changeState, onFallbackDelay]);
+	const onPending = (0, react.useCallback)(() => changeState(require_constants.RenderingState.pending, onPendingDelay), [changeState, onPendingDelay]);
 	return {
-		...require_useDeferUntilReady_useDeferUntilReady(target, state, opts),
+		...require_useDeferUntilReady_useDeferUntilReady.default(target, state, opts),
 		onPending,
 		onFallback,
 		onReady
@@ -39,4 +46,4 @@ function useDeferUntilOnReady(target, options = {}) {
 }
 
 //#endregion
-module.exports = useDeferUntilOnReady;
+exports.default = useDeferUntilOnReady;

package/useDeferUntilOnReady/useDeferUntilOnReady.d.cts

@@ -1,10 +1,10 @@
 import { DeferRenderingWithHandlersResult } from "../types.cjs";
 import { UseDeferUntilOnReadyOptions } from "./types.cjs";
 import { ReactNode } from "react";
-
 //#region src/useDeferUntilOnReady/useDeferUntilOnReady.d.ts
 /**
- * 戻り値として返す`onReady`が実行されるまで描画を遅延させるhook
+ * 戻り値として返す`onReady`が実行されるまで描画を遅延させるhook\
+ * どのハンドラーを呼んだ場合も、待機中の状態の変更は取り消され、最後に呼んだハンドラーの状態になる
  * @param target 描画対象のノード
  * @param options オプション
  * @returns state（'pending', 'ready', 'fallback'）と状態に応じたノードと状態変更用のハンドラー

package/useDeferUntilOnReady/useDeferUntilOnReady.d.mts

@@ -1,14 +1,13 @@
 import { DeferRenderingWithHandlersResult } from "../types.mjs";
 import { UseDeferUntilOnReadyOptions } from "./types.mjs";
 import { ReactNode } from "react";
-
 //#region src/useDeferUntilOnReady/useDeferUntilOnReady.d.ts
 /**
- * 戻り値として返す`onReady`が実行されるまで描画を遅延させるhook
+ * 戻り値として返す`onReady`が実行されるまで描画を遅延させるhook\
+ * どのハンドラーを呼んだ場合も、待機中の状態の変更は取り消され、最後に呼んだハンドラーの状態になる
  * @param target 描画対象のノード
  * @param options オプション
  * @returns state（'pending', 'ready', 'fallback'）と状態に応じたノードと状態変更用のハンドラー
  */
-declare function useDeferUntilOnReady<T extends ReactNode, P extends ReactNode = ReactNode, E extends ReactNode = ReactNode>(target: T, options?: UseDeferUntilOnReadyOptions<P, E>): DeferRenderingWithHandlersResult<T | P | E>;
-//#endregion
-export { useDeferUntilOnReady as default };
+export default function useDeferUntilOnReady<T extends ReactNode, P extends ReactNode = ReactNode, E extends ReactNode = ReactNode>(target: T, options?: UseDeferUntilOnReadyOptions<P, E>): DeferRenderingWithHandlersResult<T | P | E>;
+//#endregion

package/useDeferUntilOnReady/useDeferUntilOnReady.mjs

@@ -3,12 +3,12 @@
 import { RenderingState } from "../constants.mjs";
 import useDeferUntilReady from "../useDeferUntilReady/useDeferUntilReady.mjs";
 import "../useDeferUntilReady/index.mjs";
-import { useMemo, useState } from "react";
-import debounce from "@fringeworks/utils/timer/debounce";
+import { useCallback, useEffect, useRef, useState } from "react";
 
 //#region src/useDeferUntilOnReady/useDeferUntilOnReady.tsx
 /**
-* 戻り値として返す`onReady`が実行されるまで描画を遅延させるhook
+* 戻り値として返す`onReady`が実行されるまで描画を遅延させるhook\
+* どのハンドラーを呼んだ場合も、待機中の状態の変更は取り消され、最後に呼んだハンドラーの状態になる
 * @param target 描画対象のノード
 * @param options オプション
 * @returns state（'pending', 'ready', 'fallback'）と状態に応じたノードと状態変更用のハンドラー
@@ -16,18 +16,26 @@ import debounce from "@fringeworks/utils/timer/debounce";
 function useDeferUntilOnReady(target, options = {}) {
 	const { onReadyDelay, onFallbackDelay, onPendingDelay, ...opts } = options;
 	const [state, setState] = useState(RenderingState.pending);
-	const onReady = useMemo(() => {
-		const fn = () => setState(RenderingState.ready);
-		return onReadyDelay != null ? debounce(fn, onReadyDelay) : fn;
-	}, [onReadyDelay]);
-	const onFallback = useMemo(() => {
-		const fn = () => setState(RenderingState.fallback);
-		return onFallbackDelay != null ? debounce(fn, onFallbackDelay) : fn;
-	}, [onFallbackDelay]);
-	const onPending = useMemo(() => {
-		const fn = () => setState(RenderingState.pending);
-		return onPendingDelay != null ? debounce(fn, onPendingDelay) : fn;
-	}, [onPendingDelay]);
+	const timerRef = useRef(void 0);
+	const cancel = useCallback(() => {
+		clearTimeout(timerRef.current);
+		timerRef.current = void 0;
+	}, []);
+	const changeState = useCallback((nextState, delay) => {
+		cancel();
+		if (delay == null) {
+			setState(nextState);
+			return;
+		}
+		timerRef.current = setTimeout(() => {
+			timerRef.current = void 0;
+			setState(nextState);
+		}, delay);
+	}, [cancel]);
+	useEffect(() => cancel, [cancel]);
+	const onReady = useCallback(() => changeState(RenderingState.ready, onReadyDelay), [changeState, onReadyDelay]);
+	const onFallback = useCallback(() => changeState(RenderingState.fallback, onFallbackDelay), [changeState, onFallbackDelay]);
+	const onPending = useCallback(() => changeState(RenderingState.pending, onPendingDelay), [changeState, onPendingDelay]);
 	return {
 		...useDeferUntilReady(target, state, opts),
 		onPending,

package/useDeferUntilReady/index.cjs

@@ -1,5 +1,5 @@
-'use client';
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+const require_useDeferUntilReady_useDeferUntilReady = require("./useDeferUntilReady.cjs");
 
-const require_useDeferUntilReady_useDeferUntilReady = require('./useDeferUntilReady.cjs');
-
-module.exports = require_useDeferUntilReady_useDeferUntilReady;
+exports.default = require_useDeferUntilReady_useDeferUntilReady.default;
+exports.useDeferUntilReady = require_useDeferUntilReady_useDeferUntilReady.default;

package/useDeferUntilReady/index.d.cts

@@ -1,3 +1,3 @@
 import { UseDeferUntilReadyOptions } from "./types.cjs";
 import useDeferUntilReady from "./useDeferUntilReady.cjs";
-export { type UseDeferUntilReadyOptions, useDeferUntilReady as default };
+export { type UseDeferUntilReadyOptions, useDeferUntilReady as default, useDeferUntilReady };

package/useDeferUntilReady/index.d.mts

@@ -1,3 +1,3 @@
 import { UseDeferUntilReadyOptions } from "./types.mjs";
 import useDeferUntilReady from "./useDeferUntilReady.mjs";
-export { type UseDeferUntilReadyOptions, useDeferUntilReady as default };
+export { type UseDeferUntilReadyOptions, useDeferUntilReady as default, useDeferUntilReady };

package/useDeferUntilReady/index.mjs

@@ -1,5 +1,3 @@
-'use client';
-
 import useDeferUntilReady from "./useDeferUntilReady.mjs";
 
-export { useDeferUntilReady as default };
+export { useDeferUntilReady as default, useDeferUntilReady };

package/useDeferUntilReady/types.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/useDeferUntilReady/types.d.cts

@@ -1,7 +1,5 @@
 import { DeferRenderingWithFallbackOptionsBase } from "../types.cjs";
 import { ReactNode } from "react";
-
 //#region src/useDeferUntilReady/types.d.ts
-type UseDeferUntilReadyOptions<P extends ReactNode = ReactNode, E extends ReactNode = ReactNode> = DeferRenderingWithFallbackOptionsBase<P, E>;
-//#endregion
-export { UseDeferUntilReadyOptions };
+export type UseDeferUntilReadyOptions<P extends ReactNode = ReactNode, E extends ReactNode = ReactNode> = DeferRenderingWithFallbackOptionsBase<P, E>;
+//#endregion

package/useDeferUntilReady/types.d.mts

@@ -1,7 +1,5 @@
 import { DeferRenderingWithFallbackOptionsBase } from "../types.mjs";
 import { ReactNode } from "react";
-
 //#region src/useDeferUntilReady/types.d.ts
-type UseDeferUntilReadyOptions<P extends ReactNode = ReactNode, E extends ReactNode = ReactNode> = DeferRenderingWithFallbackOptionsBase<P, E>;
-//#endregion
-export { UseDeferUntilReadyOptions };
+export type UseDeferUntilReadyOptions<P extends ReactNode = ReactNode, E extends ReactNode = ReactNode> = DeferRenderingWithFallbackOptionsBase<P, E>;
+//#endregion

package/useDeferUntilReady/useDeferUntilReady.cjs

@@ -1,9 +1,7 @@
 'use client';
 
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
-const require_constants = require('../constants.cjs');
-let _fringeworks_react_utils_hooks_useIsMounted = require("@fringeworks/react-utils/hooks/useIsMounted");
-_fringeworks_react_utils_hooks_useIsMounted = require_runtime.__toESM(_fringeworks_react_utils_hooks_useIsMounted, 1);
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+const require_constants = require("../constants.cjs");
 let react = require("react");
 
 //#region src/useDeferUntilReady/useDeferUntilReady.tsx
@@ -16,45 +14,35 @@ let react = require("react");
 */
 function useDeferUntilReady(target, state, options = {}) {
 	const { pending, fallback, pendingDefer, fallbackDefer, readyDefer, preserveOnceFallback, preserveOnceReady } = options;
-	const latestStateRef = (0, react.useRef)(null);
-	const latestState = latestStateRef.current;
-	let currentState = state;
-	if (preserveOnceReady && latestState === require_constants.RenderingState.ready) currentState = latestState;
-	else if (preserveOnceFallback && latestState === require_constants.RenderingState.fallback) currentState = latestState;
-	latestStateRef.current = currentState;
+	const [preservedState, setPreservedState] = (0, react.useState)(null);
+	const isPreserved = preserveOnceReady && preservedState === require_constants.RenderingState.ready || preserveOnceFallback && preservedState === require_constants.RenderingState.fallback;
+	const currentState = isPreserved && preservedState ? preservedState : state;
+	if (!isPreserved && (preserveOnceReady && state === require_constants.RenderingState.ready || preserveOnceFallback && state === require_constants.RenderingState.fallback)) setPreservedState(state);
 	const defer = {
 		pending: pendingDefer,
 		fallback: fallbackDefer,
 		ready: readyDefer
 	}[currentState];
-	const deferRef = (0, react.useRef)(defer);
-	deferRef.current = defer;
 	const [shownState, setShownState] = (0, react.useState)(() => defer == null ? currentState : null);
-	const isMounted = (0, _fringeworks_react_utils_hooks_useIsMounted.default)();
+	if (defer == null && shownState !== currentState) setShownState(currentState);
 	(0, react.useEffect)(() => {
-		const defer = deferRef.current;
-		if (defer == null) {
+		if (defer == null) return;
+		const timeoutId = setTimeout(() => {
 			setShownState(currentState);
-			return;
-		} else {
-			const timeoutId = setTimeout(() => {
-				if (isMounted()) setShownState(currentState);
-			}, defer);
-			return () => {
-				clearTimeout(timeoutId);
-			};
-		}
-	}, [currentState]);
-	const node = shownState == null ? null : {
-		pending,
-		fallback,
-		ready: target
-	}[shownState];
+		}, defer);
+		return () => {
+			clearTimeout(timeoutId);
+		};
+	}, [currentState, defer]);
 	return {
 		state: currentState,
-		node
+		node: shownState == null ? null : {
+			pending,
+			fallback,
+			ready: target
+		}[shownState]
 	};
 }
 
 //#endregion
-module.exports = useDeferUntilReady;
+exports.default = useDeferUntilReady;

package/useDeferUntilReady/useDeferUntilReady.d.cts

@@ -2,7 +2,6 @@ import { RenderingState } from "../constants.cjs";
 import { DeferRenderingResult } from "../types.cjs";
 import { UseDeferUntilReadyOptions } from "./types.cjs";
 import { ReactNode } from "react";
-
 //#region src/useDeferUntilReady/useDeferUntilReady.d.ts
 /**
  * ステートが'ready'になるまで描画を遅延させるhook

package/useDeferUntilReady/useDeferUntilReady.d.mts

@@ -2,7 +2,6 @@ import { RenderingState } from "../constants.mjs";
 import { DeferRenderingResult } from "../types.mjs";
 import { UseDeferUntilReadyOptions } from "./types.mjs";
 import { ReactNode } from "react";
-
 //#region src/useDeferUntilReady/useDeferUntilReady.d.ts
 /**
  * ステートが'ready'になるまで描画を遅延させるhook
@@ -11,6 +10,5 @@ import { ReactNode } from "react";
  * @param options オプション
  * @returns state（'pending', 'ready', 'fallback'）と状態に応じたノード
  */
-declare function useDeferUntilReady<T extends ReactNode, P extends ReactNode = ReactNode, E extends ReactNode = ReactNode>(target: T, state: RenderingState, options?: UseDeferUntilReadyOptions<P, E>): DeferRenderingResult<T | P | E>;
-//#endregion
-export { useDeferUntilReady as default };
+export default function useDeferUntilReady<T extends ReactNode, P extends ReactNode = ReactNode, E extends ReactNode = ReactNode>(target: T, state: RenderingState, options?: UseDeferUntilReadyOptions<P, E>): DeferRenderingResult<T | P | E>;
+//#endregion

package/useDeferUntilReady/useDeferUntilReady.mjs

@@ -1,8 +1,7 @@
 'use client';
 
 import { RenderingState } from "../constants.mjs";
-import useIsMounted from "@fringeworks/react-utils/hooks/useIsMounted";
-import { useEffect, useRef, useState } from "react";
+import { useEffect, useState } from "react";
 
 //#region src/useDeferUntilReady/useDeferUntilReady.tsx
 /**
@@ -14,43 +13,33 @@ import { useEffect, useRef, useState } from "react";
 */
 function useDeferUntilReady(target, state, options = {}) {
 	const { pending, fallback, pendingDefer, fallbackDefer, readyDefer, preserveOnceFallback, preserveOnceReady } = options;
-	const latestStateRef = useRef(null);
-	const latestState = latestStateRef.current;
-	let currentState = state;
-	if (preserveOnceReady && latestState === RenderingState.ready) currentState = latestState;
-	else if (preserveOnceFallback && latestState === RenderingState.fallback) currentState = latestState;
-	latestStateRef.current = currentState;
+	const [preservedState, setPreservedState] = useState(null);
+	const isPreserved = preserveOnceReady && preservedState === RenderingState.ready || preserveOnceFallback && preservedState === RenderingState.fallback;
+	const currentState = isPreserved && preservedState ? preservedState : state;
+	if (!isPreserved && (preserveOnceReady && state === RenderingState.ready || preserveOnceFallback && state === RenderingState.fallback)) setPreservedState(state);
 	const defer = {
 		pending: pendingDefer,
 		fallback: fallbackDefer,
 		ready: readyDefer
 	}[currentState];
-	const deferRef = useRef(defer);
-	deferRef.current = defer;
 	const [shownState, setShownState] = useState(() => defer == null ? currentState : null);
-	const isMounted = useIsMounted();
+	if (defer == null && shownState !== currentState) setShownState(currentState);
 	useEffect(() => {
-		const defer = deferRef.current;
-		if (defer == null) {
+		if (defer == null) return;
+		const timeoutId = setTimeout(() => {
 			setShownState(currentState);
-			return;
-		} else {
-			const timeoutId = setTimeout(() => {
-				if (isMounted()) setShownState(currentState);
-			}, defer);
-			return () => {
-				clearTimeout(timeoutId);
-			};
-		}
-	}, [currentState]);
-	const node = shownState == null ? null : {
-		pending,
-		fallback,
-		ready: target
-	}[shownState];
+		}, defer);
+		return () => {
+			clearTimeout(timeoutId);
+		};
+	}, [currentState, defer]);
 	return {
 		state: currentState,
-		node
+		node: shownState == null ? null : {
+			pending,
+			fallback,
+			ready: target
+		}[shownState]
 	};
 }
 

package/useDeferUntilRender/index.cjs

@@ -1,5 +1,5 @@
-'use client';
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+const require_useDeferUntilRender_useDeferUntilRender = require("./useDeferUntilRender.cjs");
 
-const require_useDeferUntilRender_useDeferUntilRender = require('./useDeferUntilRender.cjs');
-
-module.exports = require_useDeferUntilRender_useDeferUntilRender;
+exports.default = require_useDeferUntilRender_useDeferUntilRender.default;
+exports.useDeferUntilRender = require_useDeferUntilRender_useDeferUntilRender.default;

package/useDeferUntilRender/index.d.cts

@@ -1,3 +1,3 @@
 import { UseDeferUntilRenderOptions } from "./types.cjs";
 import useDeferUntilRender from "./useDeferUntilRender.cjs";
-export { type UseDeferUntilRenderOptions, useDeferUntilRender as default };
+export { type UseDeferUntilRenderOptions, useDeferUntilRender as default, useDeferUntilRender };

package/useDeferUntilRender/index.d.mts

@@ -1,3 +1,3 @@
 import { UseDeferUntilRenderOptions } from "./types.mjs";
 import useDeferUntilRender from "./useDeferUntilRender.mjs";
-export { type UseDeferUntilRenderOptions, useDeferUntilRender as default };
+export { type UseDeferUntilRenderOptions, useDeferUntilRender as default, useDeferUntilRender };

package/useDeferUntilRender/index.mjs

@@ -1,5 +1,3 @@
-'use client';
-
 import useDeferUntilRender from "./useDeferUntilRender.mjs";
 
-export { useDeferUntilRender as default };
+export { useDeferUntilRender as default, useDeferUntilRender };

package/useDeferUntilRender/types.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

package/useDeferUntilRender/types.d.cts

@@ -1,15 +1,16 @@
 import { UseDeferUntilTrueOptions } from "../useDeferUntilTrue/types.cjs";
+import "../useDeferUntilTrue/index.cjs";
 import { ReactNode, RefObject } from "react";
-
 //#region src/useDeferUntilRender/types.d.ts
-type UseDeferUntilRenderOptions<P extends ReactNode = ReactNode> = UseDeferUntilTrueOptions<P> & {
+export type UseDeferUntilRenderOptions<P extends ReactNode = ReactNode> = UseDeferUntilTrueOptions<P> & {
   /**
    * 監視するコンテナーの参照\
    * デフォルトはdocument（文書全体）
    */
   rootRef?: RefObject<Element | Document | null | undefined>;
   /**
-   * DOM変更検知時のデバウンス時間（ミリ秒）
+   * DOMの変化を反映するまでの時間（ミリ秒）\
+   * この間に続けて変化した場合は、最後の変化から数え直す。0の場合は次のタスクで反映する\
    * デフォルトは100ms
    * @default 100
    */
@@ -21,5 +22,4 @@ type UseDeferUntilRenderOptions<P extends ReactNode = ReactNode> = UseDeferUntil
    */
   initialCondition?: boolean;
 };
-//#endregion
-export { UseDeferUntilRenderOptions };
+//#endregion

package/useDeferUntilRender/types.d.mts

@@ -1,15 +1,16 @@
 import { UseDeferUntilTrueOptions } from "../useDeferUntilTrue/types.mjs";
+import "../useDeferUntilTrue/index.mjs";
 import { ReactNode, RefObject } from "react";
-
 //#region src/useDeferUntilRender/types.d.ts
-type UseDeferUntilRenderOptions<P extends ReactNode = ReactNode> = UseDeferUntilTrueOptions<P> & {
+export type UseDeferUntilRenderOptions<P extends ReactNode = ReactNode> = UseDeferUntilTrueOptions<P> & {
   /**
    * 監視するコンテナーの参照\
    * デフォルトはdocument（文書全体）
    */
   rootRef?: RefObject<Element | Document | null | undefined>;
   /**
-   * DOM変更検知時のデバウンス時間（ミリ秒）
+   * DOMの変化を反映するまでの時間（ミリ秒）\
+   * この間に続けて変化した場合は、最後の変化から数え直す。0の場合は次のタスクで反映する\
    * デフォルトは100ms
    * @default 100
    */
@@ -21,5 +22,4 @@ type UseDeferUntilRenderOptions<P extends ReactNode = ReactNode> = UseDeferUntil
    */
   initialCondition?: boolean;
 };
-//#endregion
-export { UseDeferUntilRenderOptions };
+//#endregion