@fringeworks/react-defer-rendering 0.8.0

package/_usePromiseState.cjs

@@ -0,0 +1,42 @@
+'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);
+let react = require("react");
+
+//#region src/_usePromiseState.ts
+/**
+* Promiseを生成する関数を実行し、その完了状態を返すhook
+* 生成関数はレンダー中ではなくeffect内で実行する（SSR時は実行されない）
+* @param createPromise Promiseを生成する関数（null/undefinedの場合は待たずに'ready'）
+* @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)();
+	(0, react.useEffect)(() => {
+		if (!createPromise) {
+			setState(require_constants.RenderingState.ready);
+			return;
+		}
+		let isCurrent = true;
+		const update = (nextState) => {
+			if (isCurrent && isMounted()) setState(nextState);
+		};
+		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);
+		}
+		return () => {
+			isCurrent = false;
+		};
+	}, [createPromise]);
+	return state;
+}
+
+//#endregion
+module.exports = usePromiseState;

package/_usePromiseState.d.cts

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

package/_usePromiseState.d.mts

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

package/_usePromiseState.mjs

@@ -0,0 +1,40 @@
+'use client';
+
+import { RenderingState } from "./constants.mjs";
+import useIsMounted from "@fringeworks/react-utils/hooks/useIsMounted";
+import { useEffect, useState } from "react";
+
+//#region src/_usePromiseState.ts
+/**
+* Promiseを生成する関数を実行し、その完了状態を返すhook
+* 生成関数はレンダー中ではなくeffect内で実行する（SSR時は実行されない）
+* @param createPromise Promiseを生成する関数（null/undefinedの場合は待たずに'ready'）
+* @returns 描画状態（'pending', 'ready', 'fallback'）
+*/
+function usePromiseState(createPromise) {
+	const [state, setState] = useState(createPromise ? RenderingState.pending : RenderingState.ready);
+	const isMounted = useIsMounted();
+	useEffect(() => {
+		if (!createPromise) {
+			setState(RenderingState.ready);
+			return;
+		}
+		let isCurrent = true;
+		const update = (nextState) => {
+			if (isCurrent && isMounted()) setState(nextState);
+		};
+		setState(RenderingState.pending);
+		try {
+			Promise.resolve(createPromise()).then(() => update(RenderingState.ready), () => update(RenderingState.fallback));
+		} catch {
+			update(RenderingState.fallback);
+		}
+		return () => {
+			isCurrent = false;
+		};
+	}, [createPromise]);
+	return state;
+}
+
+//#endregion
+export { usePromiseState as default };

package/_virtual/_rolldown/runtime.cjs

@@ -0,0 +1,29 @@
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+			key = keys[i];
+			if (!__hasOwnProp.call(to, key) && key !== except) {
+				__defProp(to, key, {
+					get: ((k) => from[k]).bind(null, key),
+					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+				});
+			}
+		}
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+
+//#endregion
+
+exports.__toESM = __toESM;

package/constants.cjs

@@ -0,0 +1,14 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+//#region src/constants.ts
+/**
+* 描画に関する状態
+*/
+const RenderingState = {
+	pending: "pending",
+	fallback: "fallback",
+	ready: "ready"
+};
+
+//#endregion
+exports.RenderingState = RenderingState;

package/constants.d.cts

@@ -0,0 +1,15 @@
+//#region src/constants.d.ts
+/**
+ * 描画に関する状態
+ */
+declare const RenderingState: {
+  readonly pending: "pending";
+  readonly fallback: "fallback";
+  readonly ready: "ready";
+};
+/**
+ * 描画に関する状態
+ */
+type RenderingState = (typeof RenderingState)[keyof typeof RenderingState];
+//#endregion
+export { RenderingState };

package/constants.d.mts

@@ -0,0 +1,15 @@
+//#region src/constants.d.ts
+/**
+ * 描画に関する状態
+ */
+declare const RenderingState: {
+  readonly pending: "pending";
+  readonly fallback: "fallback";
+  readonly ready: "ready";
+};
+/**
+ * 描画に関する状態
+ */
+type RenderingState = (typeof RenderingState)[keyof typeof RenderingState];
+//#endregion
+export { RenderingState };

