@zayne-labs/toolkit-react 0.11.18 → 0.11.20

package/dist/esm/hooks/createCustomContext.d.ts

@@ -0,0 +1,21 @@
+import * as react0 from "react";
+
+//#region src/hooks/createCustomContext.d.ts
+type CustomContextOptions<TContextValue, TStrict extends boolean> = {
+  defaultValue?: TContextValue | null;
+  errorMessage?: string;
+  extension?: (contextValue: NoInfer<TContextValue> | null) => TContextValue | null;
+  hookName?: string;
+  name?: string;
+  providerName?: string;
+  strict?: TStrict;
+};
+type UseCustomContext<TContextValue, TStrict extends boolean> = () => TStrict extends true ? TContextValue : TContextValue | null;
+declare const createCustomContext: <TContextValue = null, TStrict extends boolean = true>(options?: CustomContextOptions<TContextValue, TStrict>) => [Provider: react0.Context<TContextValue>, useCustomContext: UseCustomContext<TContextValue, TStrict>];
+declare class ContextError extends Error {
+  name: string;
+}
+declare const getErrorMessage: (hook: string, provider: string) => string;
+//#endregion
+export { ContextError, CustomContextOptions, UseCustomContext, createCustomContext, getErrorMessage };
+//# sourceMappingURL=createCustomContext.d.ts.map

package/dist/esm/hooks/createCustomContext.js

@@ -0,0 +1,25 @@
+import { createContext, use } from "react";
+
+//#region src/hooks/createCustomContext.ts
+const createCustomContext = (options = {}) => {
+	const { defaultValue = null, errorMessage, extension, hookName = "useUnnamedContext", providerName = "UnnamedContextProvider", name = providerName.endsWith("Provider") ? providerName.slice(0, -8) : "UnnamedContext", strict = true } = options;
+	const Context = createContext(defaultValue);
+	Context.displayName = name;
+	const useCustomContext = () => {
+		const contextValue = use(Context);
+		const extendedContextValue = extension?.(contextValue) ?? contextValue;
+		if (strict && extendedContextValue === null) throw new ContextError(errorMessage ?? getErrorMessage(hookName, providerName));
+		return extendedContextValue;
+	};
+	return [Context, useCustomContext];
+};
+var ContextError = class extends Error {
+	name = "ContextError";
+};
+const getErrorMessage = (hook, provider) => {
+	return `${hook} returned "null". Did you forget to wrap the necessary components within ${provider}?`;
+};
+
+//#endregion
+export { ContextError, createCustomContext, getErrorMessage };
+//# sourceMappingURL=createCustomContext.js.map

package/dist/esm/hooks/createCustomContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createCustomContext.js","names":["useCustomContext: UseCustomContext<TContextValue, TStrict>"],"sources":["../../../src/hooks/createCustomContext.ts"],"sourcesContent":["import { createContext, use } from \"react\";\n\nexport type CustomContextOptions<TContextValue, TStrict extends boolean> = {\n\tdefaultValue?: TContextValue | null;\n\terrorMessage?: string;\n\textension?: (contextValue: NoInfer<TContextValue> | null) => TContextValue | null;\n\thookName?: string;\n\tname?: string;\n\tproviderName?: string;\n\tstrict?: TStrict;\n};\n\nexport type UseCustomContext<TContextValue, TStrict extends boolean> = () => TStrict extends true ?\n\tTContextValue\n:\tTContextValue | null;\n\nexport const createCustomContext = <TContextValue = null, TStrict extends boolean = true>(\n\toptions: CustomContextOptions<TContextValue, TStrict> = {}\n) => {\n\tconst {\n\t\tdefaultValue = null,\n\t\terrorMessage,\n\t\textension,\n\t\thookName = \"useUnnamedContext\",\n\t\tproviderName = \"UnnamedContextProvider\",\n\t\tname = providerName.endsWith(\"Provider\") ? providerName.slice(0, -8) : \"UnnamedContext\",\n\t\tstrict = true,\n\t} = options;\n\n\tconst Context = createContext<TContextValue>(defaultValue as TContextValue);\n\n\tContext.displayName = name;\n\n\tconst useCustomContext: UseCustomContext<TContextValue, TStrict> = () => {\n\t\tconst contextValue = use(Context);\n\n\t\tconst extendedContextValue = extension?.(contextValue) ?? contextValue;\n\n\t\tif (strict && extendedContextValue === null) {\n\t\t\tthrow new ContextError(errorMessage ?? getErrorMessage(hookName, providerName));\n\t\t}\n\n\t\treturn extendedContextValue as NonNullable<typeof extendedContextValue>;\n\t};\n\n\treturn [Context, useCustomContext] as [\n\t\tProvider: typeof Context,\n\t\tuseCustomContext: typeof useCustomContext,\n\t];\n};\n\nexport class ContextError extends Error {\n\toverride name = \"ContextError\";\n}\n\nexport const getErrorMessage = (hook: string, provider: string) => {\n\treturn `${hook} returned \"null\". Did you forget to wrap the necessary components within ${provider}?`;\n};\n"],"mappings":";;;AAgBA,MAAa,uBACZ,UAAwD,EAAE,KACtD;CACJ,MAAM,EACL,eAAe,MACf,cACA,WACA,WAAW,qBACX,eAAe,0BACf,OAAO,aAAa,SAAS,WAAW,GAAG,aAAa,MAAM,GAAG,GAAG,GAAG,kBACvE,SAAS,SACN;CAEJ,MAAM,UAAU,cAA6B,aAA8B;AAE3E,SAAQ,cAAc;CAEtB,MAAMA,yBAAmE;EACxE,MAAM,eAAe,IAAI,QAAQ;EAEjC,MAAM,uBAAuB,YAAY,aAAa,IAAI;AAE1D,MAAI,UAAU,yBAAyB,KACtC,OAAM,IAAI,aAAa,gBAAgB,gBAAgB,UAAU,aAAa,CAAC;AAGhF,SAAO;;AAGR,QAAO,CAAC,SAAS,iBAAiB;;AAMnC,IAAa,eAAb,cAAkC,MAAM;CACvC,AAAS,OAAO;;AAGjB,MAAa,mBAAmB,MAAc,aAAqB;AAClE,QAAO,GAAG,KAAK,2EAA2E,SAAS"}

