@fringeworks/react-utils 0.9.2 → 0.11.0

package/hooks/useExecutionEffect/index.d.cts

@@ -0,0 +1,2 @@
+import useExecutionEffect from "./useExecutionEffect.cjs";
+export { useExecutionEffect as default, useExecutionEffect };

package/hooks/useExecutionEffect/index.d.mts

@@ -0,0 +1,2 @@
+import useExecutionEffect from "./useExecutionEffect.mjs";
+export { useExecutionEffect as default, useExecutionEffect };

package/hooks/useExecutionEffect/index.mjs

@@ -0,0 +1,3 @@
+import useExecutionEffect from "./useExecutionEffect.mjs";
+
+export { useExecutionEffect as default, useExecutionEffect };

package/hooks/useExecutionEffect/useExecutionEffect.cjs

@@ -0,0 +1,39 @@
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+const require__internal__useExecutionHandler = require("../../_internal/_useExecutionHandler.cjs");
+let react = require("react");
+
+//#region src/hooks/useExecutionEffect/useExecutionEffect.ts
+/**
+* Execution Request プロパティ（xxxAt）を受け取り、要求があったときに処理を実行するフック
+*
+* `useExecutionAt`・`useExecutionMark` と対になる、受け取る側のフック。
+* 命令的なコンポーネントをラップした React のコンポーネントで、プロパティを通じてメソッドを実行する。
+* 処理は画面に表示した後（`useEffect`）に実行する。表示する前に実行する場合は `useExecutionLayoutEffect` を使う。
+*
+* - 印（`at`、または ExecutionMark の値）が変わったときだけ実行する（`payload` は比べない）
+* - マウントしたときに渡されていた要求は実行しない（マウントしたときの印を基準にする）
+* - 印が `0`（まだ要求していない）や undefined の場合は実行しない
+* - ExecutionMark を受け取った場合、コールバックの payload は undefined
+* - 次のレンダリングまでに複数回要求した場合は、最後の要求だけを実行する
+* - コールバックは最新のものを呼ぶ。参照が変わっても実行しない
+*
+* @param request 受け取った Execution Request（`useExecutionAt` の値、または payload の無い ExecutionMark）。undefined の場合は要求なし
+* @param callback 要求があったときに実行する処理。要求の payload を受け取る
+* @example
+* // 呼び出す側
+* const [undoAt, undo] = useExecutionAt<string>();
+* <WrappedImperativeComponent undoAt={undoAt} />
+* // 受け取る側（WrappedImperativeComponent の中）
+* useExecutionEffect(props.undoAt, (payload) => {
+*   instance.undo(payload);
+* });
+*/
+function useExecutionEffect(request, callback) {
+	const handle = require__internal__useExecutionHandler.default(request, callback);
+	(0, react.useEffect)(() => {
+		handle();
+	}, [handle]);
+}
+
+//#endregion
+exports.default = useExecutionEffect;

package/hooks/useExecutionEffect/useExecutionEffect.d.cts

@@ -0,0 +1,30 @@
+import { ExecutionRequest } from "../useExecutionAt/types.cjs";
+import { ExecutionMark } from "../useExecutionMark/types.cjs";
+//#region src/hooks/useExecutionEffect/useExecutionEffect.d.ts
+/**
+ * Execution Request プロパティ（xxxAt）を受け取り、要求があったときに処理を実行するフック
+ *
+ * `useExecutionAt`・`useExecutionMark` と対になる、受け取る側のフック。
+ * 命令的なコンポーネントをラップした React のコンポーネントで、プロパティを通じてメソッドを実行する。
+ * 処理は画面に表示した後（`useEffect`）に実行する。表示する前に実行する場合は `useExecutionLayoutEffect` を使う。
+ *
+ * - 印（`at`、または ExecutionMark の値）が変わったときだけ実行する（`payload` は比べない）
+ * - マウントしたときに渡されていた要求は実行しない（マウントしたときの印を基準にする）
+ * - 印が `0`（まだ要求していない）や undefined の場合は実行しない
+ * - ExecutionMark を受け取った場合、コールバックの payload は undefined
+ * - 次のレンダリングまでに複数回要求した場合は、最後の要求だけを実行する
+ * - コールバックは最新のものを呼ぶ。参照が変わっても実行しない
+ *
+ * @param request 受け取った Execution Request（`useExecutionAt` の値、または payload の無い ExecutionMark）。undefined の場合は要求なし
+ * @param callback 要求があったときに実行する処理。要求の payload を受け取る
+ * @example
+ * // 呼び出す側
+ * const [undoAt, undo] = useExecutionAt<string>();
+ * <WrappedImperativeComponent undoAt={undoAt} />
+ * // 受け取る側（WrappedImperativeComponent の中）
+ * useExecutionEffect(props.undoAt, (payload) => {
+ *   instance.undo(payload);
+ * });
+ */
+declare function useExecutionEffect<P = void>(request: ExecutionRequest<P> | ExecutionMark | undefined, callback: (payload: P | undefined) => void): void;
+export = useExecutionEffect;