package/constants.mjs

@@ -0,0 +1,12 @@
+//#region src/constants.ts
+/**
+* 描画に関する状態
+*/
+const RenderingState = {
+	pending: "pending",
+	fallback: "fallback",
+	ready: "ready"
+};
+
+//#endregion
+export { RenderingState };

package/index.cjs

@@ -0,0 +1,46 @@
+'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');
+
+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;

package/index.d.cts

@@ -0,0 +1,31 @@
+import { RenderingState } from "./constants.cjs";
+import { DeferRenderingResult, DeferRenderingWithHandlersResult } from "./types.cjs";
+import { UseDeferUntilReadyOptions } from "./useDeferUntilReady/types.cjs";
+import useDeferUntilReady from "./useDeferUntilReady/useDeferUntilReady.cjs";
+import { UseDeferUntilResolvedOptions } from "./useDeferUntilResolved/types.cjs";
+import useDeferUntilResolved from "./useDeferUntilResolved/useDeferUntilResolved.cjs";
+import { UseDeferUntilAsyncCompleteOptions } from "./useDeferUntilAsyncComplete/types.cjs";
+import useDeferUntilAsyncComplete from "./useDeferUntilAsyncComplete/useDeferUntilAsyncComplete.cjs";
+import { UseDeferUntilTrueOptions } from "./useDeferUntilTrue/types.cjs";
+import useDeferUntilTrue from "./useDeferUntilTrue/useDeferUntilTrue.cjs";
+import { UseDeferUntilBreakpointOptions } from "./useDeferUntilBreakpoint/types.cjs";
+import useDeferUntilBreakpoint from "./useDeferUntilBreakpoint/useDeferUntilBreakpoint.cjs";
+import { UseDeferUntilOnReadyOptions } from "./useDeferUntilOnReady/types.cjs";
+import useDeferUntilOnReady from "./useDeferUntilOnReady/useDeferUntilOnReady.cjs";
+import { UseDeferUntilCallThresholdOptions } from "./useDeferUntilCallThreshold/types.cjs";
+import useDeferUntilCallThreshold from "./useDeferUntilCallThreshold/useDeferUntilCallThreshold.cjs";
+import { UseDeferUntilChangeOptions } from "./useDeferUntilChange/types.cjs";
+import useDeferUntilChange from "./useDeferUntilChange/useDeferUntilChange.cjs";
+import { UseDeferUntilTimeoutOptions } from "./useDeferUntilTimeout/types.cjs";
+import useDeferUntilTimeout from "./useDeferUntilTimeout/useDeferUntilTimeout.cjs";
+import { UseDeferUntilDateOptions } from "./useDeferUntilDate/types.cjs";
+import useDeferUntilDate from "./useDeferUntilDate/useDeferUntilDate.cjs";
+import { UseDeferUntilIntersectedOptions } from "./useDeferUntilIntersected/types.cjs";
+import useDeferUntilIntersected from "./useDeferUntilIntersected/useDeferUntilIntersected.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 { 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 };

package/index.d.mts