package/dist/esm/hooks/effects/useAfterMountEffect.d.ts

@@ -0,0 +1,7 @@
+import { useEffect } from "react";
+
+//#region src/hooks/effects/useAfterMountEffect.d.ts
+declare const useAfterMountEffect: typeof useEffect;
+//#endregion
+export { useAfterMountEffect };
+//# sourceMappingURL=useAfterMountEffect.d.ts.map

package/dist/esm/hooks/effects/useAfterMountEffect.js

@@ -0,0 +1,19 @@
+import { useCallbackRef } from "../useCallbackRef.js";
+import { useEffect, useRef } from "react";
+
+//#region src/hooks/effects/useAfterMountEffect.ts
+const useAfterMountEffect = (callBackFn, deps) => {
+	const isFirstMount = useRef(true);
+	const stableCallback = useCallbackRef(callBackFn);
+	useEffect(() => {
+		if (isFirstMount.current) {
+			isFirstMount.current = false;
+			return;
+		}
+		stableCallback();
+	}, deps);
+};
+
+//#endregion
+export { useAfterMountEffect };
+//# sourceMappingURL=useAfterMountEffect.js.map

package/dist/esm/hooks/effects/useAfterMountEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAfterMountEffect.js","names":["useAfterMountEffect: typeof useEffect"],"sources":["../../../../src/hooks/effects/useAfterMountEffect.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { useCallbackRef } from \"../useCallbackRef\";\n\nconst useAfterMountEffect: typeof useEffect = (callBackFn, deps) => {\n\tconst isFirstMount = useRef(true);\n\tconst stableCallback = useCallbackRef(callBackFn);\n\n\tuseEffect(() => {\n\t\tif (isFirstMount.current) {\n\t\t\tisFirstMount.current = false;\n\t\t\treturn;\n\t\t}\n\n\t\tstableCallback();\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps -- stableCallback is stable\n\t}, deps);\n};\nexport { useAfterMountEffect };\n"],"mappings":";;;;AAGA,MAAMA,uBAAyC,YAAY,SAAS;CACnE,MAAM,eAAe,OAAO,KAAK;CACjC,MAAM,iBAAiB,eAAe,WAAW;AAEjD,iBAAgB;AACf,MAAI,aAAa,SAAS;AACzB,gBAAa,UAAU;AACvB;;AAGD,kBAAgB;IAEd,KAAK"}

package/dist/esm/hooks/effects/useAsyncEffect.d.ts

@@ -0,0 +1,5 @@
+//#region src/hooks/effects/useAsyncEffect.d.ts
+declare function useAsyncEffect(effect: () => Promise<ReturnType<React.EffectCallback>>, deps?: React.DependencyList): void;
+//#endregion
+export { useAsyncEffect };
+//# sourceMappingURL=useAsyncEffect.d.ts.map

package/dist/esm/hooks/effects/useAsyncEffect.js

@@ -0,0 +1,20 @@
+import { useCallbackRef } from "../useCallbackRef.js";
+import { useEffect, useState } from "react";
+
+//#region src/hooks/effects/useAsyncEffect.ts
+function useAsyncEffect(effect, deps) {
+	const stableEffectCallback = useCallbackRef(effect);
+	const [destroy, setDestroy] = useState();
+	useEffect(() => {
+		const e = stableEffectCallback();
+		async function execute() {
+			setDestroy(await e);
+		}
+		execute();
+		return () => void destroy?.();
+	}, deps);
+}
+
+//#endregion
+export { useAsyncEffect };
+//# sourceMappingURL=useAsyncEffect.js.map

package/dist/esm/hooks/effects/useAsyncEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAsyncEffect.js","names":[],"sources":["../../../../src/hooks/effects/useAsyncEffect.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { useCallbackRef } from \"../useCallbackRef\";\n\nexport function useAsyncEffect(\n\teffect: () => Promise<ReturnType<React.EffectCallback>>,\n\tdeps?: React.DependencyList\n) {\n\tconst stableEffectCallback = useCallbackRef(effect);\n\tconst [destroy, setDestroy] = useState<ReturnType<React.EffectCallback>>();\n\n\tuseEffect(() => {\n\t\tconst e = stableEffectCallback();\n\n\t\tasync function execute() {\n\t\t\tsetDestroy(await e);\n\t\t}\n\n\t\tvoid execute();\n\n\t\treturn () => void destroy?.();\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps -- stableEffectCallback is stable\n\t}, deps);\n}\n"],"mappings":";;;;AAGA,SAAgB,eACf,QACA,MACC;CACD,MAAM,uBAAuB,eAAe,OAAO;CACnD,MAAM,CAAC,SAAS,cAAc,UAA4C;AAE1E,iBAAgB;EACf,MAAM,IAAI,sBAAsB;EAEhC,eAAe,UAAU;AACxB,cAAW,MAAM,EAAE;;AAGpB,EAAK,SAAS;AAEd,eAAa,KAAK,WAAW;IAE3B,KAAK"}

package/dist/esm/hooks/effects/useEffectOnce.d.ts

@@ -0,0 +1,5 @@
+//#region src/hooks/effects/useEffectOnce.d.ts
+declare const useEffectOnce: (callBackFn: React.EffectCallback) => void;
+//#endregion
+export { useEffectOnce };
+//# sourceMappingURL=useEffectOnce.d.ts.map

package/dist/esm/hooks/effects/useEffectOnce.js

@@ -0,0 +1,17 @@
+import { useCallbackRef } from "../useCallbackRef.js";
+import { useEffect, useRef } from "react";
+
+//#region src/hooks/effects/useEffectOnce.ts
+const useEffectOnce = (callBackFn) => {
+	const stableCallback = useCallbackRef(callBackFn);
+	const effectGuardRef = useRef(false);
+	useEffect(() => {
+		if (effectGuardRef.current) return;
+		effectGuardRef.current = true;
+		return stableCallback();
+	}, []);
+};
+
+//#endregion
+export { useEffectOnce };
+//# sourceMappingURL=useEffectOnce.js.map

