react-simplikit 0.0.53 → 0.1.0

package/CHANGELOG.md

@@ -0,0 +1,106 @@
+# react-simplikit
+
+## 0.1.0
+
+### Minor Changes
+
+- [#437](https://github.com/toss/react-simplikit/pull/437) [`fe2226d`](https://github.com/toss/react-simplikit/commit/fe2226d5fbfcd305ab888cef83450f7f0e1caa77) Thanks [@mnxmnz](https://github.com/mnxmnz)! - Absorb `@react-simplikit/mobile` into the root export of `react-simplikit`. Update imports from `@react-simplikit/mobile` to `react-simplikit`; the exported APIs are unchanged. The `@react-simplikit/mobile` npm package will be deprecated with a pointer to `react-simplikit` after this release.
+
+### Patch Changes
+
+- [#423](https://github.com/toss/react-simplikit/pull/423) [`36e3e4c`](https://github.com/toss/react-simplikit/commit/36e3e4ccbd9c7a45bda18f33dcb514c97f387cbb) Thanks [@Antoliny0919](https://github.com/Antoliny0919)! - The returned handler was typed as `ChangeEventHandler<HTMLInputElement>`, so passing it to a `<textarea>` raised a type error even though the runtime behavior was identical. The handler is now typed as `ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>`, so it can be attached to both `<input>` and `<textarea>` elements.
+
+- [#424](https://github.com/toss/react-simplikit/pull/424) [`1ac0166`](https://github.com/toss/react-simplikit/commit/1ac0166d8f41c1159d004bd9c8192f2e59f6efc8) Thanks [@hyesungoh](https://github.com/hyesungoh)! - fix(core): opt the remaining React Compiler-incompatible hooks out with `'use no memo'`
+
+## 0.0.53
+
+### Patch Changes
+
+- [#379](https://github.com/toss/react-simplikit/pull/379) [`e2030a2`](https://github.com/toss/react-simplikit/commit/e2030a2deac81fb247b9f601fab19d87a067cc9c) Thanks [@lumirlumir](https://github.com/lumirlumir)! - fix(usePrevious): opt out `usePrevious` hook from React Compiler
+
+- [#404](https://github.com/toss/react-simplikit/pull/404) [`cac80cb`](https://github.com/toss/react-simplikit/commit/cac80cb41897b834bb3661336faa84197c558c1e) Thanks [@bbjbc](https://github.com/bbjbc)! - fix(useThrottledCallback): invoke the callback when the first value is `false`
+
+  The hook skips redundant invocations by comparing the incoming value against the last one it forwarded, but that comparison was seeded with `false`. Because the hook takes no initial value from the caller, a first call of `false` looked redundant and was dropped — so consumers whose state starts as `true` lost the transition back to `false`. The comparison now starts from a sentinel, so the first call is always forwarded regardless of its value.
+
+## 0.0.52
+
+### Patch Changes
+
+- [#401](https://github.com/toss/react-simplikit/pull/401) [`9b93d29`](https://github.com/toss/react-simplikit/commit/9b93d299e9b105d060f2700b27ffb63001b88de3) Thanks [@hyesungoh](https://github.com/hyesungoh)! - Switched the build output from a single bundled file per package to per-module files, so bundlers can tree-shake unused exports at file granularity instead of relying on dead-code elimination inside one large bundle.
+
+  The public API and runtime behavior are unchanged. For an app importing a single hook, this cuts the amount of code a bundler has to include: `react-simplikit`'s `useToggle` drops from 5363 B to 102 B minified, and `@react-simplikit/mobile`'s `useNetworkStatus` drops from 981 B to 570 B minified.
+
+  The only user-visible change is packaging: output files are now `.mjs`/`.cjs` with `.d.mts`/`.d.cts` type declarations instead of a flat bundle, and for `react-simplikit` the `esm/` directory has been removed (`@react-simplikit/mobile` never had one — it always emitted to `dist/`). This does not affect the published `exports` map, so `import`/`require` usage is unaffected — only projects that deep-imported internal build paths (which were never part of the public `exports`) would be impacted.
+
+## 0.0.51
+
+### Patch Changes
+
+- [#351](https://github.com/toss/react-simplikit/pull/351) [`da1f51c`](https://github.com/toss/react-simplikit/commit/da1f51cc9b860dde91dcfd120605eb6a93de3b55) Thanks [@eunwoo-levi](https://github.com/eunwoo-levi)! - fix(core/hooks): call cleanup when unmount occurs before async effect resolves
+
+- [#352](https://github.com/toss/react-simplikit/pull/352) [`fa3daa5`](https://github.com/toss/react-simplikit/commit/fa3daa52d18644ac90a35fc8a79501eae7bb0269) Thanks [@eunwoo-levi](https://github.com/eunwoo-levi)! - fix(core/hooks): prevent immediate callback from re-firing when enabled is toggled
+
+## 0.0.50
+
+### Patch Changes
+
+- [#362](https://github.com/toss/react-simplikit/pull/362) [`fc9b1dc`](https://github.com/toss/react-simplikit/commit/fc9b1dcc2be7902ffe487c5868180317b9f07730) Thanks [@guesung](https://github.com/guesung)! - refactor(core): narrow types in `debounce` utility to reduce `any` usage
+
+- [#259](https://github.com/toss/react-simplikit/pull/259) [`1d9ec79`](https://github.com/toss/react-simplikit/commit/1d9ec7984899d1d8dcda16d15efa66f458c347fa) Thanks [@wo-o29](https://github.com/wo-o29)! - refactor(useCounter): extract validateValue as pure function and remove unnecessary useCallback
+
+- [#272](https://github.com/toss/react-simplikit/pull/272) [`75ab148`](https://github.com/toss/react-simplikit/commit/75ab1484a1af68a2f27fa31da8f6094f0c63d37f) Thanks [@wo-o29](https://github.com/wo-o29)! - refactor(usePrevious): remove unnecessary `undefined` from compare argument and return type
+
+## 0.0.49
+
+### Patch Changes
+
+- [#339](https://github.com/toss/react-simplikit/pull/339) [`e5f6cac`](https://github.com/toss/react-simplikit/commit/e5f6cacd0bc93c03f361d0c825424937bc141809) Thanks [@sukvvon](https://github.com/sukvvon)! - feat(core/hooks): add 'useSet' hook
+
+- [#219](https://github.com/toss/react-simplikit/pull/219) [`2a901bb`](https://github.com/toss/react-simplikit/commit/2a901bb903f4663571c7649769d3e29c9e844332) Thanks [@sukvvon](https://github.com/sukvvon)! - feat(core/hooks): add 'useIsClient' hook
+
+- [#273](https://github.com/toss/react-simplikit/pull/273) [`ffc61bb`](https://github.com/toss/react-simplikit/commit/ffc61bb998fdaf129fff12e5e7515007ca5eeb51) Thanks [@wo-o29](https://github.com/wo-o29)! - docs: Add generic type support to useRefEffect interface
+
+- [#278](https://github.com/toss/react-simplikit/pull/278) [`278b117`](https://github.com/toss/react-simplikit/commit/278b117152f8f01c54a66fc91c7c4c03fc74f7d9) Thanks [@wo-o29](https://github.com/wo-o29)! - fix: Replace array index keys with child keys in Separated
+
+- [#347](https://github.com/toss/react-simplikit/pull/347) [`9a358e2`](https://github.com/toss/react-simplikit/commit/9a358e28e5407ab93c41dec486d932bbc9c42a64) Thanks [@eunwoo-levi](https://github.com/eunwoo-levi)! - use named functions in useEffect callbacks for better stack traces
+
+- [#345](https://github.com/toss/react-simplikit/pull/345) [`35d13f8`](https://github.com/toss/react-simplikit/commit/35d13f8fb0aa12dd2c1e5aa15ae18f823ec323fd) Thanks [@eunwoo-levi](https://github.com/eunwoo-levi)! - fix useInterval to use globalThis instead of window for platform independence
+
+- [`68e7ac8`](https://github.com/toss/react-simplikit/commit/68e7ac86650026709f2be7498c830dfe5cfdc2e1) Thanks [@sukvvon](https://github.com/sukvvon)! - feat(core/hooks): add 'useList' hook
+
+- [`4b0c59e`](https://github.com/toss/react-simplikit/commit/4b0c59edb599406535a479c1f099a272c399ee99) Thanks [@sukvvon](https://github.com/sukvvon)! - feat(core/hooks): add 'useThrottledCallback' hook
+
+- [#333](https://github.com/toss/react-simplikit/pull/333) [`4254542`](https://github.com/toss/react-simplikit/commit/4254542e481374c7f0e4de6dbacdfd10f076e529) Thanks [@dlsxjzld](https://github.com/dlsxjzld)! - remove window prefix from setTimeout and clearTimeout for platform-independent
+
+## 0.0.48
+
+### Patch Changes
+
+- [#318](https://github.com/toss/react-simplikit/pull/318) [`466e3ce`](https://github.com/toss/react-simplikit/commit/466e3ceab51a499abb141bc1fe138d9109cc0df5) Thanks [@kimyouknow](https://github.com/kimyouknow)! - Fix broken package exports by moving main/types/module/exports from publishConfig to top-level package.json fields
+
+  npm does not support publishConfig field overrides for manifest fields like main, types, and exports. The previous versions (react-simplikit@0.0.47, @react-simplikit/mobile@0.0.1) were published with incorrect entry points because publishConfig overrides were not applied during `npm publish`.
+
+## 0.0.47
+
+### Patch Changes
+
+- [#316](https://github.com/toss/react-simplikit/pull/316) [`5b2eeba`](https://github.com/toss/react-simplikit/commit/5b2eeba659206cf9577dd57796a4770d07a33f62) Thanks [@kimyouknow](https://github.com/kimyouknow)! - Deprecate hooks that depend on browser-specific APIs
+
+  The following hooks are now marked as deprecated:
+
+  - `useDoubleClick`
+  - `useGeolocation`
+  - `useImpressionRef`
+  - `useIntersectionObserver`
+  - `useLongPress`
+  - `useOutsideClickEffect`
+  - `useStorageState`
+  - `useVisibilityEvent`
+
+  These hooks will be removed in a future major version as react-simplikit is now focused on platform-independent, pure state/logic hooks.
+
+## 0.0.46
+
+### Patch Changes
+
+- [#292](https://github.com/toss/react-simplikit/pull/292) [`afaafd3`](https://github.com/toss/react-simplikit/commit/afaafd397a8c23caf26d8eb3167a31a06a864b2f) Thanks [@kimyouknow](https://github.com/kimyouknow)! - verify changeset automation workflow

package/README.md

@@ -4,7 +4,7 @@
 [![MIT License](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/toss/react-simplikit/blob/main/LICENSE)
 [![codecov](https://codecov.io/gh/toss/react-simplikit/graph/badge.svg?token=RHVOZ3J3TU)](https://codecov.io/gh/toss/react-simplikit)
 
-English | [한국어](./README-ko_kr.md)
+English | [한국어](./README-ko_kr.md) | [日本語](./README-ja_jp.md)
 
 A lightweight, zero-dependency React utilities library providing hooks, components, and utilities.
 
@@ -132,7 +132,7 @@ Visit [react-simplikit.slash.page](https://react-simplikit.slash.page) for full
 
 ## Related Packages
 
-- [@react-simplikit/mobile](https://www.npmjs.com/package/@react-simplikit/mobile) - Mobile web utilities
+- [Mobile web utilities](https://react-simplikit.slash.page/mobile/intro.html) - included in `react-simplikit`
 
 ## Contributing
 

package/dist/hooks/useAsyncEffect/useAsyncEffect.cjs

@@ -22,6 +22,7 @@ let react = require("react");
 * }, [dependencies]);
 */
 function useAsyncEffect(effect, deps) {
+	"use no memo";
 	(0, react.useEffect)(() => {
 		let cleanup;
 		let isCleaned = false;

package/dist/hooks/useAsyncEffect/useAsyncEffect.mjs

@@ -22,6 +22,7 @@ import { useEffect } from "react";
 * }, [dependencies]);
 */
 function useAsyncEffect(effect, deps) {
+	"use no memo";
 	useEffect(() => {
 		let cleanup;
 		let isCleaned = false;

package/dist/hooks/useCallbackOncePerRender/useCallbackOncePerRender.cjs

@@ -38,6 +38,7 @@ let react = require("react");
 * }
 */
 function useCallbackOncePerRender(callback, deps) {
+	"use no memo";
 	const hasFired = (0, react.useRef)(false);
 	(0, react.useEffect)(() => {
 		hasFired.current = false;

package/dist/hooks/useCallbackOncePerRender/useCallbackOncePerRender.mjs

@@ -38,6 +38,7 @@ import { useEffect, useRef } from "react";
 * }
 */
 function useCallbackOncePerRender(callback, deps) {
+	"use no memo";
 	const hasFired = useRef(false);
 	useEffect(() => {
 		hasFired.current = false;

package/dist/hooks/useConditionalEffect/useConditionalEffect.cjs

@@ -40,6 +40,7 @@ let react = require("react");
 *
 */
 function useConditionalEffect(effect, deps, condition) {
+	"use no memo";
 	const prevDepsRef = (0, react.useRef)(void 0);
 	const memoizedCondition = (0, react.useCallback)(condition, deps);
 	if (deps.length === 0) console.warn("useConditionalEffect received an empty dependency array. This may indicate missing dependencies and could lead to unexpected behavior.");

package/dist/hooks/useConditionalEffect/useConditionalEffect.mjs

@@ -40,6 +40,7 @@ import { useCallback, useEffect, useRef } from "react";
 *
 */
 function useConditionalEffect(effect, deps, condition) {
+	"use no memo";
 	const prevDepsRef = useRef(void 0);
 	const memoizedCondition = useCallback(condition, deps);
 	if (deps.length === 0) console.warn("useConditionalEffect received an empty dependency array. This may indicate missing dependencies and could lead to unexpected behavior.");

package/dist/hooks/useInputState/useInputState.cjs

@@ -4,19 +4,25 @@ let react = require("react");
 /**
 * @description
 * `useInputState` is a React hook that manages an input state with optional value transformation.
+* The returned `onChange` handler works with both `<input>` and `<textarea>` elements.
 *
 * @param {string} [initialValue=""] - The initial value of the input. Defaults to an empty string (`""`).
 * @param {(value: string) => string} [transformValue=(v: string) => v] - A function to transform the input value.
 *   Defaults to an identity function that returns the input unchanged.
 *
-* @returns {[value: string, onChange: ChangeEventHandler<HTMLInputElement>]} A tuple containing:
+* @returns {[value: string, onChange: ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>]} A tuple containing:
 * - value `string` - The current state value;
-* - onChange `ChangeEventHandler<HTMLInputElement>` - A function to update the state;
+* - onChange `ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>` - A function to update the state;
 *
 * @example
 * function Example() {
 *   const [value, onChange] = useInputState('');
-*   return <input type="text" value={value} onChange={onChange} />;
+*   return (
+*     <>
+*       <input type="text" value={value} onChange={onChange} />
+*       <textarea value={value} onChange={onChange} />
+*     </>
+*   );
 * }
 */
 function useInputState(initialValue = "", transformValue = echo) {

package/dist/hooks/useInputState/useInputState.d.cts

@@ -1,24 +1,31 @@
 
 import { ChangeEventHandler } from "react";
 //#region src/hooks/useInputState/useInputState.d.ts
+type InputLikeElement = HTMLInputElement | HTMLTextAreaElement;
 /**
  * @description
  * `useInputState` is a React hook that manages an input state with optional value transformation.
+ * The returned `onChange` handler works with both `<input>` and `<textarea>` elements.
  *
  * @param {string} [initialValue=""] - The initial value of the input. Defaults to an empty string (`""`).
  * @param {(value: string) => string} [transformValue=(v: string) => v] - A function to transform the input value.
  *   Defaults to an identity function that returns the input unchanged.
  *
- * @returns {[value: string, onChange: ChangeEventHandler<HTMLInputElement>]} A tuple containing:
+ * @returns {[value: string, onChange: ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>]} A tuple containing:
  * - value `string` - The current state value;
- * - onChange `ChangeEventHandler<HTMLInputElement>` - A function to update the state;
+ * - onChange `ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>` - A function to update the state;
  *
  * @example
  * function Example() {
  *   const [value, onChange] = useInputState('');
- *   return <input type="text" value={value} onChange={onChange} />;
+ *   return (
+ *     <>
+ *       <input type="text" value={value} onChange={onChange} />
+ *       <textarea value={value} onChange={onChange} />
+ *     </>
+ *   );
  * }
  */
-declare function useInputState(initialValue?: string, transformValue?: (value: string) => string): readonly [string, ChangeEventHandler<HTMLInputElement>];
+declare function useInputState(initialValue?: string, transformValue?: (value: string) => string): readonly [string, ChangeEventHandler<InputLikeElement>];
 //#endregion
 export { useInputState };

package/dist/hooks/useInputState/useInputState.d.mts

@@ -1,24 +1,31 @@
 
 import { ChangeEventHandler } from "react";
 //#region src/hooks/useInputState/useInputState.d.ts
+type InputLikeElement = HTMLInputElement | HTMLTextAreaElement;
 /**
  * @description
  * `useInputState` is a React hook that manages an input state with optional value transformation.
+ * The returned `onChange` handler works with both `<input>` and `<textarea>` elements.
  *
  * @param {string} [initialValue=""] - The initial value of the input. Defaults to an empty string (`""`).
  * @param {(value: string) => string} [transformValue=(v: string) => v] - A function to transform the input value.
  *   Defaults to an identity function that returns the input unchanged.
  *
- * @returns {[value: string, onChange: ChangeEventHandler<HTMLInputElement>]} A tuple containing:
+ * @returns {[value: string, onChange: ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>]} A tuple containing:
  * - value `string` - The current state value;
- * - onChange `ChangeEventHandler<HTMLInputElement>` - A function to update the state;
+ * - onChange `ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>` - A function to update the state;
  *
  * @example
  * function Example() {
  *   const [value, onChange] = useInputState('');
- *   return <input type="text" value={value} onChange={onChange} />;
+ *   return (
+ *     <>
+ *       <input type="text" value={value} onChange={onChange} />
+ *       <textarea value={value} onChange={onChange} />
+ *     </>
+ *   );
  * }
  */
-declare function useInputState(initialValue?: string, transformValue?: (value: string) => string): readonly [string, ChangeEventHandler<HTMLInputElement>];
+declare function useInputState(initialValue?: string, transformValue?: (value: string) => string): readonly [string, ChangeEventHandler<InputLikeElement>];
 //#endregion
 export { useInputState };

package/dist/hooks/useInputState/useInputState.mjs

@@ -4,19 +4,25 @@ import { useCallback, useState } from "react";
 /**
 * @description
 * `useInputState` is a React hook that manages an input state with optional value transformation.
+* The returned `onChange` handler works with both `<input>` and `<textarea>` elements.
 *
 * @param {string} [initialValue=""] - The initial value of the input. Defaults to an empty string (`""`).
 * @param {(value: string) => string} [transformValue=(v: string) => v] - A function to transform the input value.
 *   Defaults to an identity function that returns the input unchanged.
 *
-* @returns {[value: string, onChange: ChangeEventHandler<HTMLInputElement>]} A tuple containing:
+* @returns {[value: string, onChange: ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>]} A tuple containing:
 * - value `string` - The current state value;
-* - onChange `ChangeEventHandler<HTMLInputElement>` - A function to update the state;
+* - onChange `ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>` - A function to update the state;
 *
 * @example
 * function Example() {
 *   const [value, onChange] = useInputState('');
-*   return <input type="text" value={value} onChange={onChange} />;
+*   return (
+*     <>
+*       <input type="text" value={value} onChange={onChange} />
+*       <textarea value={value} onChange={onChange} />
+*     </>
+*   );
 * }
 */
 function useInputState(initialValue = "", transformValue = echo) {

package/dist/hooks/useLoading/useLoading.cjs

@@ -7,12 +7,9 @@ let react = require("react");
 * It provides a state to track whether an asynchronous operation is in progress and a function to handle the loading state automatically.
 *
 * @returns {[loading: boolean, startLoading: <T>(promise: Promise<T>) => Promise<T>]} A tuple containing:
-* - loading `boolean` - Represents the current loading state.
-*    : The initial value is `false`.
-*    : It is set to `true` when an asynchronous task is in progress;
+* - loading `boolean` - Represents the current loading state. The initial value is `false`. It is set to `true` when an asynchronous task is in progress;
 *
-* - startLoading `<T>(promise: Promise<T>) => Promise<T>` - A function that executes asynchronous tasks while managing the loading state.
-*    : This function takes a `Promise` as an argument and automatically resets the `isLoading` state to `false` when the `Promise` completes;
+* - startLoading `<T>(promise: Promise<T>) => Promise<T>` - A function that executes asynchronous tasks while managing the loading state. This function takes a `Promise` as an argument and automatically resets the `isLoading` state to `false` when the `Promise` completes;
 *
 * @example
 * function ConfirmButton() {
@@ -48,6 +45,7 @@ function useLoading() {
 	return (0, react.useMemo)(() => [loading, startTransition], [loading, startTransition]);
 }
 function useIsMountedRef() {
+	"use no memo";
 	const ref = (0, react.useRef)({ isMounted: true }).current;
 	(0, react.useEffect)(function trackMountedState() {
 		ref.isMounted = true;

package/dist/hooks/useLoading/useLoading.d.cts

@@ -6,12 +6,9 @@
  * It provides a state to track whether an asynchronous operation is in progress and a function to handle the loading state automatically.
  *
  * @returns {[loading: boolean, startLoading: <T>(promise: Promise<T>) => Promise<T>]} A tuple containing:
- * - loading `boolean` - Represents the current loading state.
- *    : The initial value is `false`.
- *    : It is set to `true` when an asynchronous task is in progress;
+ * - loading `boolean` - Represents the current loading state. The initial value is `false`. It is set to `true` when an asynchronous task is in progress;
  *
- * - startLoading `<T>(promise: Promise<T>) => Promise<T>` - A function that executes asynchronous tasks while managing the loading state.
- *    : This function takes a `Promise` as an argument and automatically resets the `isLoading` state to `false` when the `Promise` completes;
+ * - startLoading `<T>(promise: Promise<T>) => Promise<T>` - A function that executes asynchronous tasks while managing the loading state. This function takes a `Promise` as an argument and automatically resets the `isLoading` state to `false` when the `Promise` completes;
  *
  * @example
  * function ConfirmButton() {

package/dist/hooks/useLoading/useLoading.d.mts

@@ -6,12 +6,9 @@
  * It provides a state to track whether an asynchronous operation is in progress and a function to handle the loading state automatically.
  *
  * @returns {[loading: boolean, startLoading: <T>(promise: Promise<T>) => Promise<T>]} A tuple containing:
- * - loading `boolean` - Represents the current loading state.
- *    : The initial value is `false`.
- *    : It is set to `true` when an asynchronous task is in progress;
+ * - loading `boolean` - Represents the current loading state. The initial value is `false`. It is set to `true` when an asynchronous task is in progress;
  *
- * - startLoading `<T>(promise: Promise<T>) => Promise<T>` - A function that executes asynchronous tasks while managing the loading state.
- *    : This function takes a `Promise` as an argument and automatically resets the `isLoading` state to `false` when the `Promise` completes;
+ * - startLoading `<T>(promise: Promise<T>) => Promise<T>` - A function that executes asynchronous tasks while managing the loading state. This function takes a `Promise` as an argument and automatically resets the `isLoading` state to `false` when the `Promise` completes;
  *
  * @example
  * function ConfirmButton() {

package/dist/hooks/useLoading/useLoading.mjs

@@ -7,12 +7,9 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 * It provides a state to track whether an asynchronous operation is in progress and a function to handle the loading state automatically.
 *
 * @returns {[loading: boolean, startLoading: <T>(promise: Promise<T>) => Promise<T>]} A tuple containing:
-* - loading `boolean` - Represents the current loading state.
-*    : The initial value is `false`.
-*    : It is set to `true` when an asynchronous task is in progress;
+* - loading `boolean` - Represents the current loading state. The initial value is `false`. It is set to `true` when an asynchronous task is in progress;
 *
-* - startLoading `<T>(promise: Promise<T>) => Promise<T>` - A function that executes asynchronous tasks while managing the loading state.
-*    : This function takes a `Promise` as an argument and automatically resets the `isLoading` state to `false` when the `Promise` completes;
+* - startLoading `<T>(promise: Promise<T>) => Promise<T>` - A function that executes asynchronous tasks while managing the loading state. This function takes a `Promise` as an argument and automatically resets the `isLoading` state to `false` when the `Promise` completes;
 *
 * @example
 * function ConfirmButton() {
@@ -48,6 +45,7 @@ function useLoading() {
 	return useMemo(() => [loading, startTransition], [loading, startTransition]);
 }
 function useIsMountedRef() {
+	"use no memo";
 	const ref = useRef({ isMounted: true }).current;
 	useEffect(function trackMountedState() {
 		ref.isMounted = true;

package/dist/hooks/usePreservedReference/usePreservedReference.cjs

@@ -42,6 +42,7 @@ let react = require("react");
 * }
 */
 function usePreservedReference(value, areValuesEqual = areDeeplyEqual) {
+	"use no memo";
 	const ref = (0, react.useRef)(value);
 	return (0, react.useMemo)(() => {
 		if (!areValuesEqual(ref.current, value)) ref.current = value;

package/dist/hooks/usePreservedReference/usePreservedReference.mjs

@@ -42,6 +42,7 @@ import { useMemo, useRef } from "react";
 * }
 */
 function usePreservedReference(value, areValuesEqual = areDeeplyEqual) {
+	"use no memo";
 	const ref = useRef(value);
 	return useMemo(() => {
 		if (!areValuesEqual(ref.current, value)) ref.current = value;

package/dist/hooks/useRefEffect/useRefEffect.cjs

@@ -28,6 +28,7 @@ let react = require("react");
 * }
 */
 function useRefEffect(callback, deps) {
+	"use no memo";
 	const preservedCallback = require_usePreservedCallback.usePreservedCallback(callback);
 	const cleanupCallbackRef = (0, react.useRef)(() => {});
 	return (0, react.useCallback)((element) => {

package/dist/hooks/useRefEffect/useRefEffect.mjs

@@ -28,6 +28,7 @@ import { useCallback, useRef } from "react";
 * }
 */
 function useRefEffect(callback, deps) {
+	"use no memo";
 	const preservedCallback = usePreservedCallback(callback);
 	const cleanupCallbackRef = useRef(() => {});
 	return useCallback((element) => {

package/dist/hooks/useStorageState/useStorageState.cjs

@@ -20,6 +20,7 @@ const ensureSerializable = (value) => {
 	return value;
 };
 function useStorageState(key, { storage = require_storage.safeLocalStorage, defaultValue, ...options } = {}) {
+	"use no memo";
 	const serializedDefaultValue = defaultValue;
 	const cache = (0, react.useRef)({
 		data: null,

package/dist/hooks/useStorageState/useStorageState.mjs

@@ -20,6 +20,7 @@ const ensureSerializable = (value) => {
 	return value;
 };
 function useStorageState(key, { storage = safeLocalStorage, defaultValue, ...options } = {}) {
+	"use no memo";
 	const serializedDefaultValue = defaultValue;
 	const cache = useRef({
 		data: null,

package/dist/index.cjs

@@ -36,15 +36,43 @@ const require_useThrottle = require("./hooks/useThrottle/useThrottle.cjs");
 const require_useThrottledCallback = require("./hooks/useThrottledCallback/useThrottledCallback.cjs");
 const require_useTimeout = require("./hooks/useTimeout/useTimeout.cjs");
 const require_useToggle = require("./hooks/useToggle/useToggle.cjs");
+const require_isServer = require("./mobile/utils/isServer/isServer.cjs");
+const require_getKeyboardHeight = require("./mobile/utils/getKeyboardHeight/getKeyboardHeight.cjs");
+const require_subscribeKeyboardHeight = require("./mobile/utils/subscribeKeyboardHeight/subscribeKeyboardHeight.cjs");
+const require_useKeyboardHeight = require("./mobile/hooks/useKeyboardHeight/useKeyboardHeight.cjs");
+const require_useAvoidKeyboard = require("./mobile/hooks/useAvoidKeyboard/useAvoidKeyboard.cjs");
+const require_disableBodyScrollLock = require("./mobile/utils/disableBodyScrollLock/disableBodyScrollLock.cjs");
+const require_enableBodyScrollLock = require("./mobile/utils/enableBodyScrollLock/enableBodyScrollLock.cjs");
+const require_useBodyScrollLock = require("./mobile/hooks/useBodyScrollLock/useBodyScrollLock.cjs");
+const require_useNetworkStatus = require("./mobile/hooks/useNetworkStatus/useNetworkStatus.cjs");
+const require_usePageVisibility = require("./mobile/hooks/usePageVisibility/usePageVisibility.cjs");
+const require_getSafeAreaInset = require("./mobile/utils/getSafeAreaInset/getSafeAreaInset.cjs");
+const require_useSafeAreaInset = require("./mobile/hooks/useSafeAreaInset/useSafeAreaInset.cjs");
+const require_useScrollDirection = require("./mobile/hooks/useScrollDirection/useScrollDirection.cjs");
+const require_useVisualViewport = require("./mobile/hooks/useVisualViewport/useVisualViewport.cjs");
+const require_isAndroid = require("./mobile/utils/isAndroid/isAndroid.cjs");
+const require_isIOS = require("./mobile/utils/isIOS/isIOS.cjs");
+const require_isKeyboardVisible = require("./mobile/utils/isKeyboardVisible/isKeyboardVisible.cjs");
 const require_buildContext = require("./utils/buildContext/buildContext.cjs");
 const require_mergeProps = require("./utils/mergeProps/mergeProps.cjs");
 exports.ImpressionArea = require_ImpressionArea.ImpressionArea;
 exports.Separated = require_Separated.Separated;
 exports.SwitchCase = require_SwitchCase.SwitchCase;
 exports.buildContext = require_buildContext.buildContext;
+exports.disableBodyScrollLock = require_disableBodyScrollLock.disableBodyScrollLock;
+exports.enableBodyScrollLock = require_enableBodyScrollLock.enableBodyScrollLock;
+exports.getKeyboardHeight = require_getKeyboardHeight.getKeyboardHeight;
+exports.getSafeAreaInset = require_getSafeAreaInset.getSafeAreaInset;
+exports.isAndroid = require_isAndroid.isAndroid;
+exports.isIOS = require_isIOS.isIOS;
+exports.isKeyboardVisible = require_isKeyboardVisible.isKeyboardVisible;
+exports.isServer = require_isServer.isServer;
 exports.mergeProps = require_mergeProps.mergeProps;
 exports.mergeRefs = require_mergeRefs.mergeRefs;
+exports.subscribeKeyboardHeight = require_subscribeKeyboardHeight.subscribeKeyboardHeight;
 exports.useAsyncEffect = require_useAsyncEffect.useAsyncEffect;
+exports.useAvoidKeyboard = require_useAvoidKeyboard.useAvoidKeyboard;
+exports.useBodyScrollLock = require_useBodyScrollLock.useBodyScrollLock;
 exports.useBooleanState = require_useBooleanState.useBooleanState;
 exports.useCallbackOncePerRender = require_useCallbackOncePerRender.useCallbackOncePerRender;
 exports.useConditionalEffect = require_useConditionalEffect.useConditionalEffect;
@@ -60,15 +88,20 @@ exports.useIntersectionObserver = require_useIntersectionObserver.useIntersectio
 exports.useInterval = require_useInterval.useInterval;
 exports.useIsClient = require_useIsClient.useIsClient;
 exports.useIsomorphicLayoutEffect = require_useIsomorphicLayoutEffect.useIsomorphicLayoutEffect;
+exports.useKeyboardHeight = require_useKeyboardHeight.useKeyboardHeight;
 exports.useList = require_useList.useList;
 exports.useLoading = require_useLoading.useLoading;
 exports.useLongPress = require_useLongPress.useLongPress;
 exports.useMap = require_useMap.useMap;
+exports.useNetworkStatus = require_useNetworkStatus.useNetworkStatus;
 exports.useOutsideClickEffect = require_useOutsideClickEffect.useOutsideClickEffect;
+exports.usePageVisibility = require_usePageVisibility.usePageVisibility;
 exports.usePreservedCallback = require_usePreservedCallback.usePreservedCallback;
 exports.usePreservedReference = require_usePreservedReference.usePreservedReference;
 exports.usePrevious = require_usePrevious.usePrevious;
 exports.useRefEffect = require_useRefEffect.useRefEffect;
+exports.useSafeAreaInset = require_useSafeAreaInset.useSafeAreaInset;
+exports.useScrollDirection = require_useScrollDirection.useScrollDirection;
 exports.useSet = require_useSet.useSet;
 exports.useStorageState = require_useStorageState.useStorageState;
 exports.useThrottle = require_useThrottle.useThrottle;
@@ -76,3 +109,4 @@ exports.useThrottledCallback = require_useThrottledCallback.useThrottledCallback
 exports.useTimeout = require_useTimeout.useTimeout;
 exports.useToggle = require_useToggle.useToggle;
 exports.useVisibilityEvent = require_useVisibilityEvent.useVisibilityEvent;
+exports.useVisualViewport = require_useVisualViewport.useVisualViewport;

package/dist/index.d.cts

@@ -47,10 +47,28 @@ import { useThrottledCallback } from "./hooks/useThrottledCallback/useThrottledC
 import { useTimeout } from "./hooks/useTimeout/useTimeout.cjs";
 import { useToggle } from "./hooks/useToggle/useToggle.cjs";
 import { useVisibilityEvent } from "./hooks/useVisibilityEvent/useVisibilityEvent.cjs";
+import { useAvoidKeyboard } from "./mobile/hooks/useAvoidKeyboard/useAvoidKeyboard.cjs";
+import "./mobile/hooks/useAvoidKeyboard/index.cjs";
+import { useBodyScrollLock } from "./mobile/hooks/useBodyScrollLock/useBodyScrollLock.cjs";
+import { useKeyboardHeight } from "./mobile/hooks/useKeyboardHeight/useKeyboardHeight.cjs";
+import { ConnectionType, EffectiveConnectionType, NetworkStatus, useNetworkStatus } from "./mobile/hooks/useNetworkStatus/useNetworkStatus.cjs";
+import { PageVisibility, VisibilityState, usePageVisibility } from "./mobile/hooks/usePageVisibility/usePageVisibility.cjs";
+import { getSafeAreaInset } from "./mobile/utils/getSafeAreaInset/getSafeAreaInset.cjs";
+import { useSafeAreaInset } from "./mobile/hooks/useSafeAreaInset/useSafeAreaInset.cjs";
+import { useScrollDirection } from "./mobile/hooks/useScrollDirection/useScrollDirection.cjs";
+import { useVisualViewport } from "./mobile/hooks/useVisualViewport/useVisualViewport.cjs";
+import { disableBodyScrollLock } from "./mobile/utils/disableBodyScrollLock/disableBodyScrollLock.cjs";
+import { enableBodyScrollLock } from "./mobile/utils/enableBodyScrollLock/enableBodyScrollLock.cjs";
+import { getKeyboardHeight } from "./mobile/utils/getKeyboardHeight/getKeyboardHeight.cjs";
+import { isAndroid } from "./mobile/utils/isAndroid/isAndroid.cjs";
+import { isIOS } from "./mobile/utils/isIOS/isIOS.cjs";
+import { isKeyboardVisible } from "./mobile/utils/isKeyboardVisible/isKeyboardVisible.cjs";
+import { isServer } from "./mobile/utils/isServer/isServer.cjs";
+import { subscribeKeyboardHeight } from "./mobile/utils/subscribeKeyboardHeight/subscribeKeyboardHeight.cjs";
 import { buildContext } from "./utils/buildContext/buildContext.cjs";
 import "./utils/buildContext/index.cjs";
 import { mergeProps } from "./utils/mergeProps/mergeProps.cjs";
 import "./utils/mergeProps/index.cjs";
 import { mergeRefs } from "./utils/mergeRefs/mergeRefs.cjs";
 import "./utils/mergeRefs/index.cjs";
-export { ImpressionArea, Separated, SwitchCase, buildContext, mergeProps, mergeRefs, useAsyncEffect, useBooleanState, useCallbackOncePerRender, useConditionalEffect, useControlledState, useCounter, useDebounce, useDebouncedCallback, useDoubleClick, useGeolocation, useImpressionRef, useInputState, useIntersectionObserver, useInterval, useIsClient, useIsomorphicLayoutEffect, useList, useLoading, useLongPress, useMap, useOutsideClickEffect, usePreservedCallback, usePreservedReference, usePrevious, useRefEffect, useSet, useStorageState, useThrottle, useThrottledCallback, useTimeout, useToggle, useVisibilityEvent };
+export { type ConnectionType, type EffectiveConnectionType, ImpressionArea, type NetworkStatus, type PageVisibility, Separated, SwitchCase, type VisibilityState, buildContext, disableBodyScrollLock, enableBodyScrollLock, getKeyboardHeight, getSafeAreaInset, isAndroid, isIOS, isKeyboardVisible, isServer, mergeProps, mergeRefs, subscribeKeyboardHeight, useAsyncEffect, useAvoidKeyboard, useBodyScrollLock, useBooleanState, useCallbackOncePerRender, useConditionalEffect, useControlledState, useCounter, useDebounce, useDebouncedCallback, useDoubleClick, useGeolocation, useImpressionRef, useInputState, useIntersectionObserver, useInterval, useIsClient, useIsomorphicLayoutEffect, useKeyboardHeight, useList, useLoading, useLongPress, useMap, useNetworkStatus, useOutsideClickEffect, usePageVisibility, usePreservedCallback, usePreservedReference, usePrevious, useRefEffect, useSafeAreaInset, useScrollDirection, useSet, useStorageState, useThrottle, useThrottledCallback, useTimeout, useToggle, useVisibilityEvent, useVisualViewport };

package/dist/index.d.mts

@@ -47,10 +47,28 @@ import { useThrottledCallback } from "./hooks/useThrottledCallback/useThrottledC
 import { useTimeout } from "./hooks/useTimeout/useTimeout.mjs";
 import { useToggle } from "./hooks/useToggle/useToggle.mjs";
 import { useVisibilityEvent } from "./hooks/useVisibilityEvent/useVisibilityEvent.mjs";
+import { useAvoidKeyboard } from "./mobile/hooks/useAvoidKeyboard/useAvoidKeyboard.mjs";
+import "./mobile/hooks/useAvoidKeyboard/index.mjs";
+import { useBodyScrollLock } from "./mobile/hooks/useBodyScrollLock/useBodyScrollLock.mjs";
+import { useKeyboardHeight } from "./mobile/hooks/useKeyboardHeight/useKeyboardHeight.mjs";
+import { ConnectionType, EffectiveConnectionType, NetworkStatus, useNetworkStatus } from "./mobile/hooks/useNetworkStatus/useNetworkStatus.mjs";
+import { PageVisibility, VisibilityState, usePageVisibility } from "./mobile/hooks/usePageVisibility/usePageVisibility.mjs";
+import { getSafeAreaInset } from "./mobile/utils/getSafeAreaInset/getSafeAreaInset.mjs";
+import { useSafeAreaInset } from "./mobile/hooks/useSafeAreaInset/useSafeAreaInset.mjs";
+import { useScrollDirection } from "./mobile/hooks/useScrollDirection/useScrollDirection.mjs";
+import { useVisualViewport } from "./mobile/hooks/useVisualViewport/useVisualViewport.mjs";
+import { disableBodyScrollLock } from "./mobile/utils/disableBodyScrollLock/disableBodyScrollLock.mjs";
+import { enableBodyScrollLock } from "./mobile/utils/enableBodyScrollLock/enableBodyScrollLock.mjs";
+import { getKeyboardHeight } from "./mobile/utils/getKeyboardHeight/getKeyboardHeight.mjs";
+import { isAndroid } from "./mobile/utils/isAndroid/isAndroid.mjs";
+import { isIOS } from "./mobile/utils/isIOS/isIOS.mjs";
+import { isKeyboardVisible } from "./mobile/utils/isKeyboardVisible/isKeyboardVisible.mjs";
+import { isServer } from "./mobile/utils/isServer/isServer.mjs";
+import { subscribeKeyboardHeight } from "./mobile/utils/subscribeKeyboardHeight/subscribeKeyboardHeight.mjs";
 import { buildContext } from "./utils/buildContext/buildContext.mjs";
 import "./utils/buildContext/index.mjs";
 import { mergeProps } from "./utils/mergeProps/mergeProps.mjs";
 import "./utils/mergeProps/index.mjs";
 import { mergeRefs } from "./utils/mergeRefs/mergeRefs.mjs";
 import "./utils/mergeRefs/index.mjs";
-export { ImpressionArea, Separated, SwitchCase, buildContext, mergeProps, mergeRefs, useAsyncEffect, useBooleanState, useCallbackOncePerRender, useConditionalEffect, useControlledState, useCounter, useDebounce, useDebouncedCallback, useDoubleClick, useGeolocation, useImpressionRef, useInputState, useIntersectionObserver, useInterval, useIsClient, useIsomorphicLayoutEffect, useList, useLoading, useLongPress, useMap, useOutsideClickEffect, usePreservedCallback, usePreservedReference, usePrevious, useRefEffect, useSet, useStorageState, useThrottle, useThrottledCallback, useTimeout, useToggle, useVisibilityEvent };
+export { type ConnectionType, type EffectiveConnectionType, ImpressionArea, type NetworkStatus, type PageVisibility, Separated, SwitchCase, type VisibilityState, buildContext, disableBodyScrollLock, enableBodyScrollLock, getKeyboardHeight, getSafeAreaInset, isAndroid, isIOS, isKeyboardVisible, isServer, mergeProps, mergeRefs, subscribeKeyboardHeight, useAsyncEffect, useAvoidKeyboard, useBodyScrollLock, useBooleanState, useCallbackOncePerRender, useConditionalEffect, useControlledState, useCounter, useDebounce, useDebouncedCallback, useDoubleClick, useGeolocation, useImpressionRef, useInputState, useIntersectionObserver, useInterval, useIsClient, useIsomorphicLayoutEffect, useKeyboardHeight, useList, useLoading, useLongPress, useMap, useNetworkStatus, useOutsideClickEffect, usePageVisibility, usePreservedCallback, usePreservedReference, usePrevious, useRefEffect, useSafeAreaInset, useScrollDirection, useSet, useStorageState, useThrottle, useThrottledCallback, useTimeout, useToggle, useVisibilityEvent, useVisualViewport };