@povio/ui 3.3.0-rc.3 → 3.3.0

package/dist/hooks/useFormAutosave.js

@@ -1,8 +1,7 @@
 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";
+import { useCallback, useEffect, useRef } from "react";
 //#region src/hooks/useFormAutosave.ts
 var getResetTimeoutErrorMessage = (resetTimeout) => `Form Reset Timeout (${resetTimeout}ms) - Action Required
 Problem: Form values weren't reset after submission.
@@ -16,130 +15,44 @@ 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, autosaveOn = "change", normalizeAutosaveData, 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);
+	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);
 		};
-		$[20] = resetTimeout;
-		$[21] = t7;
-	} else t7 = $[21];
-	const onSaveSuccess = t7;
-	let t8;
-	if ($[22] !== normalizeAutosaveData || $[23] !== onAutosave) {
-		t8 = (data) => {
+		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,
+		trigger: autosaveOn,
+		onSave: useCallback((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
-		};
-		$[25] = autosaveDelay;
-		$[26] = autosaveOn;
-		$[27] = enableAutosave;
-		$[28] = form;
-		$[29] = onSave;
-		$[30] = onSaveSuccess;
-		$[31] = t9;
-	} else t9 = $[31];
-	useAutosave(t9);
+		}, [normalizeAutosaveData, onAutosave]),
+		onSaveSuccess
+	});
 	return form;
 }
 //#endregion

package/dist/hooks/useLongPressRepeat.js

@@ -1,64 +1,29 @@
-import { c } from "react/compiler-runtime";
 import { useEffect, useRef } from "react";
 //#region src/hooks/useLongPressRepeat.ts
-var useLongPressRepeat = (t0) => {
-	const $ = c(10);
-	const { onPress, enabled: t1, interval: t2, timeout: t3 } = t0;
-	const enabled = t1 === void 0 ? true : t1;
-	const interval = t2 === void 0 ? 85 : t2;
-	const timeout = t3 === void 0 ? 500 : t3;
+var useLongPressRepeat = ({ onPress, enabled = true, interval = 85, timeout = 500 }) => {
 	const intervalRef = useRef(void 0);
-	let t4;
-	let t5;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = () => () => {
+	useEffect(() => {
+		return () => {
 			clearInterval(intervalRef.current);
 		};
-		t5 = [];
-		$[0] = t4;
-		$[1] = t5;
-	} else {
-		t4 = $[0];
-		t5 = $[1];
-	}
-	useEffect(t4, t5);
-	let t6;
-	if ($[2] !== enabled || $[3] !== interval || $[4] !== onPress || $[5] !== timeout) {
-		t6 = () => {
-			onPress(false);
-			if (!enabled) return;
-			intervalRef.current = setTimeout(() => {
+	}, []);
+	const onPressStart = () => {
+		onPress(false);
+		if (!enabled) return;
+		intervalRef.current = setTimeout(() => {
+			onPress(true);
+			intervalRef.current = setInterval(() => {
 				onPress(true);
-				intervalRef.current = setInterval(() => {
-					onPress(true);
-				}, interval);
-			}, timeout);
-		};
-		$[2] = enabled;
-		$[3] = interval;
-		$[4] = onPress;
-		$[5] = timeout;
-		$[6] = t6;
-	} else t6 = $[6];
-	const onPressStart = t6;
-	let t7;
-	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-		t7 = () => {
-			clearInterval(intervalRef.current);
-		};
-		$[7] = t7;
-	} else t7 = $[7];
-	const onPressEnd = t7;
-	let t8;
-	if ($[8] !== onPressStart) {
-		t8 = {
-			onPressStart,
-			onPressEnd
-		};
-		$[8] = onPressStart;
-		$[9] = t8;
-	} else t8 = $[9];
-	return t8;
+			}, interval);
+		}, timeout);
+	};
+	const onPressEnd = () => {
+		clearInterval(intervalRef.current);
+	};
+	return {
+		onPressStart,
+		onPressEnd
+	};
 };
 //#endregion
 export { useLongPressRepeat };

package/dist/index.d.ts

@@ -193,7 +193,6 @@ export { inputUploadButtonDefinition, inputUploadDropZoneDefinition, } from './c
 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 { formFieldDefinition } from './components/inputs/FormField/formField.cva';
 export { formFieldErrorDefinition } from './components/inputs/FormField/formFieldError.cva';
 export { formFieldHelperDefinition } from './components/inputs/FormField/formFieldHelper.cva';
 export { textAreaWrapperDefinition } from './components/inputs/Input/TextArea/TextArea.cva';
@@ -254,6 +253,7 @@ export { DateTimeUtils } from './utils/date-time.utils';
 export { DomUtils } from './utils/dom.utils';
 export { FileUtils } from './utils/file.utils';
 export { isEqual } from './utils/isEqual';
+export { IntlUtils } from './utils/intl.utils';
 export { logger } from './utils/logger';
 export { ObjectUtils } from './utils/object.utils';
 export { QueriesUtils } from './utils/queries.utils';

package/dist/index.js

@@ -77,12 +77,12 @@ import { Checkbox } from "./components/inputs/Checkbox/Checkbox.js";
 import { formFieldHeaderDefinition } from "./components/inputs/FormField/formFieldHeader.cva.js";
 import { labelDefinition } from "./components/inputs/shared/label.cva.js";
 import { formFieldHelperDefinition } from "./components/inputs/FormField/formFieldHelper.cva.js";
-import { formFieldDefinition } from "./components/inputs/FormField/formField.cva.js";
 import { FormField } from "./components/inputs/FormField/FormField.js";
 import { inputBaseDefinition, inputClearClassDefinition, inputContentWrapperDefinition, inputSideDefinition, inputSizeDefinition } from "./components/inputs/shared/input.cva.js";
 import { CheckboxGroup } from "./components/inputs/Checkbox/CheckboxGroup.js";
 import { useLongPressRepeat } from "./hooks/useLongPressRepeat.js";
 import { useScrollableListBox } from "./hooks/useScrollableListBox.js";
+import { IntlUtils } from "./utils/intl.utils.js";
 import { DateTimeUtils } from "./utils/date-time.utils.js";
 import { datePickerInputContentRowDefinition } from "./components/inputs/DateTime/shared/datePickerInput.cva.js";
 import { popoverDefinition } from "./components/shared/popover.cva.js";
@@ -177,4 +177,4 @@ import { useSorting } from "./hooks/useSorting.js";
 import { useTableColumnConfig } from "./hooks/useTableColumnConfig.js";
 import { ArrayUtils } from "./utils/array.utils.js";
 import { QueriesUtils } from "./utils/queries.utils.js";
-export { Accordion, ActionModal, Alert, AlignCenterIcon, AlignLeftIcon, AlignLeftRightIcon, AlignRightIcon, ArrayUtils, ArrowDropDownIcon, ArrowDropUpIcon, ArrowLeftIcon, ArrowRightIcon, Autocomplete, BoldIcon, BottomSheet, Breadcrumbs, BulletedListIcon, Button, CalendarIcon, CellText, CheckIcon, Checkbox, CheckboxCheckmarkIcon, CheckboxGroup, CheckboxIndeterminateIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ClockIcon, CloseIcon, ColumnConfigModal, Confirmation, DatePicker, DateRangePicker, DateTimeIcon, DateTimePicker, DateTimeUtils, DateUtils, DomUtils, Drawer, FileUpload, FileUploadContainer, FileUtils, Form, FormField, HeaderText, HighlightIcon, HighlightOnIcon, HomeIcon, IconButton, InfiniteTable, InfoIcon, InlineIconButton, InputUpload, Inputs, ItalicIcon, Link, LinkContext, LinkIcon, Loader, Menu, MenuIcon, MenuItem, MenuPopover, Modal, NumberInput, NumberRangeInput, NumberedListIcon, ObjectUtils, PaginatedTable, Pagination, PaginationList, PasswordInput, Pill, PillButton, PointerHorizontalIcon, PointerVerticalIcon, ProgressBar, QueriesUtils, QueryAutocomplete, QuerySelect, RadioGroup, ResponsivePopover, RestUtils, RoutingUtils, Segment, Select, SendIcon, Slider, SplitButton, Stepper, StrikethroughIcon, StringUtils, Table, Tag, TextArea, TextButton, TextColorIcon, TextInput, ThemeContext, TimePicker, Toast, ToastContainer, Toggle, ToggleButton, Tooltip, TooltipEllipsis, Typography, UIConfig, UIOverrides, UIRouter, UnderlinedIcon, VisibilityIcon, VisibilityOffIcon, ZodUtils, accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition, alertDefinition, breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition, buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition, checkboxContentRowDefinition, checkboxContentWrapperDefinition, checkboxDefinition, checkboxGroupLabelDefinition, checkboxIconDefinition, compoundMapper, createKeyInteractionsHandler, datePickerInputContentRowDefinition, dynamicColumns, dynamicInputs, fileUploadDropZoneDefinition, formFieldDefinition, formFieldErrorDefinition, formFieldHeaderDefinition, formFieldHelperDefinition, getKeyInteractionAction, inputBaseDefinition, inputClearClassDefinition, inputContentWrapperDefinition, inputSideDefinition, inputSizeDefinition, inputUploadButtonDefinition, inputUploadDropZoneDefinition, isEqual, labelDefinition, linkDefinition, loaderDefinition, loaderWrapperDefinition, logger, menuDefinition, menuItemDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition, modalContentDefinition, modalMainDefinition, modalOverlayDefinition, ns, pillButtonContentDefinition, pillButtonDefinition, popoverDefinition, progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition, radioContentRowDefinition, radioContentWrapperDefinition, radioDefinition, resources, segmentDefinition, segmentItemDefinition, selectInputTagsContentWrapperDefinition, selectListBoxItemDefinition, selectPopoverDefinition, statusIconDefinition, statusSeparatorDefinition, stepperDefinition, stepperIconDefinition, stepperItemDefinition, stepperNumberDefinition, stepperSeparatorDefinition, stepperSubtextDefinition, stepperTitleDefinition, tableCellTextDefinition, tableDataDefinition, tableHeadDataDefinition, tableHeadRowDefinition, tableHeaderTextDefinition, tableRowDefinition, tagDefinition, textAreaWrapperDefinition, toastDefinition, statusIconDefinition$1 as toastStatusIconDefinition, statusSeparatorDefinition$1 as toastStatusSeparatorDefinition, toggleDefinition, tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition, tooltipWrapperTriggerDefinition, typographyDefinition, uiOutlineClass, useAutosave, useBreakpoint, useDebounceCallback, useDeepCompareEffect, useDeepCompareLayoutEffect, useDeepCompareMemo, useFilters, useForm, useFormAutosave, useIntersectionObserver, useKeyInteractions, useLocalStorage, useLongPressRepeat, usePagination, useScrollableListBox, useSorting, useStateAndRef, useTableColumnConfig, useTableNav, useToast, useTranslationMemo };
+export { Accordion, ActionModal, Alert, AlignCenterIcon, AlignLeftIcon, AlignLeftRightIcon, AlignRightIcon, ArrayUtils, ArrowDropDownIcon, ArrowDropUpIcon, ArrowLeftIcon, ArrowRightIcon, Autocomplete, BoldIcon, BottomSheet, Breadcrumbs, BulletedListIcon, Button, CalendarIcon, CellText, CheckIcon, Checkbox, CheckboxCheckmarkIcon, CheckboxGroup, CheckboxIndeterminateIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ClockIcon, CloseIcon, ColumnConfigModal, Confirmation, DatePicker, DateRangePicker, DateTimeIcon, DateTimePicker, DateTimeUtils, DateUtils, DomUtils, Drawer, FileUpload, FileUploadContainer, FileUtils, Form, FormField, HeaderText, HighlightIcon, HighlightOnIcon, HomeIcon, IconButton, InfiniteTable, InfoIcon, InlineIconButton, InputUpload, Inputs, IntlUtils, ItalicIcon, Link, LinkContext, LinkIcon, Loader, Menu, MenuIcon, MenuItem, MenuPopover, Modal, NumberInput, NumberRangeInput, NumberedListIcon, ObjectUtils, PaginatedTable, Pagination, PaginationList, PasswordInput, Pill, PillButton, PointerHorizontalIcon, PointerVerticalIcon, ProgressBar, QueriesUtils, QueryAutocomplete, QuerySelect, RadioGroup, ResponsivePopover, RestUtils, RoutingUtils, Segment, Select, SendIcon, Slider, SplitButton, Stepper, StrikethroughIcon, StringUtils, Table, Tag, TextArea, TextButton, TextColorIcon, TextInput, ThemeContext, TimePicker, Toast, ToastContainer, Toggle, ToggleButton, Tooltip, TooltipEllipsis, Typography, UIConfig, UIOverrides, UIRouter, UnderlinedIcon, VisibilityIcon, VisibilityOffIcon, ZodUtils, accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition, alertDefinition, breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition, buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition, checkboxContentRowDefinition, checkboxContentWrapperDefinition, checkboxDefinition, checkboxGroupLabelDefinition, checkboxIconDefinition, compoundMapper, createKeyInteractionsHandler, datePickerInputContentRowDefinition, dynamicColumns, dynamicInputs, fileUploadDropZoneDefinition, formFieldErrorDefinition, formFieldHeaderDefinition, formFieldHelperDefinition, getKeyInteractionAction, inputBaseDefinition, inputClearClassDefinition, inputContentWrapperDefinition, inputSideDefinition, inputSizeDefinition, inputUploadButtonDefinition, inputUploadDropZoneDefinition, isEqual, labelDefinition, linkDefinition, loaderDefinition, loaderWrapperDefinition, logger, menuDefinition, menuItemDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition, modalContentDefinition, modalMainDefinition, modalOverlayDefinition, ns, pillButtonContentDefinition, pillButtonDefinition, popoverDefinition, progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition, radioContentRowDefinition, radioContentWrapperDefinition, radioDefinition, resources, segmentDefinition, segmentItemDefinition, selectInputTagsContentWrapperDefinition, selectListBoxItemDefinition, selectPopoverDefinition, statusIconDefinition, statusSeparatorDefinition, stepperDefinition, stepperIconDefinition, stepperItemDefinition, stepperNumberDefinition, stepperSeparatorDefinition, stepperSubtextDefinition, stepperTitleDefinition, tableCellTextDefinition, tableDataDefinition, tableHeadDataDefinition, tableHeadRowDefinition, tableHeaderTextDefinition, tableRowDefinition, tagDefinition, textAreaWrapperDefinition, toastDefinition, statusIconDefinition$1 as toastStatusIconDefinition, statusSeparatorDefinition$1 as toastStatusSeparatorDefinition, toggleDefinition, tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition, tooltipWrapperTriggerDefinition, typographyDefinition, uiOutlineClass, useAutosave, useBreakpoint, useDebounceCallback, useDeepCompareEffect, useDeepCompareLayoutEffect, useDeepCompareMemo, useFilters, useForm, useFormAutosave, useIntersectionObserver, useKeyInteractions, useLocalStorage, useLongPressRepeat, usePagination, useScrollableListBox, useSorting, useStateAndRef, useTableColumnConfig, useTableNav, useToast, useTranslationMemo };

package/dist/utils/date-time.utils.d.ts

@@ -38,6 +38,5 @@ export declare namespace DateTimeUtils {
     export function fromUTCISOToCalendarDate(isoString: string): CalendarDate;
     export function fromCalendarDateTimeToUTCISO(calendarDateTime: CalendarDateTime): string;
     export function fromUTCISOToCalendarDateTime(isoString: string, timeZone?: string): CalendarDateTime;
-    export function formatTextDateToCalendarDateTime(textDate: string | null, timeZone?: string, locale?: string): CalendarDateTime | null;
     export {};
 }

package/dist/utils/date-time.utils.js

@@ -1,3 +1,4 @@
+import { IntlUtils } from "./intl.utils.js";
 import { CalendarDate, CalendarDateTime, DateFormatter, fromDate, getLocalTimeZone, parseAbsolute } from "@internationalized/date";
 import { DateTime } from "luxon";
 //#region src/utils/date-time.utils.ts
@@ -5,33 +6,42 @@ var DateTimeUtils;
 (function(_DateTimeUtils) {
 	const DATE_SAMPLE_DATE_UTC = new Date(Date.UTC(2e3, 10, 22));
 	const TIME_SAMPLE_DATE_UTC = new Date(Date.UTC(2e3, 10, 22, 6, 45));
+	const timeFormatters = /* @__PURE__ */ new Map();
 	const getDayMonthFormat = (shouldForceLeadingZeros = false) => shouldForceLeadingZeros ? "2-digit" : "numeric";
 	const getTimeHourFormat = (shouldForceLeadingZeros = false) => shouldForceLeadingZeros ? "2-digit" : "numeric";
-	const getDatePlaceholderFormatter = (locale, options) => new Intl.DateTimeFormat(locale, {
+	const getDatePlaceholderFormatter = (locale, options) => IntlUtils.getDateTimeFormatter(locale, {
 		day: getDayMonthFormat(options?.shouldForceLeadingZeros),
 		month: getDayMonthFormat(options?.shouldForceLeadingZeros),
 		year: "numeric"
 	});
-	const getTimePlaceholderFormatter = (locale) => new Intl.DateTimeFormat(locale, {
+	const getTimePlaceholderFormatter = (locale) => IntlUtils.getDateTimeFormatter(locale, {
 		hour: "2-digit",
 		minute: "2-digit"
 	});
 	const getResolvedLocale = (locale) => {
 		if (locale) return locale;
-		return new Intl.DateTimeFormat().resolvedOptions().locale;
+		return IntlUtils.getDateTimeFormatter().resolvedOptions().locale;
 	};
-	const getDateFormatter = (locale, options) => new Intl.DateTimeFormat(getResolvedLocale(locale), {
+	const getDateFormatter = (locale, options) => IntlUtils.getDateTimeFormatter(getResolvedLocale(locale), {
 		day: getDayMonthFormat(options?.shouldForceLeadingZeros),
 		month: getDayMonthFormat(options?.shouldForceLeadingZeros),
 		year: "numeric",
 		timeZone: "UTC"
 	});
-	const getTimeFormatter = (locale, options) => new DateFormatter(getResolvedLocale(locale), {
-		hour: getTimeHourFormat(options?.shouldForceLeadingZeros),
-		minute: "2-digit",
-		timeZone: "UTC"
-	});
-	const getDateTimeFormatter = (locale, options) => new Intl.DateTimeFormat(getResolvedLocale(locale), {
+	const getTimeFormatter = (locale, options) => {
+		const resolvedLocale = getResolvedLocale(locale);
+		const key = `${resolvedLocale}|${options?.shouldForceLeadingZeros ?? false}`;
+		const cachedFormatter = timeFormatters.get(key);
+		if (cachedFormatter) return cachedFormatter;
+		const formatter = new DateFormatter(resolvedLocale, {
+			hour: getTimeHourFormat(options?.shouldForceLeadingZeros),
+			minute: "2-digit",
+			timeZone: "UTC"
+		});
+		timeFormatters.set(key, formatter);
+		return formatter;
+	};
+	const getDateTimeFormatter = (locale, options) => IntlUtils.getDateTimeFormatter(getResolvedLocale(locale), {
 		day: getDayMonthFormat(options?.shouldForceLeadingZeros),
 		month: getDayMonthFormat(options?.shouldForceLeadingZeros),
 		year: "numeric",
@@ -39,22 +49,8 @@ var DateTimeUtils;
 		minute: "2-digit",
 		timeZone: "UTC"
 	});
-	const getLocaleDateFormat = (locale) => {
-		const sampleDate = new Date(Date.UTC(2e3, 10, 22));
-		return new Intl.DateTimeFormat(locale, {
-			day: "2-digit",
-			month: "2-digit",
-			year: "numeric",
-			timeZone: "UTC"
-		}).formatToParts(sampleDate).map((part) => {
-			if (part.type === "day") return "dd";
-			if (part.type === "month") return "MM";
-			if (part.type === "year") return "yyyy";
-			return part.value;
-		}).join("");
-	};
 	const repeatLocalizedFieldLabel = (type, length, locale) => {
-		const placeholderChar = new Intl.DisplayNames(getResolvedLocale(locale), { type: "dateTimeField" }).of(type)?.trim().charAt(0).toLocaleLowerCase(getResolvedLocale(locale));
+		const placeholderChar = IntlUtils.getDisplayNamesFormatter(getResolvedLocale(locale), { type: "dateTimeField" }).of(type)?.trim().charAt(0).toLocaleLowerCase(getResolvedLocale(locale));
 		if (!placeholderChar) return null;
 		return placeholderChar.repeat(length);
 	};
@@ -191,26 +187,6 @@ var DateTimeUtils;
 		return new CalendarDateTime(zonedDateTime.year, zonedDateTime.month, zonedDateTime.day, zonedDateTime.hour, zonedDateTime.minute, zonedDateTime.second, zonedDateTime.millisecond);
 	}
 	_DateTimeUtils.fromUTCISOToCalendarDateTime = fromUTCISOToCalendarDateTime;
-	function formatTextDateToCalendarDateTime(textDate, timeZone, locale) {
-		if (!textDate?.includes("hh")) return null;
-		const datePart = textDate.split(",").at(0)?.trim();
-		if (!datePart) return null;
-		const resolvedTimeZone = resolveTimeZone(timeZone);
-		const resolvedLocale = locale || Intl.DateTimeFormat().resolvedOptions().locale;
-		const localeDateFormat = getLocaleDateFormat(resolvedLocale);
-		const parseOptions = {
-			zone: resolvedTimeZone,
-			locale: resolvedLocale
-		};
-		let parsedDateTime = DateTime.fromFormat(datePart, localeDateFormat, parseOptions);
-		if (!parsedDateTime.isValid && localeDateFormat.includes("yyyy")) {
-			const shortYearFormat = localeDateFormat.replace("yyyy", "yy");
-			parsedDateTime = DateTime.fromFormat(datePart, shortYearFormat, parseOptions);
-		}
-		if (!parsedDateTime.isValid) return null;
-		return new CalendarDateTime(parsedDateTime.year, parsedDateTime.month, parsedDateTime.day, 0, 0, 0, 0);
-	}
-	_DateTimeUtils.formatTextDateToCalendarDateTime = formatTextDateToCalendarDateTime;
 })(DateTimeUtils || (DateTimeUtils = {}));
 //#endregion
 export { DateTimeUtils };

package/dist/utils/intl.utils.d.ts

@@ -0,0 +1,7 @@
+type IntlLocale = Intl.LocalesArgument;
+export declare namespace IntlUtils {
+    const getDateTimeFormatter: (locale?: IntlLocale, options?: Intl.DateTimeFormatOptions) => Intl.DateTimeFormat;
+    const getDisplayNamesFormatter: (locale: IntlLocale, options: Intl.DisplayNamesOptions) => Intl.DisplayNames;
+    const getNumberFormatter: (locale?: IntlLocale, options?: Intl.NumberFormatOptions) => Intl.NumberFormat;
+}
+export {};

package/dist/utils/intl.utils.js

@@ -0,0 +1,38 @@
+//#region src/utils/intl.utils.ts
+var formatterCacheKey = (locale, options) => {
+	const locales = Array.isArray(locale) ? locale.map(String) : locale ? [String(locale)] : [];
+	const normalizedOptions = Object.entries(options ?? {}).sort(([left], [right]) => left.localeCompare(right));
+	return JSON.stringify([locales, normalizedOptions]);
+};
+var IntlUtils;
+(function(_IntlUtils) {
+	const dateTimeFormatters = /* @__PURE__ */ new Map();
+	const displayNamesFormatters = /* @__PURE__ */ new Map();
+	const numberFormatters = /* @__PURE__ */ new Map();
+	_IntlUtils.getDateTimeFormatter = (locale, options) => {
+		const key = formatterCacheKey(locale, options);
+		const cachedFormatter = dateTimeFormatters.get(key);
+		if (cachedFormatter) return cachedFormatter;
+		const formatter = new Intl.DateTimeFormat(locale, options);
+		dateTimeFormatters.set(key, formatter);
+		return formatter;
+	};
+	_IntlUtils.getDisplayNamesFormatter = (locale, options) => {
+		const key = formatterCacheKey(locale, options);
+		const cachedFormatter = displayNamesFormatters.get(key);
+		if (cachedFormatter) return cachedFormatter;
+		const formatter = new Intl.DisplayNames(locale, options);
+		displayNamesFormatters.set(key, formatter);
+		return formatter;
+	};
+	_IntlUtils.getNumberFormatter = (locale, options) => {
+		const key = formatterCacheKey(locale, options);
+		const cachedFormatter = numberFormatters.get(key);
+		if (cachedFormatter) return cachedFormatter;
+		const formatter = new Intl.NumberFormat(locale, options);
+		numberFormatters.set(key, formatter);
+		return formatter;
+	};
+})(IntlUtils || (IntlUtils = {}));
+//#endregion
+export { IntlUtils };

package/dist/utils/intl.utils.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@povio/ui",
-  "version": "3.3.0-rc.3",
+  "version": "3.3.0",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -30,7 +30,6 @@
     "@react-stately/calendar": "^3.9.2",
     "@react-stately/datepicker": "^3.16.0",
     "@react-types/shared": "^3.33.0",
-    "@tanstack/react-query": "~5.90.21",
     "@tanstack/react-table": "^8.21.3",
     "axios": "^1.13.2",
     "class-variance-authority": "^0.7.1",
@@ -52,6 +51,7 @@
   "peerDependencies": {
     "@casl/ability": "^6.7.3",
     "@casl/react": "^5.0.0",
+    "@tanstack/react-query": "^5.89.0",
     "@tiptap/core": "^3.19.0",
     "@tiptap/extension-color": "^3.19.0",
     "@tiptap/extension-heading": "^3.19.0",

package/dist/components/inputs/FormField/formField.cva.d.ts

@@ -1,11 +0,0 @@
-export declare const formFieldDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly as: {
-            readonly default: "";
-            readonly filter: "";
-            readonly floating: "";
-            readonly inline: "";
-        };
-    }>;
-};

package/dist/components/inputs/FormField/formField.cva.js

@@ -1,16 +0,0 @@
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-//#region src/components/inputs/FormField/formField.cva.ts
-var formFieldDefinition = UIOverrides.defineConfig({
-	base: [""],
-	config: {
-		variants: { as: {
-			default: "",
-			filter: "",
-			floating: "",
-			inline: ""
-		} },
-		defaultVariants: { as: "default" }
-	}
-});
-//#endregion
-export { formFieldDefinition };

package/dist/components/table/TableColumnFilterInput.d.ts

@@ -1,9 +0,0 @@
-import { InputDef } from '../inputs/Inputs/InputItem';
-import { UseFormReturn } from 'react-hook-form';
-interface TableColumnFilterInputProps<TFilterData extends Record<string, any>> {
-    form: UseFormReturn<TFilterData>;
-    inputDef: InputDef<TFilterData>;
-    className?: string;
-}
-export declare const TableColumnFilterInput: <TFilterData extends Record<string, any>>({ form, inputDef, className, }: TableColumnFilterInputProps<TFilterData>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/table/TableColumnFilterInput.js

@@ -1,108 +0,0 @@
-import { Inputs } from "../inputs/Inputs/Inputs.js";
-import { c } from "react/compiler-runtime";
-import { jsx } from "react/jsx-runtime";
-import { clsx } from "clsx";
-//#region src/components/table/TableColumnFilterInput.tsx
-var TableColumnFilterInput = (t0) => {
-	const $ = c(28);
-	const { form, inputDef, className } = t0;
-	const filterKey = String(inputDef.name);
-	const inputProps = inputDef.props;
-	const t1 = inputProps?.className;
-	let t2;
-	if ($[0] !== t1) {
-		t2 = clsx("w-full min-w-0 max-w-full", t1, "[&_label]:sr-only");
-		$[0] = t1;
-		$[1] = t2;
-	} else t2 = $[1];
-	const t3 = inputProps?.containerClassName;
-	let t4;
-	if ($[2] !== t3) {
-		t4 = clsx("w-full min-w-0 max-w-full", t3);
-		$[2] = t3;
-		$[3] = t4;
-	} else t4 = $[3];
-	const t5 = inputProps?.inputClassName;
-	let t6;
-	if ($[4] !== t5) {
-		t6 = clsx("min-w-0 max-w-full truncate", t5);
-		$[4] = t5;
-		$[5] = t6;
-	} else t6 = $[5];
-	let t7;
-	if ($[6] !== inputProps || $[7] !== t2 || $[8] !== t4 || $[9] !== t6) {
-		t7 = {
-			...inputProps,
-			as: "filter",
-			className: t2,
-			containerClassName: t4,
-			inputClassName: t6,
-			hideLabel: true,
-			isClearable: true,
-			placeholder: "",
-			size: "extra-small"
-		};
-		$[6] = inputProps;
-		$[7] = t2;
-		$[8] = t4;
-		$[9] = t6;
-		$[10] = t7;
-	} else t7 = $[10];
-	const props = t7;
-	let t8;
-	if ($[11] !== filterKey || $[12] !== inputDef.label) {
-		t8 = typeof inputDef.label === "string" && inputDef.label.trim() ? inputDef.label : filterKey;
-		$[11] = filterKey;
-		$[12] = inputDef.label;
-		$[13] = t8;
-	} else t8 = $[13];
-	let t9;
-	if ($[14] !== inputDef || $[15] !== props || $[16] !== t8) {
-		t9 = {
-			...inputDef,
-			label: t8,
-			placeholder: "",
-			props
-		};
-		$[14] = inputDef;
-		$[15] = props;
-		$[16] = t8;
-		$[17] = t9;
-	} else t9 = $[17];
-	const inlineInputDef = t9;
-	let t10;
-	if ($[18] !== className) {
-		t10 = clsx("w-full min-w-0 max-w-full [&>*]:w-full [&_*]:min-w-0", className);
-		$[18] = className;
-		$[19] = t10;
-	} else t10 = $[19];
-	let t11;
-	if ($[20] !== inlineInputDef) {
-		t11 = [inlineInputDef];
-		$[20] = inlineInputDef;
-		$[21] = t11;
-	} else t11 = $[21];
-	let t12;
-	if ($[22] !== form || $[23] !== t11) {
-		t12 = /* @__PURE__ */ jsx(Inputs, {
-			form,
-			inputDefs: t11
-		});
-		$[22] = form;
-		$[23] = t11;
-		$[24] = t12;
-	} else t12 = $[24];
-	let t13;
-	if ($[25] !== t10 || $[26] !== t12) {
-		t13 = /* @__PURE__ */ jsx("div", {
-			className: t10,
-			children: t12
-		});
-		$[25] = t10;
-		$[26] = t12;
-		$[27] = t13;
-	} else t13 = $[27];
-	return t13;
-};
-//#endregion
-export { TableColumnFilterInput };

package/dist/components/table/TableColumnFilterPlaceholder.d.ts

@@ -1,5 +0,0 @@
-interface TableColumnFilterPlaceholderProps {
-    label?: string;
-}
-export declare const TableColumnFilterPlaceholder: ({ label }: TableColumnFilterPlaceholderProps) => import("react/jsx-runtime").JSX.Element;
-export {};