package/dist/esm/hooks/effects/useEffectOnce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEffectOnce.js","names":[],"sources":["../../../../src/hooks/effects/useEffectOnce.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { useCallbackRef } from \"../useCallbackRef\";\n\nconst useEffectOnce = (callBackFn: React.EffectCallback) => {\n\tconst stableCallback = useCallbackRef(callBackFn);\n\n\tconst effectGuardRef = useRef(false);\n\n\t// == savedCallback is always stable so no worries about re-execution of this effect\n\tuseEffect(() => {\n\t\tif (effectGuardRef.current) return;\n\n\t\teffectGuardRef.current = true;\n\n\t\treturn stableCallback();\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps -- stableCallback is stable\n\t}, []);\n};\n\nexport { useEffectOnce };\n"],"mappings":";;;;AAGA,MAAM,iBAAiB,eAAqC;CAC3D,MAAM,iBAAiB,eAAe,WAAW;CAEjD,MAAM,iBAAiB,OAAO,MAAM;AAGpC,iBAAgB;AACf,MAAI,eAAe,QAAS;AAE5B,iBAAe,UAAU;AAEzB,SAAO,gBAAgB;IAErB,EAAE,CAAC"}

package/dist/esm/hooks/effects/useLifeCycle.d.ts

@@ -0,0 +1,13 @@
+//#region src/hooks/effects/useLifeCycle.d.ts
+type Destructor = ReturnType<React.EffectCallback>;
+type LifeCycleOptions = {
+  onMount?: () => void;
+  onUnmount?: Destructor;
+};
+declare const useLifeCycle: ({
+  onMount,
+  onUnmount
+}: LifeCycleOptions) => void;
+//#endregion
+export { Destructor, useLifeCycle };
+//# sourceMappingURL=useLifeCycle.d.ts.map

package/dist/esm/hooks/effects/useLifeCycle.js

@@ -0,0 +1,16 @@
+import { useCallbackRef } from "../useCallbackRef.js";
+import { useEffect } from "react";
+
+//#region src/hooks/effects/useLifeCycle.ts
+const useLifeCycle = ({ onMount, onUnmount }) => {
+	const stableOnMount = useCallbackRef(onMount);
+	const stableOnUnmount = useCallbackRef(onUnmount);
+	useEffect(() => {
+		stableOnMount();
+		return stableOnUnmount;
+	}, []);
+};
+
+//#endregion
+export { useLifeCycle };
+//# sourceMappingURL=useLifeCycle.js.map

package/dist/esm/hooks/effects/useLifeCycle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLifeCycle.js","names":[],"sources":["../../../../src/hooks/effects/useLifeCycle.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useCallbackRef } from \"../useCallbackRef\";\n\nexport type Destructor = ReturnType<React.EffectCallback>;\n\ntype LifeCycleOptions = {\n\tonMount?: () => void;\n\tonUnmount?: Destructor;\n};\n\nconst useLifeCycle = ({ onMount, onUnmount }: LifeCycleOptions) => {\n\tconst stableOnMount = useCallbackRef(onMount);\n\tconst stableOnUnmount = useCallbackRef(onUnmount);\n\n\tuseEffect(() => {\n\t\tstableOnMount();\n\n\t\treturn stableOnUnmount;\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps -- stableOnMount and stableOnUnmount are stable\n\t}, []);\n};\n\nexport { useLifeCycle };\n"],"mappings":";;;;AAUA,MAAM,gBAAgB,EAAE,SAAS,gBAAkC;CAClE,MAAM,gBAAgB,eAAe,QAAQ;CAC7C,MAAM,kBAAkB,eAAe,UAAU;AAEjD,iBAAgB;AACf,iBAAe;AAEf,SAAO;IAEL,EAAE,CAAC"}

package/dist/esm/hooks/effects/useMountEffect.d.ts

@@ -0,0 +1,5 @@
+//#region src/hooks/effects/useMountEffect.d.ts
+declare const useMountEffect: (callBackFn: () => void) => void;
+//#endregion
+export { useMountEffect };
+//# sourceMappingURL=useMountEffect.d.ts.map

package/dist/esm/hooks/effects/useMountEffect.js

@@ -0,0 +1,10 @@
+import { useLifeCycle } from "./useLifeCycle.js";
+
+//#region src/hooks/effects/useMountEffect.ts
+const useMountEffect = (callBackFn) => {
+	useLifeCycle({ onMount: callBackFn });
+};
+
+//#endregion
+export { useMountEffect };
+//# sourceMappingURL=useMountEffect.js.map

package/dist/esm/hooks/effects/useMountEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMountEffect.js","names":[],"sources":["../../../../src/hooks/effects/useMountEffect.ts"],"sourcesContent":["import { useLifeCycle } from \"./useLifeCycle\";\n\nconst useMountEffect = (callBackFn: () => void) => {\n\tuseLifeCycle({ onMount: callBackFn });\n};\n\nexport { useMountEffect };\n"],"mappings":";;;AAEA,MAAM,kBAAkB,eAA2B;AAClD,cAAa,EAAE,SAAS,YAAY,CAAC"}

package/dist/esm/hooks/effects/useUnMountEffect.d.ts

@@ -0,0 +1,7 @@
+import { Destructor } from "./useLifeCycle.js";
+
+//#region src/hooks/effects/useUnMountEffect.d.ts
+declare const useUnmountEffect: (cleanUpFn: Destructor) => void;
+//#endregion
+export { useUnmountEffect };
+//# sourceMappingURL=useUnMountEffect.d.ts.map

package/dist/esm/hooks/effects/useUnMountEffect.js

@@ -0,0 +1,8 @@
+import { useLifeCycle } from "./useLifeCycle.js";
+
+//#region src/hooks/effects/useUnMountEffect.ts
+const useUnmountEffect = (cleanUpFn) => useLifeCycle({ onUnmount: cleanUpFn });
+
+//#endregion
+export { useUnmountEffect };
+//# sourceMappingURL=useUnMountEffect.js.map

package/dist/esm/hooks/effects/useUnMountEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUnMountEffect.js","names":[],"sources":["../../../../src/hooks/effects/useUnMountEffect.ts"],"sourcesContent":["import { type Destructor, useLifeCycle } from \"./useLifeCycle\";\n\nconst useUnmountEffect = (cleanUpFn: Destructor) => useLifeCycle({ onUnmount: cleanUpFn });\n\nexport { useUnmountEffect };\n"],"mappings":";;;AAEA,MAAM,oBAAoB,cAA0B,aAAa,EAAE,WAAW,WAAW,CAAC"}

package/dist/esm/hooks/index.d.ts