@@ -0,0 +1,31 @@
+import { RenderingState } from "./constants.mjs";
+import { DeferRenderingResult, DeferRenderingWithHandlersResult } from "./types.mjs";
+import { UseDeferUntilReadyOptions } from "./useDeferUntilReady/types.mjs";
+import useDeferUntilReady from "./useDeferUntilReady/useDeferUntilReady.mjs";
+import { UseDeferUntilResolvedOptions } from "./useDeferUntilResolved/types.mjs";
+import useDeferUntilResolved from "./useDeferUntilResolved/useDeferUntilResolved.mjs";
+import { UseDeferUntilAsyncCompleteOptions } from "./useDeferUntilAsyncComplete/types.mjs";
+import useDeferUntilAsyncComplete from "./useDeferUntilAsyncComplete/useDeferUntilAsyncComplete.mjs";
+import { UseDeferUntilTrueOptions } from "./useDeferUntilTrue/types.mjs";
+import useDeferUntilTrue from "./useDeferUntilTrue/useDeferUntilTrue.mjs";
+import { UseDeferUntilBreakpointOptions } from "./useDeferUntilBreakpoint/types.mjs";
+import useDeferUntilBreakpoint from "./useDeferUntilBreakpoint/useDeferUntilBreakpoint.mjs";
+import { UseDeferUntilOnReadyOptions } from "./useDeferUntilOnReady/types.mjs";
+import useDeferUntilOnReady from "./useDeferUntilOnReady/useDeferUntilOnReady.mjs";
+import { UseDeferUntilCallThresholdOptions } from "./useDeferUntilCallThreshold/types.mjs";
+import useDeferUntilCallThreshold from "./useDeferUntilCallThreshold/useDeferUntilCallThreshold.mjs";
+import { UseDeferUntilChangeOptions } from "./useDeferUntilChange/types.mjs";
+import useDeferUntilChange from "./useDeferUntilChange/useDeferUntilChange.mjs";
+import { UseDeferUntilTimeoutOptions } from "./useDeferUntilTimeout/types.mjs";
+import useDeferUntilTimeout from "./useDeferUntilTimeout/useDeferUntilTimeout.mjs";
+import { UseDeferUntilDateOptions } from "./useDeferUntilDate/types.mjs";
+import useDeferUntilDate from "./useDeferUntilDate/useDeferUntilDate.mjs";
+import { UseDeferUntilIntersectedOptions } from "./useDeferUntilIntersected/types.mjs";
+import useDeferUntilIntersected from "./useDeferUntilIntersected/useDeferUntilIntersected.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 { 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 };

package/index.mjs

@@ -0,0 +1,32 @@
+'use client';
+
+import useDeferUntilReady from "./useDeferUntilReady/useDeferUntilReady.mjs";
+import "./useDeferUntilReady/index.mjs";
+import useDeferUntilAsyncComplete from "./useDeferUntilAsyncComplete/useDeferUntilAsyncComplete.mjs";
+import "./useDeferUntilAsyncComplete/index.mjs";
+import useDeferUntilTrue from "./useDeferUntilTrue/useDeferUntilTrue.mjs";
+import "./useDeferUntilTrue/index.mjs";
+import useDeferUntilBreakpoint from "./useDeferUntilBreakpoint/useDeferUntilBreakpoint.mjs";
+import "./useDeferUntilBreakpoint/index.mjs";
+import useDeferUntilOnReady from "./useDeferUntilOnReady/useDeferUntilOnReady.mjs";
+import "./useDeferUntilOnReady/index.mjs";
+import useDeferUntilCallThreshold from "./useDeferUntilCallThreshold/useDeferUntilCallThreshold.mjs";
+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";
+import "./useDeferUntilIntersected/index.mjs";
+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 useDeferUntilWebFontReady from "./useDeferUntilWebFontReady/useDeferUntilWebFontReady.mjs";
+import "./useDeferUntilWebFontReady/index.mjs";
+
+export { useDeferUntilAsyncComplete, useDeferUntilBreakpoint, useDeferUntilCallThreshold, useDeferUntilChange, useDeferUntilDate, useDeferUntilIntersected, useDeferUntilOnReady, useDeferUntilReady, useDeferUntilRender, useDeferUntilResolved, useDeferUntilScrolled, useDeferUntilTimeout, useDeferUntilTrue, useDeferUntilWebFontReady };

package/package.json

