@povio/ui 3.4.0-rc.14 → 3.4.0-rc.16

package/dist/hooks/useDebounceCallback.js

@@ -1,25 +1,59 @@
-import { useCallback, useEffect, useRef, useState } from "react";
+import { c } from "react/compiler-runtime";
+import { useEffect, useRef, useState } from "react";
 //#region src/hooks/useDebounceCallback.ts
-function useDebounceCallback(callback, { delay = 500 } = {}) {
+function useDebounceCallback(callback, t0) {
+	const $ = c(10);
+	let t1;
+	if ($[0] !== t0) {
+		t1 = t0 === void 0 ? {} : t0;
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	const { delay: t2 } = t1;
+	const delay = t2 === void 0 ? 500 : t2;
 	const timeoutRef = useRef(null);
 	const [isDebouncing, setIsDebouncing] = useState(false);
-	const debouncedCallback = useCallback((...args) => {
-		if (timeoutRef.current) clearTimeout(timeoutRef.current);
-		setIsDebouncing(true);
-		timeoutRef.current = setTimeout(() => {
-			setIsDebouncing(false);
-			callback?.(...args);
-		}, delay);
-	}, [callback, delay]);
-	useEffect(() => {
-		return () => {
+	let t3;
+	if ($[2] !== callback || $[3] !== delay) {
+		t3 = (...t4) => {
+			const args = t4;
 			if (timeoutRef.current) clearTimeout(timeoutRef.current);
+			setIsDebouncing(true);
+			timeoutRef.current = setTimeout(() => {
+				setIsDebouncing(false);
+				callback?.(...args);
+			}, delay);
 		};
-	}, []);
-	return {
-		callback: debouncedCallback,
-		isDebouncing
-	};
+		$[2] = callback;
+		$[3] = delay;
+		$[4] = t3;
+	} else t3 = $[4];
+	const debouncedCallback = t3;
+	let t4;
+	let t5;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = () => () => {
+			if (timeoutRef.current) clearTimeout(timeoutRef.current);
+		};
+		t5 = [];
+		$[5] = t4;
+		$[6] = t5;
+	} else {
+		t4 = $[5];
+		t5 = $[6];
+	}
+	useEffect(t4, t5);
+	let t6;
+	if ($[7] !== debouncedCallback || $[8] !== isDebouncing) {
+		t6 = {
+			callback: debouncedCallback,
+			isDebouncing
+		};
+		$[7] = debouncedCallback;
+		$[8] = isDebouncing;
+		$[9] = t6;
+	} else t6 = $[9];
+	return t6;
 }
 //#endregion
 export { useDebounceCallback };

package/dist/hooks/useDeepCompare.d.ts

@@ -1,4 +1,7 @@
-import { EffectCallback } from 'react';
-export declare const useDeepCompareEffect: (callback: EffectCallback, dependencies: any[]) => void;
-export declare const useDeepCompareLayoutEffect: (callback: EffectCallback, dependencies: any[]) => void;
-export declare const useDeepCompareMemo: <T = any>(factory: () => T, dependencies: any[]) => T;
+import { EffectCallback } from "react";
+//#region src/hooks/useDeepCompare.d.ts
+declare const useDeepCompareEffect: (callback: EffectCallback, dependencies: any[]) => void;
+declare const useDeepCompareLayoutEffect: (callback: EffectCallback, dependencies: any[]) => void;
+declare const useDeepCompareMemo: <T = any>(factory: () => T, dependencies: any[]) => T;
+//#endregion
+export { useDeepCompareEffect, useDeepCompareLayoutEffect, useDeepCompareMemo };

package/dist/hooks/useDeepCompare.js

@@ -1,16 +1,16 @@
 import { isEqual } from "../utils/isEqual.js";
 import { useEffect, useLayoutEffect, useMemo, useRef } from "react";
 //#region src/hooks/useDeepCompare.ts
-var useDeepCompareEffect = (callback, dependencies) => {
+const useDeepCompareEffect = (callback, dependencies) => {
 	return useEffect(callback, useDeepCompareDeps(dependencies));
 };
-var useDeepCompareLayoutEffect = (callback, dependencies) => {
+const useDeepCompareLayoutEffect = (callback, dependencies) => {
 	return useLayoutEffect(callback, useDeepCompareDeps(dependencies));
 };
-var useDeepCompareMemo = (factory, dependencies) => {
+const useDeepCompareMemo = (factory, dependencies) => {
 	return useMemo(factory, useDeepCompareDeps(dependencies));
 };
-var useDeepCompareDeps = (value) => {
+const useDeepCompareDeps = (value) => {
 	const ref = useRef(void 0);
 	const signalRef = useRef(0);
 	if (!isEqual(value, ref.current)) {

package/dist/hooks/useFilters.d.ts

@@ -1,8 +1,11 @@
-import { z } from 'zod';
-export interface FilterStore<TFilterData> {
-    filterData: TFilterData;
-    setFilterValue: (data: Partial<TFilterData>) => void;
-    getFilterValue: (keys: (keyof TFilterData)[]) => Partial<TFilterData>;
-    clearAllFilters: () => void;
+import { z } from "zod";
+//#region src/hooks/useFilters.d.ts
+interface FilterStore<TFilterData> {
+  filterData: TFilterData;
+  setFilterValue: (data: Partial<TFilterData>) => void;
+  getFilterValue: (keys: (keyof TFilterData)[]) => Partial<TFilterData>;
+  clearAllFilters: () => void;
 }
-export declare const useFilters: <TFilterData>(defaultFilterValues?: TFilterData, prefix?: string, schema?: z.ZodObject<any>) => FilterStore<TFilterData>;
+declare const useFilters: <TFilterData>(defaultFilterValues?: TFilterData, prefix?: string, schema?: z.ZodObject<any>) => FilterStore<TFilterData>;
+//#endregion
+export { FilterStore, useFilters };

package/dist/hooks/useFilters.js

@@ -1,7 +1,7 @@
 import { UIRouter } from "../config/router.context.js";
 import { RoutingUtils } from "../utils/routing.utils.js";
-import { useEffect, useState } from "react";
 import { c } from "react/compiler-runtime";
+import { useEffect, useState } from "react";
 import { z } from "zod";
 //#region src/hooks/useFilters.ts
 function getFieldType(schema, fieldKey) {
@@ -15,7 +15,7 @@ function getFieldType(schema, fieldKey) {
 	if (fieldSchema instanceof z.ZodString) return "string";
 	return "unknown";
 }
-var serializeFiltersToQuery = (filterData, prefix) => {
+const serializeFiltersToQuery = (filterData, prefix) => {
 	const query = {};
 	for (const [key, value] of Object.entries(filterData)) {
 		if (value === null || value === void 0) continue;
@@ -29,7 +29,7 @@ function normalizeBooleanQueryValue(value) {
 	if (value === "\"false\"") return "false";
 	return value;
 }
-var parseFilterFromQuery = (searchParams, schema) => {
+const parseFilterFromQuery = (searchParams, schema) => {
 	const filter = {};
 	for (const [key, value] of searchParams.entries()) {
 		const normalizedValue = normalizeBooleanQueryValue(value);
@@ -51,7 +51,7 @@ var parseFilterFromQuery = (searchParams, schema) => {
 	}
 	return filter;
 };
-var useFilters = (defaultFilterValues, t0, schema) => {
+const useFilters = (defaultFilterValues, t0, schema) => {
 	const $ = c(33);
 	const prefix = t0 === void 0 ? "" : t0;
 	const { searchParams, replace } = UIRouter.useUIRouter();
@@ -68,8 +68,9 @@ var useFilters = (defaultFilterValues, t0, schema) => {
 		t2 = () => {
 			const setUrlToDefaultFilters = () => {
 				const flatFilterQuery = serializeFiltersToQuery(defaultFilterValues, prefix);
+				const currentQuery = RoutingUtils.toRouterSearch(searchParams);
 				replace(".", {
-					...RoutingUtils.toRouterSearch(searchParams),
+					...currentQuery,
 					...flatFilterQuery
 				});
 			};
@@ -101,7 +102,8 @@ var useFilters = (defaultFilterValues, t0, schema) => {
 	let t5;
 	if ($[13] !== schema || $[14] !== searchParams) {
 		t4 = () => {
-			setFilterData(parseFilterFromQuery(searchParams, schema));
+			const newQueryFilters = parseFilterFromQuery(searchParams, schema);
+			setFilterData(newQueryFilters);
 		};
 		t5 = [searchParams, schema];
 		$[13] = schema;

package/dist/hooks/useForm.d.ts

@@ -1,42 +1,42 @@
-import { AnyFormApi, DeepKeys, DeepValue, ReactFormExtendedApi } from '@tanstack/react-form';
-import { z } from 'zod';
+import { z } from "zod";
+import { DeepKeys, DeepValue, ReactFormExtendedApi } from "@tanstack/react-form";
+//#region src/hooks/useForm.d.ts
 type FormMode = "all" | "onBlur" | "onChange" | "onSubmit" | "onTouched";
 type FieldValidators = {
-    onBlur?: ({ value }: {
-        value: unknown;
-    }) => string | undefined;
-    onChange?: ({ value }: {
-        value: unknown;
-    }) => string | undefined;
+  onBlur?: ({ value }: {
+    value: unknown;
+  }) => string | undefined;
+  onChange?: ({ value }: {
+    value: unknown;
+  }) => string | undefined;
 };
-export type FormSubmitHandler<TValues> = (values: TValues) => void | Promise<void>;
-export type FormSubmitErrorHandler<TValues> = (errors: unknown, values: TValues) => unknown;
+type FormSubmitHandler<TValues> = (values: TValues) => void | Promise<void>;
+type FormSubmitErrorHandler<TValues> = (errors: unknown, values: TValues) => unknown;
 type TanStackForm<TFieldValues> = ReactFormExtendedApi<TFieldValues, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, never>;
-export type UIForm<TFieldValues extends Record<string, unknown> = Record<string, unknown>> = Omit<TanStackForm<TFieldValues>, "handleSubmit"> & {
-    readonly disabled: boolean;
-    getFieldValidators: (name: DeepKeys<TFieldValues>) => FieldValidators | undefined;
-    notifyBlur: (name: DeepKeys<TFieldValues>) => void;
-    parseValues: (values: TFieldValues) => unknown;
-    subscribeBlur: (listener: (name: DeepKeys<TFieldValues>) => void) => () => void;
-    handleSubmit: (onValid: FormSubmitHandler<any>, onInvalid?: FormSubmitErrorHandler<TFieldValues>) => (event?: {
-        preventDefault?: () => void;
-        stopPropagation?: () => void;
-    }) => Promise<void>;
+type UIForm<TFieldValues extends Record<string, unknown> = Record<string, unknown>> = Omit<TanStackForm<TFieldValues>, "handleSubmit"> & {
+  readonly disabled: boolean;
+  getFieldValidators: (name: DeepKeys<TFieldValues>) => FieldValidators | undefined;
+  notifyBlur: (name: DeepKeys<TFieldValues>) => void;
+  parseValues: (values: TFieldValues) => unknown;
+  subscribeBlur: (listener: (name: DeepKeys<TFieldValues>) => void) => () => void;
+  handleSubmit: (onValid: FormSubmitHandler<any>, onInvalid?: FormSubmitErrorHandler<TFieldValues>) => (event?: {
+    preventDefault?: () => void;
+    stopPropagation?: () => void;
+  }) => Promise<void>;
 };
 type AsyncDefaultValues<TFieldValues> = (payload?: unknown) => Promise<TFieldValues>;
-type NullableDefaults<T> = T extends Date | File | Blob ? T : T extends Array<infer TItem> ? Array<NullableDefaults<TItem>> : T extends object ? {
-    [K in keyof T]?: NullableDefaults<T[K]> | null;
-} : T | null;
-export interface UseFormProps<TFieldValues, TTransformedValues = TFieldValues> {
-    defaultValues?: NullableDefaults<TFieldValues> | AsyncDefaultValues<TFieldValues>;
-    disabled?: boolean;
-    mode?: FormMode;
-    onSubmitAsync?: (props: {
-        value: TFieldValues;
-    }) => Promise<unknown>;
-    zodSchema?: z.ZodType<TTransformedValues, TFieldValues>;
+type NullableDefaults<T> = T extends Date | File | Blob ? T : T extends Array<infer TItem> ? Array<NullableDefaults<TItem>> : T extends object ? { [K in keyof T]?: NullableDefaults<T[K]> | null; } : T | null;
+interface UseFormProps<TFieldValues, TTransformedValues = TFieldValues> {
+  defaultValues?: NullableDefaults<TFieldValues> | AsyncDefaultValues<TFieldValues>;
+  disabled?: boolean;
+  mode?: FormMode;
+  onSubmitAsync?: (props: {
+    value: TFieldValues;
+  }) => Promise<unknown>;
+  zodSchema?: z.ZodType<TTransformedValues, TFieldValues>;
 }
-export declare function useForm<TFieldValues extends Record<string, unknown> = Record<string, unknown>, _TContext = unknown, TTransformedValues = TFieldValues>({ defaultValues, disabled, mode, onSubmitAsync, zodSchema, }?: UseFormProps<TFieldValues, TTransformedValues>): UIForm<TFieldValues>;
-export declare const useFormValue: <TFieldValues extends Record<string, unknown>, TSelected>(form: UIForm<TFieldValues>, selector: (values: TFieldValues) => TSelected) => TSelected;
-export declare const useFormState: <TFieldValues extends Record<string, unknown>, TSelected>(form: UIForm<TFieldValues>, selector: (state: UIForm<TFieldValues>["state"]) => TSelected) => TSelected;
-export type { AnyFormApi, DeepKeys, DeepValue };
+declare function useForm$1<TFieldValues extends Record<string, unknown> = Record<string, unknown>, _TContext = unknown, TTransformedValues = TFieldValues>({ defaultValues, disabled, mode, onSubmitAsync, zodSchema }?: UseFormProps<TFieldValues, TTransformedValues>): UIForm<TFieldValues>;
+declare const useFormValue: <TFieldValues extends Record<string, unknown>, TSelected>(form: UIForm<TFieldValues>, selector: (values: TFieldValues) => TSelected) => TSelected;
+declare const useFormState: <TFieldValues extends Record<string, unknown>, TSelected>(form: UIForm<TFieldValues>, selector: (state: UIForm<TFieldValues>["state"]) => TSelected) => TSelected;
+//#endregion
+export { type DeepKeys, type DeepValue, FormSubmitErrorHandler, FormSubmitHandler, UIForm, UseFormProps, useForm$1 as useForm, useFormState, useFormValue };

package/dist/hooks/useForm.js

@@ -1,5 +1,5 @@
-import { useEffect, useMemo, useRef } from "react";
 import { c } from "react/compiler-runtime";
+import { useEffect, useMemo, useRef } from "react";
 import { useForm, useStore } from "@tanstack/react-form";
 //#region src/hooks/useForm.ts
 function useForm$1({ defaultValues, disabled = false, mode = "onSubmit", onSubmitAsync, zodSchema } = {}) {
@@ -73,7 +73,7 @@ function useForm$1({ defaultValues, disabled = false, mode = "onSubmit", onSubmi
 	}, [defaultValues, form]);
 	return uiForm;
 }
-var useFormValue = (form, selector) => {
+const useFormValue = (form, selector) => {
 	const $ = c(2);
 	let t0;
 	if ($[0] !== selector) {
@@ -83,10 +83,10 @@ var useFormValue = (form, selector) => {
 	} else t0 = $[1];
 	return useStore(form.store, t0);
 };
-var useFormState = (form, selector) => {
+const useFormState = (form, selector) => {
 	return useStore(form.store, selector);
 };
-var getSchemaAtPath = (rootSchema, path) => {
+const getSchemaAtPath = (rootSchema, path) => {
 	let schema = rootSchema;
 	for (const segment of parsePath(path)) {
 		while (schema?.unwrap && !schema.shape && !schema.element && !schema.items) schema = schema.unwrap();
@@ -95,7 +95,7 @@ var getSchemaAtPath = (rootSchema, path) => {
 	}
 	return schema;
 };
-var parsePath = (path) => path.replaceAll("[", ".").replaceAll("]", "").split(".").filter(Boolean).map((segment) => /^\d+$/.test(segment) ? Number(segment) : segment);
-var pathToString = (path) => path.reduce((result, segment) => typeof segment === "number" ? `${result}[${segment}]` : result ? `${result}.${String(segment)}` : String(segment), "");
+const parsePath = (path) => path.replaceAll("[", ".").replaceAll("]", "").split(".").filter(Boolean).map((segment) => /^\d+$/.test(segment) ? Number(segment) : segment);
+const pathToString = (path) => path.reduce((result, segment) => typeof segment === "number" ? `${result}[${segment}]` : result ? `${result}.${String(segment)}` : String(segment), "");
 //#endregion
 export { useForm$1 as useForm, useFormState, useFormValue };

package/dist/hooks/useFormAutosave.d.ts

@@ -1,14 +1,17 @@
-import { DependencyList } from 'react';
-import { UseAutosaveProps } from './useAutosave';
-import { UseFormProps } from './useForm';
-export type UseFormAutosaveProps<TFieldValues extends Record<string, unknown> = Record<string, unknown>, _TContext = any, TTransformedValues = TFieldValues, TResponse = unknown> = Omit<UseFormProps<TFieldValues, TTransformedValues>, "defaultValues"> & {
-    autosaveDelay?: UseAutosaveProps<TFieldValues, TTransformedValues, TResponse>["delay"];
-    enableAutosave?: UseAutosaveProps<TFieldValues, TTransformedValues, TResponse>["enabled"];
-    autosaveOn?: UseAutosaveProps<TFieldValues, TTransformedValues, TResponse>["trigger"];
-    normalizeAutosaveData?: (data: Partial<TTransformedValues>) => Partial<TTransformedValues> | undefined;
-    onAutosave: UseAutosaveProps<TFieldValues, TTransformedValues, TResponse>["onSave"];
-    getResetValues: () => UseFormProps<TFieldValues, TTransformedValues>["defaultValues"];
-    resetDeps: DependencyList;
-    resetTimeout?: number;
+import { UIForm, UseFormProps } from "./useForm.js";
+import { UseAutosaveProps } from "./useAutosave.js";
+import { DependencyList } from "react";
+//#region src/hooks/useFormAutosave.d.ts
+type UseFormAutosaveProps<TFieldValues extends Record<string, unknown> = Record<string, unknown>, _TContext = any, TTransformedValues = TFieldValues, TResponse = unknown> = Omit<UseFormProps<TFieldValues, TTransformedValues>, "defaultValues"> & {
+  autosaveDelay?: UseAutosaveProps<TFieldValues, TTransformedValues, TResponse>["delay"];
+  enableAutosave?: UseAutosaveProps<TFieldValues, TTransformedValues, TResponse>["enabled"];
+  autosaveOn?: UseAutosaveProps<TFieldValues, TTransformedValues, TResponse>["trigger"];
+  normalizeAutosaveData?: (data: Partial<TTransformedValues>) => Partial<TTransformedValues> | undefined;
+  onAutosave: UseAutosaveProps<TFieldValues, TTransformedValues, TResponse>["onSave"];
+  getResetValues: () => UseFormProps<TFieldValues, TTransformedValues>["defaultValues"];
+  resetDeps: DependencyList;
+  resetTimeout?: number;
 };
-export declare function useFormAutosave<TFieldValues extends Record<string, unknown> = Record<string, unknown>, TContext = any, TTransformedValues = TFieldValues, TResponse = any>({ autosaveDelay, enableAutosave, autosaveOn, normalizeAutosaveData, onAutosave, getResetValues, resetDeps, resetTimeout, ...props }: UseFormAutosaveProps<TFieldValues, TContext, TTransformedValues, TResponse>): import('./useForm').UIForm<TFieldValues>;
+declare function useFormAutosave<TFieldValues extends Record<string, unknown> = Record<string, unknown>, TContext = any, TTransformedValues = TFieldValues, TResponse = any>({ autosaveDelay, enableAutosave, autosaveOn, normalizeAutosaveData, onAutosave, getResetValues, resetDeps, resetTimeout, ...props }: UseFormAutosaveProps<TFieldValues, TContext, TTransformedValues, TResponse>): UIForm<TFieldValues>;
+//#endregion
+export { UseFormAutosaveProps, useFormAutosave };

package/dist/hooks/useFormAutosave.js

@@ -3,7 +3,7 @@ import { useAutosave } from "./useAutosave.js";
 import { useForm } from "./useForm.js";
 import { useCallback, useEffect, useRef } from "react";
 //#region src/hooks/useFormAutosave.ts
-var getResetTimeoutErrorMessage = (resetTimeout) => `Form Reset Timeout (${resetTimeout}ms) - Action Required
+const getResetTimeoutErrorMessage = (resetTimeout) => `Form Reset Timeout (${resetTimeout}ms) - Action Required
 Problem: Form values weren't reset after submission.
 
 Likely causes:
@@ -45,27 +45,28 @@ function useFormAutosave({ autosaveDelay, enableAutosave, autosaveOn = "change",
 			if (shouldResetFormValuesRef.current) throw new Error(getResetTimeoutErrorMessage(resetTimeout));
 		}, resetTimeout);
 	};
+	const onSave = useCallback(async (data) => {
+		const normalizedData = normalizeAutosaveData ? normalizeAutosaveData(data) : data;
+		if (!normalizedData || ObjectUtils.isEmpty(normalizedData)) return;
+		prepareForSaveReset();
+		try {
+			return await onAutosave(normalizedData);
+		} catch (error) {
+			shouldResetFormValuesRef.current = false;
+			if (resetFormValuesTimeoutRef.current) clearTimeout(resetFormValuesTimeoutRef.current);
+			throw error;
+		}
+	}, [
+		normalizeAutosaveData,
+		onAutosave,
+		resetTimeout
+	]);
 	useAutosave({
 		form,
 		delay: autosaveDelay,
 		enabled: enableAutosave,
 		trigger: autosaveOn,
-		onSave: useCallback(async (data) => {
-			const normalizedData = normalizeAutosaveData ? normalizeAutosaveData(data) : data;
-			if (!normalizedData || ObjectUtils.isEmpty(normalizedData)) return;
-			prepareForSaveReset();
-			try {
-				return await onAutosave(normalizedData);
-			} catch (error) {
-				shouldResetFormValuesRef.current = false;
-				if (resetFormValuesTimeoutRef.current) clearTimeout(resetFormValuesTimeoutRef.current);
-				throw error;
-			}
-		}, [
-			normalizeAutosaveData,
-			onAutosave,
-			resetTimeout
-		])
+		onSave
 	});
 	return form;
 }

package/dist/hooks/useIntersectionObserver.d.ts

@@ -1,8 +1,10 @@
+//#region src/hooks/useIntersectionObserver.d.ts
 type UseIntersectionObserverProps = {
-    onIntersection?: () => void;
-    onIntersectionChange?: (entry: IntersectionObserverEntry) => void;
+  onIntersection?: () => void;
+  onIntersectionChange?: (entry: IntersectionObserverEntry) => void;
 } & IntersectionObserverInit;
-export declare const useIntersectionObserver: <T extends HTMLElement>({ onIntersection, onIntersectionChange, root, rootMargin, threshold, }: UseIntersectionObserverProps) => {
-    ref: (element: T | null) => void;
+declare const useIntersectionObserver: <T extends HTMLElement>({ onIntersection, onIntersectionChange, root, rootMargin, threshold }: UseIntersectionObserverProps) => {
+  ref: (element: T | null) => void;
 };
-export {};
+//#endregion
+export { useIntersectionObserver };

package/dist/hooks/useIntersectionObserver.js

@@ -1,7 +1,7 @@
-import { useEffect, useRef } from "react";
 import { c } from "react/compiler-runtime";
+import { useEffect, useRef } from "react";
 //#region src/hooks/useIntersectionObserver.ts
-var useIntersectionObserver = (t0) => {
+const useIntersectionObserver = (t0) => {
 	const $ = c(13);
 	const { onIntersection, onIntersectionChange, root, rootMargin, threshold } = t0;
 	const elementRef = useRef(null);

package/dist/hooks/useKeyInteractions.d.ts

@@ -1,20 +1,23 @@
-import { KeyboardEvent } from 'react';
-export type KeyInteractionAction = "up" | "down" | "left" | "right" | "space" | "escape" | "enter" | "backspace";
-export type KeyInteractionCallback<TElement extends HTMLElement = HTMLElement> = (event: KeyboardEvent<TElement>) => void;
-export interface KeyInteraction<TElement extends HTMLElement = HTMLElement> {
-    callback: KeyInteractionCallback<TElement>;
-    enabled?: boolean;
-    preventDefault?: boolean;
+import { KeyboardEvent } from "react";
+//#region src/hooks/useKeyInteractions.d.ts
+type KeyInteractionAction = "up" | "down" | "left" | "right" | "space" | "escape" | "enter" | "backspace";
+type KeyInteractionCallback<TElement extends HTMLElement = HTMLElement> = (event: KeyboardEvent<TElement>) => void;
+interface KeyInteraction<TElement extends HTMLElement = HTMLElement> {
+  callback: KeyInteractionCallback<TElement>;
+  enabled?: boolean;
+  preventDefault?: boolean;
 }
-export interface KeyInteractionGroup<TElement extends HTMLElement = HTMLElement> extends KeyInteraction<TElement> {
-    actions: KeyInteractionAction[];
+interface KeyInteractionGroup<TElement extends HTMLElement = HTMLElement> extends KeyInteraction<TElement> {
+  actions: KeyInteractionAction[];
 }
-export type KeyInteractions<TElement extends HTMLElement = HTMLElement> = Partial<Record<KeyInteractionAction, KeyInteraction<TElement>>> & {
-    interactions?: KeyInteractionGroup<TElement>[];
+type KeyInteractions<TElement extends HTMLElement = HTMLElement> = Partial<Record<KeyInteractionAction, KeyInteraction<TElement>>> & {
+  interactions?: KeyInteractionGroup<TElement>[];
 };
-export interface UseKeyInteractionsResult<TElement extends HTMLElement = HTMLElement> {
-    onKeyDown: (event: KeyboardEvent<TElement>) => void;
+interface UseKeyInteractionsResult<TElement extends HTMLElement = HTMLElement> {
+  onKeyDown: (event: KeyboardEvent<TElement>) => void;
 }
-export declare const getKeyInteractionAction: (event: Pick<KeyboardEvent, "code" | "key">) => KeyInteractionAction | undefined;
-export declare const createKeyInteractionsHandler: <TElement extends HTMLElement = HTMLElement>(interactions: KeyInteractions<TElement>) => (event: KeyboardEvent<TElement>) => void;
-export declare const useKeyInteractions: <TElement extends HTMLElement = HTMLElement>(interactions: KeyInteractions<TElement>) => UseKeyInteractionsResult<TElement>;
+declare const getKeyInteractionAction: (event: Pick<KeyboardEvent, "code" | "key">) => KeyInteractionAction | undefined;
+declare const createKeyInteractionsHandler: <TElement extends HTMLElement = HTMLElement>(interactions: KeyInteractions<TElement>) => (event: KeyboardEvent<TElement>) => void;
+declare const useKeyInteractions: <TElement extends HTMLElement = HTMLElement>(interactions: KeyInteractions<TElement>) => UseKeyInteractionsResult<TElement>;
+//#endregion
+export { KeyInteraction, KeyInteractionAction, KeyInteractionCallback, KeyInteractionGroup, KeyInteractions, UseKeyInteractionsResult, createKeyInteractionsHandler, getKeyInteractionAction, useKeyInteractions };

package/dist/hooks/useKeyInteractions.js

@@ -1,6 +1,6 @@
 import { c } from "react/compiler-runtime";
 //#region src/hooks/useKeyInteractions.ts
-var KEY_TO_ACTION = {
+const KEY_TO_ACTION = {
 	ArrowUp: "up",
 	ArrowDown: "down",
 	ArrowLeft: "left",
@@ -11,16 +11,16 @@ var KEY_TO_ACTION = {
 	Enter: "enter",
 	Backspace: "backspace"
 };
-var getKeyInteractionAction = (event) => {
+const getKeyInteractionAction = (event) => {
 	return KEY_TO_ACTION[event.key] ?? (event.code === "Space" ? "space" : void 0);
 };
-var createKeyInteractionsHandler = (interactions) => {
+const createKeyInteractionsHandler = (interactions) => {
 	return (event) => handleKeyInteraction({
 		event,
 		interactions
 	});
 };
-var useKeyInteractions = (interactions) => {
+const useKeyInteractions = (interactions) => {
 	const $ = c(4);
 	let t0;
 	if ($[0] !== interactions) {
@@ -40,7 +40,7 @@ var useKeyInteractions = (interactions) => {
 	} else t1 = $[3];
 	return t1;
 };
-var handleKeyInteraction = ({ event, interactions }) => {
+const handleKeyInteraction = ({ event, interactions }) => {
 	const action = getKeyInteractionAction(event);
 	if (!action) return;
 	const interaction = interactions[action];

package/dist/hooks/useLocalStorage.d.ts

@@ -1,11 +1,13 @@
-import { z } from 'zod';
+import { z } from "zod";
+//#region src/hooks/useLocalStorage.d.ts
 interface IProps<ZOutput, ZInput> {
-    key: string;
-    schema: z.ZodType<ZOutput, ZInput>;
+  key: string;
+  schema: z.ZodType<ZOutput, ZInput>;
 }
-export declare const useLocalStorage: <ZOutput, ZInput>({ key, schema }: IProps<ZOutput, ZInput>) => {
-    value: ZOutput | null;
-    set: (newValue: ZInput) => void;
-    remove: () => void;
+declare const useLocalStorage: <ZOutput, ZInput>({ key, schema }: IProps<ZOutput, ZInput>) => {
+  value: ZOutput | null;
+  set: (newValue: ZInput) => void;
+  remove: () => void;
 };
-export {};
+//#endregion
+export { useLocalStorage };

package/dist/hooks/useLocalStorage.js

@@ -1,7 +1,7 @@
-import { useState } from "react";
 import { c } from "react/compiler-runtime";
+import { useState } from "react";
 //#region src/hooks/useLocalStorage.ts
-var getValue = (key, schema) => {
+const getValue = (key, schema) => {
 	if (!localStorage) return null;
 	const lsValue = localStorage.getItem(key);
 	if (!lsValue) return null;
@@ -15,7 +15,7 @@ var getValue = (key, schema) => {
 	if (parsedValue.success) return parsedValue.data;
 	else return null;
 };
-var useLocalStorage = (t0) => {
+const useLocalStorage = (t0) => {
 	const $ = c(12);
 	const { key, schema } = t0;
 	let t1;

package/dist/hooks/useLongPressRepeat.d.ts

@@ -1,9 +1,12 @@
-export declare const useLongPressRepeat: ({ onPress, enabled, interval, timeout, }: {
-    onPress: (long?: boolean) => void;
-    enabled?: boolean;
-    interval?: number;
-    timeout?: number;
+//#region src/hooks/useLongPressRepeat.d.ts
+declare const useLongPressRepeat: ({ onPress, enabled, interval, timeout }: {
+  onPress: (long?: boolean) => void;
+  enabled?: boolean;
+  interval?: number;
+  timeout?: number;
 }) => {
-    onPressStart: () => void;
-    onPressEnd: () => void;
+  onPressStart: () => void;
+  onPressEnd: () => void;
 };
+//#endregion
+export { useLongPressRepeat };