@@ -1,3 +1,28 @@
-import { ContextError, CustomContextOptions, UseCustomContext, createCustomContext, createUseLocationState, createUseStorageState, getErrorMessage, useAfterMountEffect, useAnimateElementRefs, useAnimationInterval, useAsyncEffect, useCallbackRef, useClickOutside, useComposeRefs, useConstant, useControllableProp, useControllableState, useCopyToClipboard, useDebouncedFn, useDebouncedState, useDisclosure, useEffectOnce, useIsHydrated, useLazyRef, useLifeCycle, useLocationState, useMountEffect, useScrollObserver, useSearch, useSearchParams, useSearchParamsObject, useShallowCompSelector, useShallowCompValue, useStorageState, useStore, useThrottleByFrame, useThrottleBySetTimeout, useThrottleByTimer, useToggle, useUnmountEffect } from "../index-ouFKofvj.js";
-import "../index-DlScRgBk.js";
+import { ContextError, CustomContextOptions, UseCustomContext, createCustomContext, getErrorMessage } from "./createCustomContext.js";
+import { useAfterMountEffect } from "./effects/useAfterMountEffect.js";
+import { useAsyncEffect } from "./effects/useAsyncEffect.js";
+import { useEffectOnce } from "./effects/useEffectOnce.js";
+import { useLifeCycle } from "./effects/useLifeCycle.js";
+import { useMountEffect } from "./effects/useMountEffect.js";
+import { useUnmountEffect } from "./effects/useUnMountEffect.js";
+import { useAnimateElementRefs } from "./useAnimateElementRefs.js";
+import { useAnimationInterval } from "./useAnimationInterval.js";
+import { useCallbackRef } from "./useCallbackRef.js";
+import { useClickOutside } from "./useClickOutside.js";
+import { useComposeRefs } from "./useComposeRefs.js";
+import { useConstant, useLazyRef } from "./useConstant.js";
+import { useControllableProp, useControllableState } from "./useControllable.js";
+import { useCopyToClipboard } from "./useCopyToClipboard.js";
+import { useDebouncedFn, useDebouncedState } from "./useDebounce.js";
+import { useDisclosure } from "./useDisclosure.js";
+import { useIsHydrated } from "./useIsHydrated.js";
+import { createUseLocationState, useLocationState } from "./useLocationState.js";
+import { useScrollObserver } from "./useScrollObserver.js";
+import { useSearch } from "./useSearch.js";
+import { useSearchParams, useSearchParamsObject } from "./useSearchParams.js";
+import { useShallowCompSelector, useShallowCompValue } from "./useShallowCompare.js";
+import { createUseStorageState, useStorageState } from "./useStorageState.js";
+import { useStore } from "./useStore.js";
+import { useThrottleByFrame, useThrottleBySetTimeout, useThrottleByTimer } from "./useThrottle.js";
+import { useToggle } from "./useToggle.js";
 export { ContextError, CustomContextOptions, UseCustomContext, createCustomContext, createUseLocationState, createUseStorageState, getErrorMessage, useAfterMountEffect, useAnimateElementRefs, useAnimationInterval, useAsyncEffect, useCallbackRef, useClickOutside, useComposeRefs, useConstant, useControllableProp, useControllableState, useCopyToClipboard, useDebouncedFn, useDebouncedState, useDisclosure, useEffectOnce, useIsHydrated, useLazyRef, useLifeCycle, useLocationState, useMountEffect, useScrollObserver, useSearch, useSearchParams, useSearchParamsObject, useShallowCompSelector, useShallowCompValue, useStorageState, useStore, useThrottleByFrame, useThrottleBySetTimeout, useThrottleByTimer, useToggle, useUnmountEffect };

package/dist/esm/hooks/index.js

@@ -1,4 +1,29 @@
-import { ContextError, createCustomContext, createUseLocationState, createUseStorageState, getErrorMessage, useAfterMountEffect, useAnimateElementRefs, useAnimationInterval, useAsyncEffect, useCallbackRef, useClickOutside, useComposeRefs, useConstant, useControllableProp, useControllableState, useCopyToClipboard, useDebouncedFn, useDebouncedState, useDisclosure, useEffectOnce, useIsHydrated, useLazyRef, useLifeCycle, useLocationState, useMountEffect, useScrollObserver, useSearch, useSearchParams, useSearchParamsObject, useShallowCompSelector, useShallowCompValue, useStorageState, useStore, useThrottleByFrame, useThrottleBySetTimeout, useThrottleByTimer, useToggle, useUnmountEffect } from "../hooks-iZivekUZ.js";
-import "../utils-Bvs8tFDM.js";
+import { ContextError, createCustomContext, getErrorMessage } from "./createCustomContext.js";
+import { useCallbackRef } from "./useCallbackRef.js";
+import { useAfterMountEffect } from "./effects/useAfterMountEffect.js";
+import { useAsyncEffect } from "./effects/useAsyncEffect.js";
+import { useEffectOnce } from "./effects/useEffectOnce.js";
+import { useLifeCycle } from "./effects/useLifeCycle.js";
+import { useMountEffect } from "./effects/useMountEffect.js";
+import { useUnmountEffect } from "./effects/useUnMountEffect.js";
+import { useAnimateElementRefs } from "./useAnimateElementRefs.js";
+import { useAnimationInterval } from "./useAnimationInterval.js";
+import { useClickOutside } from "./useClickOutside.js";
+import { useComposeRefs } from "./useComposeRefs.js";
+import { useConstant, useLazyRef } from "./useConstant.js";
+import { useControllableProp, useControllableState } from "./useControllable.js";
+import { useToggle } from "./useToggle.js";
+import { useCopyToClipboard } from "./useCopyToClipboard.js";
+import { useDebouncedFn, useDebouncedState } from "./useDebounce.js";
+import { useDisclosure } from "./useDisclosure.js";
+import { useIsHydrated } from "./useIsHydrated.js";
+import { useStore } from "./useStore.js";
+import { createUseLocationState, useLocationState } from "./useLocationState.js";
+import { useScrollObserver } from "./useScrollObserver.js";
+import { useSearch } from "./useSearch.js";
+import { useSearchParams, useSearchParamsObject } from "./useSearchParams.js";
+import { useShallowCompSelector, useShallowCompValue } from "./useShallowCompare.js";
+import { createUseStorageState, useStorageState } from "./useStorageState.js";
+import { useThrottleByFrame, useThrottleBySetTimeout, useThrottleByTimer } from "./useThrottle.js";
 
 export { ContextError, createCustomContext, createUseLocationState, createUseStorageState, getErrorMessage, useAfterMountEffect, useAnimateElementRefs, useAnimationInterval, useAsyncEffect, useCallbackRef, useClickOutside, useComposeRefs, useConstant, useControllableProp, useControllableState, useCopyToClipboard, useDebouncedFn, useDebouncedState, useDisclosure, useEffectOnce, useIsHydrated, useLazyRef, useLifeCycle, useLocationState, useMountEffect, useScrollObserver, useSearch, useSearchParams, useSearchParamsObject, useShallowCompSelector, useShallowCompValue, useStorageState, useStore, useThrottleByFrame, useThrottleBySetTimeout, useThrottleByTimer, useToggle, useUnmountEffect };

