@povio/ui 2.3.0-rc.9 → 2.3.1

package/dist/config/uiConfig.context.js

@@ -1,22 +1,18 @@
-import { CalendarIcon } from "../assets/icons/Calendar.js";
-import { ClockIcon } from "../assets/icons/Clock.js";
-import { DateTimeIcon } from "../assets/icons/DateTime.js";
 import { ObjectUtils } from "../utils/object.utils.js";
 import { useDeepCompareMemo } from "../hooks/useDeepCompare.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { createContext, use } from "react";
 //#region src/config/uiConfig.context.tsx
 var UIConfig;
 (function(_UIConfig) {
 	const DEFAULT_CONFIG = {
-		renderStaticInput: true,
 		input: {
 			variant: "outlined",
 			as: "default",
 			size: "default",
 			isClearable: false,
-			hideLabel: false
+			hideLabel: false,
+			alwaysShowClear: false
 		},
 		button: {
 			variant: "contained",
@@ -36,11 +32,8 @@ var UIConfig;
 			isSearchable: false,
 			selectedTagsType: "list",
 			collapseAfter: 3,
-			hideSearchIcon: false,
-			fireBlurOnChange: false
+			hideSearchIcon: false
 		},
-		queryAutocomplete: { isInitialQueryDisabled: false },
-		querySelect: { isInitialQueryDisabled: false },
 		toggle: { variant: "default" },
 		slider: {
 			minValue: 0,
@@ -48,17 +41,11 @@ var UIConfig;
 		},
 		dateInput: {
 			todayIcon: false,
-			todayIconButtonSize: "none",
-			todayIconPlacement: "content",
 			shouldForceLeadingZeros: false,
 			disableManualEntry: false,
-			autoFixYear: false,
-			calendarIcon: /* @__PURE__ */ jsx(CalendarIcon, { className: "size-5" }),
-			dateTimeIcon: /* @__PURE__ */ jsx(DateTimeIcon, { className: "size-5" }),
-			timeIcon: /* @__PURE__ */ jsx(ClockIcon, { className: "size-6 text-interactive-text-secondary-idle" }),
-			setDateValueOnDateSelection: false,
+			shouldUpdateDateOnMonthYearChange: false,
 			granularity: "day",
-			shouldUpdateDateOnMonthYearChange: false
+			autoFixYear: false
 		},
 		actionModal: {
 			titleTypography: {
@@ -91,42 +78,15 @@ var UIConfig;
 		toast: { variant: "outlined" }
 	};
 	const Context = createContext(DEFAULT_CONFIG);
-	_UIConfig.Provider = (t0) => {
-		const $ = c(9);
-		const { config: t1, children } = t0;
-		let t2;
-		if ($[0] !== t1) {
-			t2 = t1 === void 0 ? {} : t1;
-			$[0] = t1;
-			$[1] = t2;
-		} else t2 = $[1];
-		const config = t2;
+	_UIConfig.Provider = ({ config = {}, children }) => {
 		const parentConfig = use(Context) || DEFAULT_CONFIG;
-		let t3;
-		let t4;
-		if ($[2] !== config || $[3] !== parentConfig) {
-			t3 = () => ObjectUtils.deepConditionalMerge(parentConfig, config, _temp);
-			t4 = [config, parentConfig];
-			$[2] = config;
-			$[3] = parentConfig;
-			$[4] = t3;
-			$[5] = t4;
-		} else {
-			t3 = $[4];
-			t4 = $[5];
-		}
-		const value = useDeepCompareMemo(t3, t4);
-		let t5;
-		if ($[6] !== children || $[7] !== value) {
-			t5 = /* @__PURE__ */ jsx(Context.Provider, {
-				value,
-				children
-			});
-			$[6] = children;
-			$[7] = value;
-			$[8] = t5;
-		} else t5 = $[8];
-		return t5;
+		const value = useDeepCompareMemo(() => {
+			return ObjectUtils.deepConditionalMerge(parentConfig, config, (val) => val !== null && val !== void 0);
+		}, [config, parentConfig]);
+		return /* @__PURE__ */ jsx(Context.Provider, {
+			value,
+			children
+		});
 	};
 	_UIConfig.useConfig = () => {
 		const context = use(Context);
@@ -134,8 +94,5 @@ var UIConfig;
 		return context;
 	};
 })(UIConfig || (UIConfig = {}));
-function _temp(val) {
-	return val !== null && val !== void 0;
-}
 //#endregion
 export { UIConfig };

package/dist/config/uiStyle.context.d.ts

@@ -4,17 +4,11 @@ import { BreadcrumbChevronVariantProps, BreadcrumbIconVariantProps, BreadcrumbIt
 import { ButtonVariantProps } from '../components/buttons/Button/button.cva';
 import { PillButtonVariants } from '../components/buttons/PillButton/pillButton.cva';
 import { CheckboxIconVariantProps, CheckboxVariantProps } from '../components/inputs/Checkbox/checkbox.cva';
-import { DatePickerInputContentRowProps } from '../components/inputs/DateTime/shared/datePickerInput.cva';
 import { FormFieldErrorVariantProps } from '../components/inputs/FormField/formFieldError.cva';
-import { FormFieldHeaderVariantProps } from '../components/inputs/FormField/formFieldHeader.cva';
 import { FormFieldHelperVariantProps } from '../components/inputs/FormField/formFieldHelper.cva';
-import { TextAreaWrapperVariantProps } from '../components/inputs/Input/TextArea/TextArea.cva';
-import { RadioContentRowVariantProps, RadioContentWrapperVariantProps, RadioVariantProps } from '../components/inputs/RadioGroup/radio.cva';
-import { SelectPopoverCva } from '../components/inputs/Selection/shared/selectDesktop.cva';
-import { SelectListBoxItemCva } from '../components/inputs/Selection/shared/selectItem.cva';
-import { InputBaseProps, InputClearClassProps, InputContentWrapperProps, InputSideProps, InputSizeProps } from '../components/inputs/shared/input.cva';
+import { RadioVariantProps } from '../components/inputs/RadioGroup/radio.cva';
+import { InputBaseProps, InputSideProps, InputSizeProps } from '../components/inputs/shared/input.cva';
 import { LabelBaseProps } from '../components/inputs/shared/label.cva';
-import { TooltipWrapperTriggerVariantProps } from '../components/inputs/shared/tooltipWrapper.cva';
 import { ToggleVariantProps } from '../components/inputs/Toggle/toggle.cva';
 import { MenuCvaVariantProps, MenuItemVariantProps, MenuPopoverVariantProps, MenuPopoverWrapperVariantProps } from '../components/Menu/menu.cva';
 import { AccordionChevronVariantProps, AccordionHeadingSubtitleVariantProps, AccordionHeadingTitleVariantProps, AccordionHeadingVariantProps, AccordionIconVariantProps, AccordionItemVariantProps, AccordionPanelContentVariantProps, AccordionPanelVariantProps, AccordionTriggerVariantProps, AccordionVariantProps } from '../components/navigation/Accordion/accordion.cva';
@@ -30,12 +24,13 @@ import { LinkVariantProps } from '../components/text/Link/link.cva';
 import { TagVariantProps } from '../components/text/Tag/tag.cva';
 import { TypographyVariantProps } from '../components/text/Typography/typography.cva';
 import { CompoundMapper, ConfigSchema } from '../utils/compoundMapper';
+import { SelectListBoxItemCva } from '../components/inputs/Selection/shared/selectItem.cva';
 export declare namespace UIStyle {
     export type Cva<T> = (props: (T & ClassProp) | ClassProp) => string;
     type OptionKey = {
         [K in keyof Options]: Options[K] extends object ? `${K & string}.${keyof Options[K] & string}` : never;
     }[keyof Options];
-    export interface Options {
+    interface Options {
         button: {
             cva?: Cva<ButtonVariantProps>;
             sizeCva?: Cva<ButtonVariantProps>;
@@ -51,14 +46,10 @@ export declare namespace UIStyle {
             cva?: Cva<CheckboxVariantProps>;
             iconCva?: Cva<CheckboxIconVariantProps>;
             typography?: CompoundMapper<TypographyVariantProps, CheckboxVariantProps>;
-            contentClassName?: CompoundMapper<string, CheckboxVariantProps>;
         };
         radio: {
             cva?: Cva<RadioVariantProps>;
-            contentWrapperCva?: Cva<RadioContentWrapperVariantProps>;
-            contentRowCva?: Cva<RadioContentRowVariantProps>;
             typography?: CompoundMapper<TypographyVariantProps, RadioVariantProps>;
-            contentClassName?: CompoundMapper<string, RadioVariantProps>;
         };
         status: {
             iconCva?: Cva<ToastVariantProps>;
@@ -73,20 +64,9 @@ export declare namespace UIStyle {
         };
         input: {
             baseCva?: Cva<InputBaseProps>;
-            clearClassCva?: Cva<InputClearClassProps>;
-            contentWrapperCva?: Cva<InputContentWrapperProps>;
             sizeCva?: Cva<InputSizeProps>;
             sideCva?: Cva<InputSideProps>;
         };
-        textArea: {
-            wrapperCva?: Cva<TextAreaWrapperVariantProps>;
-        };
-        tooltipWrapper: {
-            triggerCva?: Cva<TooltipWrapperTriggerVariantProps>;
-        };
-        datePickerInput: {
-            contentRowCva?: Cva<DatePickerInputContentRowProps>;
-        };
         label: {
             cva?: Cva<LabelBaseProps>;
             typography?: CompoundMapper<TypographyVariantProps, LabelBaseProps>;
@@ -94,7 +74,6 @@ export declare namespace UIStyle {
         toggle: {
             cva?: Cva<ToggleVariantProps>;
             typography?: CompoundMapper<TypographyVariantProps, ToggleVariantProps>;
-            contentClassName?: CompoundMapper<string, ToggleVariantProps>;
         };
         typography: {
             cva?: Cva<TypographyVariantProps>;
@@ -166,13 +145,11 @@ export declare namespace UIStyle {
             cva?: Cva<PopoverVariantProps>;
         };
         formField: {
-            headerCva?: Cva<FormFieldHeaderVariantProps>;
             errorLabelCva?: Cva<FormFieldErrorVariantProps>;
             helperLabelCva?: Cva<FormFieldHelperVariantProps>;
         };
         select: {
             listBoxItemCva?: Cva<SelectListBoxItemCva>;
-            popoverCva?: Cva<SelectPopoverCva>;
         };
     }
     interface ProviderProps {

package/dist/config/uiStyle.context.js

@@ -1,24 +1,14 @@
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { createContext, use } from "react";
 //#region src/config/uiStyle.context.tsx
 var UIStyle;
 (function(_UIStyle) {
 	const Context = createContext(null);
-	_UIStyle.Provider = (t0) => {
-		const $ = c(3);
-		const { children, config } = t0;
-		let t1;
-		if ($[0] !== children || $[1] !== config) {
-			t1 = /* @__PURE__ */ jsx(Context.Provider, {
-				value: config,
-				children
-			});
-			$[0] = children;
-			$[1] = config;
-			$[2] = t1;
-		} else t1 = $[2];
-		return t1;
+	_UIStyle.Provider = ({ children, config }) => {
+		return /* @__PURE__ */ jsx(Context.Provider, {
+			value: config,
+			children
+		});
 	};
 	const useConfig = () => {
 		return use(Context);

package/dist/helpers/dynamicInputs.d.ts

@@ -21,14 +21,14 @@ export type AllowedComponentType<TZodType extends z.ZodType> = ZodUtils.ZodTypeS
     datetime: "datePicker" | "dateTimePicker" | "timePicker";
     dateRange: "dateRangePicker";
     boolean: "toggle" | "checkbox";
-    number: "numberInput" | "slider" | "select" | "querySelect" | "autocomplete" | "queryAutocomplete" | "segment";
-    enum: "select" | "querySelect" | "autocomplete" | "segment";
-    string: "textInput" | "passwordInput" | "textArea" | "textEditor" | "select" | "querySelect" | "autocomplete" | "queryAutocomplete" | "segment";
+    number: "numberInput" | "slider" | "select" | "autocomplete" | "queryAutocomplete" | "segment";
+    enum: "select" | "autocomplete" | "segment";
+    string: "textInput" | "passwordInput" | "textArea" | "select" | "autocomplete" | "queryAutocomplete" | "segment";
     email: "textInput";
-    array: "select" | "querySelect" | "autocomplete" | "queryAutocomplete" | "segment";
+    array: "select" | "autocomplete" | "queryAutocomplete" | "segment";
     object: InputComponentType;
     unknown: InputComponentType;
-    uuid: "select" | "querySelect" | "autocomplete" | "queryAutocomplete" | "segment";
+    uuid: "select" | "autocomplete" | "queryAutocomplete" | "segment";
 }>;
 interface DynamicInputDefBase<TProps> {
     label?: string;

package/dist/helpers/dynamicInputs.js

@@ -81,7 +81,6 @@ var getDefaultProps = (componentType, keyType) => {
 	].includes(componentType)) props.items = getDefaultSelectionItems(unwrappedType);
 	if ([
 		"select",
-		"querySelect",
 		"autocomplete",
 		"queryAutocomplete",
 		"segment"
@@ -147,8 +146,6 @@ var populateInputDef = (schema, schemaKey, value, options) => {
 	const inputWrapper = value.inputWrapper ?? options.globalInputWrapper;
 	if ("render" in value) return {
 		name,
-		label,
-		placeholder,
 		render: value.render
 	};
 	const schemaKeyType = schema.shape[schemaKey];

package/dist/hooks/useBreakpoint.js

@@ -1,4 +1,4 @@
-import { c } from "react/compiler-runtime";
+import { useMemo } from "react";
 import { useMediaQuery } from "react-responsive";
 //#region src/hooks/useBreakpoint.ts
 var breakpoints = null;
@@ -22,22 +22,9 @@ function getBreakpoints() {
 	return breakpoints;
 }
 function useBreakpoint(breakpointKey) {
-	const $ = c(3);
-	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = getBreakpoints();
-		$[0] = t0;
-	} else t0 = $[0];
-	const breakpoints = t0;
+	const breakpoints = useMemo(() => getBreakpoints(), []);
 	if (!breakpoints) throw new Error("Tailwind config is missing theme.screens");
-	const t1 = `(min-width: ${breakpoints[breakpointKey]})`;
-	let t2;
-	if ($[1] !== t1) {
-		t2 = { query: t1 };
-		$[1] = t1;
-		$[2] = t2;
-	} else t2 = $[2];
-	return useMediaQuery(t2);
+	return useMediaQuery({ query: `(min-width: ${breakpoints[breakpointKey]})` });
 }
 //#endregion
 export { useBreakpoint };

package/dist/hooks/useDebounceCallback.js

@@ -1,59 +1,25 @@
-import { c } from "react/compiler-runtime";
-import { useEffect, useRef, useState } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
 //#region src/hooks/useDebounceCallback.ts
-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;
+function useDebounceCallback(callback, { delay = 500 } = {}) {
 	const timeoutRef = useRef(null);
 	const [isDebouncing, setIsDebouncing] = useState(false);
-	let t3;
-	if ($[2] !== callback || $[3] !== delay) {
-		t3 = (...t4) => {
-			const args = t4;
+	const debouncedCallback = useCallback((...args) => {
+		if (timeoutRef.current) clearTimeout(timeoutRef.current);
+		setIsDebouncing(true);
+		timeoutRef.current = setTimeout(() => {
+			setIsDebouncing(false);
+			callback?.(...args);
+		}, delay);
+	}, [callback, delay]);
+	useEffect(() => {
+		return () => {
 			if (timeoutRef.current) clearTimeout(timeoutRef.current);
-			setIsDebouncing(true);
-			timeoutRef.current = setTimeout(() => {
-				setIsDebouncing(false);
-				callback?.(...args);
-			}, delay);
 		};
-		$[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;
+	}, []);
+	return {
+		callback: debouncedCallback,
+		isDebouncing
+	};
 }
 //#endregion
 export { useDebounceCallback };

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 };