package/hooks/useExecutionEffect/useExecutionEffect.d.mts

@@ -0,0 +1,30 @@
+import { ExecutionRequest } from "../useExecutionAt/types.mjs";
+import { ExecutionMark } from "../useExecutionMark/types.mjs";
+//#region src/hooks/useExecutionEffect/useExecutionEffect.d.ts
+/**
+ * Execution Request プロパティ（xxxAt）を受け取り、要求があったときに処理を実行するフック
+ *
+ * `useExecutionAt`・`useExecutionMark` と対になる、受け取る側のフック。
+ * 命令的なコンポーネントをラップした React のコンポーネントで、プロパティを通じてメソッドを実行する。
+ * 処理は画面に表示した後（`useEffect`）に実行する。表示する前に実行する場合は `useExecutionLayoutEffect` を使う。
+ *
+ * - 印（`at`、または ExecutionMark の値）が変わったときだけ実行する（`payload` は比べない）
+ * - マウントしたときに渡されていた要求は実行しない（マウントしたときの印を基準にする）
+ * - 印が `0`（まだ要求していない）や undefined の場合は実行しない
+ * - ExecutionMark を受け取った場合、コールバックの payload は undefined
+ * - 次のレンダリングまでに複数回要求した場合は、最後の要求だけを実行する
+ * - コールバックは最新のものを呼ぶ。参照が変わっても実行しない
+ *
+ * @param request 受け取った Execution Request（`useExecutionAt` の値、または payload の無い ExecutionMark）。undefined の場合は要求なし
+ * @param callback 要求があったときに実行する処理。要求の payload を受け取る
+ * @example
+ * // 呼び出す側
+ * const [undoAt, undo] = useExecutionAt<string>();
+ * <WrappedImperativeComponent undoAt={undoAt} />
+ * // 受け取る側（WrappedImperativeComponent の中）
+ * useExecutionEffect(props.undoAt, (payload) => {
+ *   instance.undo(payload);
+ * });
+ */
+export default function useExecutionEffect<P = void>(request: ExecutionRequest<P> | ExecutionMark | undefined, callback: (payload: P | undefined) => void): void;
+//#endregion

package/hooks/useExecutionEffect/useExecutionEffect.mjs

@@ -0,0 +1,38 @@
+import useExecutionHandler from "../../_internal/_useExecutionHandler.mjs";
+import { useEffect } from "react";
+
+//#region src/hooks/useExecutionEffect/useExecutionEffect.ts
+/**
+* Execution Request プロパティ（xxxAt）を受け取り、要求があったときに処理を実行するフック
+*
+* `useExecutionAt`・`useExecutionMark` と対になる、受け取る側のフック。
+* 命令的なコンポーネントをラップした React のコンポーネントで、プロパティを通じてメソッドを実行する。
+* 処理は画面に表示した後（`useEffect`）に実行する。表示する前に実行する場合は `useExecutionLayoutEffect` を使う。
+*
+* - 印（`at`、または ExecutionMark の値）が変わったときだけ実行する（`payload` は比べない）
+* - マウントしたときに渡されていた要求は実行しない（マウントしたときの印を基準にする）
+* - 印が `0`（まだ要求していない）や undefined の場合は実行しない
+* - ExecutionMark を受け取った場合、コールバックの payload は undefined
+* - 次のレンダリングまでに複数回要求した場合は、最後の要求だけを実行する
+* - コールバックは最新のものを呼ぶ。参照が変わっても実行しない
+*
+* @param request 受け取った Execution Request（`useExecutionAt` の値、または payload の無い ExecutionMark）。undefined の場合は要求なし
+* @param callback 要求があったときに実行する処理。要求の payload を受け取る
+* @example
+* // 呼び出す側
+* const [undoAt, undo] = useExecutionAt<string>();
+* <WrappedImperativeComponent undoAt={undoAt} />
+* // 受け取る側（WrappedImperativeComponent の中）
+* useExecutionEffect(props.undoAt, (payload) => {
+*   instance.undo(payload);
+* });
+*/
+function useExecutionEffect(request, callback) {
+	const handle = useExecutionHandler(request, callback);
+	useEffect(() => {
+		handle();
+	}, [handle]);
+}
+
+//#endregion
+export { useExecutionEffect as default };