package/dist/esm/hooks/useAnimateElementRefs.d.ts

@@ -0,0 +1,19 @@
+import { NonEmptyArray } from "@zayne-labs/toolkit-type-helpers";
+
+//#region src/hooks/useAnimateElementRefs.d.ts
+type ElementsInfoArray<TTargetElement extends string> = NonEmptyArray<{
+  animationClass: string;
+  targetElement: TTargetElement;
+}>;
+/**
+ * This is a custom React hook that adds and removes animation classes to specified HTML elements.
+ * @param elementsInfoArray - An array of objects that contain information about the animation class and the target HTML element.
+ * @returns - An object containing the refs of the animated elements and a function to handle the initiation and removal animation.
+ */
+declare const useAnimateElementRefs: <TTargetElement extends string>(elementsInfoArray: ElementsInfoArray<TTargetElement>) => {
+  animatedElements: Record<TTargetElement, HTMLElement | null>;
+  handleElementsAnimation: () => void;
+};
+//#endregion
+export { useAnimateElementRefs };
+//# sourceMappingURL=useAnimateElementRefs.d.ts.map

package/dist/esm/hooks/useAnimateElementRefs.js

@@ -0,0 +1,54 @@
+import { useCallbackRef } from "./useCallbackRef.js";
+import { useCallback, useRef } from "react";
+import { on } from "@zayne-labs/toolkit-core";
+import { isArray } from "@zayne-labs/toolkit-type-helpers";
+
+//#region src/hooks/useAnimateElementRefs.ts
+const removeClass = (target, className) => () => target.classList.remove(className);
+/**
+* This is a custom React hook that adds and removes animation classes to specified HTML elements.
+* @param elementsInfoArray - An array of objects that contain information about the animation class and the target HTML element.
+* @returns - An object containing the refs of the animated elements and a function to handle the initiation and removal animation.
+*/
+const useAnimateElementRefs = (elementsInfoArray) => {
+	const elementsRef = useRef({});
+	const addAnimationClasses = useCallbackRef(() => {
+		if (!isArray(elementsInfoArray)) {
+			console.error("elementsInfo is not an Array");
+			return;
+		}
+		for (const { animationClass, targetElement } of elementsInfoArray) {
+			if (!elementsRef.current[targetElement]) {
+				console.error("ElementError", `"${targetElement}" element does not exist`);
+				return;
+			}
+			elementsRef.current[targetElement].classList.add(animationClass);
+		}
+	});
+	const removeAnimationClasses = useCallbackRef(() => {
+		if (!isArray(elementsInfoArray)) {
+			console.error("elementsInfo is not an Array");
+			return;
+		}
+		for (const { animationClass, targetElement } of elementsInfoArray) {
+			if (!elementsRef.current[targetElement]) {
+				console.error("ElementError", `"${targetElement}" element does not exist`);
+				return;
+			}
+			on("transitionend", elementsRef.current[targetElement], removeClass(elementsRef.current[targetElement], animationClass));
+			on("animationend", elementsRef.current[targetElement], removeClass(elementsRef.current[targetElement], animationClass));
+		}
+	});
+	const handleElementsAnimation = useCallback(() => {
+		addAnimationClasses();
+		removeAnimationClasses();
+	}, [addAnimationClasses, removeAnimationClasses]);
+	return {
+		animatedElements: elementsRef.current,
+		handleElementsAnimation
+	};
+};
+
+//#endregion
+export { useAnimateElementRefs };
+//# sourceMappingURL=useAnimateElementRefs.js.map

