@povio/ui 3.2.4-rc.5 → 3.2.4-rc.7

package/dist/components/inputs/DateTime/DatePicker/DatePicker.js

@@ -361,7 +361,6 @@ var DatePickerInner = (t0) => {
 		const disableManualEntry = props.disableManualEntry ?? ui.dateInput.disableManualEntry;
 		const showDropdown = !props.disableDropdown || disableManualEntry;
 		const staticSegments = getStaticCalendarDateSegments({
-			intl: ui.intl,
 			value: dateValue,
 			locale,
 			shouldForceLeadingZeros,

package/dist/components/inputs/DateTime/DateRangePicker/DateRangePicker.js

@@ -817,7 +817,6 @@ var DateRangePickerInner = (t0) => {
 		const disableManualEntry = props.disableManualEntry ?? ui.dateInput.disableManualEntry;
 		const showDropdown = !props.disableDropdown || disableManualEntry;
 		const staticSegments = getStaticDateRangeSegments({
-			intl: ui.intl,
 			start: startDateValue,
 			end: endDateValue,
 			locale,

package/dist/components/inputs/DateTime/DateTimePicker/DateTimePicker.js

@@ -285,7 +285,6 @@ var DateTimePickerInner = (t0) => {
 		const disableManualEntry = props.disableManualEntry ?? ui.dateInput.disableManualEntry;
 		const showDropdown = !props.disableDropdown || disableManualEntry;
 		const staticSegments = getStaticCalendarDateTimeSegments({
-			intl: ui.intl,
 			value: dateTimeValue,
 			locale,
 			shouldForceLeadingZeros,

package/dist/components/inputs/DateTime/TimePicker/TimePicker.js

@@ -503,7 +503,6 @@ var TimePickerInner = (t0) => {
 		const shouldForceLeadingZeros = props.shouldForceLeadingZeros ?? ui.dateInput.shouldForceLeadingZeros;
 		const showDropdown = !props.disableDropdown || disableManualEntry;
 		const staticSegments = getStaticTimeSegments({
-			intl: ui.intl,
 			value: timeValue_0,
 			locale,
 			shouldForceLeadingZeros,

package/dist/components/inputs/DateTime/shared/staticDateTimeSegments.d.ts

@@ -1,11 +1,9 @@
 import { CalendarDate } from '@internationalized/date';
 import { ReactNode } from 'react';
 import { DateValue, TimeValue } from 'react-aria';
-import { IntlFormatters } from '../../../../utils/intl.utils';
 interface StaticSegmentProps {
     isDisabled?: boolean;
     hidePlaceholder?: boolean;
-    intl?: IntlFormatters;
 }
 interface StaticManualEntryPlaceholderProps {
     disableManualEntry?: boolean;
@@ -34,10 +32,10 @@ interface StaticTimeSegmentsProps extends StaticSegmentProps, StaticManualEntryP
     locale: string;
     shouldForceLeadingZeros?: boolean;
 }
-export declare const getStaticCalendarDateSegments: ({ value, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder, intl, dateGranularity, }: StaticCalendarDateSegmentsProps) => import("react/jsx-runtime").JSX.Element;
-export declare const getStaticCalendarDateTimeSegments: ({ value, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder, intl, }: StaticCalendarDateTimeSegmentsProps) => import("react/jsx-runtime").JSX.Element;
-export declare const getStaticDateRangeSegments: ({ start, end, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder, intl, }: StaticDateRangeSegmentsProps) => import("react/jsx-runtime").JSX.Element;
-export declare const getStaticTimeSegments: ({ value, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder, intl, }: StaticTimeSegmentsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const getStaticCalendarDateSegments: ({ value, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder, dateGranularity, }: StaticCalendarDateSegmentsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const getStaticCalendarDateTimeSegments: ({ value, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder, }: StaticCalendarDateTimeSegmentsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const getStaticDateRangeSegments: ({ start, end, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder, }: StaticDateRangeSegmentsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const getStaticTimeSegments: ({ value, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder, }: StaticTimeSegmentsProps) => import("react/jsx-runtime").JSX.Element;
 export declare const getStaticDateTimePlaceholder: (placeholder: ReactNode) => import("react/jsx-runtime").JSX.Element;
 export declare const getStaticDateTimeFocusTarget: (container: HTMLElement, staticTarget: EventTarget | null) => HTMLElement | null;
 export {};

package/dist/components/inputs/DateTime/shared/staticDateTimeSegments.js

@@ -3,28 +3,28 @@ import { DateSegmentItemView } from "./DateSegmentItem.js";
 import { DateTimeUtils } from "../../../../utils/date-time.utils.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/DateTime/shared/staticDateTimeSegments.tsx
-var getStaticCalendarDateSegments = ({ value, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder, intl, dateGranularity = "day" }) => {
+var getStaticCalendarDateSegments = ({ value, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder, dateGranularity = "day" }) => {
 	if (disableManualEntry && placeholder && !value) return getStaticDateTimePlaceholder(placeholder);
-	return renderStaticDateTimeParts(DateTimeUtils.formatCalendarDatePartsLocalized(value, locale, { shouldForceLeadingZeros }, intl), {
+	return renderStaticDateTimeParts(DateTimeUtils.formatCalendarDatePartsLocalized(value, locale, { shouldForceLeadingZeros }), {
 		isDisabled,
 		hidePlaceholder,
 		dateGranularity
 	});
 };
-var getStaticCalendarDateTimeSegments = ({ value, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder, intl }) => {
+var getStaticCalendarDateTimeSegments = ({ value, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder }) => {
 	const hasValue = !!(value && "hour" in value);
 	if (disableManualEntry && placeholder && !hasValue) return getStaticDateTimePlaceholder(placeholder);
-	return renderStaticDateTimeParts(DateTimeUtils.formatCalendarDateTimePartsLocalized(hasValue ? value : null, locale, { shouldForceLeadingZeros }, intl), {
+	return renderStaticDateTimeParts(DateTimeUtils.formatCalendarDateTimePartsLocalized(hasValue ? value : null, locale, { shouldForceLeadingZeros }), {
 		isDisabled,
 		hidePlaceholder,
 		segmentRole: "spinbutton"
 	});
 };
-var getStaticDateRangeSegments = ({ start, end, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder, intl }) => {
+var getStaticDateRangeSegments = ({ start, end, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder }) => {
 	if (disableManualEntry && placeholder && !start && !end) return getStaticDateTimePlaceholder(placeholder);
 	const showSeparator = !hidePlaceholder;
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		renderStaticDateTimeParts(DateTimeUtils.formatCalendarDatePartsLocalized(start, locale, { shouldForceLeadingZeros }, intl), {
+		renderStaticDateTimeParts(DateTimeUtils.formatCalendarDatePartsLocalized(start, locale, { shouldForceLeadingZeros }), {
 			isDisabled,
 			hidePlaceholder: hidePlaceholder && !start,
 			segmentGroup: "start"
@@ -33,16 +33,16 @@ var getStaticDateRangeSegments = ({ start, end, locale, shouldForceLeadingZeros,
 			className: isDisabled ? "pointer-events-none select-none text-interactive-text-secondary-disabled" : "pointer-events-none select-none",
 			children: "–"
 		}),
-		renderStaticDateTimeParts(DateTimeUtils.formatCalendarDatePartsLocalized(end, locale, { shouldForceLeadingZeros }, intl), {
+		renderStaticDateTimeParts(DateTimeUtils.formatCalendarDatePartsLocalized(end, locale, { shouldForceLeadingZeros }), {
 			isDisabled,
 			hidePlaceholder: hidePlaceholder && !end,
 			segmentGroup: "end"
 		})
 	] });
 };
-var getStaticTimeSegments = ({ value, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder, intl }) => {
+var getStaticTimeSegments = ({ value, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder }) => {
 	if (disableManualEntry && placeholder && !value) return getStaticDateTimePlaceholder(placeholder);
-	return renderStaticDateTimeParts(DateTimeUtils.formatTimePartsLocalized(value, locale, { shouldForceLeadingZeros }, intl), {
+	return renderStaticDateTimeParts(DateTimeUtils.formatTimePartsLocalized(value, locale, { shouldForceLeadingZeros }), {
 		isDisabled,
 		hidePlaceholder,
 		timePickerOnly: true

package/dist/components/inputs/Input/NumberInput/NumberInput.js

@@ -2,6 +2,7 @@ import { UIOverrides } from "../../../../config/uiOverrides.context.js";
 import { UIConfig } from "../../../../config/uiConfig.context.js";
 import { FormField } from "../../FormField/FormField.js";
 import { inputBaseDefinition } from "../../shared/input.cva.js";
+import { IntlUtils } from "../../../../utils/intl.utils.js";
 import { TooltipWrapper } from "../../shared/TooltipWrapper.js";
 import { InputFrame } from "../../Skeleton/InputFrame.js";
 import { useStaticInputHandoff } from "../../shared/useStaticInputHandoff.js";
@@ -338,7 +339,7 @@ var NumberInputInner = (t0) => {
 	if (!renderInput) {
 		const staticValue = props.value ?? props.defaultValue;
 		const formatOptions = props.formatOptions ?? ui.numberInput.formatOptions;
-		const displayValue = getStaticNumberDisplayValue(staticValue, ui.intl.getNumberFormatter(locale, formatOptions)) ?? "";
+		const displayValue = getStaticNumberDisplayValue(staticValue, IntlUtils.getNumberFormatter(locale, formatOptions)) ?? "";
 		const hasValue = displayValue !== "";
 		const as = props.as ?? ui.input.as;
 		let isDisabled = !!props.isDisabled;

package/dist/components/inputs/Input/NumberRangeInput/NumberRangeInput.js

@@ -2,6 +2,7 @@ import { UIOverrides } from "../../../../config/uiOverrides.context.js";
 import { UIConfig } from "../../../../config/uiConfig.context.js";
 import { FormFieldLabel } from "../../FormField/FormFieldLabel.js";
 import { inputBaseDefinition, inputSizeDefinition } from "../../shared/input.cva.js";
+import { IntlUtils } from "../../../../utils/intl.utils.js";
 import { InputClear } from "../../shared/InputClear.js";
 import { InputFrame } from "../../Skeleton/InputFrame.js";
 import { useStaticInputHandoff } from "../../shared/useStaticInputHandoff.js";
@@ -381,7 +382,7 @@ var NumberRangeInputInner = (t0) => {
 	if (!renderInput) {
 		const staticValue = normalizeRangeValue(props.value, props.minValue, props.maxValue);
 		const formatOptions = props.formatOptions ?? ui.numberInput.formatOptions;
-		const formatter = ui.intl.getNumberFormatter(locale, formatOptions);
+		const formatter = IntlUtils.getNumberFormatter(locale, formatOptions);
 		const minDisplay = getStaticNumberDisplayValue(staticValue.min, formatter);
 		const maxDisplay = getStaticNumberDisplayValue(staticValue.max, formatter);
 		const hasValue = minDisplay !== null || maxDisplay !== null;

package/dist/components/inputs/Selection/Autocomplete/QueryAutocomplete.js

@@ -20,6 +20,8 @@ var LoadedQueryAutocompleteContent = ({ query, queryParams, queryOptions, queryM
 		mapInitialToSelectItem: props.mapInitialToSelectItem
 	});
 	const shouldEnableInitialQuery = selectedIdsToResolve.count > 0;
+	const isInitialQueryDisabled = props.isInitialQueryDisabled ?? ui.queryAutocomplete?.isInitialQueryDisabled;
+	const shouldDisableInitialQuery = !isQueryEnabledInitially && !shouldEnableInitialQuery && (selectedIdsToResolve.isResolvedByInitialSelection || isInitialQueryDisabled);
 	const { items, totalItems, isLoading, handleEnableQuery, hasNextPage, fetchNextPage } = useQueryAutocomplete({
 		query,
 		queryParams,
@@ -27,7 +29,7 @@ var LoadedQueryAutocompleteContent = ({ query, queryParams, queryOptions, queryM
 		mapItems: (data) => getQueryItems(data, queryMap),
 		resolveSelectedItemsWithIds: resolveSelectedItemsWithIds ?? ui.queryAutocomplete?.resolveSelectedItemsWithIds,
 		search,
-		initialQueryState: isQueryEnabledInitially || shouldEnableInitialQuery ? false : selectedIdsToResolve.isResolvedByInitialSelection || (props.isInitialQueryDisabled ?? ui.queryAutocomplete?.isInitialQueryDisabled),
+		initialQueryState: shouldDisableInitialQuery,
 		selectedIdsToResolve: selectedIdsToResolve.items
 	});
 	const handleChange = (value_0) => {

package/dist/components/inputs/Selection/Select/QuerySelect.js

@@ -22,6 +22,8 @@ var LoadedQuerySelectContent = (t0) => {
 		mapInitialToSelectItem: props.mapInitialToSelectItem
 	});
 	const shouldEnableInitialQuery = selectedIdsToResolve.count > 0;
+	const isInitialQueryDisabled = props.isInitialQueryDisabled ?? ui.querySelect?.isInitialQueryDisabled;
+	const shouldDisableInitialQuery = !isQueryEnabledInitially && !shouldEnableInitialQuery && (selectedIdsToResolve.isResolvedByInitialSelection || isInitialQueryDisabled);
 	let t2;
 	if ($[0] !== queryMap) {
 		t2 = (data) => getQueryItems(data, queryMap);
@@ -30,36 +32,35 @@ var LoadedQuerySelectContent = (t0) => {
 	} else t2 = $[1];
 	const t3 = resolveSelectedItemsWithIds ?? ui.querySelect?.resolveSelectedItemsWithIds;
 	const t4 = isSearchable ? search : void 0;
-	const t5 = isQueryEnabledInitially || shouldEnableInitialQuery ? false : selectedIdsToResolve.isResolvedByInitialSelection || (props.isInitialQueryDisabled ?? ui.querySelect?.isInitialQueryDisabled);
-	let t6;
-	if ($[2] !== query || $[3] !== queryOptions || $[4] !== queryParams || $[5] !== selectedIdsToResolve.items || $[6] !== t2 || $[7] !== t3 || $[8] !== t4 || $[9] !== t5) {
-		t6 = {
+	let t5;
+	if ($[2] !== query || $[3] !== queryOptions || $[4] !== queryParams || $[5] !== selectedIdsToResolve.items || $[6] !== shouldDisableInitialQuery || $[7] !== t2 || $[8] !== t3 || $[9] !== t4) {
+		t5 = {
 			query,
 			queryParams,
 			queryOptions,
 			mapItems: t2,
 			resolveSelectedItemsWithIds: t3,
 			search: t4,
-			initialQueryState: t5,
+			initialQueryState: shouldDisableInitialQuery,
 			selectedIdsToResolve: selectedIdsToResolve.items
 		};
 		$[2] = query;
 		$[3] = queryOptions;
 		$[4] = queryParams;
 		$[5] = selectedIdsToResolve.items;
-		$[6] = t2;
-		$[7] = t3;
-		$[8] = t4;
-		$[9] = t5;
-		$[10] = t6;
-	} else t6 = $[10];
-	const { items, totalItems, isLoading, handleEnableQuery, hasNextPage, fetchNextPage } = useQueryAutocomplete(t6);
+		$[6] = shouldDisableInitialQuery;
+		$[7] = t2;
+		$[8] = t3;
+		$[9] = t4;
+		$[10] = t5;
+	} else t5 = $[10];
+	const { items, totalItems, isLoading, handleEnableQuery, hasNextPage, fetchNextPage } = useQueryAutocomplete(t5);
 	let onSearchChange;
 	let selectProps;
 	if ($[11] !== props) {
-		const { isInitialQueryDisabled: _, onSearchChange: t7, ...t8 } = props;
-		onSearchChange = t7;
-		selectProps = t8;
+		const { isInitialQueryDisabled: _, onSearchChange: t6, ...t7 } = props;
+		onSearchChange = t6;
+		selectProps = t7;
 		$[11] = props;
 		$[12] = onSearchChange;
 		$[13] = selectProps;
@@ -67,9 +68,9 @@ var LoadedQuerySelectContent = (t0) => {
 		onSearchChange = $[12];
 		selectProps = $[13];
 	}
-	let t7;
+	let t6;
 	if ($[14] !== handleEnableQuery || $[15] !== onSearchChange || $[16] !== setSearch) {
-		t7 = (value_0) => {
+		t6 = (value_0) => {
 			setSearch(value_0);
 			handleEnableQuery();
 			onSearchChange?.(value_0);
@@ -77,33 +78,33 @@ var LoadedQuerySelectContent = (t0) => {
 		$[14] = handleEnableQuery;
 		$[15] = onSearchChange;
 		$[16] = setSearch;
-		$[17] = t7;
-	} else t7 = $[17];
-	const handleSearchChange = t7;
-	const t8 = props.searchDebounceDelay ?? ui.querySelect?.searchDebounceDelay;
-	let t9;
+		$[17] = t6;
+	} else t6 = $[17];
+	const handleSearchChange = t6;
+	const t7 = props.searchDebounceDelay ?? ui.querySelect?.searchDebounceDelay;
+	let t8;
 	if ($[18] !== handleSearchChange || $[19] !== isSearchable) {
-		t9 = isSearchable && {
+		t8 = isSearchable && {
 			isClientSearchDisabled: true,
 			onSearchChange: handleSearchChange
 		};
 		$[18] = handleSearchChange;
 		$[19] = isSearchable;
-		$[20] = t9;
-	} else t9 = $[20];
-	let t10;
-	if ($[21] !== fetchNextPage || $[22] !== handleEnableQuery || $[23] !== hasNextPage || $[24] !== isLoading || $[25] !== items || $[26] !== selectProps || $[27] !== t8 || $[28] !== t9 || $[29] !== totalItems) {
-		t10 = /* @__PURE__ */ jsx(Select, {
+		$[20] = t8;
+	} else t8 = $[20];
+	let t9;
+	if ($[21] !== fetchNextPage || $[22] !== handleEnableQuery || $[23] !== hasNextPage || $[24] !== isLoading || $[25] !== items || $[26] !== selectProps || $[27] !== t7 || $[28] !== t8 || $[29] !== totalItems) {
+		t9 = /* @__PURE__ */ jsx(Select, {
 			...selectProps,
 			items,
 			isLoading,
 			totalItems,
 			hasLoadMore: hasNextPage,
 			onLoadMore: fetchNextPage,
-			searchDebounceDelay: t8,
+			searchDebounceDelay: t7,
 			onMouseEnter: handleEnableQuery,
 			onFocusCapture: handleEnableQuery,
-			...t9
+			...t8
 		});
 		$[21] = fetchNextPage;
 		$[22] = handleEnableQuery;
@@ -111,12 +112,12 @@ var LoadedQuerySelectContent = (t0) => {
 		$[24] = isLoading;
 		$[25] = items;
 		$[26] = selectProps;
-		$[27] = t8;
-		$[28] = t9;
+		$[27] = t7;
+		$[28] = t8;
 		$[29] = totalItems;
-		$[30] = t10;
-	} else t10 = $[30];
-	return t10;
+		$[30] = t9;
+	} else t9 = $[30];
+	return t9;
 };
 var QuerySelectContent = (props) => {
 	const $ = c(9);

package/dist/components/inputs/Selection/shared/SelectDesktop.js

@@ -102,8 +102,8 @@ var SelectDesktop = (t0) => {
 	} else t3 = $[27];
 	const { labelProps, fieldProps } = useLabel(t3);
 	const triggerRef = useRef(null);
-	const closeComboBoxRef = useRef(null);
 	const wrapperRef = useRef(null);
+	const closeComboBoxRef = useRef(null);
 	const [popoverWidth, setPopoverWidth] = useState(void 0);
 	const { fieldState, isOpen, setIsOpen, onInputChange, onChange, onClear, onSelectAll, listItems, selectableListItems, selectedIds, isMultiple } = SelectContext.useSelect();
 	const t4 = !isOpen;
@@ -348,7 +348,13 @@ var SelectDesktop = (t0) => {
 			isOpen,
 			onOpenChange: setIsOpen,
 			className: selectPopoverCva({}),
-			style: { width: !ignoreTriggerWidth ? popoverWidth : void 0 },
+			style: (t23) => {
+				const { isExiting } = t23;
+				return {
+					width: !ignoreTriggerWidth ? popoverWidth : void 0,
+					pointerEvents: isExiting ? "none" : void 0
+				};
+			},
 			offset: 0,
 			children: /* @__PURE__ */ jsx(SelectListBox, {
 				...props,

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

@@ -15,13 +15,11 @@ import { ToastPosition } from 'react-toastify';
 import { CellTextProps } from '../components/table/CellText';
 import { HeaderTextProps } from '../components/table/HeaderText';
 import { TagProps } from '../components/text/Tag/Tag';
-import { IntlFormatters } from '../utils/intl.utils';
 export declare namespace UIConfig {
     type DeepRequired<T> = {
-        [P in keyof T]-?: T[P] extends (...args: never[]) => unknown ? Exclude<T[P], null | undefined> : T[P] extends object ? DeepRequired<T[P]> : Exclude<T[P], null | undefined>;
+        [P in keyof T]-?: T[P] extends object ? DeepRequired<T[P]> : Exclude<T[P], null | undefined>;
     };
     export interface Options {
-        intl: IntlFormatters;
         renderStaticInput: boolean;
         input: Pick<TextInputProps, "variant" | "isClearable" | "hideLabel" | "as" | "size"> & {
             alwaysShowClear?: boolean;

package/dist/config/uiConfig.context.js

@@ -3,7 +3,6 @@ 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 { IntlUtils } from "../utils/intl.utils.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { createContext, use } from "react";
@@ -11,7 +10,6 @@ import { createContext, use } from "react";
 var UIConfig;
 (function(_UIConfig) {
 	const DEFAULT_CONFIG = {
-		intl: IntlUtils,
 		renderStaticInput: true,
 		input: {
 			variant: "outlined",

package/dist/index.d.ts

@@ -183,7 +183,6 @@ export { UIRouter } from './config/router.context';
 export { ThemeContext } from './config/theme.context';
 export { UIConfig } from './config/uiConfig.context';
 export { UIOverrides } from './config/uiOverrides.context';
-export type { IntlFormatters } from './utils/intl.utils';
 export { breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbsDefinition, breadcrumbSegmentDefinition, } from './components/Breadcrumbs/breadcrumbs.cva';
 export { buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition, } from './components/buttons/Button/button.cva';
 export { pillButtonContentDefinition, pillButtonDefinition } from './components/buttons/PillButton/pillButton.cva';

package/dist/index.js

@@ -53,7 +53,6 @@ import { Loader } from "./components/status/Loader/Loader.js";
 import { ObjectUtils } from "./utils/object.utils.js";
 import { isEqual } from "./utils/isEqual.js";
 import { useDeepCompareEffect, useDeepCompareLayoutEffect, useDeepCompareMemo } from "./hooks/useDeepCompare.js";
-import { IntlUtils } from "./utils/intl.utils.js";
 import { UIConfig } from "./config/uiConfig.context.js";
 import { uiOutlineClass } from "./components/outline.clsx.js";
 import { compoundMapper } from "./utils/compoundMapper.js";
@@ -83,6 +82,7 @@ import { inputBaseDefinition, inputClearClassDefinition, inputContentWrapperDefi
 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";

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

@@ -1,5 +1,4 @@
 import { CalendarDate, CalendarDateTime, DateValue, ZonedDateTime } from '@internationalized/date';
-import { IntlFormatters } from './intl.utils';
 export declare namespace DateTimeUtils {
     interface LocalizedDateFormatOptions {
         shouldForceLeadingZeros?: boolean;
@@ -10,22 +9,22 @@ export declare namespace DateTimeUtils {
         placeholder: string;
         isPlaceholder: boolean;
     }
-    export function getDatePlaceholder(locale?: string, options?: LocalizedDateFormatOptions, intl?: IntlFormatters): string;
-    export function getTimePlaceholder(locale?: string, intl?: IntlFormatters): string;
+    export function getDatePlaceholder(locale?: string, options?: LocalizedDateFormatOptions): string;
+    export function getTimePlaceholder(locale?: string): string;
     export function getDateTimePlaceholder(locale?: string, options?: LocalizedDateFormatOptions): string;
     export function getDateRangePlaceholder(locale?: string, options?: LocalizedDateFormatOptions): string;
-    export function formatCalendarDateLocalized(calendarDate: CalendarDate, locale?: string, options?: LocalizedDateFormatOptions, intl?: IntlFormatters): string;
-    export function formatCalendarDatePartsLocalized(calendarDate?: CalendarDate | null, locale?: string, options?: LocalizedDateFormatOptions, intl?: IntlFormatters): LocalizedDatePart[];
-    export function formatCalendarDateTimePartsLocalized(calendarDateTime?: Pick<CalendarDateTime, "day" | "month" | "year" | "hour" | "minute"> | null, locale?: string, options?: LocalizedDateFormatOptions, intl?: IntlFormatters): LocalizedDatePart[];
+    export function formatCalendarDateLocalized(calendarDate: CalendarDate, locale?: string, options?: LocalizedDateFormatOptions): string;
+    export function formatCalendarDatePartsLocalized(calendarDate?: CalendarDate | null, locale?: string, options?: LocalizedDateFormatOptions): LocalizedDatePart[];
+    export function formatCalendarDateTimePartsLocalized(calendarDateTime?: Pick<CalendarDateTime, "day" | "month" | "year" | "hour" | "minute"> | null, locale?: string, options?: LocalizedDateFormatOptions): LocalizedDatePart[];
     export function formatTimeLocalized(timeValue: {
         hour: number;
         minute: number;
-    }, locale?: string, options?: LocalizedDateFormatOptions, intl?: IntlFormatters): string;
+    }, locale?: string, options?: LocalizedDateFormatOptions): string;
     export function formatTimePartsLocalized(timeValue?: {
         hour: number;
         minute: number;
-    } | null, locale?: string, options?: LocalizedDateFormatOptions, intl?: IntlFormatters): LocalizedDatePart[];
-    export function formatCalendarDateTimeLocalized(calendarDateTime: Pick<CalendarDateTime, "day" | "month" | "year" | "hour" | "minute">, locale?: string, options?: LocalizedDateFormatOptions, intl?: IntlFormatters): string;
+    } | null, locale?: string, options?: LocalizedDateFormatOptions): LocalizedDatePart[];
+    export function formatCalendarDateTimeLocalized(calendarDateTime: Pick<CalendarDateTime, "day" | "month" | "year" | "hour" | "minute">, locale?: string, options?: LocalizedDateFormatOptions): string;
     export function fromISOtoZonedDateTime(isoString: string, timeZone?: string): ZonedDateTime;
     export function fromDateValueToISO(dateValue: DateValue, timeZone?: string): string;
     export function fromDateValueFieldsToUTCISO(dateValue: DateValue): string;

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

@@ -9,32 +9,27 @@ var DateTimeUtils;
 	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, intl = IntlUtils) => intl.getDateTimeFormatter(locale, {
+	const getDatePlaceholderFormatter = (locale, options) => IntlUtils.getDateTimeFormatter(locale, {
 		day: getDayMonthFormat(options?.shouldForceLeadingZeros),
 		month: getDayMonthFormat(options?.shouldForceLeadingZeros),
 		year: "numeric"
 	});
-	const getTimePlaceholderFormatter = (locale, intl = IntlUtils) => intl.getDateTimeFormatter(locale, {
+	const getTimePlaceholderFormatter = (locale) => IntlUtils.getDateTimeFormatter(locale, {
 		hour: "2-digit",
 		minute: "2-digit"
 	});
-	const getResolvedLocale = (locale, intl = IntlUtils) => {
+	const getResolvedLocale = (locale) => {
 		if (locale) return locale;
-		return intl.getDateTimeFormatter().resolvedOptions().locale;
+		return IntlUtils.getDateTimeFormatter().resolvedOptions().locale;
 	};
-	const getDateFormatter = (locale, options, intl = IntlUtils) => intl.getDateTimeFormatter(getResolvedLocale(locale, intl), {
+	const getDateFormatter = (locale, options) => IntlUtils.getDateTimeFormatter(getResolvedLocale(locale), {
 		day: getDayMonthFormat(options?.shouldForceLeadingZeros),
 		month: getDayMonthFormat(options?.shouldForceLeadingZeros),
 		year: "numeric",
 		timeZone: "UTC"
 	});
-	const getTimeFormatter = (locale, options, intl = IntlUtils) => {
-		const resolvedLocale = getResolvedLocale(locale, intl);
-		if (intl !== IntlUtils) return intl.getDateTimeFormatter(resolvedLocale, {
-			hour: getTimeHourFormat(options?.shouldForceLeadingZeros),
-			minute: "2-digit",
-			timeZone: "UTC"
-		});
+	const getTimeFormatter = (locale, options) => {
+		const resolvedLocale = getResolvedLocale(locale);
 		const key = `${resolvedLocale}|${options?.shouldForceLeadingZeros ?? false}`;
 		const cachedFormatter = timeFormatters.get(key);
 		if (cachedFormatter) return cachedFormatter;
@@ -46,7 +41,7 @@ var DateTimeUtils;
 		timeFormatters.set(key, formatter);
 		return formatter;
 	};
-	const getDateTimeFormatter = (locale, options, intl = IntlUtils) => intl.getDateTimeFormatter(getResolvedLocale(locale, intl), {
+	const getDateTimeFormatter = (locale, options) => IntlUtils.getDateTimeFormatter(getResolvedLocale(locale), {
 		day: getDayMonthFormat(options?.shouldForceLeadingZeros),
 		month: getDayMonthFormat(options?.shouldForceLeadingZeros),
 		year: "numeric",
@@ -54,47 +49,46 @@ var DateTimeUtils;
 		minute: "2-digit",
 		timeZone: "UTC"
 	});
-	const repeatLocalizedFieldLabel = (type, length, locale, intl = IntlUtils) => {
-		const resolvedLocale = getResolvedLocale(locale, intl);
-		const placeholderChar = intl.getDisplayNamesFormatter(resolvedLocale, { type: "dateTimeField" }).of(type)?.trim().charAt(0).toLocaleLowerCase(resolvedLocale);
+	const repeatLocalizedFieldLabel = (type, length, 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);
 	};
-	const mapTypeToPlaceholder = (type, locale, intl = IntlUtils) => {
+	const mapTypeToPlaceholder = (type, locale) => {
 		switch (type) {
-			case "day": return repeatLocalizedFieldLabel(type, 2, locale, intl);
-			case "month": return repeatLocalizedFieldLabel(type, 2, locale, intl);
-			case "year": return repeatLocalizedFieldLabel(type, 4, locale, intl);
+			case "day": return repeatLocalizedFieldLabel(type, 2, locale);
+			case "month": return repeatLocalizedFieldLabel(type, 2, locale);
+			case "year": return repeatLocalizedFieldLabel(type, 4, locale);
 			case "hour": return "hh";
 			case "minute": return "mm";
 			default: return null;
 		}
 	};
-	const formatPlaceholder = (formatter, sampleDate, intl = IntlUtils) => {
-		return formatter.formatToParts(sampleDate).map((part) => mapTypeToPlaceholder(part.type, formatter.resolvedOptions().locale, intl) ?? part.value).join("");
+	const formatPlaceholder = (formatter, sampleDate) => {
+		return formatter.formatToParts(sampleDate).map((part) => mapTypeToPlaceholder(part.type, formatter.resolvedOptions().locale) ?? part.value).join("");
 	};
 	const removeDateSeparatorSpacing = (value) => value.replace(/([./-])\s+(?=[\p{Letter}\p{Number}])/gu, "$1");
 	const formatLocalizedDateParts = (formatter, date) => {
 		return removeDateSeparatorSpacing(formatter.format(date));
 	};
-	const formatLocalizedDatePartList = (formatter, date, isPlaceholder, intl = IntlUtils) => {
+	const formatLocalizedDatePartList = (formatter, date, isPlaceholder) => {
 		const locale = formatter.resolvedOptions().locale;
 		return formatter.formatToParts(date).map((part) => {
 			const value = part.type === "literal" ? part.value.replace(/([./-])\s+/gu, "$1") : part.value.replace(/\s+/gu, "");
 			return {
 				type: part.type,
 				value,
-				placeholder: mapTypeToPlaceholder(part.type, locale, intl) ?? value,
+				placeholder: mapTypeToPlaceholder(part.type, locale) ?? value,
 				isPlaceholder
 			};
 		});
 	};
-	function getDatePlaceholder(locale, options, intl = IntlUtils) {
-		return removeDateSeparatorSpacing(formatPlaceholder(getDatePlaceholderFormatter(locale, options, intl), DATE_SAMPLE_DATE_UTC, intl));
+	function getDatePlaceholder(locale, options) {
+		return removeDateSeparatorSpacing(formatPlaceholder(getDatePlaceholderFormatter(locale, options), DATE_SAMPLE_DATE_UTC));
 	}
 	_DateTimeUtils.getDatePlaceholder = getDatePlaceholder;
-	function getTimePlaceholder(locale, intl = IntlUtils) {
-		return formatPlaceholder(getTimePlaceholderFormatter(locale, intl), TIME_SAMPLE_DATE_UTC, intl);
+	function getTimePlaceholder(locale) {
+		return formatPlaceholder(getTimePlaceholderFormatter(locale), TIME_SAMPLE_DATE_UTC);
 	}
 	_DateTimeUtils.getTimePlaceholder = getTimePlaceholder;
 	function getDateTimePlaceholder(locale, options) {
@@ -106,32 +100,32 @@ var DateTimeUtils;
 		return `${datePlaceholder} – ${datePlaceholder}`;
 	}
 	_DateTimeUtils.getDateRangePlaceholder = getDateRangePlaceholder;
-	function formatCalendarDateLocalized(calendarDate, locale, options, intl = IntlUtils) {
-		return formatLocalizedDateParts(getDateFormatter(locale, options, intl), calendarDate.toDate("UTC"));
+	function formatCalendarDateLocalized(calendarDate, locale, options) {
+		return formatLocalizedDateParts(getDateFormatter(locale, options), calendarDate.toDate("UTC"));
 	}
 	_DateTimeUtils.formatCalendarDateLocalized = formatCalendarDateLocalized;
-	function formatCalendarDatePartsLocalized(calendarDate, locale, options, intl = IntlUtils) {
-		return formatLocalizedDatePartList(getDateFormatter(locale, options, intl), calendarDate?.toDate("UTC") ?? DATE_SAMPLE_DATE_UTC, !calendarDate, intl);
+	function formatCalendarDatePartsLocalized(calendarDate, locale, options) {
+		return formatLocalizedDatePartList(getDateFormatter(locale, options), calendarDate?.toDate("UTC") ?? DATE_SAMPLE_DATE_UTC, !calendarDate);
 	}
 	_DateTimeUtils.formatCalendarDatePartsLocalized = formatCalendarDatePartsLocalized;
-	function formatCalendarDateTimePartsLocalized(calendarDateTime, locale, options, intl = IntlUtils) {
+	function formatCalendarDateTimePartsLocalized(calendarDateTime, locale, options) {
 		const normalizedValue = calendarDateTime ? new CalendarDateTime(calendarDateTime.year, calendarDateTime.month, calendarDateTime.day, calendarDateTime.hour, calendarDateTime.minute) : null;
-		return formatLocalizedDatePartList(getDateTimeFormatter(locale, options, intl), normalizedValue?.toDate("UTC") ?? TIME_SAMPLE_DATE_UTC, !calendarDateTime, intl);
+		return formatLocalizedDatePartList(getDateTimeFormatter(locale, options), normalizedValue?.toDate("UTC") ?? TIME_SAMPLE_DATE_UTC, !calendarDateTime);
 	}
 	_DateTimeUtils.formatCalendarDateTimePartsLocalized = formatCalendarDateTimePartsLocalized;
-	function formatTimeLocalized(timeValue, locale, options, intl = IntlUtils) {
+	function formatTimeLocalized(timeValue, locale, options) {
 		const dateTime = new CalendarDateTime(2e3, 11, 22, timeValue.hour, timeValue.minute);
-		return getTimeFormatter(locale, options, intl).format(dateTime.toDate("UTC"));
+		return getTimeFormatter(locale, options).format(dateTime.toDate("UTC"));
 	}
 	_DateTimeUtils.formatTimeLocalized = formatTimeLocalized;
-	function formatTimePartsLocalized(timeValue, locale, options, intl = IntlUtils) {
+	function formatTimePartsLocalized(timeValue, locale, options) {
 		const normalizedValue = new CalendarDateTime(2e3, 11, 22, timeValue?.hour ?? 6, timeValue?.minute ?? 45);
-		return formatLocalizedDatePartList(getTimeFormatter(locale, options, intl), normalizedValue.toDate("UTC"), !timeValue, intl);
+		return formatLocalizedDatePartList(getTimeFormatter(locale, options), normalizedValue.toDate("UTC"), !timeValue);
 	}
 	_DateTimeUtils.formatTimePartsLocalized = formatTimePartsLocalized;
-	function formatCalendarDateTimeLocalized(calendarDateTime, locale, options, intl = IntlUtils) {
+	function formatCalendarDateTimeLocalized(calendarDateTime, locale, options) {
 		const normalizedValue = new CalendarDateTime(calendarDateTime.year, calendarDateTime.month, calendarDateTime.day, calendarDateTime.hour, calendarDateTime.minute);
-		return formatLocalizedDateParts(getDateTimeFormatter(locale, options, intl), normalizedValue.toDate("UTC"));
+		return formatLocalizedDateParts(getDateTimeFormatter(locale, options), normalizedValue.toDate("UTC"));
 	}
 	_DateTimeUtils.formatCalendarDateTimeLocalized = formatCalendarDateTimeLocalized;
 	function resolveTimeZone(timeZone) {

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@povio/ui",
-  "version": "3.2.4-rc.5",
+  "version": "3.2.4-rc.7",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",