package/hooks/useExecutionLayoutEffect/index.cjs

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

package/hooks/useExecutionLayoutEffect/index.d.cts

@@ -0,0 +1,2 @@
+import useExecutionLayoutEffect from "./useExecutionLayoutEffect.cjs";
+export { useExecutionLayoutEffect as default, useExecutionLayoutEffect };

package/hooks/useExecutionLayoutEffect/index.d.mts

@@ -0,0 +1,2 @@
+import useExecutionLayoutEffect from "./useExecutionLayoutEffect.mjs";
+export { useExecutionLayoutEffect as default, useExecutionLayoutEffect };

package/hooks/useExecutionLayoutEffect/index.mjs

@@ -0,0 +1,3 @@
+import useExecutionLayoutEffect from "./useExecutionLayoutEffect.mjs";
+
+export { useExecutionLayoutEffect as default, useExecutionLayoutEffect };

package/hooks/useExecutionLayoutEffect/useExecutionLayoutEffect.cjs

@@ -0,0 +1,24 @@
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+const require__internal__useExecutionHandler = require("../../_internal/_useExecutionHandler.cjs");
+let react = require("react");
+
+//#region src/hooks/useExecutionLayoutEffect/useExecutionLayoutEffect.ts
+/**
+* Execution Request プロパティ（xxxAt）を受け取り、要求があったときに画面に表示する前に処理を実行するフック
+*
+* `useExecutionEffect` の、処理を `useLayoutEffect` で実行する版。
+* スクロールの位置を合わせる、計測し直すなど、結果を画面に表示する前に反映したい処理に使う。
+* 要求の扱いは `useExecutionEffect` と同じ。
+*
+* @param request 受け取った Execution Request（`useExecutionAt` の値、または payload の無い ExecutionMark）。undefined の場合は要求なし
+* @param callback 要求があったときに実行する処理。要求の payload を受け取る
+*/
+function useExecutionLayoutEffect(request, callback) {
+	const handle = require__internal__useExecutionHandler.default(request, callback);
+	(0, react.useLayoutEffect)(() => {
+		handle();
+	}, [handle]);
+}
+
+//#endregion
+exports.default = useExecutionLayoutEffect;

package/hooks/useExecutionLayoutEffect/useExecutionLayoutEffect.d.cts

@@ -0,0 +1,15 @@
+import { ExecutionRequest } from "../useExecutionAt/types.cjs";
+import { ExecutionMark } from "../useExecutionMark/types.cjs";
+//#region src/hooks/useExecutionLayoutEffect/useExecutionLayoutEffect.d.ts
+/**
+ * Execution Request プロパティ（xxxAt）を受け取り、要求があったときに画面に表示する前に処理を実行するフック
+ *
+ * `useExecutionEffect` の、処理を `useLayoutEffect` で実行する版。
+ * スクロールの位置を合わせる、計測し直すなど、結果を画面に表示する前に反映したい処理に使う。
+ * 要求の扱いは `useExecutionEffect` と同じ。
+ *
+ * @param request 受け取った Execution Request（`useExecutionAt` の値、または payload の無い ExecutionMark）。undefined の場合は要求なし
+ * @param callback 要求があったときに実行する処理。要求の payload を受け取る
+ */
+declare function useExecutionLayoutEffect<P = void>(request: ExecutionRequest<P> | ExecutionMark | undefined, callback: (payload: P | undefined) => void): void;
+export = useExecutionLayoutEffect;

package/hooks/useExecutionLayoutEffect/useExecutionLayoutEffect.d.mts