package/dist/esm/hooks/useAnimateElementRefs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimateElementRefs.js","names":[],"sources":["../../../src/hooks/useAnimateElementRefs.ts"],"sourcesContent":["import { on } from \"@zayne-labs/toolkit-core\";\nimport { type NonEmptyArray, isArray } from \"@zayne-labs/toolkit-type-helpers\";\nimport { useCallback, useRef } from \"react\";\nimport { useCallbackRef } from \"./useCallbackRef\";\n\ntype ElementsInfoArray<TTargetElement extends string> = NonEmptyArray<{\n\tanimationClass: string;\n\ttargetElement: TTargetElement;\n}>;\n\nconst removeClass = (target: HTMLElement, className: string) => () => target.classList.remove(className);\n\n/**\n * This is a custom React hook that adds and removes animation classes to specified HTML elements.\n * @param elementsInfoArray - An array of objects that contain information about the animation class and the target HTML element.\n * @returns - An object containing the refs of the animated elements and a function to handle the initiation and removal animation.\n */\n\nconst useAnimateElementRefs = <TTargetElement extends string>(\n\telementsInfoArray: ElementsInfoArray<TTargetElement>\n) => {\n\tconst elementsRef = useRef<Record<TTargetElement, HTMLElement | null>>({} as never);\n\n\tconst addAnimationClasses = useCallbackRef(() => {\n\t\tif (!isArray(elementsInfoArray)) {\n\t\t\tconsole.error(\"elementsInfo is not an Array\");\n\t\t\treturn;\n\t\t}\n\n\t\tfor (const { animationClass, targetElement } of elementsInfoArray) {\n\t\t\tif (!elementsRef.current[targetElement]) {\n\t\t\t\tconsole.error(\"ElementError\", `\"${targetElement}\" element does not exist`);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\telementsRef.current[targetElement].classList.add(animationClass);\n\t\t}\n\t});\n\n\tconst removeAnimationClasses = useCallbackRef(() => {\n\t\tif (!isArray(elementsInfoArray)) {\n\t\t\tconsole.error(\"elementsInfo is not an Array\");\n\t\t\treturn;\n\t\t}\n\n\t\tfor (const { animationClass, targetElement } of elementsInfoArray) {\n\t\t\tif (!elementsRef.current[targetElement]) {\n\t\t\t\tconsole.error(\"ElementError\", `\"${targetElement}\" element does not exist`);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\ton(\n\t\t\t\t\"transitionend\",\n\t\t\t\telementsRef.current[targetElement],\n\t\t\t\tremoveClass(elementsRef.current[targetElement], animationClass)\n\t\t\t);\n\n\t\t\ton(\n\t\t\t\t\"animationend\",\n\t\t\t\telementsRef.current[targetElement],\n\t\t\t\tremoveClass(elementsRef.current[targetElement], animationClass)\n\t\t\t);\n\t\t}\n\t});\n\n\t// Add animation classes to elements and remove them after the animation ends\n\tconst handleElementsAnimation = useCallback(() => {\n\t\taddAnimationClasses();\n\n\t\tremoveAnimationClasses();\n\t}, [addAnimationClasses, removeAnimationClasses]);\n\n\treturn { animatedElements: elementsRef.current, handleElementsAnimation };\n};\n\nexport { useAnimateElementRefs };\n"],"mappings":";;;;;;AAUA,MAAM,eAAe,QAAqB,oBAA4B,OAAO,UAAU,OAAO,UAAU;;;;;;AAQxG,MAAM,yBACL,sBACI;CACJ,MAAM,cAAc,OAAmD,EAAE,CAAU;CAEnF,MAAM,sBAAsB,qBAAqB;AAChD,MAAI,CAAC,QAAQ,kBAAkB,EAAE;AAChC,WAAQ,MAAM,+BAA+B;AAC7C;;AAGD,OAAK,MAAM,EAAE,gBAAgB,mBAAmB,mBAAmB;AAClE,OAAI,CAAC,YAAY,QAAQ,gBAAgB;AACxC,YAAQ,MAAM,gBAAgB,IAAI,cAAc,0BAA0B;AAC1E;;AAGD,eAAY,QAAQ,eAAe,UAAU,IAAI,eAAe;;GAEhE;CAEF,MAAM,yBAAyB,qBAAqB;AACnD,MAAI,CAAC,QAAQ,kBAAkB,EAAE;AAChC,WAAQ,MAAM,+BAA+B;AAC7C;;AAGD,OAAK,MAAM,EAAE,gBAAgB,mBAAmB,mBAAmB;AAClE,OAAI,CAAC,YAAY,QAAQ,gBAAgB;AACxC,YAAQ,MAAM,gBAAgB,IAAI,cAAc,0BAA0B;AAC1E;;AAGD,MACC,iBACA,YAAY,QAAQ,gBACpB,YAAY,YAAY,QAAQ,gBAAgB,eAAe,CAC/D;AAED,MACC,gBACA,YAAY,QAAQ,gBACpB,YAAY,YAAY,QAAQ,gBAAgB,eAAe,CAC/D;;GAED;CAGF,MAAM,0BAA0B,kBAAkB;AACjD,uBAAqB;AAErB,0BAAwB;IACtB,CAAC,qBAAqB,uBAAuB,CAAC;AAEjD,QAAO;EAAE,kBAAkB,YAAY;EAAS;EAAyB"}

package/dist/esm/hooks/useAnimationInterval.d.ts

@@ -0,0 +1,15 @@
+import { AnimationIntervalOptions } from "@zayne-labs/toolkit-core";
+import { Prettify } from "@zayne-labs/toolkit-type-helpers";
+
+//#region src/hooks/useAnimationInterval.d.ts
+type AnimationOptions = Prettify<AnimationIntervalOptions & {
+  intervalDuration: number | null;
+  onAnimation: () => void;
+}>;
+declare const useAnimationInterval: (options: AnimationOptions) => {
+  start: () => void;
+  stop: () => void;
+};
+//#endregion
+export { useAnimationInterval };
+//# sourceMappingURL=useAnimationInterval.d.ts.map

package/dist/esm/hooks/useAnimationInterval.js

@@ -0,0 +1,27 @@
+import { useCallbackRef } from "./useCallbackRef.js";
+import { useEffect, useMemo } from "react";
+import { setAnimationInterval } from "@zayne-labs/toolkit-core";
+
+//#region src/hooks/useAnimationInterval.ts
+const useAnimationInterval = (options) => {
+	const { intervalDuration, onAnimation, once } = options;
+	const latestCallback = useCallbackRef(onAnimation);
+	const { start, stop } = useMemo(() => setAnimationInterval(latestCallback, intervalDuration, { once }), [
+		intervalDuration,
+		latestCallback,
+		once
+	]);
+	useEffect(() => {
+		if (intervalDuration === null) return;
+		start();
+		return stop;
+	}, [intervalDuration]);
+	return {
+		start,
+		stop
+	};
+};
+
+//#endregion
+export { useAnimationInterval };
+//# sourceMappingURL=useAnimationInterval.js.map

package/dist/esm/hooks/useAnimationInterval.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimationInterval.js","names":[],"sources":["../../../src/hooks/useAnimationInterval.ts"],"sourcesContent":["import { type AnimationIntervalOptions, setAnimationInterval } from \"@zayne-labs/toolkit-core\";\nimport type { Prettify } from \"@zayne-labs/toolkit-type-helpers\";\nimport { useEffect, useMemo } from \"react\";\nimport { useCallbackRef } from \"./useCallbackRef\";\n\ntype AnimationOptions = Prettify<\n\tAnimationIntervalOptions & {\n\t\tintervalDuration: number | null;\n\t\tonAnimation: () => void;\n\t}\n>;\n\nconst useAnimationInterval = (options: AnimationOptions) => {\n\tconst { intervalDuration, onAnimation, once } = options;\n\n\tconst latestCallback = useCallbackRef(onAnimation);\n\n\tconst { start, stop } = useMemo(\n\t\t() => setAnimationInterval(latestCallback, intervalDuration, { once }),\n\t\t[intervalDuration, latestCallback, once]\n\t);\n\n\tuseEffect(() => {\n\t\tif (intervalDuration === null) return;\n\n\t\tstart();\n\n\t\treturn stop;\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps -- start and stop are stable\n\t}, [intervalDuration]);\n\n\treturn { start, stop };\n};\n\nexport { useAnimationInterval };\n"],"mappings":";;;;;AAYA,MAAM,wBAAwB,YAA8B;CAC3D,MAAM,EAAE,kBAAkB,aAAa,SAAS;CAEhD,MAAM,iBAAiB,eAAe,YAAY;CAElD,MAAM,EAAE,OAAO,SAAS,cACjB,qBAAqB,gBAAgB,kBAAkB,EAAE,MAAM,CAAC,EACtE;EAAC;EAAkB;EAAgB;EAAK,CACxC;AAED,iBAAgB;AACf,MAAI,qBAAqB,KAAM;AAE/B,SAAO;AAEP,SAAO;IAEL,CAAC,iBAAiB,CAAC;AAEtB,QAAO;EAAE;EAAO;EAAM"}

