@povio/ui 6.0.0-rc.2 → 6.0.0-rc.4

package/dist/import-DflE4Gl2.js

@@ -0,0 +1,251 @@
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { t as Typography } from "./Typography-Ba5l4rmj.js";
+import { n as $a8ea2faf2ebe4d2f$re_export$mergeProps } from "./import-D_3dPATF.js";
+import "./i18n-BjNKHh_D.js";
+import { r as $32daac5f69beb98a$re_export$useFocusRing } from "./useStaticInputHandoff-DyYxfwv6.js";
+import { useCallback, useMemo, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CalendarDate, GregorianCalendar, getLocalTimeZone, isSameDay, isToday, startOfWeek, toCalendar } from "@internationalized/date";
+import "react-aria/I18nProvider";
+import "react-aria/useNumberFormatter";
+import "react-aria/useCollator";
+import "react-aria/useLocalizedStringFormatter";
+import "react-aria/useFilter";
+import "react-aria/useListFormatter";
+import { useTranslation } from "react-i18next";
+import { useCalendarCell, useCalendarGrid } from "@react-aria/calendar";
+import { useDateFormatter as $1697a7ad3db7b79f$re_export$useDateFormatter } from "react-aria/useDateFormatter";
+//#region src/components/inputs/DateTime/shared/calendarWeek.utils.ts
+const gregorianCalendar = new GregorianCalendar();
+/** ISO weeks start on Monday and belong to the year containing their Thursday. */
+const getISOWeekNumber = (date) => {
+	const gregorianDate = toCalendar(date, gregorianCalendar);
+	const thursday = startOfWeek(gregorianDate, "en-GB", "mon").add({ days: 3 });
+	const yearStart = new CalendarDate(thursday.era, thursday.year, 1, 1);
+	return Math.floor((gregorianCalendar.toJulianDay(thursday) - gregorianCalendar.toJulianDay(yearStart)) / 7) + 1;
+};
+//#endregion
+//#region src/components/inputs/DateTime/shared/CalendarCell.tsx
+const isRange = (state) => {
+	return "highlightedRange" in state;
+};
+const CalendarCell = ({ state, onApply, onDoubleClickApply, shouldApplyOnDateSelection = true, shouldCloseOnSelect = true, onDateSelection, onDateHover, rangeSelection, hoverDate, onKeyboardNavigation, ...props }) => {
+	const ref = useRef(null);
+	const { cellProps, buttonProps, formattedDate, isSelected, isDisabled, isOutsideVisibleRange } = useCalendarCell(props, state, ref);
+	const { focusProps } = $32daac5f69beb98a$re_export$useFocusRing();
+	const onClick = useCallback((event) => {
+		buttonProps.onClick?.(event);
+		if (onDateSelection) onDateSelection(props.date);
+		if (shouldCloseOnSelect && !isDisabled && (shouldApplyOnDateSelection || isSelected)) onApply?.(props.date);
+	}, [
+		buttonProps,
+		onDateSelection,
+		props.date,
+		isDisabled,
+		shouldApplyOnDateSelection,
+		isSelected,
+		shouldCloseOnSelect,
+		onApply
+	]);
+	const onDoubleClick = useCallback((event) => {
+		if (isDisabled) return;
+		event.preventDefault();
+		onDoubleClickApply?.(props.date);
+	}, [
+		isDisabled,
+		onDoubleClickApply,
+		props.date
+	]);
+	const selectionState = useMemo(() => {
+		let isSelectionStart = false;
+		let isSelectionEnd = false;
+		let isSelectedCell = false;
+		let isInRange = false;
+		let isHoverRange = false;
+		let isSelectingMode = false;
+		if (rangeSelection?.start) {
+			isSelectionStart = isSameDay(props.date, rangeSelection.start);
+			isSelectionEnd = rangeSelection.end ? isSameDay(props.date, rangeSelection.end) : false;
+			isSelectedCell = isSelectionStart || isSelectionEnd;
+			isSelectingMode = rangeSelection.isSelecting && !rangeSelection.end;
+			if (rangeSelection.start && rangeSelection.end) {
+				const dateValue = props.date;
+				const isAfterStart = dateValue.compare(rangeSelection.start) > 0;
+				const isBeforeEnd = dateValue.compare(rangeSelection.end) < 0;
+				isInRange = isAfterStart && isBeforeEnd;
+			}
+			if (rangeSelection.isSelecting && rangeSelection.start && hoverDate && !rangeSelection.end) {
+				const dateValue = props.date;
+				const { start } = rangeSelection;
+				const end = hoverDate;
+				const earlierDate = start.compare(end) <= 0 ? start : end;
+				const laterDate = start.compare(end) <= 0 ? end : start;
+				const isAfterStart = dateValue.compare(earlierDate) > 0;
+				const isBeforeEnd = dateValue.compare(laterDate) < 0;
+				isHoverRange = isAfterStart && isBeforeEnd;
+			}
+		} else {
+			isSelectionStart = isRange(state) && state.highlightedRange ? isSameDay(props.date, state.highlightedRange.start) : isSelected;
+			isSelectionEnd = isRange(state) && state.highlightedRange ? isSameDay(props.date, state.highlightedRange.end) : isSelected;
+			isSelectedCell = isSelectionStart || isSelectionEnd || !isRange(state) && isSelected;
+			isInRange = isRange(state) && isSelected && !isSelectionStart && !isSelectionEnd;
+			if (isRange(state) && state.highlightedRange && !isSelected) {
+				const dateValue = props.date;
+				const isAfterStart = dateValue.compare(state.highlightedRange.start) > 0;
+				const isBeforeEnd = dateValue.compare(state.highlightedRange.end) < 0;
+				isHoverRange = isAfterStart && isBeforeEnd;
+			}
+		}
+		return {
+			isSelectionStart,
+			isSelectionEnd,
+			isSelectedCell,
+			isInRange,
+			isHoverRange,
+			isSelectingMode
+		};
+	}, [
+		props.date,
+		rangeSelection,
+		state,
+		isSelected,
+		hoverDate
+	]);
+	const handleEvent = (event, eventHandler) => {
+		if (isOutsideVisibleRange) {
+			state.selectDate(props.date);
+			state.setFocusedDate(props.date);
+		}
+		eventHandler?.(event);
+		if (isSelected && shouldCloseOnSelect) onApply?.(props.date);
+	};
+	const onMouseEnter = useCallback(() => {
+		if (onDateHover && selectionState.isSelectingMode) onDateHover(props.date);
+	}, [
+		onDateHover,
+		selectionState.isSelectingMode,
+		props.date
+	]);
+	const onMouseLeave = useCallback(() => {
+		if (onDateHover && selectionState.isSelectingMode) onDateHover(null);
+	}, [onDateHover, selectionState.isSelectingMode]);
+	const isTodayCell = isToday(props.date, getLocalTimeZone());
+	const cellClassName = useMemo(() => {
+		const { isSelectedCell, isInRange, isHoverRange, isSelectingMode, isSelectionStart, isSelectionEnd } = selectionState;
+		const isVisibleSelected = isSelectedCell && !isOutsideVisibleRange;
+		const isVisibleRangeMiddle = (isInRange || isHoverRange) && !isOutsideVisibleRange && !isVisibleSelected;
+		const isRangeStart = isVisibleSelected && !!rangeSelection && !rangeSelection.isSelecting && isSelectionStart && !isSelectionEnd;
+		const isRangeEnd = isVisibleSelected && !!rangeSelection && !rangeSelection.isSelecting && isSelectionEnd && !isSelectionStart;
+		const isRangeEdge = isRangeStart || isRangeEnd;
+		return clsx("mx-auto flex items-center justify-center p-0 text-sm font-normal transition-[color,box-shadow]", "outline-none focus-visible:relative focus-visible:z-10 focus-visible:ring-[3px] focus-visible:ring-ring/50", isVisibleRangeMiddle || isRangeEdge ? "h-8 w-full" : "size-8", isVisibleRangeMiddle && "rounded-none", isRangeStart && "rounded-l-md", isRangeEnd && "rounded-r-md", !isVisibleRangeMiddle && !isRangeEdge && "rounded-md", isOutsideVisibleRange && "text-muted-foreground opacity-50", isVisibleSelected && "bg-primary text-primary-foreground", isVisibleSelected && isDisabled && "opacity-50", isVisibleRangeMiddle && "bg-accent text-accent-foreground", !isOutsideVisibleRange && !isVisibleSelected && !isVisibleRangeMiddle && isDisabled && "text-muted-foreground opacity-50", !isOutsideVisibleRange && !isVisibleSelected && !isVisibleRangeMiddle && !isDisabled && isTodayCell && "bg-accent text-accent-foreground", !isOutsideVisibleRange && !isVisibleSelected && !isVisibleRangeMiddle && !isDisabled && !isTodayCell && "text-foreground [@media(pointer:fine)]:hover:bg-accent [@media(pointer:fine)]:hover:text-accent-foreground", isDisabled && !isOutsideVisibleRange && "cursor-default", isSelectingMode && !isVisibleSelected && !isVisibleRangeMiddle && !isDisabled && "duration-75");
+	}, [
+		selectionState,
+		isOutsideVisibleRange,
+		rangeSelection,
+		isDisabled,
+		isTodayCell
+	]);
+	return /* @__PURE__ */ jsx("td", {
+		...cellProps,
+		className: "p-0 py-0.5",
+		children: /* @__PURE__ */ jsx("div", {
+			ref,
+			...$a8ea2faf2ebe4d2f$re_export$mergeProps(buttonProps, focusProps),
+			"aria-disabled": void 0,
+			onMouseEnter,
+			onMouseLeave,
+			className: cellClassName,
+			onClick: (e) => handleEvent(e, onClick),
+			onDoubleClick,
+			onKeyDown: (e) => handleEvent(e, () => onKeyboardNavigation?.(e, props.date)),
+			children: /* @__PURE__ */ jsx(Typography, {
+				as: "span",
+				size: "body",
+				className: "block overflow-hidden text-ellipsis text-center",
+				children: formattedDate
+			})
+		})
+	});
+};
+//#endregion
+//#region src/components/inputs/DateTime/shared/CalendarGrid.tsx
+const WEEK_INDICES = [
+	0,
+	1,
+	2,
+	3,
+	4,
+	5
+];
+const NO_CALENDAR_OFFSET = {};
+const CalendarGrid = ({ state, showWeekNumbers = false, onApply, onDoubleClickApply, shouldApplyOnDateSelection, shouldCloseOnSelect, offset = NO_CALENDAR_OFFSET, onDateSelection, onDateHover, rangeSelection, hoverDate, onKeyboardNavigation, className, calendarSide, isSelectionDisabled, ...props }) => {
+	const { t } = useTranslation();
+	const { gridProps, headerProps, weekDays } = useCalendarGrid({
+		...props,
+		weekdayStyle: "short",
+		firstDayOfWeek: showWeekNumbers ? "mon" : props.firstDayOfWeek
+	}, state);
+	const startDate = state.visibleRange.start.add(offset);
+	const handleDateSelection = (date) => {
+		onDateSelection?.(date, calendarSide);
+	};
+	return /* @__PURE__ */ jsx("div", {
+		className: clsx("h-72 w-full px-3 pb-3", showWeekNumbers ? "md:w-[352px]" : "md:w-80", className),
+		inert: isSelectionDisabled || void 0,
+		"aria-disabled": isSelectionDisabled || void 0,
+		children: /* @__PURE__ */ jsxs("table", {
+			...gridProps,
+			cellPadding: "0",
+			className: "w-full",
+			children: [/* @__PURE__ */ jsx("thead", {
+				...headerProps,
+				children: /* @__PURE__ */ jsxs("tr", { children: [showWeekNumbers && /* @__PURE__ */ jsx("th", {
+					scope: "col",
+					className: "w-8 border-r border-border font-normal",
+					"aria-label": t(($) => $.ui.datePicker.weekNumberLabel, { ns: "ui" }),
+					children: /* @__PURE__ */ jsx("span", {
+						className: "block py-2 text-[0.8rem] font-normal text-muted-foreground",
+						children: t(($) => $.ui.datePicker.weekNumberHeading, { ns: "ui" })
+					})
+				}), weekDays.map((day) => /* @__PURE__ */ jsx("th", {
+					className: "font-normal",
+					children: /* @__PURE__ */ jsx("span", {
+						className: "block py-2 text-[0.8rem] font-normal text-muted-foreground",
+						children: day.substring(0, 2)
+					})
+				}, day))] })
+			}), /* @__PURE__ */ jsx("tbody", { children: WEEK_INDICES.map((weekIndex) => {
+				const dates = state.getDatesInWeek(weekIndex, startDate);
+				const firstDate = dates.find((date) => date !== null);
+				const week = firstDate ? getISOWeekNumber(firstDate) : null;
+				return /* @__PURE__ */ jsxs("tr", { children: [showWeekNumbers && /* @__PURE__ */ jsx("th", {
+					scope: "row",
+					className: "w-8 border-r border-border font-normal",
+					"aria-label": week === null ? void 0 : t(($) => $.ui.datePicker.weekNumber, {
+						ns: "ui",
+						week
+					}),
+					children: /* @__PURE__ */ jsx(Typography, {
+						size: "small",
+						className: "text-muted-foreground tabular-nums",
+						children: week
+					})
+				}), dates.map((date, i) => date ? /* @__PURE__ */ jsx(CalendarCell, {
+					state,
+					date,
+					onApply,
+					onDoubleClickApply,
+					shouldApplyOnDateSelection,
+					shouldCloseOnSelect,
+					onDateSelection: handleDateSelection,
+					onDateHover,
+					rangeSelection,
+					hoverDate,
+					onKeyboardNavigation
+				}, i) : /* @__PURE__ */ jsx("td", {}, i))] }, weekIndex);
+			}) })]
+		})
+	});
+};
+//#endregion
+export { CalendarGrid as n, $1697a7ad3db7b79f$re_export$useDateFormatter as t };

