@fringeworks/react-defer-rendering 0.8.1 → 0.9.0

package/_usePromiseState.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/_usePromiseState.ts
@@ -14,29 +12,24 @@ let react = require("react");
 * @returns 描画状態（'pending', 'ready', 'fallback'）
 */
 function usePromiseState(createPromise) {
-	const [state, setState] = (0, react.useState)(createPromise ? require_constants.RenderingState.pending : require_constants.RenderingState.ready);
-	const isMounted = (0, _fringeworks_react_utils_hooks_useIsMounted.default)();
+	const [settled, setSettled] = (0, react.useState)(null);
 	(0, react.useEffect)(() => {
-		if (!createPromise) {
-			setState(require_constants.RenderingState.ready);
-			return;
-		}
+		if (!createPromise) return;
 		let isCurrent = true;
-		const update = (nextState) => {
-			if (isCurrent && isMounted()) setState(nextState);
+		const settle = (state) => {
+			if (isCurrent) setSettled({
+				source: createPromise,
+				state
+			});
 		};
-		setState(require_constants.RenderingState.pending);
-		try {
-			Promise.resolve(createPromise()).then(() => update(require_constants.RenderingState.ready), () => update(require_constants.RenderingState.fallback));
-		} catch {
-			update(require_constants.RenderingState.fallback);
-		}
+		new Promise((resolve) => resolve(createPromise())).then(() => settle(require_constants.RenderingState.ready), () => settle(require_constants.RenderingState.fallback));
 		return () => {
 			isCurrent = false;
 		};
 	}, [createPromise]);
-	return state;
+	if (!createPromise) return require_constants.RenderingState.ready;
+	return settled?.source === createPromise ? settled.state : require_constants.RenderingState.pending;
 }
 
 //#endregion
-module.exports = usePromiseState;
+exports.default = usePromiseState;

package/_usePromiseState.d.cts

@@ -1,11 +1,14 @@
 import { RenderingState } from "./constants.cjs";
-
 //#region src/_usePromiseState.d.ts
+/**
+ * Promiseを生成する関数
+ */
+type CreatePromise = () => PromiseLike<unknown>;
 /**
  * Promiseを生成する関数を実行し、その完了状態を返すhook
  * 生成関数はレンダー中ではなくeffect内で実行する（SSR時は実行されない）
  * @param createPromise Promiseを生成する関数（null/undefinedの場合は待たずに'ready'）
  * @returns 描画状態（'pending', 'ready', 'fallback'）
  */
-declare function usePromiseState(createPromise: (() => PromiseLike<unknown>) | null | undefined): RenderingState;
+declare function usePromiseState(createPromise: CreatePromise | null | undefined): RenderingState;
 export = usePromiseState;

package/_usePromiseState.d.mts

@@ -1,12 +1,15 @@
 import { RenderingState } from "./constants.mjs";
-
 //#region src/_usePromiseState.d.ts
+/**
+ * Promiseを生成する関数
+ */
+type CreatePromise = () => PromiseLike<unknown>;
 /**
  * Promiseを生成する関数を実行し、その完了状態を返すhook
  * 生成関数はレンダー中ではなくeffect内で実行する（SSR時は実行されない）
  * @param createPromise Promiseを生成する関数（null/undefinedの場合は待たずに'ready'）
  * @returns 描画状態（'pending', 'ready', 'fallback'）
  */
-declare function usePromiseState(createPromise: (() => PromiseLike<unknown>) | null | undefined): RenderingState;
+export default function usePromiseState(createPromise: CreatePromise | null | undefined): RenderingState;
 //#endregion
-export { usePromiseState as default };
+export {};

package/_usePromiseState.mjs

@@ -1,7 +1,6 @@
 'use client';
 
 import { RenderingState } from "./constants.mjs";
-import useIsMounted from "@fringeworks/react-utils/hooks/useIsMounted";
 import { useEffect, useState } from "react";
 
 //#region src/_usePromiseState.ts
@@ -12,28 +11,23 @@ import { useEffect, useState } from "react";
 * @returns 描画状態（'pending', 'ready', 'fallback'）
 */
 function usePromiseState(createPromise) {
-	const [state, setState] = useState(createPromise ? RenderingState.pending : RenderingState.ready);
-	const isMounted = useIsMounted();
+	const [settled, setSettled] = useState(null);
 	useEffect(() => {
-		if (!createPromise) {
-			setState(RenderingState.ready);
-			return;
-		}
+		if (!createPromise) return;
 		let isCurrent = true;
-		const update = (nextState) => {
-			if (isCurrent && isMounted()) setState(nextState);
+		const settle = (state) => {
+			if (isCurrent) setSettled({
+				source: createPromise,
+				state
+			});
 		};
-		setState(RenderingState.pending);
-		try {
-			Promise.resolve(createPromise()).then(() => update(RenderingState.ready), () => update(RenderingState.fallback));
-		} catch {
-			update(RenderingState.fallback);
-		}
+		new Promise((resolve) => resolve(createPromise())).then(() => settle(RenderingState.ready), () => settle(RenderingState.fallback));
 		return () => {
 			isCurrent = false;
 		};
 	}, [createPromise]);
-	return state;
+	if (!createPromise) return RenderingState.ready;
+	return settled?.source === createPromise ? settled.state : RenderingState.pending;
 }
 
 //#endregion

package/_virtual/_rolldown/runtime.cjs

@@ -19,11 +19,10 @@ var __copyProps = (to, from, except, desc) => {
 	}
 	return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
 	value: mod,
 	enumerable: true
 }) : target, mod));
 
 //#endregion