@@ -0,0 +1,15 @@
+import { ExecutionRequest } from "../useExecutionAt/types.mjs";
+import { ExecutionMark } from "../useExecutionMark/types.mjs";
+//#region src/hooks/useExecutionLayoutEffect/useExecutionLayoutEffect.d.ts
+/**
+ * Execution Request プロパティ（xxxAt）を受け取り、要求があったときに画面に表示する前に処理を実行するフック
+ *
+ * `useExecutionEffect` の、処理を `useLayoutEffect` で実行する版。
+ * スクロールの位置を合わせる、計測し直すなど、結果を画面に表示する前に反映したい処理に使う。
+ * 要求の扱いは `useExecutionEffect` と同じ。
+ *
+ * @param request 受け取った Execution Request（`useExecutionAt` の値、または payload の無い ExecutionMark）。undefined の場合は要求なし
+ * @param callback 要求があったときに実行する処理。要求の payload を受け取る
+ */
+export default function useExecutionLayoutEffect<P = void>(request: ExecutionRequest<P> | ExecutionMark | undefined, callback: (payload: P | undefined) => void): void;
+//#endregion

package/hooks/useExecutionLayoutEffect/useExecutionLayoutEffect.mjs

@@ -0,0 +1,23 @@
+import useExecutionHandler from "../../_internal/_useExecutionHandler.mjs";
+import { useLayoutEffect } from "react";
+
+//#region src/hooks/useExecutionLayoutEffect/useExecutionLayoutEffect.ts
+/**
+* Execution Request プロパティ（xxxAt）を受け取り、要求があったときに画面に表示する前に処理を実行するフック
+*
+* `useExecutionEffect` の、処理を `useLayoutEffect` で実行する版。
+* スクロールの位置を合わせる、計測し直すなど、結果を画面に表示する前に反映したい処理に使う。
+* 要求の扱いは `useExecutionEffect` と同じ。
+*
+* @param request 受け取った Execution Request（`useExecutionAt` の値、または payload の無い ExecutionMark）。undefined の場合は要求なし
+* @param callback 要求があったときに実行する処理。要求の payload を受け取る
+*/
+function useExecutionLayoutEffect(request, callback) {
+	const handle = useExecutionHandler(request, callback);
+	useLayoutEffect(() => {
+		handle();
+	}, [handle]);
+}
+
+//#endregion
+export { useExecutionLayoutEffect as default };

package/hooks/useExecutionMark/index.cjs

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

package/hooks/useExecutionMark/index.d.cts

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

package/hooks/useExecutionMark/index.d.mts

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

package/hooks/useExecutionMark/index.mjs

@@ -0,0 +1,3 @@
+import useExecutionMark from "./useExecutionMark.mjs";
+
+export { useExecutionMark as default, useExecutionMark };

package/hooks/useExecutionMark/types.cjs

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

package/hooks/useExecutionMark/types.d.cts

@@ -0,0 +1,15 @@
+//#region src/hooks/useExecutionMark/types.d.ts
+/**
+ * payload の無い Execution Request（実行の印）
+ *
+ * 実体は数値。Execution Request プロパティ（xxxAt）に渡し、値が変わるたびに1回の要求とみなす。
+ * **要求のたびに、前回と異なる値にすること**（同じ値を続けて渡しても、2回目は要求とみなさない）。
+ * `markAt()` で作ると、呼ぶたびに異なる値になる。`useExecutionMark` を使うと、`markAt()` で作った値と、要求する関数を受け取れる。
+ * `0` は「まだ要求していない」を表し、実行しない。
+ */
+export type ExecutionMark = number;
+/**
+ * useExecutionMark の戻り値
+ */
+export type UseExecutionMarkResult = readonly [mark: ExecutionMark, execute: () => void];
+//#endregion

package/hooks/useExecutionMark/types.d.mts

@@ -0,0 +1,15 @@
+//#region src/hooks/useExecutionMark/types.d.ts
+/**
+ * payload の無い Execution Request（実行の印）
+ *
+ * 実体は数値。Execution Request プロパティ（xxxAt）に渡し、値が変わるたびに1回の要求とみなす。
+ * **要求のたびに、前回と異なる値にすること**（同じ値を続けて渡しても、2回目は要求とみなさない）。
+ * `markAt()` で作ると、呼ぶたびに異なる値になる。`useExecutionMark` を使うと、`markAt()` で作った値と、要求する関数を受け取れる。
+ * `0` は「まだ要求していない」を表し、実行しない。
+ */
+export type ExecutionMark = number;
+/**
+ * useExecutionMark の戻り値
+ */
+export type UseExecutionMarkResult = readonly [mark: ExecutionMark, execute: () => void];
+//#endregion