@@ -0,0 +1,91 @@
+{
+  "name": "@fringeworks/react-defer-rendering",
+  "version": "0.8.0",
+  "keywords": [
+    "react",
+    "layout",
+    "style"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/fringeworks-js/react-defer-rendering.git"
+  },
+  "license": "MIT",
+  "author": "Mitsuhiro Seino",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./index.d.mts",
+        "default": "./index.mjs"
+      },
+      "require": {
+        "types": "./index.d.cts",
+        "default": "./index.cjs"
+      }
+    },
+    "./package.json": "./package.json",
+    "./constants": {
+      "import": {
+        "types": "./constants.d.mts",
+        "default": "./constants.mjs"
+      },
+      "require": {
+        "types": "./constants.d.cts",
+        "default": "./constants.cjs"
+      }
+    },
+    "./*/constants": {
+      "import": {
+        "types": "./*/constants.d.mts",
+        "default": "./*/constants.mjs"
+      },
+      "require": {
+        "types": "./*/constants.d.cts",
+        "default": "./*/constants.cjs"
+      }
+    },
+    "./types": {
+      "import": {
+        "types": "./types.d.mts",
+        "default": "./types.mjs"
+      },
+      "require": {
+        "types": "./types.d.cts",
+        "default": "./types.cjs"
+      }
+    },
+    "./*/types": {
+      "import": {
+        "types": "./*/types.d.mts",
+        "default": "./*/types.mjs"
+      },
+      "require": {
+        "types": "./*/types.d.cts",
+        "default": "./*/types.cjs"
+      }
+    },
+    "./*": {
+      "import": {
+        "types": "./*/index.d.mts",
+        "default": "./*/index.mjs"
+      },
+      "require": {
+        "types": "./*/index.d.cts",
+        "default": "./*/index.cjs"
+      }
+    }
+  },
+  "main": "./index.cjs",
+  "module": "./index.mjs",
+  "types": "./index.d.cts",
+  "dependencies": {
+    "@fringeworks/react-utils": "^0.8.0",
+    "@fringeworks/utils": "^0.8.0",
+    "@fringeworks/web-font-observer": "^0.8.0"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  }
+}

package/types.d.cts

@@ -0,0 +1,82 @@
+import { RenderingState } from "./constants.cjs";
+import { ReactNode } from "react";
+
+//#region src/types.d.ts
+/**
+ * オプションのベース
+ */
+type DeferRenderingOptionsBase<P extends ReactNode> = {
+  /**
+   * 表示待ち中に表示するノード
+   */
+  pending?: P;
+  /**
+   * pendingを表示する際の遅延時間（ミリ秒）
+   * 未指定の場合は即表示
+   */
+  pendingDefer?: number;
+  /**
+   * readyを表示する際の遅延時間（ミリ秒）
+   * 未指定の場合は即表示
+   */
+  readyDefer?: number;
+  /**
+   * 一旦readyになったらready状態を保持するかどうか
+   * trueの場合、ready状態になった後にpending状態に戻すことができない
+   */
+  preserveOnceReady?: boolean;
+};
+/**
+ * オプションのベース(フォールバック有り)
+ */
+type DeferRenderingWithFallbackOptionsBase<P extends ReactNode, F extends ReactNode> = DeferRenderingOptionsBase<P> & {
+  /**
+   * フォールバック時に表示するノード
+   */
+  fallback?: F;
+  /**
+   * fallbackを表示する際の遅延時間（ミリ秒）
+   * 未指定の場合は即表示
+   */
+  fallbackDefer?: number;
+  /**
+   * 一旦fallbackになったらfallback状態を保持するかどうか
+   * trueの場合、fallback状態になった後にpending状態に戻すことができない
+   */
+  preserveOnceFallback?: boolean;
+};
+/**
+ * 現在の状態を示す戻り値
+ */
+type DeferRenderingResult<N extends ReactNode> = {
+  /**
+   * 描画状態
+   */
+  state: RenderingState;
+  /**
+   * 描画するノード
+   */
+  node: N;
+};
+/**
+ * 現在の状態と状態変更用のハンドラーを返す戻り値
+ */
+type DeferRenderingWithHandlersResult<N extends ReactNode> = DeferRenderingResult<N> & {
+  /**
+   * 描画前の状態に戻すハンドラー
+   * @returns
+   */
+  onPending: () => void;
+  /**
+   * 描画不可能な状態になった時に実行するハンドラー
+   * @returns
+   */
+  onFallback: () => void;
+  /**
+   * 描画可能な状態になった時に実行するハンドラー
+   * @returns
+   */
+  onReady: () => void;
+};
+//#endregion
+export { DeferRenderingOptionsBase, DeferRenderingResult, DeferRenderingWithFallbackOptionsBase, DeferRenderingWithHandlersResult };

package/types.d.mts