package/dist/esm/hooks/useCallbackRef.d.ts

@@ -0,0 +1,13 @@
+import { AnyFunction } from "@zayne-labs/toolkit-type-helpers";
+
+//#region src/hooks/useCallbackRef.d.ts
+
+/**
+ * Returns a stable function that always points to the latest version of the callback function.
+ * @param callbackFn - The function to reference
+ * @returns a stable function that always points to the latest version of the callback function
+ */
+declare const useCallbackRef: <TCallback = AnyFunction>(callbackFn: TCallback | undefined) => TCallback;
+//#endregion
+export { useCallbackRef };
+//# sourceMappingURL=useCallbackRef.d.ts.map

package/dist/esm/hooks/useCallbackRef.js

@@ -0,0 +1,19 @@
+import { useCallback, useInsertionEffect, useRef } from "react";
+
+//#region src/hooks/useCallbackRef.ts
+/**
+* Returns a stable function that always points to the latest version of the callback function.
+* @param callbackFn - The function to reference
+* @returns a stable function that always points to the latest version of the callback function
+*/
+const useCallbackRef = (callbackFn) => {
+	const callbackRef = useRef(callbackFn);
+	useInsertionEffect(() => {
+		callbackRef.current = callbackFn;
+	}, [callbackFn]);
+	return useCallback((...params) => callbackRef.current?.(...params), []);
+};
+
+//#endregion
+export { useCallbackRef };
+//# sourceMappingURL=useCallbackRef.js.map

package/dist/esm/hooks/useCallbackRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCallbackRef.js","names":[],"sources":["../../../src/hooks/useCallbackRef.ts"],"sourcesContent":["import type { AnyFunction } from \"@zayne-labs/toolkit-type-helpers\";\nimport { useCallback, useInsertionEffect, useRef } from \"react\";\n\n/**\n * Returns a stable function that always points to the latest version of the callback function.\n * @param callbackFn - The function to reference\n * @returns a stable function that always points to the latest version of the callback function\n */\n\nconst useCallbackRef = <TCallback = AnyFunction>(callbackFn: TCallback | undefined) => {\n\tconst callbackRef = useRef(callbackFn);\n\n\tuseInsertionEffect(() => {\n\t\t// == Doing this instead updating it during render cuz according to Dan Abramov, render should be pure\n\t\tcallbackRef.current = callbackFn;\n\t}, [callbackFn]);\n\n\tconst savedCallback = useCallback(\n\t\t// eslint-disable-next-line ts-eslint/no-unnecessary-condition -- callbackRef.current can be null in some cases\n\t\t(...params: unknown[]) => (callbackRef.current as AnyFunction)?.(...params) as unknown,\n\t\t[]\n\t);\n\n\treturn savedCallback as TCallback;\n};\n\nexport { useCallbackRef };\n"],"mappings":";;;;;;;;AASA,MAAM,kBAA2C,eAAsC;CACtF,MAAM,cAAc,OAAO,WAAW;AAEtC,0BAAyB;AAExB,cAAY,UAAU;IACpB,CAAC,WAAW,CAAC;AAQhB,QANsB,aAEpB,GAAG,WAAuB,YAAY,UAA0B,GAAG,OAAO,EAC3E,EAAE,CACF"}

package/dist/esm/hooks/useClickOutside.d.ts

@@ -0,0 +1,14 @@
+import * as react0 from "react";
+
+//#region src/hooks/useClickOutside.d.ts
+type UseClickOutsideOptions<TElement extends HTMLElement> = {
+  enabled?: boolean;
+  onClick: (event: MouseEvent | TouchEvent) => void;
+  ref?: Array<React.RefObject<TElement>> | React.RefObject<TElement>;
+};
+declare const useClickOutside: <TElement extends HTMLElement>(options: UseClickOutsideOptions<TElement>) => {
+  ref: react0.RefObject<TElement | null>;
+};
+//#endregion
+export { useClickOutside };
+//# sourceMappingURL=useClickOutside.d.ts.map

package/dist/esm/hooks/useClickOutside.js

@@ -0,0 +1,25 @@
+import { useCallbackRef } from "./useCallbackRef.js";
+import { useEffect, useRef } from "react";
+import { onClickOutside, toArray } from "@zayne-labs/toolkit-core";
+
+//#region src/hooks/useClickOutside.ts
+const useClickOutside = (options) => {
+	const innerRef = useRef(null);
+	const { enabled = true, onClick, ref: refOrRefArray = innerRef } = options;
+	const savedOnClick = useCallbackRef(onClick);
+	useEffect(() => {
+		if (!enabled) return;
+		const elementArray = toArray(refOrRefArray).map((ref) => ref.current);
+		const cleanup = onClickOutside(elementArray, savedOnClick);
+		return () => cleanup();
+	}, [
+		enabled,
+		refOrRefArray,
+		savedOnClick
+	]);
+	return { ref: innerRef };
+};
+
+//#endregion
+export { useClickOutside };
+//# sourceMappingURL=useClickOutside.js.map