package/hooks/useExecutionMark/types.mjs

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

package/hooks/useExecutionMark/useExecutionMark.cjs

@@ -0,0 +1,29 @@
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+const require_utils_markAt_markAt = require("../../utils/markAt/markAt.cjs");
+let react = require("react");
+
+//#region src/hooks/useExecutionMark/useExecutionMark.ts
+/**
+* payload の無い Execution Request（実行の印）と、要求する関数を返すフック
+*
+* `useExecutionAt` の payload を持たない版。命令的なコンポーネントの `focus()`・`reset()` のような、
+* 引数の要らないメソッドを、プロパティを通じて実行する場合に使う。
+*
+* - 印は初期状態では `0`（まだ要求していない）で、`execute` を呼ぶたびに `markAt()` で作った新しい値になる
+* - `execute` の参照は常に同じ
+*
+* @returns [mark, execute]
+* @example
+* const [focusAt, focus] = useExecutionMark();
+* <button onClick={focus}>Focus</button>
+* <WrappedImperativeComponent focusAt={focusAt} />
+*/
+function useExecutionMark() {
+	const [mark, setMark] = (0, react.useState)(0);
+	return [mark, (0, react.useCallback)(() => {
+		setMark(require_utils_markAt_markAt.default());
+	}, [])];
+}
+
+//#endregion
+exports.default = useExecutionMark;

package/hooks/useExecutionMark/useExecutionMark.d.cts

@@ -0,0 +1,19 @@
+import { UseExecutionMarkResult } from "./types.cjs";
+//#region src/hooks/useExecutionMark/useExecutionMark.d.ts
+/**
+ * payload の無い Execution Request（実行の印）と、要求する関数を返すフック
+ *
+ * `useExecutionAt` の payload を持たない版。命令的なコンポーネントの `focus()`・`reset()` のような、
+ * 引数の要らないメソッドを、プロパティを通じて実行する場合に使う。
+ *
+ * - 印は初期状態では `0`（まだ要求していない）で、`execute` を呼ぶたびに `markAt()` で作った新しい値になる
+ * - `execute` の参照は常に同じ
+ *
+ * @returns [mark, execute]
+ * @example
+ * const [focusAt, focus] = useExecutionMark();
+ * <button onClick={focus}>Focus</button>
+ * <WrappedImperativeComponent focusAt={focusAt} />
+ */
+declare function useExecutionMark(): UseExecutionMarkResult;
+export = useExecutionMark;

package/hooks/useExecutionMark/useExecutionMark.d.mts

@@ -0,0 +1,19 @@
+import { UseExecutionMarkResult } from "./types.mjs";
+//#region src/hooks/useExecutionMark/useExecutionMark.d.ts
+/**
+ * payload の無い Execution Request（実行の印）と、要求する関数を返すフック
+ *
+ * `useExecutionAt` の payload を持たない版。命令的なコンポーネントの `focus()`・`reset()` のような、
+ * 引数の要らないメソッドを、プロパティを通じて実行する場合に使う。
+ *
+ * - 印は初期状態では `0`（まだ要求していない）で、`execute` を呼ぶたびに `markAt()` で作った新しい値になる
+ * - `execute` の参照は常に同じ
+ *
+ * @returns [mark, execute]
+ * @example
+ * const [focusAt, focus] = useExecutionMark();
+ * <button onClick={focus}>Focus</button>
+ * <WrappedImperativeComponent focusAt={focusAt} />
+ */
+export default function useExecutionMark(): UseExecutionMarkResult;
+//#endregion

package/hooks/useExecutionMark/useExecutionMark.mjs

@@ -0,0 +1,28 @@
+import markAt from "../../utils/markAt/markAt.mjs";
+import { useCallback, useState } from "react";
+
+//#region src/hooks/useExecutionMark/useExecutionMark.ts
+/**
+* payload の無い Execution Request（実行の印）と、要求する関数を返すフック
+*
+* `useExecutionAt` の payload を持たない版。命令的なコンポーネントの `focus()`・`reset()` のような、
+* 引数の要らないメソッドを、プロパティを通じて実行する場合に使う。
+*
+* - 印は初期状態では `0`（まだ要求していない）で、`execute` を呼ぶたびに `markAt()` で作った新しい値になる
+* - `execute` の参照は常に同じ
+*
+* @returns [mark, execute]
+* @example
+* const [focusAt, focus] = useExecutionMark();
+* <button onClick={focus}>Focus</button>
+* <WrappedImperativeComponent focusAt={focusAt} />
+*/
+function useExecutionMark() {
+	const [mark, setMark] = useState(0);
+	return [mark, useCallback(() => {
+		setMark(markAt());
+	}, [])];
+}
+
+//#endregion
+export { useExecutionMark as default };