package/dist/index.js

@@ -4,8 +4,8 @@ import { n as MenuPopover, r as MenuItem } from "./DropdownMenuDesktop-BMkiHEuY.
 import { i as useDeepCompareMemo, n as useDeepCompareEffect, r as useDeepCompareLayoutEffect, t as UIConfig } from "./uiConfig.context-dxsO9puE.js";
 import { t as Tooltip } from "./Tooltip-CqbyoJhl.js";
 import { t as PaginationList } from "./PaginationList-vfqgyTIP.js";
-import { a as InfiniteTable, c as useTableNav, i as PaginatedTable, l as HeaderText, n as useSorting, o as ColumnConfigModal, r as usePagination, s as Table, t as useTableColumnConfig, u as CellText } from "./useTableColumnConfig-DoTYVxqG.js";
-import { a as useKeyInteractions, i as getKeyInteractionAction, o as useDebounceCallback, r as createKeyInteractionsHandler } from "./Select-BAlYMh4h.js";
+import { a as InfiniteTable, c as useTableNav, i as PaginatedTable, l as HeaderText, n as useSorting, o as ColumnConfigModal, r as usePagination, s as Table, t as useTableColumnConfig, u as CellText } from "./useTableColumnConfig-CGtkUBG8.js";
+import { a as useKeyInteractions, i as getKeyInteractionAction, r as createKeyInteractionsHandler, s as useDebounceCallback } from "./Select-DOrH8Q5O.js";
 import { t as X } from "./x-B6vfz8Ps.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 import { n as iconSlotDefinition, t as IconSlot } from "./IconSlot-Cuvpj1gd.js";