-
 exports.__toESM = __toESM;

package/constants.cjs

@@ -1,5 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
 //#region src/constants.ts
 /**
 * 描画に関する状態

package/constants.d.cts

@@ -2,7 +2,7 @@
 /**
  * 描画に関する状態
  */
-declare const RenderingState: {
+export declare const RenderingState: {
   readonly pending: "pending";
   readonly fallback: "fallback";
   readonly ready: "ready";
@@ -10,6 +10,5 @@ declare const RenderingState: {
 /**
  * 描画に関する状態
  */
-type RenderingState = (typeof RenderingState)[keyof typeof RenderingState];
-//#endregion
-export { RenderingState };
+export type RenderingState = (typeof RenderingState)[keyof typeof RenderingState];
+//#endregion

package/constants.d.mts

@@ -2,7 +2,7 @@
 /**
  * 描画に関する状態
  */
-declare const RenderingState: {
+export declare const RenderingState: {
   readonly pending: "pending";
   readonly fallback: "fallback";
   readonly ready: "ready";
@@ -10,6 +10,5 @@ declare const RenderingState: {
 /**
  * 描画に関する状態
  */
-type RenderingState = (typeof RenderingState)[keyof typeof RenderingState];
-//#endregion
-export { RenderingState };
+export type RenderingState = (typeof RenderingState)[keyof typeof RenderingState];
+//#endregion

package/index.cjs

@@ -1,46 +1,43 @@
-'use client';
-
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_useDeferUntilReady_useDeferUntilReady = require('./useDeferUntilReady/useDeferUntilReady.cjs');
-require('./useDeferUntilReady/index.cjs');
-const require_useDeferUntilAsyncComplete_useDeferUntilAsyncComplete = require('./useDeferUntilAsyncComplete/useDeferUntilAsyncComplete.cjs');
-require('./useDeferUntilAsyncComplete/index.cjs');
-const require_useDeferUntilTrue_useDeferUntilTrue = require('./useDeferUntilTrue/useDeferUntilTrue.cjs');
-require('./useDeferUntilTrue/index.cjs');
-const require_useDeferUntilBreakpoint_useDeferUntilBreakpoint = require('./useDeferUntilBreakpoint/useDeferUntilBreakpoint.cjs');
-require('./useDeferUntilBreakpoint/index.cjs');
-const require_useDeferUntilOnReady_useDeferUntilOnReady = require('./useDeferUntilOnReady/useDeferUntilOnReady.cjs');
-require('./useDeferUntilOnReady/index.cjs');
-const require_useDeferUntilCallThreshold_useDeferUntilCallThreshold = require('./useDeferUntilCallThreshold/useDeferUntilCallThreshold.cjs');
-require('./useDeferUntilCallThreshold/index.cjs');
-const require_useDeferUntilChange_useDeferUntilChange = require('./useDeferUntilChange/useDeferUntilChange.cjs');
-require('./useDeferUntilChange/index.cjs');
-const require_useDeferUntilTimeout_useDeferUntilTimeout = require('./useDeferUntilTimeout/useDeferUntilTimeout.cjs');
-require('./useDeferUntilTimeout/index.cjs');
-const require_useDeferUntilDate_useDeferUntilDate = require('./useDeferUntilDate/useDeferUntilDate.cjs');
-require('./useDeferUntilDate/index.cjs');
-const require_useDeferUntilIntersected_useDeferUntilIntersected = require('./useDeferUntilIntersected/useDeferUntilIntersected.cjs');
-require('./useDeferUntilIntersected/index.cjs');
-const require_useDeferUntilRender_useDeferUntilRender = require('./useDeferUntilRender/useDeferUntilRender.cjs');
-require('./useDeferUntilRender/index.cjs');
-const require_useDeferUntilResolved_useDeferUntilResolved = require('./useDeferUntilResolved/useDeferUntilResolved.cjs');
-require('./useDeferUntilResolved/index.cjs');
-const require_useDeferUntilScrolled_useDeferUntilScrolled = require('./useDeferUntilScrolled/useDeferUntilScrolled.cjs');
-require('./useDeferUntilScrolled/index.cjs');
-const require_useDeferUntilWebFontReady_useDeferUntilWebFontReady = require('./useDeferUntilWebFontReady/useDeferUntilWebFontReady.cjs');
-require('./useDeferUntilWebFontReady/index.cjs');
+const require_constants = require("./constants.cjs");
+const require_useDeferUntilReady_useDeferUntilReady = require("./useDeferUntilReady/useDeferUntilReady.cjs");
+require("./useDeferUntilReady/index.cjs");
+const require_useDeferUntilAsyncComplete_useDeferUntilAsyncComplete = require("./useDeferUntilAsyncComplete/useDeferUntilAsyncComplete.cjs");
+require("./useDeferUntilAsyncComplete/index.cjs");
+const require_useDeferUntilTrue_useDeferUntilTrue = require("./useDeferUntilTrue/useDeferUntilTrue.cjs");
+require("./useDeferUntilTrue/index.cjs");
+const require_useDeferUntilBreakpoint_useDeferUntilBreakpoint = require("./useDeferUntilBreakpoint/useDeferUntilBreakpoint.cjs");
+require("./useDeferUntilBreakpoint/index.cjs");
+const require_useDeferUntilOnReady_useDeferUntilOnReady = require("./useDeferUntilOnReady/useDeferUntilOnReady.cjs");
+require("./useDeferUntilOnReady/index.cjs");
+const require_useDeferUntilCallThreshold_useDeferUntilCallThreshold = require("./useDeferUntilCallThreshold/useDeferUntilCallThreshold.cjs");
+require("./useDeferUntilCallThreshold/index.cjs");
+const require_useDeferUntilChange_useDeferUntilChange = require("./useDeferUntilChange/useDeferUntilChange.cjs");
+require("./useDeferUntilChange/index.cjs");
+const require_useDeferUntilDate_useDeferUntilDate = require("./useDeferUntilDate/useDeferUntilDate.cjs");
+require("./useDeferUntilDate/index.cjs");
+const require_useDeferUntilIntersected_useDeferUntilIntersected = require("./useDeferUntilIntersected/useDeferUntilIntersected.cjs");
+require("./useDeferUntilIntersected/index.cjs");
+const require_useDeferUntilRender_useDeferUntilRender = require("./useDeferUntilRender/useDeferUntilRender.cjs");
+require("./useDeferUntilRender/index.cjs");
+const require_useDeferUntilResolved_useDeferUntilResolved = require("./useDeferUntilResolved/useDeferUntilResolved.cjs");
+require("./useDeferUntilResolved/index.cjs");
+const require_useDeferUntilTimeout_useDeferUntilTimeout = require("./useDeferUntilTimeout/useDeferUntilTimeout.cjs");
+require("./useDeferUntilTimeout/index.cjs");
+const require_useDeferUntilWebFontReady_useDeferUntilWebFontReady = require("./useDeferUntilWebFontReady/useDeferUntilWebFontReady.cjs");
+require("./useDeferUntilWebFontReady/index.cjs");
 
-exports.useDeferUntilAsyncComplete = require_useDeferUntilAsyncComplete_useDeferUntilAsyncComplete;
-exports.useDeferUntilBreakpoint = require_useDeferUntilBreakpoint_useDeferUntilBreakpoint;
-exports.useDeferUntilCallThreshold = require_useDeferUntilCallThreshold_useDeferUntilCallThreshold;
-exports.useDeferUntilChange = require_useDeferUntilChange_useDeferUntilChange;
-exports.useDeferUntilDate = require_useDeferUntilDate_useDeferUntilDate;
-exports.useDeferUntilIntersected = require_useDeferUntilIntersected_useDeferUntilIntersected;
-exports.useDeferUntilOnReady = require_useDeferUntilOnReady_useDeferUntilOnReady;
-exports.useDeferUntilReady = require_useDeferUntilReady_useDeferUntilReady;
-exports.useDeferUntilRender = require_useDeferUntilRender_useDeferUntilRender;
-exports.useDeferUntilResolved = require_useDeferUntilResolved_useDeferUntilResolved;
-exports.useDeferUntilScrolled = require_useDeferUntilScrolled_useDeferUntilScrolled;
-exports.useDeferUntilTimeout = require_useDeferUntilTimeout_useDeferUntilTimeout;
-exports.useDeferUntilTrue = require_useDeferUntilTrue_useDeferUntilTrue;
-exports.useDeferUntilWebFontReady = require_useDeferUntilWebFontReady_useDeferUntilWebFontReady;
+exports.RenderingState = require_constants.RenderingState;
+exports.useDeferUntilAsyncComplete = require_useDeferUntilAsyncComplete_useDeferUntilAsyncComplete.default;
+exports.useDeferUntilBreakpoint = require_useDeferUntilBreakpoint_useDeferUntilBreakpoint.default;
+exports.useDeferUntilCallThreshold = require_useDeferUntilCallThreshold_useDeferUntilCallThreshold.default;
+exports.useDeferUntilChange = require_useDeferUntilChange_useDeferUntilChange.default;
+exports.useDeferUntilDate = require_useDeferUntilDate_useDeferUntilDate.default;
+exports.useDeferUntilIntersected = require_useDeferUntilIntersected_useDeferUntilIntersected.default;
+exports.useDeferUntilOnReady = require_useDeferUntilOnReady_useDeferUntilOnReady.default;
+exports.useDeferUntilReady = require_useDeferUntilReady_useDeferUntilReady.default;
+exports.useDeferUntilRender = require_useDeferUntilRender_useDeferUntilRender.default;
+exports.useDeferUntilResolved = require_useDeferUntilResolved_useDeferUntilResolved.default;
+exports.useDeferUntilTimeout = require_useDeferUntilTimeout_useDeferUntilTimeout.default;
+exports.useDeferUntilTrue = require_useDeferUntilTrue_useDeferUntilTrue.default;
+exports.useDeferUntilWebFontReady = require_useDeferUntilWebFontReady_useDeferUntilWebFontReady.default;

package/index.d.cts

@@ -1,31 +1,42 @@
 import { RenderingState } from "./constants.cjs";
-import { DeferRenderingResult, DeferRenderingWithHandlersResult } from "./types.cjs";
+import { DeferRenderingOptionsBase, DeferRenderingResult, DeferRenderingWithFallbackOptionsBase, DeferRenderingWithHandlersResult } from "./types.cjs";
 import { UseDeferUntilReadyOptions } from "./useDeferUntilReady/types.cjs";
 import useDeferUntilReady from "./useDeferUntilReady/useDeferUntilReady.cjs";
+import "./useDeferUntilReady/index.cjs";
 import { UseDeferUntilResolvedOptions } from "./useDeferUntilResolved/types.cjs";
 import useDeferUntilResolved from "./useDeferUntilResolved/useDeferUntilResolved.cjs";
+import "./useDeferUntilResolved/index.cjs";
 import { UseDeferUntilAsyncCompleteOptions } from "./useDeferUntilAsyncComplete/types.cjs";
 import useDeferUntilAsyncComplete from "./useDeferUntilAsyncComplete/useDeferUntilAsyncComplete.cjs";
+import "./useDeferUntilAsyncComplete/index.cjs";
 import { UseDeferUntilTrueOptions } from "./useDeferUntilTrue/types.cjs";
 import useDeferUntilTrue from "./useDeferUntilTrue/useDeferUntilTrue.cjs";
+import "./useDeferUntilTrue/index.cjs";
 import { UseDeferUntilBreakpointOptions } from "./useDeferUntilBreakpoint/types.cjs";
 import useDeferUntilBreakpoint from "./useDeferUntilBreakpoint/useDeferUntilBreakpoint.cjs";
+import "./useDeferUntilBreakpoint/index.cjs";
 import { UseDeferUntilOnReadyOptions } from "./useDeferUntilOnReady/types.cjs";
 import useDeferUntilOnReady from "./useDeferUntilOnReady/useDeferUntilOnReady.cjs";
+import "./useDeferUntilOnReady/index.cjs";
 import { UseDeferUntilCallThresholdOptions } from "./useDeferUntilCallThreshold/types.cjs";
 import useDeferUntilCallThreshold from "./useDeferUntilCallThreshold/useDeferUntilCallThreshold.cjs";
+import "./useDeferUntilCallThreshold/index.cjs";
 import { UseDeferUntilChangeOptions } from "./useDeferUntilChange/types.cjs";
 import useDeferUntilChange from "./useDeferUntilChange/useDeferUntilChange.cjs";
+import "./useDeferUntilChange/index.cjs";
 import { UseDeferUntilTimeoutOptions } from "./useDeferUntilTimeout/types.cjs";
 import useDeferUntilTimeout from "./useDeferUntilTimeout/useDeferUntilTimeout.cjs";
+import "./useDeferUntilTimeout/index.cjs";
 import { UseDeferUntilDateOptions } from "./useDeferUntilDate/types.cjs";
 import useDeferUntilDate from "./useDeferUntilDate/useDeferUntilDate.cjs";
+import "./useDeferUntilDate/index.cjs";
 import { UseDeferUntilIntersectedOptions } from "./useDeferUntilIntersected/types.cjs";
 import useDeferUntilIntersected from "./useDeferUntilIntersected/useDeferUntilIntersected.cjs";
+import "./useDeferUntilIntersected/index.cjs";
 import { UseDeferUntilRenderOptions } from "./useDeferUntilRender/types.cjs";
 import useDeferUntilRender from "./useDeferUntilRender/useDeferUntilRender.cjs";
-import { UseDeferUntilScrolledOptions } from "./useDeferUntilScrolled/types.cjs";
-import useDeferUntilScrolled from "./useDeferUntilScrolled/useDeferUntilScrolled.cjs";
+import "./useDeferUntilRender/index.cjs";
 import { UseDeferUntilWebFontReadyOptions, WebFont, WebFontTarget, WebFontTargets } from "./useDeferUntilWebFontReady/types.cjs";
 import useDeferUntilWebFontReady from "./useDeferUntilWebFontReady/useDeferUntilWebFontReady.cjs";
-export { type DeferRenderingResult, type DeferRenderingWithHandlersResult, type RenderingState, type UseDeferUntilAsyncCompleteOptions, type UseDeferUntilBreakpointOptions, type UseDeferUntilCallThresholdOptions, type UseDeferUntilChangeOptions, type UseDeferUntilDateOptions, type UseDeferUntilIntersectedOptions, type UseDeferUntilOnReadyOptions, type UseDeferUntilReadyOptions, type UseDeferUntilRenderOptions, type UseDeferUntilResolvedOptions, type UseDeferUntilScrolledOptions, type UseDeferUntilTimeoutOptions, type UseDeferUntilTrueOptions, type UseDeferUntilWebFontReadyOptions, type WebFont, type WebFontTarget, type WebFontTargets, useDeferUntilAsyncComplete, useDeferUntilBreakpoint, useDeferUntilCallThreshold, useDeferUntilChange, useDeferUntilDate, useDeferUntilIntersected, useDeferUntilOnReady, useDeferUntilReady, useDeferUntilRender, useDeferUntilResolved, useDeferUntilScrolled, useDeferUntilTimeout, useDeferUntilTrue, useDeferUntilWebFontReady };
+import "./useDeferUntilWebFontReady/index.cjs";
+export { type DeferRenderingOptionsBase, type DeferRenderingResult, type DeferRenderingWithFallbackOptionsBase, type DeferRenderingWithHandlersResult, RenderingState, type UseDeferUntilAsyncCompleteOptions, type UseDeferUntilBreakpointOptions, type UseDeferUntilCallThresholdOptions, type UseDeferUntilChangeOptions, type UseDeferUntilDateOptions, type UseDeferUntilIntersectedOptions, type UseDeferUntilOnReadyOptions, type UseDeferUntilReadyOptions, type UseDeferUntilRenderOptions, type UseDeferUntilResolvedOptions, type UseDeferUntilTimeoutOptions, type UseDeferUntilTrueOptions, type UseDeferUntilWebFontReadyOptions, type WebFont, type WebFontTarget, type WebFontTargets, useDeferUntilAsyncComplete, useDeferUntilBreakpoint, useDeferUntilCallThreshold, useDeferUntilChange, useDeferUntilDate, useDeferUntilIntersected, useDeferUntilOnReady, useDeferUntilReady, useDeferUntilRender, useDeferUntilResolved, useDeferUntilTimeout, useDeferUntilTrue, useDeferUntilWebFontReady };

package/index.d.mts

@@ -1,31 +1,42 @@
 import { RenderingState } from "./constants.mjs";
-import { DeferRenderingResult, DeferRenderingWithHandlersResult } from "./types.mjs";
+import { DeferRenderingOptionsBase, DeferRenderingResult, DeferRenderingWithFallbackOptionsBase, DeferRenderingWithHandlersResult } from "./types.mjs";
 import { UseDeferUntilReadyOptions } from "./useDeferUntilReady/types.mjs";
 import useDeferUntilReady from "./useDeferUntilReady/useDeferUntilReady.mjs";
+import "./useDeferUntilReady/index.mjs";
 import { UseDeferUntilResolvedOptions } from "./useDeferUntilResolved/types.mjs";
 import useDeferUntilResolved from "./useDeferUntilResolved/useDeferUntilResolved.mjs";
+import "./useDeferUntilResolved/index.mjs";
 import { UseDeferUntilAsyncCompleteOptions } from "./useDeferUntilAsyncComplete/types.mjs";
 import useDeferUntilAsyncComplete from "./useDeferUntilAsyncComplete/useDeferUntilAsyncComplete.mjs";
+import "./useDeferUntilAsyncComplete/index.mjs";
 import { UseDeferUntilTrueOptions } from "./useDeferUntilTrue/types.mjs";
 import useDeferUntilTrue from "./useDeferUntilTrue/useDeferUntilTrue.mjs";
+import "./useDeferUntilTrue/index.mjs";
 import { UseDeferUntilBreakpointOptions } from "./useDeferUntilBreakpoint/types.mjs";
 import useDeferUntilBreakpoint from "./useDeferUntilBreakpoint/useDeferUntilBreakpoint.mjs";
+import "./useDeferUntilBreakpoint/index.mjs";
 import { UseDeferUntilOnReadyOptions } from "./useDeferUntilOnReady/types.mjs";
 import useDeferUntilOnReady from "./useDeferUntilOnReady/useDeferUntilOnReady.mjs";
+import "./useDeferUntilOnReady/index.mjs";
 import { UseDeferUntilCallThresholdOptions } from "./useDeferUntilCallThreshold/types.mjs";
 import useDeferUntilCallThreshold from "./useDeferUntilCallThreshold/useDeferUntilCallThreshold.mjs";
+import "./useDeferUntilCallThreshold/index.mjs";
 import { UseDeferUntilChangeOptions } from "./useDeferUntilChange/types.mjs";
 import useDeferUntilChange from "./useDeferUntilChange/useDeferUntilChange.mjs";
+import "./useDeferUntilChange/index.mjs";
 import { UseDeferUntilTimeoutOptions } from "./useDeferUntilTimeout/types.mjs";
 import useDeferUntilTimeout from "./useDeferUntilTimeout/useDeferUntilTimeout.mjs";
+import "./useDeferUntilTimeout/index.mjs";
 import { UseDeferUntilDateOptions } from "./useDeferUntilDate/types.mjs";
 import useDeferUntilDate from "./useDeferUntilDate/useDeferUntilDate.mjs";
+import "./useDeferUntilDate/index.mjs";
 import { UseDeferUntilIntersectedOptions } from "./useDeferUntilIntersected/types.mjs";
 import useDeferUntilIntersected from "./useDeferUntilIntersected/useDeferUntilIntersected.mjs";
+import "./useDeferUntilIntersected/index.mjs";
 import { UseDeferUntilRenderOptions } from "./useDeferUntilRender/types.mjs";
 import useDeferUntilRender from "./useDeferUntilRender/useDeferUntilRender.mjs";
-import { UseDeferUntilScrolledOptions } from "./useDeferUntilScrolled/types.mjs";
-import useDeferUntilScrolled from "./useDeferUntilScrolled/useDeferUntilScrolled.mjs";
+import "./useDeferUntilRender/index.mjs";
 import { UseDeferUntilWebFontReadyOptions, WebFont, WebFontTarget, WebFontTargets } from "./useDeferUntilWebFontReady/types.mjs";
 import useDeferUntilWebFontReady from "./useDeferUntilWebFontReady/useDeferUntilWebFontReady.mjs";
-export { type DeferRenderingResult, type DeferRenderingWithHandlersResult, type RenderingState, type UseDeferUntilAsyncCompleteOptions, type UseDeferUntilBreakpointOptions, type UseDeferUntilCallThresholdOptions, type UseDeferUntilChangeOptions, type UseDeferUntilDateOptions, type UseDeferUntilIntersectedOptions, type UseDeferUntilOnReadyOptions, type UseDeferUntilReadyOptions, type UseDeferUntilRenderOptions, type UseDeferUntilResolvedOptions, type UseDeferUntilScrolledOptions, type UseDeferUntilTimeoutOptions, type UseDeferUntilTrueOptions, type UseDeferUntilWebFontReadyOptions, type WebFont, type WebFontTarget, type WebFontTargets, useDeferUntilAsyncComplete, useDeferUntilBreakpoint, useDeferUntilCallThreshold, useDeferUntilChange, useDeferUntilDate, useDeferUntilIntersected, useDeferUntilOnReady, useDeferUntilReady, useDeferUntilRender, useDeferUntilResolved, useDeferUntilScrolled, useDeferUntilTimeout, useDeferUntilTrue, useDeferUntilWebFontReady };
+import "./useDeferUntilWebFontReady/index.mjs";
+export { type DeferRenderingOptionsBase, type DeferRenderingResult, type DeferRenderingWithFallbackOptionsBase, type DeferRenderingWithHandlersResult, RenderingState, type UseDeferUntilAsyncCompleteOptions, type UseDeferUntilBreakpointOptions, type UseDeferUntilCallThresholdOptions, type UseDeferUntilChangeOptions, type UseDeferUntilDateOptions, type UseDeferUntilIntersectedOptions, type UseDeferUntilOnReadyOptions, type UseDeferUntilReadyOptions, type UseDeferUntilRenderOptions, type UseDeferUntilResolvedOptions, type UseDeferUntilTimeoutOptions, type UseDeferUntilTrueOptions, type UseDeferUntilWebFontReadyOptions, type WebFont, type WebFontTarget, type WebFontTargets, useDeferUntilAsyncComplete, useDeferUntilBreakpoint, useDeferUntilCallThreshold, useDeferUntilChange, useDeferUntilDate, useDeferUntilIntersected, useDeferUntilOnReady, useDeferUntilReady, useDeferUntilRender, useDeferUntilResolved, useDeferUntilTimeout, useDeferUntilTrue, useDeferUntilWebFontReady };

package/index.mjs

@@ -1,5 +1,4 @@
-'use client';
-
+import { RenderingState } from "./constants.mjs";
 import useDeferUntilReady from "./useDeferUntilReady/useDeferUntilReady.mjs";
 import "./useDeferUntilReady/index.mjs";
 import useDeferUntilAsyncComplete from "./useDeferUntilAsyncComplete/useDeferUntilAsyncComplete.mjs";
@@ -14,8 +13,6 @@ import useDeferUntilCallThreshold from "./useDeferUntilCallThreshold/useDeferUnt
 import "./useDeferUntilCallThreshold/index.mjs";
 import useDeferUntilChange from "./useDeferUntilChange/useDeferUntilChange.mjs";
 import "./useDeferUntilChange/index.mjs";
-import useDeferUntilTimeout from "./useDeferUntilTimeout/useDeferUntilTimeout.mjs";
-import "./useDeferUntilTimeout/index.mjs";
 import useDeferUntilDate from "./useDeferUntilDate/useDeferUntilDate.mjs";
 import "./useDeferUntilDate/index.mjs";
 import useDeferUntilIntersected from "./useDeferUntilIntersected/useDeferUntilIntersected.mjs";
@@ -24,9 +21,9 @@ import useDeferUntilRender from "./useDeferUntilRender/useDeferUntilRender.mjs";
 import "./useDeferUntilRender/index.mjs";
 import useDeferUntilResolved from "./useDeferUntilResolved/useDeferUntilResolved.mjs";
 import "./useDeferUntilResolved/index.mjs";
-import useDeferUntilScrolled from "./useDeferUntilScrolled/useDeferUntilScrolled.mjs";
-import "./useDeferUntilScrolled/index.mjs";
+import useDeferUntilTimeout from "./useDeferUntilTimeout/useDeferUntilTimeout.mjs";
+import "./useDeferUntilTimeout/index.mjs";
 import useDeferUntilWebFontReady from "./useDeferUntilWebFontReady/useDeferUntilWebFontReady.mjs";
 import "./useDeferUntilWebFontReady/index.mjs";
 
-export { useDeferUntilAsyncComplete, useDeferUntilBreakpoint, useDeferUntilCallThreshold, useDeferUntilChange, useDeferUntilDate, useDeferUntilIntersected, useDeferUntilOnReady, useDeferUntilReady, useDeferUntilRender, useDeferUntilResolved, useDeferUntilScrolled, useDeferUntilTimeout, useDeferUntilTrue, useDeferUntilWebFontReady };
+export { RenderingState, useDeferUntilAsyncComplete, useDeferUntilBreakpoint, useDeferUntilCallThreshold, useDeferUntilChange, useDeferUntilDate, useDeferUntilIntersected, useDeferUntilOnReady, useDeferUntilReady, useDeferUntilRender, useDeferUntilResolved, useDeferUntilTimeout, useDeferUntilTrue, useDeferUntilWebFontReady };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fringeworks/react-defer-rendering",
-  "version": "0.8.1",
+  "version": "0.9.0",
   "description": "A library some will find handy, specialized in deferring the rendering of components until a specified condition is met.",
   "keywords": [
     "react",
@@ -13,6 +13,7 @@
   },
   "license": "MIT",
   "author": "Mitsuhiro Seino",
+  "sideEffects": false,
   "type": "module",
   "exports": {
     ".": {
@@ -25,65 +26,145 @@
         "default": "./index.cjs"
       }
     },
-    "./package.json": "./package.json",
-    "./constants": {
+    "./useDeferUntilAsyncComplete": {
       "import": {
-        "types": "./constants.d.mts",
-        "default": "./constants.mjs"
+        "types": "./useDeferUntilAsyncComplete/index.d.mts",
+        "default": "./useDeferUntilAsyncComplete/index.mjs"
       },
       "require": {
-        "types": "./constants.d.cts",
-        "default": "./constants.cjs"
+        "types": "./useDeferUntilAsyncComplete/index.d.cts",
+        "default": "./useDeferUntilAsyncComplete/index.cjs"
       }
     },
-    "./*/constants": {
+    "./useDeferUntilBreakpoint": {
       "import": {
-        "types": "./*/constants.d.mts",
-        "default": "./*/constants.mjs"
+        "types": "./useDeferUntilBreakpoint/index.d.mts",
+        "default": "./useDeferUntilBreakpoint/index.mjs"
       },
       "require": {
-        "types": "./*/constants.d.cts",
-        "default": "./*/constants.cjs"
+        "types": "./useDeferUntilBreakpoint/index.d.cts",
+        "default": "./useDeferUntilBreakpoint/index.cjs"
       }
     },
-    "./types": {
+    "./useDeferUntilCallThreshold": {
       "import": {
-        "types": "./types.d.mts",
-        "default": "./types.mjs"
+        "types": "./useDeferUntilCallThreshold/index.d.mts",
+        "default": "./useDeferUntilCallThreshold/index.mjs"
       },
       "require": {
-        "types": "./types.d.cts",
-        "default": "./types.cjs"
+        "types": "./useDeferUntilCallThreshold/index.d.cts",
+        "default": "./useDeferUntilCallThreshold/index.cjs"
       }
     },
-    "./*/types": {
+    "./useDeferUntilChange": {
       "import": {
-        "types": "./*/types.d.mts",
-        "default": "./*/types.mjs"
+        "types": "./useDeferUntilChange/index.d.mts",
+        "default": "./useDeferUntilChange/index.mjs"
       },
       "require": {
-        "types": "./*/types.d.cts",
-        "default": "./*/types.cjs"
+        "types": "./useDeferUntilChange/index.d.cts",
+        "default": "./useDeferUntilChange/index.cjs"
       }
     },
-    "./*": {
+    "./useDeferUntilDate": {
       "import": {
-        "types": "./*/index.d.mts",
-        "default": "./*/index.mjs"
+        "types": "./useDeferUntilDate/index.d.mts",
+        "default": "./useDeferUntilDate/index.mjs"
       },
       "require": {
-        "types": "./*/index.d.cts",
-        "default": "./*/index.cjs"
+        "types": "./useDeferUntilDate/index.d.cts",
+        "default": "./useDeferUntilDate/index.cjs"
       }
-    }
+    },
+    "./useDeferUntilIntersected": {
+      "import": {
+        "types": "./useDeferUntilIntersected/index.d.mts",
+        "default": "./useDeferUntilIntersected/index.mjs"
+      },
+      "require": {
+        "types": "./useDeferUntilIntersected/index.d.cts",
+        "default": "./useDeferUntilIntersected/index.cjs"
+      }
+    },
+    "./useDeferUntilOnReady": {
+      "import": {
+        "types": "./useDeferUntilOnReady/index.d.mts",
+        "default": "./useDeferUntilOnReady/index.mjs"
+      },
+      "require": {
+        "types": "./useDeferUntilOnReady/index.d.cts",
+        "default": "./useDeferUntilOnReady/index.cjs"
+      }
+    },
+    "./useDeferUntilReady": {
+      "import": {
+        "types": "./useDeferUntilReady/index.d.mts",
+        "default": "./useDeferUntilReady/index.mjs"
+      },
+      "require": {
+        "types": "./useDeferUntilReady/index.d.cts",
+        "default": "./useDeferUntilReady/index.cjs"
+      }
+    },
+    "./useDeferUntilRender": {
+      "import": {
+        "types": "./useDeferUntilRender/index.d.mts",
+        "default": "./useDeferUntilRender/index.mjs"
+      },
+      "require": {
+        "types": "./useDeferUntilRender/index.d.cts",
+        "default": "./useDeferUntilRender/index.cjs"
+      }
+    },
+    "./useDeferUntilResolved": {
+      "import": {
+        "types": "./useDeferUntilResolved/index.d.mts",
+        "default": "./useDeferUntilResolved/index.mjs"
+      },
+      "require": {
+        "types": "./useDeferUntilResolved/index.d.cts",
+        "default": "./useDeferUntilResolved/index.cjs"
+      }
+    },
+    "./useDeferUntilTimeout": {
+      "import": {
+        "types": "./useDeferUntilTimeout/index.d.mts",
+        "default": "./useDeferUntilTimeout/index.mjs"
+      },
+      "require": {
+        "types": "./useDeferUntilTimeout/index.d.cts",
+        "default": "./useDeferUntilTimeout/index.cjs"
+      }
+    },
+    "./useDeferUntilTrue": {
+      "import": {
+        "types": "./useDeferUntilTrue/index.d.mts",
+        "default": "./useDeferUntilTrue/index.mjs"
+      },
+      "require": {
+        "types": "./useDeferUntilTrue/index.d.cts",
+        "default": "./useDeferUntilTrue/index.cjs"
+      }
+    },
+    "./useDeferUntilWebFontReady": {
+      "import": {
+        "types": "./useDeferUntilWebFontReady/index.d.mts",
+        "default": "./useDeferUntilWebFontReady/index.mjs"
+      },
+      "require": {
+        "types": "./useDeferUntilWebFontReady/index.d.cts",
+        "default": "./useDeferUntilWebFontReady/index.cjs"
+      }
+    },
+    "./package.json": "./package.json"
   },
   "main": "./index.cjs",
   "module": "./index.mjs",
   "types": "./index.d.cts",
   "dependencies": {
-    "@fringeworks/react-utils": "^0.8.1",
-    "@fringeworks/utils": "^0.9.2",
-    "@fringeworks/web-font-observer": "^0.8.1"
+    "@fringeworks/react-utils": "^0.9.0",
+    "@fringeworks/utils": "^0.11.1",
+    "@fringeworks/web-font-observer": "^0.9.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/types.cjs

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