package/hooks/useIsHydrated/index.cjs

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

package/hooks/useIsHydrated/index.d.cts

@@ -0,0 +1,2 @@
+import useIsHydrated from "./useIsHydrated.cjs";
+export { useIsHydrated as default, useIsHydrated };

package/hooks/useIsHydrated/index.d.mts

@@ -0,0 +1,2 @@
+import useIsHydrated from "./useIsHydrated.mjs";
+export { useIsHydrated as default, useIsHydrated };

package/hooks/useIsHydrated/index.mjs

@@ -0,0 +1,3 @@
+import useIsHydrated from "./useIsHydrated.mjs";
+
+export { useIsHydrated as default, useIsHydrated };

package/hooks/useIsHydrated/useIsHydrated.cjs

@@ -0,0 +1,28 @@
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+let react = require("react");
+
+//#region src/hooks/useIsHydrated/useIsHydrated.ts
+/**
+* 購読しない（値が変わることは無い）
+*/
+const subscribe = () => () => {};
+const getSnapshot = () => true;
+const getServerSnapshot = () => false;
+/**
+* ハイドレーションが終わっているかを返すフック
+*
+* - サーバーの描画とハイドレーション中は false、その後は true を返す
+* - ハイドレーションの後にマウントしたコンポーネントや、クライアントだけで描画した場合は、最初から true を返す
+*
+* クライアントにしか無い値（`window`・`localStorage`・画面の幅など）を、ハイドレーションの不一致を起こさずに描画するために使う。
+* `typeof window` による判定と違い、クライアントでもハイドレーション中は false になる。
+* `useSyncExternalStore` の、サーバーとハイドレーション中は `getServerSnapshot` の値を使う性質を利用している。
+*
+* @returns ハイドレーションが終わっている場合は true
+*/
+function useIsHydrated() {
+	return (0, react.useSyncExternalStore)(subscribe, getSnapshot, getServerSnapshot);
+}
+
+//#endregion
+exports.default = useIsHydrated;

package/hooks/useIsHydrated/useIsHydrated.d.cts

@@ -0,0 +1,15 @@
+//#region src/hooks/useIsHydrated/useIsHydrated.d.ts
+/**
+ * ハイドレーションが終わっているかを返すフック
+ *
+ * - サーバーの描画とハイドレーション中は false、その後は true を返す
+ * - ハイドレーションの後にマウントしたコンポーネントや、クライアントだけで描画した場合は、最初から true を返す
+ *
+ * クライアントにしか無い値（`window`・`localStorage`・画面の幅など）を、ハイドレーションの不一致を起こさずに描画するために使う。
+ * `typeof window` による判定と違い、クライアントでもハイドレーション中は false になる。
+ * `useSyncExternalStore` の、サーバーとハイドレーション中は `getServerSnapshot` の値を使う性質を利用している。
+ *
+ * @returns ハイドレーションが終わっている場合は true
+ */
+declare function useIsHydrated(): boolean;
+export = useIsHydrated;

package/hooks/useIsHydrated/useIsHydrated.d.mts

@@ -0,0 +1,15 @@
+//#region src/hooks/useIsHydrated/useIsHydrated.d.ts
+/**
+ * ハイドレーションが終わっているかを返すフック
+ *
+ * - サーバーの描画とハイドレーション中は false、その後は true を返す
+ * - ハイドレーションの後にマウントしたコンポーネントや、クライアントだけで描画した場合は、最初から true を返す
+ *
+ * クライアントにしか無い値（`window`・`localStorage`・画面の幅など）を、ハイドレーションの不一致を起こさずに描画するために使う。
+ * `typeof window` による判定と違い、クライアントでもハイドレーション中は false になる。
+ * `useSyncExternalStore` の、サーバーとハイドレーション中は `getServerSnapshot` の値を使う性質を利用している。
+ *
+ * @returns ハイドレーションが終わっている場合は true
+ */
+export default function useIsHydrated(): boolean;
+//#endregion

package/hooks/useIsHydrated/useIsHydrated.mjs