package/dist/esm/hooks/useClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickOutside.js","names":[],"sources":["../../../src/hooks/useClickOutside.ts"],"sourcesContent":["import { onClickOutside, toArray } from \"@zayne-labs/toolkit-core\";\nimport { useEffect, useRef } from \"react\";\nimport { useCallbackRef } from \"./useCallbackRef\";\n\ntype UseClickOutsideOptions<TElement extends HTMLElement> = {\n\tenabled?: boolean;\n\tonClick: (event: MouseEvent | TouchEvent) => void;\n\tref?: Array<React.RefObject<TElement>> | React.RefObject<TElement>;\n};\n\nconst useClickOutside = <TElement extends HTMLElement>(options: UseClickOutsideOptions<TElement>) => {\n\tconst innerRef = useRef<TElement>(null);\n\n\tconst { enabled = true, onClick, ref: refOrRefArray = innerRef } = options;\n\n\tconst savedOnClick = useCallbackRef(onClick);\n\n\tuseEffect(() => {\n\t\tif (!enabled) return;\n\n\t\tconst elementArray = toArray(refOrRefArray).map((ref) => ref.current);\n\n\t\tconst cleanup = onClickOutside(elementArray, savedOnClick);\n\n\t\treturn () => cleanup();\n\t}, [enabled, refOrRefArray, savedOnClick]);\n\n\treturn {\n\t\tref: innerRef,\n\t};\n};\n\nexport { useClickOutside };\n"],"mappings":";;;;;AAUA,MAAM,mBAAiD,YAA8C;CACpG,MAAM,WAAW,OAAiB,KAAK;CAEvC,MAAM,EAAE,UAAU,MAAM,SAAS,KAAK,gBAAgB,aAAa;CAEnE,MAAM,eAAe,eAAe,QAAQ;AAE5C,iBAAgB;AACf,MAAI,CAAC,QAAS;EAEd,MAAM,eAAe,QAAQ,cAAc,CAAC,KAAK,QAAQ,IAAI,QAAQ;EAErE,MAAM,UAAU,eAAe,cAAc,aAAa;AAE1D,eAAa,SAAS;IACpB;EAAC;EAAS;EAAe;EAAa,CAAC;AAE1C,QAAO,EACN,KAAK,UACL"}

package/dist/esm/hooks/useComposeRefs.d.ts

@@ -0,0 +1,8 @@
+import { PossibleRef } from "../utils/composeRefs.js";
+import * as react3 from "react";
+
+//#region src/hooks/useComposeRefs.d.ts
+declare const useComposeRefs: <TRef extends HTMLElement>(...refs: Array<PossibleRef<TRef>>) => react3.RefCallback<TRef>;
+//#endregion
+export { useComposeRefs };
+//# sourceMappingURL=useComposeRefs.d.ts.map

package/dist/esm/hooks/useComposeRefs.js

@@ -0,0 +1,11 @@
+import { composeRefs } from "../utils/composeRefs.js";
+import { useMemo } from "react";
+
+//#region src/hooks/useComposeRefs.ts
+const useComposeRefs = (...refs) => {
+	return useMemo(() => composeRefs(...refs), refs);
+};
+
+//#endregion
+export { useComposeRefs };
+//# sourceMappingURL=useComposeRefs.js.map

package/dist/esm/hooks/useComposeRefs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComposeRefs.js","names":[],"sources":["../../../src/hooks/useComposeRefs.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { composeRefs, type PossibleRef } from \"@/utils\";\n\nconst useComposeRefs = <TRef extends HTMLElement>(...refs: Array<PossibleRef<TRef>>) => {\n\t// eslint-disable-next-line react-hooks/exhaustive-deps -- Allow\n\tconst mergedRef = useMemo(() => composeRefs(...refs), refs);\n\n\treturn mergedRef;\n};\n\nexport { useComposeRefs };\n"],"mappings":";;;;AAGA,MAAM,kBAA4C,GAAG,SAAmC;AAIvF,QAFkB,cAAc,YAAY,GAAG,KAAK,EAAE,KAAK"}

package/dist/esm/hooks/useConstant.d.ts

@@ -0,0 +1,6 @@
+//#region src/hooks/useConstant.d.ts
+declare const useConstant: <TResult>(initFn: () => TResult) => TResult;
+declare const useLazyRef: <TResult>(initFn: () => TResult) => React.RefObject<TResult>;
+//#endregion
+export { useConstant, useLazyRef };
+//# sourceMappingURL=useConstant.d.ts.map

package/dist/esm/hooks/useConstant.js

@@ -0,0 +1,17 @@
+import { useRef } from "react";
+
+//#region src/hooks/useConstant.ts
+const useConstant = (initFn) => {
+	const resultRef = useRef(null);
+	if (resultRef.current === null) resultRef.current = initFn();
+	return resultRef.current;
+};
+const useLazyRef = (initFn) => {
+	const resultRef = useRef(null);
+	if (resultRef.current === null) resultRef.current = initFn();
+	return resultRef;
+};
+
+//#endregion
+export { useConstant, useLazyRef };
+//# sourceMappingURL=useConstant.js.map

package/dist/esm/hooks/useConstant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConstant.js","names":[],"sources":["../../../src/hooks/useConstant.ts"],"sourcesContent":["import { useRef } from \"react\";\n\nexport const useConstant = <TResult>(initFn: () => TResult): TResult => {\n\tconst resultRef = useRef<TResult | null>(null);\n\n\t// eslint-disable-next-line ts-eslint/prefer-nullish-coalescing -- The current case is justified since it's optimizable by the react compiler\n\tif (resultRef.current === null) {\n\t\tresultRef.current = initFn();\n\t}\n\n\treturn resultRef.current;\n};\n\nexport const useLazyRef = <TResult>(initFn: () => TResult): React.RefObject<TResult> => {\n\tconst resultRef = useRef<TResult>(null as never);\n\n\t// eslint-disable-next-line ts-eslint/prefer-nullish-coalescing -- The current case is justified since it's optimizable by the react compiler\n\tif (resultRef.current === null) {\n\t\tresultRef.current = initFn();\n\t}\n\n\treturn resultRef;\n};\n"],"mappings":";;;AAEA,MAAa,eAAwB,WAAmC;CACvE,MAAM,YAAY,OAAuB,KAAK;AAG9C,KAAI,UAAU,YAAY,KACzB,WAAU,UAAU,QAAQ;AAG7B,QAAO,UAAU;;AAGlB,MAAa,cAAuB,WAAoD;CACvF,MAAM,YAAY,OAAgB,KAAc;AAGhD,KAAI,UAAU,YAAY,KACzB,WAAU,UAAU,QAAQ;AAG7B,QAAO"}