@@ -38,25 +38,19 @@ import { i as formFieldHeaderDefinition, n as labelDefinition, t as formFieldHel
 import { t as FormField } from "./FormField-DyqEbqx3.js";
 import { a as inputSizeDefinition, i as inputSideDefinition, n as inputClearClassDefinition, r as inputContentWrapperDefinition, t as inputBaseDefinition } from "./input.cva-AHLI_M3K.js";
 import { t as CheckboxGroup } from "./CheckboxGroup.bound-8hjoP-xP.js";
-import { n as useScrollableListBox } from "./Calendar-ChmIflXX.js";
 import { t as useAsyncList } from "./useAsyncList-yHz7twsj.js";
-import { n as resources, t as ns } from "./i18n-BjNKHh_D.js";
-import { r as useLongPressRepeat } from "./datePickerValue.utils-BxHR_BQZ.js";
 import { t as IntlUtils } from "./intl.utils-zwAFoZ0U.js";
 import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
 import { t as DateUtils } from "./date.utils-B8_QF9y6.js";
 import { t as datePickerInputContentRowDefinition } from "./datePickerInput.cva--gCeAsRx.js";
+import { n as resources, t as ns } from "./i18n-BjNKHh_D.js";
 import { t as popoverDefinition } from "./popover.cva-Ciu9Ro5G.js";
-import { t as DatePicker } from "./DatePicker.bound-CtBL5w-8.js";
+import { t as DatePicker } from "./DatePicker.bound-NquZAtFK.js";
 import { n as switchDefinition } from "./switch.cva-C9bO_QI-.js";
-import { t as tagDefinition } from "./tag.cva-BVa0EWBU.js";
-import { Tag } from "./components/tag.js";
-import { n as selectInputTagsContentWrapperDefinition, t as selectPopoverDefinition } from "./selectDesktop.cva-CGBkscBY.js";
-import { t as selectListBoxItemDefinition } from "./selectItem.cva-Ch6oK4jP.js";
-import { t as useIntersectionObserver } from "./useIntersectionObserver-DYfHnGGU.js";
-import { t as DateRangePicker } from "./DateRangePicker.bound-GeRw9Iuj.js";
-import { t as DateTimePicker } from "./DateTimePicker.bound-ByjHsAnf.js";
-import { t as TimePicker } from "./TimePicker.bound-3i1DJgrU.js";
+import { t as DateRangePicker } from "./DateRangePicker.bound-B_gZlQvv.js";
+import { t as DateTimePicker } from "./DateTimePicker.bound-BJzw56_u.js";
+import { n as useLongPressRepeat } from "./TimePickerForm-BReCXELG.js";
+import { t as TimePicker } from "./TimePicker.bound-DBovZwLJ.js";
 import { t as FileUtils } from "./file.utils-DqQxnuAm.js";
 import { a as progressValueDefinition, i as progressTrackWrapperDefinition, n as progressFillDefinition, r as progressTrackDefinition, t as progressDefinition } from "./progress.cva-D0PKV_ET.js";
 import { t as Progress } from "./Progress-ZsKwo9ne.js";
@@ -65,16 +59,20 @@ import { t as FileUpload } from "./FileUpload.bound-DqqPejvc.js";
 import { FileUploadContainer } from "./components/file-upload-container.js";
 import { i as fileInputDropZoneDefinition, r as fileInputButtonDefinition } from "./FileInput-Bpm2HJSB.js";
 import { t as FileInput } from "./FileInput.bound-B6oGPCP8.js";
-import { t as NumberField } from "./NumberField.bound-DiDYEZM4.js";
-import { t as NumberRangeInput } from "./NumberRangeInput.bound-B0e7yUDI.js";
-import { t as Input } from "./Input.bound-CnqI-L-b.js";
-import { t as PasswordInput } from "./PasswordInput.bound-Bj3WO1zC.js";
+import { t as NumberField } from "./NumberField.bound-CQcKgZ--.js";
+import { t as NumberRangeInput } from "./NumberRangeInput.bound-D-Lj5_KL.js";
+import { t as Input } from "./Input.bound-DCTT5J62.js";
+import { t as PasswordInput } from "./PasswordInput.bound-WJ_VYQpn.js";
 import { t as textAreaWrapperDefinition } from "./TextArea.cva-Bb73hriz.js";
 import { t as TextArea } from "./TextArea.bound-DPALjcvO.js";
 import { i as radioDefinition, n as radioContentRowDefinition, r as radioContentWrapperDefinition } from "./radio.cva-Dn2Auqxw.js";
 import { t as RadioGroup } from "./RadioGroup.bound-aK3GC6i7.js";
-import { t as Autocomplete } from "./Autocomplete.bound-e5WbxlBm.js";
-import { t as Select } from "./Select.bound-CQPG2sWV.js";
+import { t as selectListBoxItemDefinition } from "./selectItem.cva-Ch6oK4jP.js";
+import { t as Autocomplete } from "./Autocomplete.bound-DTKSW9Sb.js";
+import { t as tagDefinition } from "./tag.cva-BVa0EWBU.js";
+import { Tag } from "./components/tag.js";
+import { n as selectInputTagsContentWrapperDefinition, t as selectPopoverDefinition } from "./selectDesktop.cva-CGBkscBY.js";
+import { t as Select } from "./Select.bound-RxqOhlbq.js";
 import { t as Slider } from "./Slider.bound-BoIYW8I5.js";
 import { t as Switch } from "./Switch.bound-Brw5UUA6.js";
 import { a as accordionHeadingTitleDefinition, c as accordionPanelContentDefinition, i as accordionHeadingSubtitleDefinition, l as accordionPanelDefinition, n as accordionDefinition, o as accordionIconDefinition, r as accordionHeadingDefinition, s as accordionItemDefinition, t as accordionChevronDefinition, u as accordionTriggerDefinition } from "./accordion.cva-C-gUiXk5.js";
@@ -97,6 +95,7 @@ import { n as ToastProvider, t as ToastContainer } from "./ToastContainer-D1Jl3P
 import { useToast } from "./components/use-toast.js";
 import { a as tableHeadRowDefinition, i as tableHeadDataDefinition, o as tableHeaderTextDefinition, r as tableDataDefinition, s as tableRowDefinition, t as tableCellTextDefinition } from "./table.cva-BMIizuGy.js";
 import { t as useTranslationMemo } from "./useTranslationMemo-CrZbeyBv.js";
+import { t as useIntersectionObserver } from "./useIntersectionObserver-DYfHnGGU.js";
 import { t as linkDefinition } from "./link.cva-isgDrId6.js";
 import { Link } from "./components/link.js";
 import { Badge } from "./components/badge.js";
@@ -108,6 +107,7 @@ import { t as tooltipWrapperTriggerDefinition } from "./tooltipWrapper.cva-BBQ4i
 import { n as useAutosave, t as useFormAutosave } from "./useFormAutosave-XEQqk1lK.js";
 import { t as RoutingUtils } from "./routing.utils-DfxEt0_Y.js";
 import { t as useFilters } from "./useFilters-HIngImwn.js";
+import { t as useScrollableListBox } from "./useScrollableListBox-BfCLMZgv.js";
 import { n as useStateAndRef, t as DomUtils } from "./dom.utils-BbfrA6RP.js";
 import { n as ArrayUtils, t as QueriesUtils } from "./tanstack-CmbhAoHU.js";
 import { t as StringUtils } from "./string.utils-BPgv6QwA.js";

package/dist/rich-text-editor.js

@@ -1,2 +1,2 @@
-import { t as RichTextEditor } from "./RichTextEditor-qoxzWBFP.js";
+import { t as RichTextEditor } from "./RichTextEditor-DpIQS8gk.js";
 export { RichTextEditor };

package/dist/tanstack/autocomplete.js

@@ -1,2 +1,2 @@
-import { t as Autocomplete } from "../Autocomplete.bound-e5WbxlBm.js";
+import { t as Autocomplete } from "../Autocomplete.bound-DTKSW9Sb.js";
 export { Autocomplete };

package/dist/tanstack/date-picker.js

@@ -1,2 +1,2 @@
-import { t as DatePicker } from "../DatePicker.bound-CtBL5w-8.js";
+import { t as DatePicker } from "../DatePicker.bound-NquZAtFK.js";
 export { DatePicker };

package/dist/tanstack/date-range-picker.js

@@ -1,2 +1,2 @@
-import { t as DateRangePicker } from "../DateRangePicker.bound-GeRw9Iuj.js";
+import { t as DateRangePicker } from "../DateRangePicker.bound-B_gZlQvv.js";
 export { DateRangePicker };

package/dist/tanstack/date-time-picker.js

@@ -1,2 +1,2 @@
-import { t as DateTimePicker } from "../DateTimePicker.bound-ByjHsAnf.js";
+import { t as DateTimePicker } from "../DateTimePicker.bound-BJzw56_u.js";
 export { DateTimePicker };

package/dist/tanstack/input.js

@@ -1,2 +1,2 @@
-import { n as InputComponent, t as Input } from "../Input.bound-CnqI-L-b.js";
+import { n as InputComponent, t as Input } from "../Input.bound-DCTT5J62.js";
 export { Input, InputComponent };

package/dist/tanstack/number-field.js

@@ -1,2 +1,2 @@
-import { n as NumberFieldComponent, t as NumberField } from "../NumberField.bound-DiDYEZM4.js";
+import { n as NumberFieldComponent, t as NumberField } from "../NumberField.bound-CQcKgZ--.js";
 export { NumberField, NumberFieldComponent };

package/dist/tanstack/number-range-input.js

@@ -1,2 +1,2 @@
-import { t as NumberRangeInput } from "../NumberRangeInput.bound-B0e7yUDI.js";
+import { t as NumberRangeInput } from "../NumberRangeInput.bound-D-Lj5_KL.js";
 export { NumberRangeInput };

package/dist/tanstack/password-input.js

@@ -1,2 +1,2 @@
-import { t as PasswordInput } from "../PasswordInput.bound-Bj3WO1zC.js";
+import { t as PasswordInput } from "../PasswordInput.bound-WJ_VYQpn.js";
 export { PasswordInput };

package/dist/tanstack/rich-text-editor.js

@@ -1,4 +1,4 @@
-import { n as TextEditorBase } from "../RichTextEditor-qoxzWBFP.js";
+import { n as TextEditorBase } from "../RichTextEditor-DpIQS8gk.js";
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "../import-D_3dPATF.js";
 import { t as FieldController } from "../form.binding-B-2id68q.js";
 import { memo } from "react";

package/dist/tanstack/select.js

@@ -1,2 +1,2 @@
-import { t as Select } from "../Select.bound-CQPG2sWV.js";
+import { t as Select } from "../Select.bound-RxqOhlbq.js";
 export { Select };

package/dist/tanstack/table.js

@@ -1,2 +1,2 @@
-import { a as InfiniteTable, c as useTableNav, i as PaginatedTable, l as HeaderText, n as useSorting, o as ColumnConfigModal, r as usePagination, s as Table, t as useTableColumnConfig, u as CellText } from "../useTableColumnConfig-DoTYVxqG.js";
+import { a as InfiniteTable, c as useTableNav, i as PaginatedTable, l as HeaderText, n as useSorting, o as ColumnConfigModal, r as usePagination, s as Table, t as useTableColumnConfig, u as CellText } from "../useTableColumnConfig-CGtkUBG8.js";
 export { CellText, ColumnConfigModal, HeaderText, InfiniteTable, PaginatedTable, Table, usePagination, useSorting, useTableColumnConfig, useTableNav };

package/dist/tanstack/time-picker.js

@@ -1,2 +1,2 @@
-import { t as TimePicker } from "../TimePicker.bound-3i1DJgrU.js";
+import { t as TimePicker } from "../TimePicker.bound-DBovZwLJ.js";
 export { TimePicker };

package/dist/tanstack.js

@@ -4,8 +4,8 @@ import { n as MenuPopover, r as MenuItem } from "./DropdownMenuDesktop-BMkiHEuY.
 import { i as useDeepCompareMemo, n as useDeepCompareEffect, r as useDeepCompareLayoutEffect, t as UIConfig } from "./uiConfig.context-dxsO9puE.js";
 import { t as Tooltip } from "./Tooltip-CqbyoJhl.js";
 import { t as PaginationList } from "./PaginationList-vfqgyTIP.js";
-import { a as InfiniteTable, c as useTableNav, i as PaginatedTable, l as HeaderText, n as useSorting, o as ColumnConfigModal, r as usePagination, s as Table, t as useTableColumnConfig, u as CellText } from "./useTableColumnConfig-DoTYVxqG.js";
-import { a as useKeyInteractions, i as getKeyInteractionAction, o as useDebounceCallback, r as createKeyInteractionsHandler } from "./Select-BAlYMh4h.js";
+import { a as InfiniteTable, c as useTableNav, i as PaginatedTable, l as HeaderText, n as useSorting, o as ColumnConfigModal, r as usePagination, s as Table, t as useTableColumnConfig, u as CellText } from "./useTableColumnConfig-CGtkUBG8.js";
+import { a as useKeyInteractions, i as getKeyInteractionAction, r as createKeyInteractionsHandler, s as useDebounceCallback } from "./Select-DOrH8Q5O.js";
 import { t as X } from "./x-B6vfz8Ps.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 import { n as iconSlotDefinition, t as IconSlot } from "./IconSlot-Cuvpj1gd.js";
@@ -38,25 +38,19 @@ import { i as formFieldHeaderDefinition, n as labelDefinition, t as formFieldHel
 import { t as FormField } from "./FormField-DyqEbqx3.js";
 import { a as inputSizeDefinition, i as inputSideDefinition, n as inputClearClassDefinition, r as inputContentWrapperDefinition, t as inputBaseDefinition } from "./input.cva-AHLI_M3K.js";
 import { t as CheckboxGroup } from "./CheckboxGroup.bound-8hjoP-xP.js";
-import { n as useScrollableListBox } from "./Calendar-ChmIflXX.js";
 import { t as useAsyncList } from "./useAsyncList-yHz7twsj.js";
-import { n as resources, t as ns } from "./i18n-BjNKHh_D.js";
-import { r as useLongPressRepeat } from "./datePickerValue.utils-BxHR_BQZ.js";
 import { t as IntlUtils } from "./intl.utils-zwAFoZ0U.js";
 import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
 import { t as DateUtils } from "./date.utils-B8_QF9y6.js";
 import { t as datePickerInputContentRowDefinition } from "./datePickerInput.cva--gCeAsRx.js";
+import { n as resources, t as ns } from "./i18n-BjNKHh_D.js";
 import { t as popoverDefinition } from "./popover.cva-Ciu9Ro5G.js";
-import { t as DatePicker } from "./DatePicker.bound-CtBL5w-8.js";
+import { t as DatePicker } from "./DatePicker.bound-NquZAtFK.js";
 import { n as switchDefinition } from "./switch.cva-C9bO_QI-.js";
-import { t as tagDefinition } from "./tag.cva-BVa0EWBU.js";
-import { Tag } from "./components/tag.js";
-import { n as selectInputTagsContentWrapperDefinition, t as selectPopoverDefinition } from "./selectDesktop.cva-CGBkscBY.js";
-import { t as selectListBoxItemDefinition } from "./selectItem.cva-Ch6oK4jP.js";
-import { t as useIntersectionObserver } from "./useIntersectionObserver-DYfHnGGU.js";
-import { t as DateRangePicker } from "./DateRangePicker.bound-GeRw9Iuj.js";
-import { t as DateTimePicker } from "./DateTimePicker.bound-ByjHsAnf.js";
-import { t as TimePicker } from "./TimePicker.bound-3i1DJgrU.js";
+import { t as DateRangePicker } from "./DateRangePicker.bound-B_gZlQvv.js";
+import { t as DateTimePicker } from "./DateTimePicker.bound-BJzw56_u.js";
+import { n as useLongPressRepeat } from "./TimePickerForm-BReCXELG.js";
+import { t as TimePicker } from "./TimePicker.bound-DBovZwLJ.js";
 import { t as FileUtils } from "./file.utils-DqQxnuAm.js";
 import { a as progressValueDefinition, i as progressTrackWrapperDefinition, n as progressFillDefinition, r as progressTrackDefinition, t as progressDefinition } from "./progress.cva-D0PKV_ET.js";
 import { t as Progress } from "./Progress-ZsKwo9ne.js";
@@ -65,16 +59,20 @@ import { t as FileUpload } from "./FileUpload.bound-DqqPejvc.js";
 import { FileUploadContainer } from "./components/file-upload-container.js";
 import { i as fileInputDropZoneDefinition, r as fileInputButtonDefinition } from "./FileInput-Bpm2HJSB.js";
 import { t as FileInput } from "./FileInput.bound-B6oGPCP8.js";
-import { t as NumberField } from "./NumberField.bound-DiDYEZM4.js";
-import { t as NumberRangeInput } from "./NumberRangeInput.bound-B0e7yUDI.js";
-import { t as Input } from "./Input.bound-CnqI-L-b.js";
-import { t as PasswordInput } from "./PasswordInput.bound-Bj3WO1zC.js";
+import { t as NumberField } from "./NumberField.bound-CQcKgZ--.js";
+import { t as NumberRangeInput } from "./NumberRangeInput.bound-D-Lj5_KL.js";
+import { t as Input } from "./Input.bound-DCTT5J62.js";
+import { t as PasswordInput } from "./PasswordInput.bound-WJ_VYQpn.js";
 import { t as textAreaWrapperDefinition } from "./TextArea.cva-Bb73hriz.js";
 import { t as TextArea } from "./TextArea.bound-DPALjcvO.js";
 import { i as radioDefinition, n as radioContentRowDefinition, r as radioContentWrapperDefinition } from "./radio.cva-Dn2Auqxw.js";
 import { t as RadioGroup } from "./RadioGroup.bound-aK3GC6i7.js";
-import { t as Autocomplete } from "./Autocomplete.bound-e5WbxlBm.js";
-import { t as Select } from "./Select.bound-CQPG2sWV.js";
+import { t as selectListBoxItemDefinition } from "./selectItem.cva-Ch6oK4jP.js";
+import { t as Autocomplete } from "./Autocomplete.bound-DTKSW9Sb.js";
+import { t as tagDefinition } from "./tag.cva-BVa0EWBU.js";
+import { Tag } from "./components/tag.js";
+import { n as selectInputTagsContentWrapperDefinition, t as selectPopoverDefinition } from "./selectDesktop.cva-CGBkscBY.js";
+import { t as Select } from "./Select.bound-RxqOhlbq.js";
 import { t as Slider } from "./Slider.bound-BoIYW8I5.js";
 import { t as Switch } from "./Switch.bound-Brw5UUA6.js";
 import { a as accordionHeadingTitleDefinition, c as accordionPanelContentDefinition, i as accordionHeadingSubtitleDefinition, l as accordionPanelDefinition, n as accordionDefinition, o as accordionIconDefinition, r as accordionHeadingDefinition, s as accordionItemDefinition, t as accordionChevronDefinition, u as accordionTriggerDefinition } from "./accordion.cva-C-gUiXk5.js";
@@ -97,6 +95,7 @@ import { n as ToastProvider, t as ToastContainer } from "./ToastContainer-D1Jl3P
 import { useToast } from "./components/use-toast.js";
 import { a as tableHeadRowDefinition, i as tableHeadDataDefinition, o as tableHeaderTextDefinition, r as tableDataDefinition, s as tableRowDefinition, t as tableCellTextDefinition } from "./table.cva-BMIizuGy.js";
 import { t as useTranslationMemo } from "./useTranslationMemo-CrZbeyBv.js";
+import { t as useIntersectionObserver } from "./useIntersectionObserver-DYfHnGGU.js";
 import { t as linkDefinition } from "./link.cva-isgDrId6.js";
 import { Link } from "./components/link.js";
 import { Badge } from "./components/badge.js";
@@ -108,6 +107,7 @@ import { t as tooltipWrapperTriggerDefinition } from "./tooltipWrapper.cva-BBQ4i
 import { n as useAutosave, t as useFormAutosave } from "./useFormAutosave-XEQqk1lK.js";
 import { t as RoutingUtils } from "./routing.utils-DfxEt0_Y.js";
 import { t as useFilters } from "./useFilters-HIngImwn.js";
+import { t as useScrollableListBox } from "./useScrollableListBox-BfCLMZgv.js";
 import { n as useStateAndRef, t as DomUtils } from "./dom.utils-BbfrA6RP.js";
 import { n as ArrayUtils, t as QueriesUtils } from "./tanstack-CmbhAoHU.js";
 import { t as StringUtils } from "./string.utils-BPgv6QwA.js";

package/dist/useScrollableListBox-BfCLMZgv.js

@@ -0,0 +1,47 @@
+import { t as useBreakpoint } from "./useBreakpoint-DOUmXVZ2.js";
+import { useEffect, useRef } from "react";
+import { c } from "react/compiler-runtime";
+//#region src/hooks/useScrollableListBox.ts
+function useScrollableListBox() {
+	const $ = c(4);
+	const ref = useRef(null);
+	const isDesktop = useBreakpoint("md");
+	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);
+			};
+		};
+		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 as t };