@@ -0,0 +1,27 @@
+import { useSyncExternalStore } from "react";
+
+//#region src/hooks/useIsHydrated/useIsHydrated.ts
+/**
+* 購読しない（値が変わることは無い）
+*/
+const subscribe = () => () => {};
+const getSnapshot = () => true;
+const getServerSnapshot = () => false;
+/**
+* ハイドレーションが終わっているかを返すフック
+*
+* - サーバーの描画とハイドレーション中は false、その後は true を返す
+* - ハイドレーションの後にマウントしたコンポーネントや、クライアントだけで描画した場合は、最初から true を返す
+*
+* クライアントにしか無い値（`window`・`localStorage`・画面の幅など）を、ハイドレーションの不一致を起こさずに描画するために使う。
+* `typeof window` による判定と違い、クライアントでもハイドレーション中は false になる。
+* `useSyncExternalStore` の、サーバーとハイドレーション中は `getServerSnapshot` の値を使う性質を利用している。
+*
+* @returns ハイドレーションが終わっている場合は true
+*/
+function useIsHydrated() {
+	return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+}
+
+//#endregion
+export { useIsHydrated as default };

package/hooks/useRerender/index.cjs

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

package/hooks/useRerender/index.d.cts

@@ -0,0 +1,2 @@
+import useRerender from "./useRerender.cjs";
+export { useRerender as default, useRerender };

package/hooks/useRerender/index.d.mts

@@ -0,0 +1,2 @@
+import useRerender from "./useRerender.mjs";
+export { useRerender as default, useRerender };

package/hooks/useRerender/index.mjs

@@ -0,0 +1,3 @@
+import useRerender from "./useRerender.mjs";
+
+export { useRerender as default, useRerender };

package/hooks/useRerender/useRerender.cjs

@@ -0,0 +1,19 @@
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+let react = require("react");
+
+//#region src/hooks/useRerender/useRerender.ts
+/**
+* 再レンダリングだけを起こす関数を返すフック
+*
+* 値を持たずに描画し直したい場合（外部の状態を読み直して表示するときなど）に使う。
+* `useReducer` のカウンターを進めることで、再レンダリングを要求する。
+*
+* @returns 呼ぶと再レンダリングを要求する関数。参照は常に同じ
+*/
+function useRerender() {
+	const [, rerender] = (0, react.useReducer)((count) => count + 1, 0);
+	return rerender;
+}
+
+//#endregion
+exports.default = useRerender;

package/hooks/useRerender/useRerender.d.cts

@@ -0,0 +1,11 @@
+//#region src/hooks/useRerender/useRerender.d.ts
+/**
+ * 再レンダリングだけを起こす関数を返すフック
+ *
+ * 値を持たずに描画し直したい場合（外部の状態を読み直して表示するときなど）に使う。
+ * `useReducer` のカウンターを進めることで、再レンダリングを要求する。
+ *
+ * @returns 呼ぶと再レンダリングを要求する関数。参照は常に同じ
+ */
+declare function useRerender(): () => void;
+export = useRerender;

package/hooks/useRerender/useRerender.d.mts

@@ -0,0 +1,11 @@
+//#region src/hooks/useRerender/useRerender.d.ts
+/**
+ * 再レンダリングだけを起こす関数を返すフック
+ *
+ * 値を持たずに描画し直したい場合（外部の状態を読み直して表示するときなど）に使う。
+ * `useReducer` のカウンターを進めることで、再レンダリングを要求する。
+ *
+ * @returns 呼ぶと再レンダリングを要求する関数。参照は常に同じ
+ */
+export default function useRerender(): () => void;
+//#endregion

package/hooks/useRerender/useRerender.mjs

@@ -0,0 +1,18 @@
+import { useReducer } from "react";
+
+//#region src/hooks/useRerender/useRerender.ts
+/**
+* 再レンダリングだけを起こす関数を返すフック
+*
+* 値を持たずに描画し直したい場合（外部の状態を読み直して表示するときなど）に使う。
+* `useReducer` のカウンターを進めることで、再レンダリングを要求する。
+*
+* @returns 呼ぶと再レンダリングを要求する関数。参照は常に同じ
+*/
+function useRerender() {
+	const [, rerender] = useReducer((count) => count + 1, 0);
+	return rerender;
+}
+
+//#endregion
+export { useRerender as default };

package/hooks/useStableCallback/index.cjs

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