@@ -0,0 +1,82 @@
+import { RenderingState } from "./constants.mjs";
+import { ReactNode } from "react";
+
+//#region src/types.d.ts
+/**
+ * オプションのベース
+ */
+type DeferRenderingOptionsBase<P extends ReactNode> = {
+  /**
+   * 表示待ち中に表示するノード
+   */
+  pending?: P;
+  /**
+   * pendingを表示する際の遅延時間（ミリ秒）
+   * 未指定の場合は即表示
+   */
+  pendingDefer?: number;
+  /**
+   * readyを表示する際の遅延時間（ミリ秒）
+   * 未指定の場合は即表示
+   */
+  readyDefer?: number;
+  /**
+   * 一旦readyになったらready状態を保持するかどうか
+   * trueの場合、ready状態になった後にpending状態に戻すことができない
+   */
+  preserveOnceReady?: boolean;
+};
+/**
+ * オプションのベース(フォールバック有り)
+ */
+type DeferRenderingWithFallbackOptionsBase<P extends ReactNode, F extends ReactNode> = DeferRenderingOptionsBase<P> & {
+  /**
+   * フォールバック時に表示するノード
+   */
+  fallback?: F;
+  /**
+   * fallbackを表示する際の遅延時間（ミリ秒）
+   * 未指定の場合は即表示
+   */
+  fallbackDefer?: number;
+  /**
+   * 一旦fallbackになったらfallback状態を保持するかどうか
+   * trueの場合、fallback状態になった後にpending状態に戻すことができない
+   */
+  preserveOnceFallback?: boolean;
+};
+/**
+ * 現在の状態を示す戻り値
+ */
+type DeferRenderingResult<N extends ReactNode> = {
+  /**
+   * 描画状態
+   */
+  state: RenderingState;
+  /**
+   * 描画するノード
+   */
+  node: N;
+};
+/**
+ * 現在の状態と状態変更用のハンドラーを返す戻り値
+ */
+type DeferRenderingWithHandlersResult<N extends ReactNode> = DeferRenderingResult<N> & {
+  /**
+   * 描画前の状態に戻すハンドラー
+   * @returns
+   */
+  onPending: () => void;
+  /**
+   * 描画不可能な状態になった時に実行するハンドラー
+   * @returns
+   */
+  onFallback: () => void;
+  /**
+   * 描画可能な状態になった時に実行するハンドラー
+   * @returns
+   */
+  onReady: () => void;
+};
+//#endregion
+export { DeferRenderingOptionsBase, DeferRenderingResult, DeferRenderingWithFallbackOptionsBase, DeferRenderingWithHandlersResult };

package/types.mjs

@@ -0,0 +1 @@
+export {  };

package/useDeferUntilAsyncComplete/index.cjs

@@ -0,0 +1,5 @@
+'use client';
+
+const require_useDeferUntilAsyncComplete_useDeferUntilAsyncComplete = require('./useDeferUntilAsyncComplete.cjs');
+
+module.exports = require_useDeferUntilAsyncComplete_useDeferUntilAsyncComplete;

package/useDeferUntilAsyncComplete/index.d.cts

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

package/useDeferUntilAsyncComplete/index.d.mts

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

package/useDeferUntilAsyncComplete/index.mjs

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

package/useDeferUntilAsyncComplete/types.d.cts

@@ -0,0 +1,7 @@
+import { UseDeferUntilResolvedOptions } from "../useDeferUntilResolved/types.cjs";
+import { ReactNode } from "react";
+
+//#region src/useDeferUntilAsyncComplete/types.d.ts
+type UseDeferUntilAsyncCompleteOptions<P extends ReactNode = ReactNode, E extends ReactNode = ReactNode> = UseDeferUntilResolvedOptions<P, E>;
+//#endregion
+export { UseDeferUntilAsyncCompleteOptions };

package/useDeferUntilAsyncComplete/types.d.mts

@@ -0,0 +1,7 @@
+import { UseDeferUntilResolvedOptions } from "../useDeferUntilResolved/types.mjs";
+import { ReactNode } from "react";
+
+//#region src/useDeferUntilAsyncComplete/types.d.ts
+type UseDeferUntilAsyncCompleteOptions<P extends ReactNode = ReactNode, E extends ReactNode = ReactNode> = UseDeferUntilResolvedOptions<P, E>;
+//#endregion
+export { UseDeferUntilAsyncCompleteOptions };