@povio/ui 3.0.0-rc.3 → 3.1.0

package/dist/hooks/useFilters.js

@@ -1,7 +1,6 @@
 import { UIRouter } from "../config/router.context.js";
 import { RoutingUtils } from "../utils/routing.utils.js";
-import { c } from "react/compiler-runtime";
-import { useEffect, useState } from "react";
+import { useCallback, useEffect, useMemo, useState } from "react";
 import { z } from "zod";
 //#region src/hooks/useFilters.ts
 function getFieldType(schema, fieldKey) {
@@ -51,138 +50,78 @@ var parseFilterFromQuery = (searchParams, schema) => {
 	}
 	return filter;
 };
-var useFilters = (defaultFilterValues, t0, schema) => {
-	const $ = c(33);
-	const prefix = t0 === void 0 ? "" : t0;
+var useFilters = (defaultFilterValues, prefix = "", schema) => {
 	const { searchParams, replace } = UIRouter.useUIRouter();
-	let t1;
-	if ($[0] !== schema || $[1] !== searchParams) {
-		t1 = () => parseFilterFromQuery(searchParams, schema);
-		$[0] = schema;
-		$[1] = searchParams;
-		$[2] = t1;
-	} else t1 = $[2];
-	const [filterData, setFilterData] = useState(t1);
-	let t2;
-	if ($[3] !== defaultFilterValues || $[4] !== prefix || $[5] !== replace || $[6] !== schema || $[7] !== searchParams) {
-		t2 = () => {
-			const setUrlToDefaultFilters = () => {
-				const flatFilterQuery = serializeFiltersToQuery(defaultFilterValues, prefix);
-				replace(".", {
-					...RoutingUtils.toRouterSearch(searchParams),
-					...flatFilterQuery
-				});
-			};
-			const currentFilters = parseFilterFromQuery(searchParams, schema);
-			const hasFiltersSet = Object.keys(currentFilters).length > 0;
-			if (defaultFilterValues && !hasFiltersSet) setUrlToDefaultFilters();
-		};
-		$[3] = defaultFilterValues;
-		$[4] = prefix;
-		$[5] = replace;
-		$[6] = schema;
-		$[7] = searchParams;
-		$[8] = t2;
-	} else t2 = $[8];
-	let t3;
-	if ($[9] !== defaultFilterValues || $[10] !== prefix || $[11] !== schema) {
-		t3 = [
-			defaultFilterValues,
-			prefix,
-			schema
-		];
-		$[9] = defaultFilterValues;
-		$[10] = prefix;
-		$[11] = schema;
-		$[12] = t3;
-	} else t3 = $[12];
-	useEffect(t2, t3);
-	let t4;
-	let t5;
-	if ($[13] !== schema || $[14] !== searchParams) {
-		t4 = () => {
-			setFilterData(parseFilterFromQuery(searchParams, schema));
-		};
-		t5 = [searchParams, schema];
-		$[13] = schema;
-		$[14] = searchParams;
-		$[15] = t4;
-		$[16] = t5;
-	} else {
-		t4 = $[15];
-		t5 = $[16];
-	}
-	useEffect(t4, t5);
-	let t6;
-	if ($[17] !== defaultFilterValues || $[18] !== filterData || $[19] !== prefix || $[20] !== replace || $[21] !== searchParams) {
-		t6 = (data) => {
-			let newFilters = { ...filterData };
-			const isReset = Object.keys(data).length === 0;
-			if (data === defaultFilterValues) newFilters = { ...defaultFilterValues };
-			else if (isReset) newFilters = {};
-			else Object.entries(data).forEach((t7) => {
-				const [key, value] = t7;
-				if (value === void 0) delete newFilters[key];
-				else newFilters[key] = value;
-			});
-			const prefixPart = prefix ? `${prefix}-` : "";
-			const cleanedQuery = RoutingUtils.toRouterSearch(searchParams);
-			Object.keys(cleanedQuery).forEach((key_0) => {
-				if (key_0.startsWith(`filter[${prefixPart}`)) delete cleanedQuery[key_0];
-			});
-			const flatFilterQuery_0 = serializeFiltersToQuery(newFilters, prefix);
+	const [filterData, setFilterData] = useState(() => parseFilterFromQuery(searchParams, schema));
+	useEffect(() => {
+		const setUrlToDefaultFilters = () => {
+			const flatFilterQuery = serializeFiltersToQuery(defaultFilterValues, prefix);
 			replace(".", {
-				...cleanedQuery,
-				...flatFilterQuery_0
-			});
-			setFilterData(newFilters);
-		};
-		$[17] = defaultFilterValues;
-		$[18] = filterData;
-		$[19] = prefix;
-		$[20] = replace;
-		$[21] = searchParams;
-		$[22] = t6;
-	} else t6 = $[22];
-	const setFilterValue = t6;
-	let t7;
-	if ($[23] !== filterData) {
-		t7 = (keys) => {
-			const result = {};
-			keys.forEach((key_1) => {
-				result[key_1] = filterData[key_1];
+				...RoutingUtils.toRouterSearch(searchParams),
+				...flatFilterQuery
 			});
-			return result;
-		};
-		$[23] = filterData;
-		$[24] = t7;
-	} else t7 = $[24];
-	const getFilterValue = t7;
-	let t8;
-	if ($[25] !== defaultFilterValues || $[26] !== setFilterValue) {
-		t8 = () => {
-			setFilterValue(defaultFilterValues ?? {});
 		};
-		$[25] = defaultFilterValues;
-		$[26] = setFilterValue;
-		$[27] = t8;
-	} else t8 = $[27];
-	const clearAllFilters = t8;
-	let t9;
-	if ($[28] !== clearAllFilters || $[29] !== filterData || $[30] !== getFilterValue || $[31] !== setFilterValue) {
-		t9 = {
+		const currentFilters = parseFilterFromQuery(searchParams, schema);
+		const hasFiltersSet = Object.keys(currentFilters).length > 0;
+		if (defaultFilterValues && !hasFiltersSet) setUrlToDefaultFilters();
+	}, [
+		defaultFilterValues,
+		prefix,
+		schema
+	]);
+	useEffect(() => {
+		setFilterData(parseFilterFromQuery(searchParams, schema));
+	}, [searchParams, schema]);
+	const setFilterValue = useCallback((data) => {
+		let newFilters = { ...filterData };
+		const isReset = Object.keys(data).length === 0;
+		if (data === defaultFilterValues) newFilters = { ...defaultFilterValues };
+		else if (isReset) newFilters = {};
+		else Object.entries(data).forEach(([key, value]) => {
+			if (value === void 0) delete newFilters[key];
+			else newFilters[key] = value;
+		});
+		const prefixPart = prefix ? `${prefix}-` : "";
+		const cleanedQuery = RoutingUtils.toRouterSearch(searchParams);
+		Object.keys(cleanedQuery).forEach((key) => {
+			if (key.startsWith(`filter[${prefixPart}`)) delete cleanedQuery[key];
+		});
+		const flatFilterQuery = serializeFiltersToQuery(newFilters, prefix);
+		replace(".", {
+			...cleanedQuery,
+			...flatFilterQuery
+		});
+		setFilterData(newFilters);
+	}, [
+		filterData,
+		prefix,
+		replace,
+		defaultFilterValues,
+		searchParams
+	]);
+	const getFilterValue = useCallback((keys) => {
+		const result = {};
+		keys.forEach((key) => {
+			result[key] = filterData[key];
+		});
+		return result;
+	}, [filterData]);
+	const clearAllFilters = useCallback(() => {
+		setFilterValue(defaultFilterValues ?? {});
+	}, [defaultFilterValues, setFilterValue]);
+	return useMemo(() => {
+		return {
 			filterData,
 			setFilterValue,
 			getFilterValue,
 			clearAllFilters
 		};
-		$[28] = clearAllFilters;
-		$[29] = filterData;
-		$[30] = getFilterValue;
-		$[31] = setFilterValue;
-		$[32] = t9;
-	} else t9 = $[32];
-	return t9;
+	}, [
+		filterData,
+		setFilterValue,
+		getFilterValue,
+		clearAllFilters
+	]);
 };
 //#endregion
 export { useFilters };

package/dist/hooks/useForm.js

@@ -1,48 +1,14 @@
-import { c } from "react/compiler-runtime";
+import { useMemo } from "react";
 import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 //#region src/hooks/useForm.ts
-function useForm$1(t0) {
-	const $ = c(12);
-	let defaultValues;
-	let props;
-	let resolver;
-	let zodSchema;
-	if ($[0] !== t0) {
-		({resolver, zodSchema, defaultValues, ...props} = t0);
-		$[0] = t0;
-		$[1] = defaultValues;
-		$[2] = props;
-		$[3] = resolver;
-		$[4] = zodSchema;
-	} else {
-		defaultValues = $[1];
-		props = $[2];
-		resolver = $[3];
-		zodSchema = $[4];
-	}
-	let t1;
-	if ($[5] !== resolver || $[6] !== zodSchema) {
-		t1 = resolver ?? (zodSchema ? zodResolver(zodSchema) : void 0);
-		$[5] = resolver;
-		$[6] = zodSchema;
-		$[7] = t1;
-	} else t1 = $[7];
-	const formResolver = t1;
-	const t2 = defaultValues;
-	let t3;
-	if ($[8] !== formResolver || $[9] !== props || $[10] !== t2) {
-		t3 = {
-			...props,
-			resolver: formResolver,
-			defaultValues: t2
-		};
-		$[8] = formResolver;
-		$[9] = props;
-		$[10] = t2;
-		$[11] = t3;
-	} else t3 = $[11];
-	return useForm(t3);
+function useForm$1({ resolver, zodSchema, defaultValues, ...props }) {
+	const formResolver = useMemo(() => resolver ?? (zodSchema ? zodResolver(zodSchema) : void 0), [resolver, zodSchema]);
+	return useForm({
+		...props,
+		resolver: formResolver,
+		defaultValues
+	});
 }
 //#endregion
 export { useForm$1 as useForm };

package/dist/hooks/useFormAutosave.d.ts

@@ -5,11 +5,9 @@ import { UseFormProps, UseFormResolverProps } from './useForm';
 export type UseFormAutosaveProps<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues, TResponse = unknown> = Omit<UseFormProps<TFieldValues, TContext, TTransformedValues>, "defaultValues"> & UseFormResolverProps<TFieldValues, TTransformedValues> & {
     autosaveDelay?: UseAutosaveProps<TFieldValues, TContext, TTransformedValues, TResponse>["delay"];
     enableAutosave?: UseAutosaveProps<TFieldValues, TContext, TTransformedValues, TResponse>["enabled"];
-    autosaveOn?: UseAutosaveProps<TFieldValues, TContext, TTransformedValues, TResponse>["trigger"];
-    normalizeAutosaveData?: (data: Partial<TTransformedValues>) => Partial<TTransformedValues> | undefined;
     onAutosave: UseAutosaveProps<TFieldValues, TContext, TTransformedValues, TResponse>["onSave"];
     getResetValues: () => UseFormProps<TFieldValues, TContext, TTransformedValues>["defaultValues"];
     resetDeps: DependencyList;
     resetTimeout?: number;
 };
-export declare function useFormAutosave<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues, TResponse = any>({ autosaveDelay, enableAutosave, autosaveOn, normalizeAutosaveData, onAutosave, getResetValues, resetDeps, resetTimeout, ...props }: UseFormAutosaveProps<TFieldValues, TContext, TTransformedValues, TResponse>): import('react-hook-form').UseFormReturn<TFieldValues, TContext, TTransformedValues>;
+export declare function useFormAutosave<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues, TResponse = any>({ autosaveDelay, enableAutosave, onAutosave, getResetValues, resetDeps, resetTimeout, ...props }: UseFormAutosaveProps<TFieldValues, TContext, TTransformedValues, TResponse>): import('react-hook-form').UseFormReturn<TFieldValues, TContext, TTransformedValues>;

package/dist/hooks/useFormAutosave.js

@@ -1,7 +1,6 @@
 import { ObjectUtils } from "../utils/object.utils.js";
 import { useAutosave } from "./useAutosave.js";
 import { useForm } from "./useForm.js";
-import { c } from "react/compiler-runtime";
 import { useEffect, useRef } from "react";
 //#region src/hooks/useFormAutosave.ts
 var getResetTimeoutErrorMessage = (resetTimeout) => `Form Reset Timeout (${resetTimeout}ms) - Action Required
@@ -16,130 +15,39 @@ Solutions:
 1. Ensure reset dependencies include all relevant state variables
 2. Confirm your submission handler updates state properly (check query invalidation)
 3. For slower operations, consider increasing the timeout threshold`;
-function useFormAutosave(t0) {
-	const $ = c(32);
-	let autosaveDelay;
-	let enableAutosave;
-	let getResetValues;
-	let normalizeAutosaveData;
-	let onAutosave;
-	let props;
-	let resetDeps;
-	let t1;
-	let t2;
-	if ($[0] !== t0) {
-		({autosaveDelay, enableAutosave, autosaveOn: t1, normalizeAutosaveData, onAutosave, getResetValues, resetDeps, resetTimeout: t2, ...props} = t0);
-		$[0] = t0;
-		$[1] = autosaveDelay;
-		$[2] = enableAutosave;
-		$[3] = getResetValues;
-		$[4] = normalizeAutosaveData;
-		$[5] = onAutosave;
-		$[6] = props;
-		$[7] = resetDeps;
-		$[8] = t1;
-		$[9] = t2;
-	} else {
-		autosaveDelay = $[1];
-		enableAutosave = $[2];
-		getResetValues = $[3];
-		normalizeAutosaveData = $[4];
-		onAutosave = $[5];
-		props = $[6];
-		resetDeps = $[7];
-		t1 = $[8];
-		t2 = $[9];
-	}
-	const autosaveOn = t1 === void 0 ? "change" : t1;
-	const resetTimeout = t2 === void 0 ? 5e3 : t2;
-	let t3;
-	if ($[10] !== getResetValues) {
-		t3 = getResetValues();
-		$[10] = getResetValues;
-		$[11] = t3;
-	} else t3 = $[11];
-	let t4;
-	if ($[12] !== props || $[13] !== t3) {
-		t4 = {
-			...props,
-			defaultValues: t3
-		};
-		$[12] = props;
-		$[13] = t3;
-		$[14] = t4;
-	} else t4 = $[14];
-	const form = useForm(t4);
+function useFormAutosave({ autosaveDelay, enableAutosave, onAutosave, getResetValues, resetDeps, resetTimeout = 5e3, ...props }) {
+	const form = useForm({
+		...props,
+		defaultValues: getResetValues()
+	});
 	const shouldResetFormValuesRef = useRef(false);
 	const resetFormValuesTimeoutRef = useRef(void 0);
-	let t5;
-	if ($[15] !== form || $[16] !== getResetValues) {
-		t5 = () => {
-			const resetValues = getResetValues();
-			if (resetValues === void 0) return;
-			const resetFormValues = async () => {
-				const keepStateOptions = shouldResetFormValuesRef.current ? { keepDirtyValues: true } : void 0;
-				shouldResetFormValuesRef.current = false;
-				let values = resetValues;
-				if (ObjectUtils.isFunction(resetValues)) values = await resetValues();
-				form.reset(values, keepStateOptions);
-			};
-			resetFormValues();
-		};
-		$[15] = form;
-		$[16] = getResetValues;
-		$[17] = t5;
-	} else t5 = $[17];
-	let t6;
-	if ($[18] !== resetDeps) {
-		t6 = [...resetDeps];
-		$[18] = resetDeps;
-		$[19] = t6;
-	} else t6 = $[19];
-	useEffect(t5, t6);
-	let t7;
-	if ($[20] !== resetTimeout) {
-		t7 = () => {
-			shouldResetFormValuesRef.current = true;
-			if (resetFormValuesTimeoutRef.current) clearTimeout(resetFormValuesTimeoutRef.current);
-			resetFormValuesTimeoutRef.current = setTimeout(() => {
-				if (shouldResetFormValuesRef.current) throw new Error(getResetTimeoutErrorMessage(resetTimeout));
-			}, resetTimeout);
-		};
-		$[20] = resetTimeout;
-		$[21] = t7;
-	} else t7 = $[21];
-	const onSaveSuccess = t7;
-	let t8;
-	if ($[22] !== normalizeAutosaveData || $[23] !== onAutosave) {
-		t8 = (data) => {
-			const normalizedData = normalizeAutosaveData ? normalizeAutosaveData(data) : data;
-			if (!normalizedData || ObjectUtils.isEmpty(normalizedData)) return Promise.resolve(void 0);
-			return onAutosave(normalizedData);
-		};
-		$[22] = normalizeAutosaveData;
-		$[23] = onAutosave;
-		$[24] = t8;
-	} else t8 = $[24];
-	const onSave = t8;
-	let t9;
-	if ($[25] !== autosaveDelay || $[26] !== autosaveOn || $[27] !== enableAutosave || $[28] !== form || $[29] !== onSave || $[30] !== onSaveSuccess) {
-		t9 = {
-			form,
-			delay: autosaveDelay,
-			enabled: enableAutosave,
-			trigger: autosaveOn,
-			onSave,
-			onSaveSuccess
+	useEffect(() => {
+		const resetValues = getResetValues();
+		if (resetValues === void 0) return;
+		const resetFormValues = async () => {
+			const keepStateOptions = shouldResetFormValuesRef.current ? { keepDirtyValues: true } : void 0;
+			shouldResetFormValuesRef.current = false;
+			let values = resetValues;
+			if (ObjectUtils.isFunction(resetValues)) values = await resetValues();
+			form.reset(values, keepStateOptions);
 		};
-		$[25] = autosaveDelay;
-		$[26] = autosaveOn;
-		$[27] = enableAutosave;
-		$[28] = form;
-		$[29] = onSave;
-		$[30] = onSaveSuccess;
-		$[31] = t9;
-	} else t9 = $[31];
-	useAutosave(t9);
+		resetFormValues();
+	}, [...resetDeps]);
+	const onSaveSuccess = () => {
+		shouldResetFormValuesRef.current = true;
+		if (resetFormValuesTimeoutRef.current) clearTimeout(resetFormValuesTimeoutRef.current);
+		resetFormValuesTimeoutRef.current = setTimeout(() => {
+			if (shouldResetFormValuesRef.current) throw new Error(getResetTimeoutErrorMessage(resetTimeout));
+		}, resetTimeout);
+	};
+	useAutosave({
+		form,
+		delay: autosaveDelay,
+		enabled: enableAutosave,
+		onSave: onAutosave,
+		onSaveSuccess
+	});
 	return form;
 }
 //#endregion

package/dist/hooks/useIntersectionObserver.d.ts

@@ -3,6 +3,6 @@ type UseIntersectionObserverProps = {
     onIntersectionChange?: (entry: IntersectionObserverEntry) => void;
 } & IntersectionObserverInit;
 export declare const useIntersectionObserver: <T extends HTMLElement>({ onIntersection, onIntersectionChange, root, rootMargin, threshold, }: UseIntersectionObserverProps) => {
-    ref: (element: T | null) => void;
+    ref: (node: T | null) => void;
 };
 export {};

package/dist/hooks/useIntersectionObserver.js

@@ -1,98 +1,31 @@
-import { c } from "react/compiler-runtime";
-import { useEffect, useRef } from "react";
+import { useCallback, useEffect, useState } from "react";
 //#region src/hooks/useIntersectionObserver.ts
-var useIntersectionObserver = (t0) => {
-	const $ = c(13);
-	const { onIntersection, onIntersectionChange, root, rootMargin, threshold } = t0;
-	const elementRef = useRef(null);
-	const observerRef = useRef(null);
-	const onIntersectionRef = useRef(onIntersection);
-	const onIntersectionChangeRef = useRef(onIntersectionChange);
-	let t1;
-	let t2;
-	if ($[0] !== onIntersection) {
-		t1 = () => {
-			onIntersectionRef.current = onIntersection;
-		};
-		t2 = [onIntersection];
-		$[0] = onIntersection;
-		$[1] = t1;
-		$[2] = t2;
-	} else {
-		t1 = $[1];
-		t2 = $[2];
-	}
-	useEffect(t1, t2);
-	let t3;
-	let t4;
-	if ($[3] !== onIntersectionChange) {
-		t3 = () => {
-			onIntersectionChangeRef.current = onIntersectionChange;
-		};
-		t4 = [onIntersectionChange];
-		$[3] = onIntersectionChange;
-		$[4] = t3;
-		$[5] = t4;
-	} else {
-		t3 = $[4];
-		t4 = $[5];
-	}
-	useEffect(t3, t4);
-	let t5;
-	let t6;
-	if ($[6] !== root || $[7] !== rootMargin || $[8] !== threshold) {
-		t5 = () => {
-			const observer = new IntersectionObserver((entries) => {
-				if (entries.some(_temp)) onIntersectionRef.current?.();
-				onIntersectionChangeRef.current?.(entries[0]);
-			}, {
-				root,
-				rootMargin,
-				threshold
-			});
-			observerRef.current = observer;
-			if (elementRef.current) observer.observe(elementRef.current);
-			return () => {
-				if (elementRef.current) observer.unobserve(elementRef.current);
-				observer.disconnect();
-				observerRef.current = null;
-			};
-		};
-		t6 = [
+var useIntersectionObserver = ({ onIntersection, onIntersectionChange, root, rootMargin, threshold }) => {
+	const [element, setElement] = useState(null);
+	const ref = useCallback((node) => {
+		setElement(node);
+	}, []);
+	useEffect(() => {
+		if (!element) return;
+		const observer = new IntersectionObserver((entries) => {
+			if (entries.some((entry) => entry.isIntersecting)) onIntersection?.();
+			onIntersectionChange?.(entries[0]);
+		}, {
 			root,
 			rootMargin,
 			threshold
-		];
-		$[6] = root;
-		$[7] = rootMargin;
-		$[8] = threshold;
-		$[9] = t5;
-		$[10] = t6;
-	} else {
-		t5 = $[9];
-		t6 = $[10];
-	}
-	useEffect(t5, t6);
-	let t7;
-	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-		t7 = (element) => {
-			if (elementRef.current === element) return;
-			if (observerRef.current && elementRef.current) observerRef.current.unobserve(elementRef.current);
-			elementRef.current = element;
-			if (observerRef.current && elementRef.current) observerRef.current.observe(elementRef.current);
-		};
-		$[11] = t7;
-	} else t7 = $[11];
-	const ref = t7;
-	let t8;
-	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = { ref };
-		$[12] = t8;
-	} else t8 = $[12];
-	return t8;
+		});
+		observer.observe(element);
+		return () => observer.disconnect();
+	}, [
+		element,
+		root,
+		onIntersection,
+		onIntersectionChange,
+		rootMargin,
+		threshold
+	]);
+	return { ref };
 };
-function _temp(entry) {
-	return entry.isIntersecting;
-}
 //#endregion
 export { useIntersectionObserver };

package/dist/hooks/useLocalStorage.js

@@ -1,5 +1,4 @@
-import { c } from "react/compiler-runtime";
-import { useState } from "react";
+import { useCallback, useState } from "react";
 //#region src/hooks/useLocalStorage.ts
 var getValue = (key, schema) => {
 	if (!localStorage) return null;
@@ -15,56 +14,24 @@ var getValue = (key, schema) => {
 	if (parsedValue.success) return parsedValue.data;
 	else return null;
 };
-var useLocalStorage = (t0) => {
-	const $ = c(12);
-	const { key, schema } = t0;
-	let t1;
-	if ($[0] !== key || $[1] !== schema) {
-		t1 = () => getValue(key, schema);
-		$[0] = key;
-		$[1] = schema;
-		$[2] = t1;
-	} else t1 = $[2];
-	const [value, setValue] = useState(t1);
-	let t2;
-	if ($[3] !== key || $[4] !== schema) {
-		t2 = (newValue) => {
+var useLocalStorage = ({ key, schema }) => {
+	const [value, setValue] = useState(() => getValue(key, schema));
+	return {
+		value,
+		set: useCallback((newValue) => {
 			if (!localStorage) return;
 			const parsedValue = schema.safeParse(newValue);
 			if (!parsedValue.success) return;
 			if (typeof parsedValue.data === "string") localStorage.setItem(key, parsedValue.data);
 			else localStorage.setItem(key, JSON.stringify(parsedValue.data));
 			setValue(parsedValue.data);
-		};
-		$[3] = key;
-		$[4] = schema;
-		$[5] = t2;
-	} else t2 = $[5];
-	const set = t2;
-	let t3;
-	if ($[6] !== key) {
-		t3 = () => {
+		}, [key, schema]),
+		remove: useCallback(() => {
 			if (!localStorage) return;
 			localStorage.removeItem(key);
 			setValue(null);
-		};
-		$[6] = key;
-		$[7] = t3;
-	} else t3 = $[7];
-	const remove = t3;
-	let t4;
-	if ($[8] !== remove || $[9] !== set || $[10] !== value) {
-		t4 = {
-			value,
-			set,
-			remove
-		};
-		$[8] = remove;
-		$[9] = set;
-		$[10] = value;
-		$[11] = t4;
-	} else t4 = $[11];
-	return t4;
+		}, [key])
+	};
 };
 //#endregion
 export { useLocalStorage };