@povio/ui 3.1.0 → 3.2.0

package/dist/hooks/usePagination.js

@@ -1,5 +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";
 //#region src/hooks/usePagination.ts
 var DEFAULT_STATE = {
@@ -7,26 +8,55 @@ var DEFAULT_STATE = {
 	pageSize: 20
 };
 function usePagination(defaultPagination) {
+	const $ = c(12);
 	const { replace, searchParams } = UIRouter.useUIRouter();
-	const [pagination, setPagination] = useState(defaultPagination ?? {
-		pageIndex: searchParams.has("page") ? Number.parseInt(searchParams.get("page") ?? "", 10) : DEFAULT_STATE.pageIndex,
-		pageSize: searchParams.has("size") ? Number.parseInt(searchParams.get("size") ?? "", 10) : DEFAULT_STATE.pageSize
-	});
-	useEffect(() => {
-		const params = new URLSearchParams(searchParams);
-		params.delete("size");
-		params.delete("page");
-		if (pagination.pageSize !== DEFAULT_STATE.pageSize) params.set("size", pagination.pageSize.toString());
-		if (pagination.pageIndex !== DEFAULT_STATE.pageIndex) params.set("page", pagination.pageIndex.toString());
-		if (params.toString() === searchParams.toString()) return;
-		replace(".", RoutingUtils.toRouterSearch(params));
-	}, [pagination]);
-	return {
-		pagination,
-		setPagination,
-		pageIndex: pagination.pageIndex,
-		pageSize: pagination.pageSize
-	};
+	let t0;
+	if ($[0] !== defaultPagination || $[1] !== searchParams) {
+		t0 = defaultPagination ?? {
+			pageIndex: searchParams.has("page") ? Number.parseInt(searchParams.get("page") ?? "", 10) : DEFAULT_STATE.pageIndex,
+			pageSize: searchParams.has("size") ? Number.parseInt(searchParams.get("size") ?? "", 10) : DEFAULT_STATE.pageSize
+		};
+		$[0] = defaultPagination;
+		$[1] = searchParams;
+		$[2] = t0;
+	} else t0 = $[2];
+	const [pagination, setPagination] = useState(t0);
+	let t1;
+	if ($[3] !== pagination.pageIndex || $[4] !== pagination.pageSize || $[5] !== replace || $[6] !== searchParams) {
+		t1 = () => {
+			const params = new URLSearchParams(searchParams);
+			params.delete("size");
+			params.delete("page");
+			if (pagination.pageSize !== DEFAULT_STATE.pageSize) params.set("size", pagination.pageSize.toString());
+			if (pagination.pageIndex !== DEFAULT_STATE.pageIndex) params.set("page", pagination.pageIndex.toString());
+			if (params.toString() === searchParams.toString()) return;
+			replace(".", RoutingUtils.toRouterSearch(params));
+		};
+		$[3] = pagination.pageIndex;
+		$[4] = pagination.pageSize;
+		$[5] = replace;
+		$[6] = searchParams;
+		$[7] = t1;
+	} else t1 = $[7];
+	let t2;
+	if ($[8] !== pagination) {
+		t2 = [pagination];
+		$[8] = pagination;
+		$[9] = t2;
+	} else t2 = $[9];
+	useEffect(t1, t2);
+	let t3;
+	if ($[10] !== pagination) {
+		t3 = {
+			pagination,
+			setPagination,
+			pageIndex: pagination.pageIndex,
+			pageSize: pagination.pageSize
+		};
+		$[10] = pagination;
+		$[11] = t3;
+	} else t3 = $[11];
+	return t3;
 }
 //#endregion
 export { usePagination };

package/dist/hooks/useQueryAutocomplete.d.ts

@@ -0,0 +1,14 @@
+import { InfiniteData } from '@tanstack/react-query';
+import { Key } from 'react-aria-components';
+import { InfiniteQueryPage, QueryFn, UseQueryAutocompleteOptions } from '../components/inputs/Selection/Autocomplete/queryAutocomplete.types';
+export declare const useQueryAutocomplete: <TQueryFn extends QueryFn, TKey extends Key = Key>({ query, queryParams, queryOptions, mapItems, initialQueryState, search, selectedIdsToResolve, }: UseQueryAutocompleteOptions<TQueryFn, TKey>) => {
+    data: any;
+    isLoading: boolean;
+    isQueryEnabled: boolean;
+    handleEnableQuery: () => void;
+    items: import('..').SelectItem<TKey>[];
+    totalItems: number | undefined;
+    hasNextPage: boolean;
+    fetchNextPage: ((options?: import('@tanstack/react-query').FetchNextPageOptions) => Promise<import('@tanstack/react-query').InfiniteQueryObserverResult<InfiniteData<InfiniteQueryPage<TKey>, unknown>, Error>>) | undefined;
+    isFetchingNextPage: boolean;
+};

package/dist/hooks/useQueryAutocomplete.js

@@ -0,0 +1,72 @@
+import { ApiQueryUtils } from "../utils/query.utils.js";
+import { useEffect, useMemo, useState } from "react";
+//#region src/hooks/useQueryAutocomplete.ts
+var isFilterSearchParams = (params) => {
+	return typeof params === "object" && params !== null && "filter" in params;
+};
+var useQueryAutocomplete = ({ query, queryParams, queryOptions, mapItems, initialQueryState, search, selectedIdsToResolve = [] }) => {
+	"use no memo";
+	const [isQueryEnabled, setIsQueryEnabled] = useState(!initialQueryState);
+	const queryResult = query(search === void 0 ? queryParams : {
+		...queryParams,
+		limit: queryParams?.limit ?? ApiQueryUtils.DEFAULT_LIMIT,
+		search,
+		filter: {
+			...isFilterSearchParams(queryParams) ? queryParams.filter : {},
+			search
+		}
+	}, {
+		...queryOptions,
+		enabled: isQueryEnabled && (queryOptions?.enabled ?? true)
+	});
+	const data = queryResult.data;
+	const isLoading = queryResult.isLoading;
+	const isInfiniteQueryResult = (result) => {
+		return "hasNextPage" in result && "fetchNextPage" in result;
+	};
+	const handleEnableQuery = () => {
+		setIsQueryEnabled(true);
+	};
+	const infiniteQueryResult = isInfiniteQueryResult(queryResult) ? queryResult : void 0;
+	const isInfiniteQuery = infiniteQueryResult !== void 0;
+	const hasNextPage = infiniteQueryResult?.hasNextPage ?? false;
+	const fetchNextPage = infiniteQueryResult?.fetchNextPage;
+	const isFetchingNextPage = infiniteQueryResult?.isFetchingNextPage ?? false;
+	const totalItems = infiniteQueryResult?.data?.pages?.[0]?.totalItems;
+	const items = useMemo(() => {
+		if (!data) return [];
+		return mapItems(isInfiniteQuery ? data.pages?.flatMap((page) => page?.items ?? []) : data);
+	}, [
+		data,
+		isInfiniteQuery,
+		mapItems
+	]);
+	const selectedIdsToResolveSet = useMemo(() => new Set(selectedIdsToResolve), [selectedIdsToResolve]);
+	useEffect(() => {
+		if (!isQueryEnabled || !isInfiniteQuery || !fetchNextPage || !hasNextPage || isFetchingNextPage || selectedIdsToResolveSet.size === 0) return;
+		const loadedItemIds = new Set(items.map((item) => item.id));
+		if (selectedIdsToResolve.some((id) => !loadedItemIds.has(id))) fetchNextPage();
+	}, [
+		fetchNextPage,
+		hasNextPage,
+		isFetchingNextPage,
+		isInfiniteQuery,
+		isQueryEnabled,
+		items,
+		selectedIdsToResolve,
+		selectedIdsToResolveSet
+	]);
+	return {
+		data,
+		isLoading: isLoading || isFetchingNextPage,
+		isQueryEnabled,
+		handleEnableQuery,
+		items,
+		totalItems,
+		hasNextPage,
+		fetchNextPage,
+		isFetchingNextPage
+	};
+};
+//#endregion
+export { useQueryAutocomplete };

package/dist/hooks/useScrollableListBox.js

@@ -1,26 +1,47 @@
 import { useBreakpoint } from "./useBreakpoint.js";
+import { c } from "react/compiler-runtime";
 import { useEffect, useRef } from "react";
 //#region src/hooks/useScrollableListBox.ts
 function useScrollableListBox() {
+	const $ = c(4);
 	const ref = useRef(null);
 	const isDesktop = useBreakpoint("md");
-	useEffect(() => {
-		const node = ref.current;
-		if (!node || isDesktop) return;
-		const onPointerDownCapture = (e) => {
-			e.stopPropagation();
+	let t0;
+	let t1;
+	if ($[0] !== isDesktop) {
+		t0 = () => {
+			const node = ref.current;
+			if (!node || isDesktop) return;
+			const onPointerDownCapture = _temp;
+			const onClickCapture = _temp2;
+			node.addEventListener("pointerdown", onPointerDownCapture);
+			node.addEventListener("click", onClickCapture);
+			return () => {
+				node.removeEventListener("pointerdown", onPointerDownCapture);
+				node.removeEventListener("click", onClickCapture);
+			};
 		};
-		const onClickCapture = (e) => {
-			if (e.currentTarget?.contains(e.target) && e.target !== e.currentTarget) e.target.click();
-		};
-		node.addEventListener("pointerdown", onPointerDownCapture);
-		node.addEventListener("click", onClickCapture);
-		return () => {
-			node.removeEventListener("pointerdown", onPointerDownCapture);
-			node.removeEventListener("click", onClickCapture);
-		};
-	}, [ref, isDesktop]);
-	return { ref };
+		t1 = [ref, isDesktop];
+		$[0] = isDesktop;
+		$[1] = t0;
+		$[2] = t1;
+	} else {
+		t0 = $[1];
+		t1 = $[2];
+	}
+	useEffect(t0, t1);
+	let t2;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = { ref };
+		$[3] = t2;
+	} else t2 = $[3];
+	return t2;
+}
+function _temp2(e_0) {
+	if (e_0.currentTarget?.contains(e_0.target) && e_0.target !== e_0.currentTarget) e_0.target.click();
+}
+function _temp(e) {
+	e.stopPropagation();
 }
 //#endregion
 export { useScrollableListBox };

package/dist/hooks/useSorting.js

@@ -1,38 +1,79 @@
 import { UIRouter } from "../config/router.context.js";
 import { RoutingUtils } from "../utils/routing.utils.js";
-import { useEffect, useMemo, useState } from "react";
+import { c } from "react/compiler-runtime";
+import { useEffect, useState } from "react";
 //#region src/hooks/useSorting.ts
-function useSorting(defaultSorting, prefix = "") {
+function useSorting(defaultSorting, t0) {
+	const $ = c(16);
+	const prefix = t0 === void 0 ? "" : t0;
 	const { replace, searchParams } = UIRouter.useUIRouter();
-	const [sorting, setSorting] = useState(defaultSorting ?? searchParams.get(`order${prefix && `-${prefix}`}`)?.split(",").map((item) => {
-		if (item.startsWith("-")) return {
-			id: item.slice(1),
-			desc: true
+	let t1;
+	if ($[0] !== defaultSorting || $[1] !== prefix || $[2] !== searchParams) {
+		t1 = defaultSorting ?? searchParams.get(`order${prefix && `-${prefix}`}`)?.split(",").map(_temp) ?? [];
+		$[0] = defaultSorting;
+		$[1] = prefix;
+		$[2] = searchParams;
+		$[3] = t1;
+	} else t1 = $[3];
+	const [sorting, setSorting] = useState(t1);
+	let t2;
+	if ($[4] !== sorting) {
+		t2 = sorting.map(_temp2).join(",");
+		$[4] = sorting;
+		$[5] = t2;
+	} else t2 = $[5];
+	const order = t2;
+	let t3;
+	if ($[6] !== order || $[7] !== prefix || $[8] !== replace || $[9] !== searchParams) {
+		t3 = () => {
+			const params = new URLSearchParams(searchParams);
+			const orderKey = prefix ? `order-${prefix}` : "order";
+			params.delete(orderKey);
+			if (order) params.set(orderKey, order);
+			if (params.toString() === searchParams.toString()) return;
+			replace(".", RoutingUtils.toRouterSearch(params));
 		};
-		if (item.startsWith("+")) return {
-			id: item.slice(1),
-			desc: false
+		$[6] = order;
+		$[7] = prefix;
+		$[8] = replace;
+		$[9] = searchParams;
+		$[10] = t3;
+	} else t3 = $[10];
+	let t4;
+	if ($[11] !== order) {
+		t4 = [order];
+		$[11] = order;
+		$[12] = t4;
+	} else t4 = $[12];
+	useEffect(t3, t4);
+	let t5;
+	if ($[13] !== order || $[14] !== sorting) {
+		t5 = {
+			sorting,
+			setSorting,
+			order
 		};
-		return {
-			id: item,
-			desc: false
-		};
-	}) ?? []);
-	const order = useMemo(() => {
-		return sorting.map((field) => `${field.desc ? "-" : "+"}${field.id}`).join(",");
-	}, [sorting]);
-	useEffect(() => {
-		const params = new URLSearchParams(searchParams);
-		const orderKey = prefix ? `order-${prefix}` : "order";
-		params.delete(orderKey);
-		if (order) params.set(orderKey, order);
-		if (params.toString() === searchParams.toString()) return;
-		replace(".", RoutingUtils.toRouterSearch(params));
-	}, [order]);
+		$[13] = order;
+		$[14] = sorting;
+		$[15] = t5;
+	} else t5 = $[15];
+	return t5;
+}
+function _temp2(field) {
+	return `${field.desc ? "-" : "+"}${field.id}`;
+}
+function _temp(item) {
+	if (item.startsWith("-")) return {
+		id: item.slice(1),
+		desc: true
+	};
+	if (item.startsWith("+")) return {
+		id: item.slice(1),
+		desc: false
+	};
 	return {
-		sorting,
-		setSorting,
-		order
+		id: item,
+		desc: false
 	};
 }
 //#endregion

package/dist/hooks/useStateAndRef.js

@@ -1,17 +1,31 @@
 import { ObjectUtils } from "../utils/object.utils.js";
-import { useCallback, useRef, useState } from "react";
+import { c } from "react/compiler-runtime";
+import { useRef, useState } from "react";
 //#region src/hooks/useStateAndRef.ts
 var useStateAndRef = (initialState) => {
+	const $ = c(3);
 	const [state, setState] = useState(initialState);
 	const ref = useRef(state);
-	return [
-		state,
-		ref,
-		useCallback((value) => {
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = (value) => {
 			ref.current = ObjectUtils.isFunction(value) ? value(ref.current) : value;
 			setState(ref.current);
-		}, [setState])
-	];
+		};
+		$[0] = t0;
+	} else t0 = $[0];
+	const updateValue = t0;
+	let t1;
+	if ($[1] !== state) {
+		t1 = [
+			state,
+			ref,
+			updateValue
+		];
+		$[1] = state;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
 };
 //#endregion
 export { useStateAndRef };

package/dist/hooks/useTableColumnConfig.js

@@ -1,40 +1,133 @@
-import { useCallback, useEffect, useMemo, useState } from "react";
+import { c } from "react/compiler-runtime";
+import { useEffect, useState } from "react";
 //#region src/hooks/useTableColumnConfig.ts
 function sortByKeyOrder(data, orderedKeys = []) {
 	return [...data].sort((a, b) => {
 		return orderedKeys.findIndex((key) => key === (a.id ?? a.accessorKey)) - orderedKeys.findIndex((key) => key === (b.id ?? b.accessorKey));
 	});
 }
-function useTableColumnConfig(defaultColumns, options = {}) {
-	const [internalVisibleColumns, setInternalVisibleColumns] = useState(() => defaultColumns.reduce((acc, col) => {
-		const key = col.id ?? col.accessorKey;
-		acc[key] = true;
-		return acc;
-	}, {}));
-	const [internalColumnOrder, setInternalColumnOrder] = useState(() => defaultColumns.map((col) => col.id ?? col.accessorKey));
-	useEffect(() => {
-		if (options.visibleColumns) setInternalVisibleColumns(options.visibleColumns);
-	}, [options.visibleColumns]);
-	useEffect(() => {
-		if (options.columnOrder) setInternalColumnOrder(options.columnOrder);
-	}, [options.columnOrder]);
-	const handleVisibilityChange = useCallback((value) => {
-		setInternalVisibleColumns(value);
-		options?.onVisibilityChange?.(value);
-	}, [options]);
-	const handleOrderChange = useCallback((value) => {
-		setInternalColumnOrder(value);
-		options?.onOrderChange?.(value);
-	}, [options]);
-	const configColumns = useMemo(() => sortByKeyOrder(defaultColumns, internalColumnOrder), [defaultColumns, internalColumnOrder]);
-	return {
-		configColumns,
-		columns: useMemo(() => configColumns.filter((col) => internalVisibleColumns?.[col.id ?? col.accessorKey] ?? true), [configColumns, internalVisibleColumns]),
-		visibleColumns: internalVisibleColumns,
-		columnOrder: internalColumnOrder,
-		onVisibilityChange: handleVisibilityChange,
-		onOrderChange: handleOrderChange
-	};
+function useTableColumnConfig(defaultColumns, t0) {
+	const $ = c(31);
+	let t1;
+	if ($[0] !== t0) {
+		t1 = t0 === void 0 ? {} : t0;
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	const options = t1;
+	let t2;
+	if ($[2] !== defaultColumns) {
+		t2 = () => defaultColumns.reduce(_temp, {});
+		$[2] = defaultColumns;
+		$[3] = t2;
+	} else t2 = $[3];
+	const [internalVisibleColumns, setInternalVisibleColumns] = useState(t2);
+	let t3;
+	if ($[4] !== defaultColumns) {
+		t3 = () => defaultColumns.map(_temp2);
+		$[4] = defaultColumns;
+		$[5] = t3;
+	} else t3 = $[5];
+	const [internalColumnOrder, setInternalColumnOrder] = useState(t3);
+	let t4;
+	let t5;
+	if ($[6] !== options.visibleColumns) {
+		t4 = () => {
+			if (options.visibleColumns) setInternalVisibleColumns(options.visibleColumns);
+		};
+		t5 = [options.visibleColumns];
+		$[6] = options.visibleColumns;
+		$[7] = t4;
+		$[8] = t5;
+	} else {
+		t4 = $[7];
+		t5 = $[8];
+	}
+	useEffect(t4, t5);
+	let t6;
+	let t7;
+	if ($[9] !== options.columnOrder) {
+		t6 = () => {
+			if (options.columnOrder) setInternalColumnOrder(options.columnOrder);
+		};
+		t7 = [options.columnOrder];
+		$[9] = options.columnOrder;
+		$[10] = t6;
+		$[11] = t7;
+	} else {
+		t6 = $[10];
+		t7 = $[11];
+	}
+	useEffect(t6, t7);
+	let t8;
+	if ($[12] !== options) {
+		t8 = (value) => {
+			setInternalVisibleColumns(value);
+			options?.onVisibilityChange?.(value);
+		};
+		$[12] = options;
+		$[13] = t8;
+	} else t8 = $[13];
+	const handleVisibilityChange = t8;
+	let t9;
+	if ($[14] !== options) {
+		t9 = (value_0) => {
+			setInternalColumnOrder(value_0);
+			options?.onOrderChange?.(value_0);
+		};
+		$[14] = options;
+		$[15] = t9;
+	} else t9 = $[15];
+	const handleOrderChange = t9;
+	let t10;
+	if ($[16] !== defaultColumns || $[17] !== internalColumnOrder) {
+		t10 = sortByKeyOrder(defaultColumns, internalColumnOrder);
+		$[16] = defaultColumns;
+		$[17] = internalColumnOrder;
+		$[18] = t10;
+	} else t10 = $[18];
+	const configColumns = t10;
+	let t11;
+	if ($[19] !== configColumns || $[20] !== internalVisibleColumns) {
+		let t12;
+		if ($[22] !== internalVisibleColumns) {
+			t12 = (col_1) => internalVisibleColumns?.[col_1.id ?? col_1.accessorKey] ?? true;
+			$[22] = internalVisibleColumns;
+			$[23] = t12;
+		} else t12 = $[23];
+		t11 = configColumns.filter(t12);
+		$[19] = configColumns;
+		$[20] = internalVisibleColumns;
+		$[21] = t11;
+	} else t11 = $[21];
+	const columns = t11;
+	let t12;
+	if ($[24] !== columns || $[25] !== configColumns || $[26] !== handleOrderChange || $[27] !== handleVisibilityChange || $[28] !== internalColumnOrder || $[29] !== internalVisibleColumns) {
+		t12 = {
+			configColumns,
+			columns,
+			visibleColumns: internalVisibleColumns,
+			columnOrder: internalColumnOrder,
+			onVisibilityChange: handleVisibilityChange,
+			onOrderChange: handleOrderChange
+		};
+		$[24] = columns;
+		$[25] = configColumns;
+		$[26] = handleOrderChange;
+		$[27] = handleVisibilityChange;
+		$[28] = internalColumnOrder;
+		$[29] = internalVisibleColumns;
+		$[30] = t12;
+	} else t12 = $[30];
+	return t12;
+}
+function _temp2(col_0) {
+	return col_0.id ?? col_0.accessorKey;
+}
+function _temp(acc, col) {
+	const key = col.id ?? col.accessorKey;
+	acc[key] = true;
+	return acc;
 }
 //#endregion
 export { useTableColumnConfig };

package/dist/hooks/useTranslationMemo.js

@@ -1,12 +1,32 @@
-import { useMemo } from "react";
+import { c } from "react/compiler-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/hooks/useTranslationMemo.ts
 function useTranslationMemo(func) {
+	const $ = c(5);
 	const { t } = useTranslation();
-	return useMemo(() => {
-		if (func.length === 1) return func(t);
-		return func();
-	}, [func, t]);
+	let t0;
+	bb0: {
+		if (func.length === 1) {
+			let t1;
+			if ($[0] !== func || $[1] !== t) {
+				t1 = func(t);
+				$[0] = func;
+				$[1] = t;
+				$[2] = t1;
+			} else t1 = $[2];
+			t0 = t1;
+			break bb0;
+		}
+		const t1 = func;
+		let t2;
+		if ($[3] !== t1) {
+			t2 = t1();
+			$[3] = t1;
+			$[4] = t2;
+		} else t2 = $[4];
+		t0 = t2;
+	}
+	return t0;
 }
 //#endregion
 export { useTranslationMemo };

package/dist/index.d.ts

@@ -78,6 +78,8 @@ export type { FormFieldProps } from './components/inputs/FormField/FormField';
 export { FormField } from './components/inputs/FormField/FormField';
 export type { ControlledNumberInputProps, NumberInputProps } from './components/inputs/Input/NumberInput/NumberInput';
 export { NumberInput } from './components/inputs/Input/NumberInput/NumberInput';
+export type { ControlledNumberRangeInputProps, NumberRangeInputProps, NumberRangeValue, } from './components/inputs/Input/NumberRangeInput/NumberRangeInput';
+export { NumberRangeInput } from './components/inputs/Input/NumberRangeInput/NumberRangeInput';
 export type { ControlledPasswordInputProps, PasswordInputProps, } from './components/inputs/Input/PasswordInput/PasswordInput';
 export { PasswordInput } from './components/inputs/Input/PasswordInput/PasswordInput';
 export type { ControlledTextAreaProps, TextAreaProps } from './components/inputs/Input/TextArea/TextArea';
@@ -94,11 +96,16 @@ export type { RadioVariantProps } from './components/inputs/RadioGroup/radio.cva
 export type { AutocompleteProps, ControlledAutocompleteProps, } from './components/inputs/Selection/Autocomplete/Autocomplete';
 export { Autocomplete } from './components/inputs/Selection/Autocomplete/Autocomplete';
 export { QueryAutocomplete } from './components/inputs/Selection/Autocomplete/QueryAutocomplete';
+export type { SelectBaseProps } from './components/inputs/Selection/shared/SelectBase';
+export type { DefaultInitialSelectItem, SelectAsyncProps, SelectItem, } from './components/inputs/Selection/shared/select.types';
+export type { QuerySelectProps } from './components/inputs/Selection/Select/QuerySelect';
+export { QuerySelect } from './components/inputs/Selection/Select/QuerySelect';
 export type { ControlledSelectProps, SelectProps } from './components/inputs/Selection/Select/Select';
 export { Select } from './components/inputs/Selection/Select/Select';
 export type { ControlledSliderProps, SliderProps } from './components/inputs/Slider/Slider';
 export { Slider } from './components/inputs/Slider/Slider';
 export type { InputVariantProps } from './components/inputs/shared/input.cva';
+export type { TooltipWrapperTriggerVariantProps } from './components/inputs/shared/tooltipWrapper.cva';
 export type { ControlledToggleProps, ToggleProps } from './components/inputs/Toggle/Toggle';
 export { Toggle } from './components/inputs/Toggle/Toggle';
 export type { MenuProps } from './components/Menu/Menu';
@@ -178,16 +185,22 @@ export { breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDe
 export { buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition, } from './components/buttons/Button/button.cva';
 export { pillButtonContentDefinition, pillButtonDefinition } from './components/buttons/PillButton/pillButton.cva';
 export { checkboxDefinition, checkboxIconDefinition } from './components/inputs/Checkbox/checkbox.cva';
-export { fileCardListDefinition, fileUploadDropZoneDefinition } from './components/inputs/File/shared/fileUpload.cva';
+export { datePickerInputContentRowDefinition } from './components/inputs/DateTime/shared/datePickerInput.cva';
+export { fileUploadDropZoneDefinition } from './components/inputs/File/shared/fileUpload.cva';
 export { inputUploadButtonDefinition, inputUploadDropZoneDefinition, } from './components/inputs/File/shared/inputUploadButton.cva';
 export { progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition, } from './components/inputs/File/shared/progressBar.cva';
 export type { ProgressBarConfig, ProgressBarTrackConfig, ProgressBarVariantProps, } from './components/inputs/File/shared/progressBar.cva';
+export { formFieldHeaderDefinition } from './components/inputs/FormField/formFieldHeader.cva';
 export { formFieldErrorDefinition } from './components/inputs/FormField/formFieldError.cva';
 export { formFieldHelperDefinition } from './components/inputs/FormField/formFieldHelper.cva';
-export { inputBaseDefinition, inputSideDefinition, inputSizeDefinition } from './components/inputs/shared/input.cva';
+export { textAreaWrapperDefinition } from './components/inputs/Input/TextArea/TextArea.cva';
+export { inputBaseDefinition, inputClearClassDefinition, inputContentWrapperDefinition, inputSideDefinition, inputSizeDefinition, } from './components/inputs/shared/input.cva';
 export type { LabelBaseProps, LabelConfig } from './components/inputs/shared/label.cva';
 export { labelDefinition } from './components/inputs/shared/label.cva';
-export { radioDefinition } from './components/inputs/RadioGroup/radio.cva';
+export { tooltipWrapperTriggerDefinition } from './components/inputs/shared/tooltipWrapper.cva';
+export { radioContentRowDefinition, radioContentWrapperDefinition, radioDefinition, } from './components/inputs/RadioGroup/radio.cva';
+export { selectPopoverDefinition } from './components/inputs/Selection/shared/selectDesktop.cva';
+export { selectInputTagsContentWrapperDefinition } from './components/inputs/Selection/shared/selectInput.cva';
 export { selectListBoxItemDefinition } from './components/inputs/Selection/shared/selectItem.cva';
 export { toggleDefinition } from './components/inputs/Toggle/toggle.cva';
 export { menuDefinition, menuItemDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition, } from './components/Menu/menu.cva';
@@ -220,6 +233,7 @@ export { useForm } from './hooks/useForm';
 export type { UseFormAutosaveProps } from './hooks/useFormAutosave';
 export { useFormAutosave } from './hooks/useFormAutosave';
 export { useIntersectionObserver } from './hooks/useIntersectionObserver';
+export { createKeyInteractionsHandler, getKeyInteractionAction, useKeyInteractions, type KeyInteraction, type KeyInteractionAction, type KeyInteractionCallback, type KeyInteractionGroup, type KeyInteractions, type UseKeyInteractionsResult, } from './hooks/useKeyInteractions';
 export { useLocalStorage } from './hooks/useLocalStorage';
 export { useLongPressRepeat } from './hooks/useLongPressRepeat';
 export { usePagination } from './hooks/usePagination';
@@ -243,3 +257,4 @@ export { QueriesUtils } from './utils/queries.utils';
 export { RestUtils } from './utils/rest.utils';
 export { RoutingUtils } from './utils/routing.utils';
 export { StringUtils } from './utils/string.utils';
+export { ZodUtils } from './utils/zod.utils';