package/package.json

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

package/dist/{Autocomplete-DSwAc7jF.js → Autocomplete-DuCidYx5.js}

@@ -11,8 +11,8 @@ import { t as FormField } from "./FormField-DyqEbqx3.js";
 import { t as inputBaseDefinition } from "./input.cva-AHLI_M3K.js";
 import { t as TooltipWrapper } from "./TooltipWrapper-BrftXInI.js";
 import { t as popoverDefinition } from "./popover.cva-Ciu9Ro5G.js";
-import { t as selectListBoxItemDefinition } from "./selectItem.cva-Ch6oK4jP.js";
 import { t as InputContent } from "./InputContent-Ca4oVqIe.js";
+import { t as selectListBoxItemDefinition } from "./selectItem.cva-Ch6oK4jP.js";
 import { memo, useId, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/Selection/Autocomplete/Autocomplete.tsx

package/dist/{Input-BdCci6BF.js → Input-CPPDOg7b.js}

@@ -6,8 +6,8 @@ import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js
 import { t as useFieldAccessibility } from "./useFieldAccessibility-eZIMECmG.js";
 import { t as FormField } from "./FormField-DyqEbqx3.js";
 import { t as inputBaseDefinition } from "./input.cva-AHLI_M3K.js";
-import { n as useStaticInputHandoff } from "./useStaticInputHandoff-DyYxfwv6.js";
 import { t as TooltipWrapper } from "./TooltipWrapper-BrftXInI.js";
+import { n as useStaticInputHandoff } from "./useStaticInputHandoff-DyYxfwv6.js";
 import { InputFrame } from "./components/input-frame.js";
 import { t as InputContent } from "./InputContent-Ca4oVqIe.js";
 import { memo, useEffect, useRef, useState } from "react";

package/dist/{NumberField-BLAwsjns.js → NumberField-BbeePjH2.js}

@@ -8,9 +8,9 @@ import { t as useFieldAccessibility } from "./useFieldAccessibility-eZIMECmG.js"
 import { t as FormField } from "./FormField-DyqEbqx3.js";
 import { t as inputBaseDefinition } from "./input.cva-AHLI_M3K.js";
 import { n as $3d0ee518c6f3d04f$export$7f629e9dc1ecf37c, t as getStaticNumberDisplayValue } from "./numberStatic.utils-BIyZuILs.js";
-import { n as useStaticInputHandoff } from "./useStaticInputHandoff-DyYxfwv6.js";
 import { t as IntlUtils } from "./intl.utils-zwAFoZ0U.js";
 import { t as TooltipWrapper } from "./TooltipWrapper-BrftXInI.js";
+import { n as useStaticInputHandoff } from "./useStaticInputHandoff-DyYxfwv6.js";
 import { InputFrame } from "./components/input-frame.js";
 import { t as InputContent } from "./InputContent-Ca4oVqIe.js";
 import { memo, useCallback, useEffect, useRef, useState } from "react";

package/dist/{NumberRangeInput-al32ZeSy.js → NumberRangeInput-Cpqrom84.js}

@@ -7,9 +7,9 @@ import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js
 import { n as FormFieldLabel, t as FormField } from "./FormField-DyqEbqx3.js";
 import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-AHLI_M3K.js";
 import { n as $3d0ee518c6f3d04f$export$7f629e9dc1ecf37c, t as getStaticNumberDisplayValue } from "./numberStatic.utils-BIyZuILs.js";
-import { n as useStaticInputHandoff, t as getStaticInputFocusTarget } from "./useStaticInputHandoff-DyYxfwv6.js";
 import { t as IntlUtils } from "./intl.utils-zwAFoZ0U.js";
 import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-BrftXInI.js";
+import { n as useStaticInputHandoff, t as getStaticInputFocusTarget } from "./useStaticInputHandoff-DyYxfwv6.js";
 import { InputFrame } from "./components/input-frame.js";
 import { memo, useEffect, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/{staticDateTimeSegments-CA_lwN-O.js → staticDateTimeSegments-FE-F61iH.js}

@@ -9,10 +9,10 @@ import { t as useBreakpoint } from "./useBreakpoint-DOUmXVZ2.js";
 import { t as $a8ea2faf2ebe4d2f$re_export$isFirefox } from "./import-D_3dPATF.js";
 import { t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-CuU1VIh1.js";
 import { i as $fd2148440a13ec26$export$fc1a364ae1f3ff10, n as $fd2148440a13ec26$export$75ee7c75d68f5b0e, r as $fd2148440a13ec26$export$aca958c65c314e6c, t as $1dfb119a85e764e5$export$cc77c4ff7e8673c5 } from "./NumberFormatter-DYarfm5F.js";
-import "./i18n-BjNKHh_D.js";
-import { t as getStaticInputFocusTarget } from "./useStaticInputHandoff-DyYxfwv6.js";
 import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
+import "./i18n-BjNKHh_D.js";
 import { t as popoverDefinition } from "./popover.cva-Ciu9Ro5G.js";
+import { t as getStaticInputFocusTarget } from "./useStaticInputHandoff-DyYxfwv6.js";
 import { useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { CalendarDate, DateFormatter, GregorianCalendar, Time, getLocalTimeZone, isEqualCalendar, now, toCalendar, toCalendarDate, toCalendarDateTime } from "@internationalized/date";