@povio/ui 4.0.2-rc.1 → 4.0.3

package/README.md

@@ -25,7 +25,7 @@ The broad `@povio/ui`, `@povio/ui/rhf`, and `@povio/ui/tanstack` entries remain
 
 Feature dependencies are optional peers. Install the matching packages when using date/calendar entries, `@povio/ui/tanstack/table`, RHF/TanStack Form inputs, or the rich text editor. Basic components such as Button, Typography, and Dialog do not require table, drag-and-drop, calendar, or TipTap packages.
 
-React Aria is an internal `@povio/ui` dependency and does not need to be installed separately. Povio component entries include the React Aria implementation they use. Component-scoped escape-hatch entries expose only the corresponding React Aria primitive and its types for custom implementations:
+React Aria is an internal `@povio/ui` dependency and does not need to be installed separately. The build keeps `react-aria` and all its subpaths external so providers and Povio components share the installed module contexts. Component-scoped escape-hatch entries expose only the corresponding React Aria primitive and its types for custom implementations:
 
 ```tsx
 import { Link, type LinkProps } from "@povio/ui/link/react-aria";
@@ -40,6 +40,10 @@ The React Aria hooks used by Povio are similarly isolated under `use-text-field`
 
 Each emitted entry is independently bundled and tree-shaken; it does not forward React Aria's aggregate barrel or share a generated aggregate chunk with unrelated controls. Ordinary Povio component imports do not include the escape-hatch entries.
 
+## Built-package tests
+
+From `packages/ui`, run `bun run test:package` to build the publishable package and run its Chromium regressions. The tests resolve public imports through `dist/package.json`, covering both date pickers with empty and populated values in static and editable modes, including locale switches without remounting.
+
 ## Versioning
 
 `^2.1` still corresponds to Atlas 2.1. All versions after that currently target Atlas 2.2 and follow semantic versioning — breaking changes bump the major version.

package/dist/{Breadcrumbs-BibAIBhY.js → Breadcrumbs-C-mZtdCc.js}

@@ -5,7 +5,7 @@ import { l as $7230ffa83bc0c2cf$export$fabf2dc03a41866e, n as $7230ffa83bc0c2cf$
 import { p as $263ab7fc0f95ccdb$export$4feb769f8ddf26c5 } from "./Dialog-CXoVeIkU.js";
 import { n as $984a1fc08f87e4f3$export$e2509388b49734e7, t as $984a1fc08f87e4f3$export$a6c7ac8248d6e38a } from "./Link-FupWOW1f.js";
 import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-D6KlWSFL.js";
-import { t as Tooltip } from "./Tooltip-D94a1IQl.js";
+import { t as Tooltip } from "./Tooltip--PSxkQA3.js";
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
 import { t as Typography } from "./Typography-AcUd9df8.js";
 import { t as LinkContext } from "./link.context-J7aQtMOr.js";

package/dist/{Calendar-kSEji28A.js → Calendar-BYcN64W5.js}

@@ -2,153 +2,23 @@ import { t as ChevronDown } from "./chevron-down-B4Pr8bD3.js";
 import { t as ChevronLeft } from "./chevron-left-Dgo_b9wJ.js";
 import { t as ChevronRight } from "./chevron-right-3nKJR5Bb.js";
 import { t as ChevronUp } from "./chevron-up-D_Gqpb5M.js";
-import { a as CalendarGrid, i as $1697a7ad3db7b79f$re_export$useDateFormatter, o as $f11fb0bcf1b2687a$export$61c6a8c84e605fb6 } from "./DatePickerInput-eyHwzKPm.js";
+import { a as CalendarGrid, i as $1697a7ad3db7b79f$re_export$useDateFormatter, o as $f11fb0bcf1b2687a$export$61c6a8c84e605fb6 } from "./DatePickerInput-Nj_rVUyU.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-D6KlWSFL.js";
 import { i as $928221da08ecbc62$export$a11e76429ed99b4, t as $928221da08ecbc62$export$41f133550aa26f48 } from "./ListBox-B7DW1S7n.js";
 import { n as $bc25b811ec97a172$export$40258cc1d95ff477 } from "./ToggleButton-BW1ensey.js";
-import { n as $23f2114a1b82827e$export$4282f70798064fe0 } from "./useLayoutEffect-B2-1tbPJ.js";
-import { a as $390e54f620492c70$export$f680877a34711e37, r as $bbaa08b3cd72f041$export$9d1611c77c2fe928 } from "./useSyncRef-RGMv0rXK.js";
-import { c as $191c9b6d48a0a4e2$export$294aa081a6c6f55d, m as $cf2482eff2eeeec2$export$f12b703ca79dfbb1, r as $fd2148440a13ec26$export$fc1a364ae1f3ff10, s as $2c9edc598a03d523$export$420e68273165f4ec } from "./useFormValidationState-D3z-gafz.js";
-import { n as $8e9d2fae0ecb9001$export$457c3d6518dd4c6f, r as $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7, t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-DQxX6LMN.js";
-import { C as $0014db39426443c5$exports, S as $6a440d0e2d99dd46$export$4a931266a3838b86, f as $8b141f2f71e88f85$export$2440da353cedad43, g as $8b141f2f71e88f85$export$f18627323ab57ac0, h as $8b141f2f71e88f85$export$c5221a78ef73c5e9, p as $8b141f2f71e88f85$export$7e319ea407e63bc0, v as $7541913c0284d84b$export$300019f83c56d282, w as $121970af65029459$export$f8aeda7b10753fa1 } from "./staticDateTimeSegments-BQoA94W-.js";
-import { n as $535772f9d2c1f38d$export$c5251b9e124bf29 } from "./FocusScope-CO9oJ1sc.js";
 import { t as Typography } from "./Typography-AcUd9df8.js";
 import { PillButton } from "./components/pill-button.js";
 import { t as useBreakpoint } from "./useBreakpoint-3kpqzjoC.js";
-import { n as TimePickerForm } from "./datePickerValue.utils-GADbSu7a.js";
+import { t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-CzXkZCX8.js";
+import { i as $fd2148440a13ec26$export$fc1a364ae1f3ff10 } from "./NumberFormatter-CLDS_LRZ.js";
+import { f as $8b141f2f71e88f85$export$2440da353cedad43, g as $8b141f2f71e88f85$export$f18627323ab57ac0, h as $8b141f2f71e88f85$export$c5221a78ef73c5e9, p as $8b141f2f71e88f85$export$7e319ea407e63bc0 } from "./staticDateTimeSegments-vP2f1woD.js";
+import { n as TimePickerForm } from "./datePickerValue.utils-1z4mwZZs.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { c } from "react/compiler-runtime";
 import { CalendarDateTime, DateFormatter, Time, toCalendarDate, toCalendarDateTime, today } from "@internationalized/date";
-import { privateValidationStateProp } from "react-stately/private/form/useFormValidationState";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCalendar } from "@react-aria/calendar";
-//#region ../../node_modules/.bun/react-aria@3.52.1+67f6792bdf102c28/node_modules/react-aria/dist/private/datepicker/useDatePicker.mjs
-function $parcel$interopDefault(a) {
-	return a && a.__esModule ? a.default : a;
-}
-function $6902a2bb26917a07$export$42df105a73306d51(props, state, ref) {
-	let buttonId = $390e54f620492c70$export$f680877a34711e37();
-	let dialogId = $390e54f620492c70$export$f680877a34711e37();
-	let fieldId = $390e54f620492c70$export$f680877a34711e37();
-	let stringFormatter = $cf2482eff2eeeec2$export$f12b703ca79dfbb1($parcel$interopDefault($0014db39426443c5$exports), "@react-aria/datepicker");
-	let { isInvalid, validationErrors, validationDetails } = state.displayValidation;
-	let { labelProps, fieldProps, descriptionProps, errorMessageProps } = $191c9b6d48a0a4e2$export$294aa081a6c6f55d({
-		...props,
-		labelElementType: "span",
-		isInvalid,
-		errorMessage: props.errorMessage || validationErrors
-	});
-	let groupProps = $6a440d0e2d99dd46$export$4a931266a3838b86(state, ref);
-	let labelledBy = fieldProps["aria-labelledby"] || fieldProps.id;
-	let { locale } = $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7();
-	let date = state.formatValue(locale, { month: "long" });
-	let description = date ? stringFormatter.format("selectedDateDescription", { date }) : "";
-	let descProps = $121970af65029459$export$f8aeda7b10753fa1(description);
-	let ariaDescribedBy = [descProps["aria-describedby"], fieldProps["aria-describedby"]].filter(Boolean).join(" ") || void 0;
-	let domProps = $8e9d2fae0ecb9001$export$457c3d6518dd4c6f(props);
-	let focusManager = useMemo(() => $535772f9d2c1f38d$export$c5251b9e124bf29(ref), [ref]);
-	let isFocused = useRef(false);
-	let { focusWithinProps } = $2c9edc598a03d523$export$420e68273165f4ec({
-		...props,
-		isDisabled: state.isOpen,
-		onBlurWithin: (e) => {
-			let dialog = document.getElementById(dialogId);
-			if (!$23f2114a1b82827e$export$4282f70798064fe0(dialog, e.relatedTarget)) {
-				isFocused.current = false;
-				props.onBlur?.(e);
-				props.onFocusChange?.(false);
-			}
-		},
-		onFocusWithin: (e) => {
-			if (!isFocused.current) {
-				isFocused.current = true;
-				props.onFocus?.(e);
-				props.onFocusChange?.(true);
-			}
-		}
-	});
-	return {
-		groupProps: $bbaa08b3cd72f041$export$9d1611c77c2fe928(domProps, groupProps, fieldProps, descProps, focusWithinProps, {
-			role: "group",
-			"aria-disabled": props.isDisabled || null,
-			"aria-labelledby": labelledBy,
-			"aria-describedby": ariaDescribedBy,
-			onKeyDown(e) {
-				if (state.isOpen) return;
-				if (props.onKeyDown) props.onKeyDown(e);
-			},
-			onKeyUp(e) {
-				if (state.isOpen) return;
-				if (props.onKeyUp) props.onKeyUp(e);
-			}
-		}),
-		labelProps: {
-			...labelProps,
-			onClick: () => {
-				focusManager.focusFirst();
-			}
-		},
-		fieldProps: {
-			...fieldProps,
-			id: fieldId,
-			[$7541913c0284d84b$export$300019f83c56d282]: "presentation",
-			"aria-describedby": ariaDescribedBy,
-			value: state.value,
-			defaultValue: state.defaultValue,
-			onChange: state.setValue,
-			placeholderValue: props.placeholderValue,
-			hideTimeZone: props.hideTimeZone,
-			hourCycle: props.hourCycle,
-			shouldForceLeadingZeros: props.shouldForceLeadingZeros,
-			granularity: props.granularity,
-			isDisabled: props.isDisabled,
-			isReadOnly: props.isReadOnly,
-			isRequired: props.isRequired,
-			validationBehavior: props.validationBehavior,
-			[privateValidationStateProp]: state,
-			autoFocus: props.autoFocus,
-			name: props.name,
-			form: props.form
-		},
-		descriptionProps,
-		errorMessageProps,
-		buttonProps: {
-			...descProps,
-			id: buttonId,
-			"aria-haspopup": "dialog",
-			"aria-label": stringFormatter.format("calendar"),
-			"aria-labelledby": `${buttonId} ${labelledBy}`,
-			"aria-describedby": ariaDescribedBy,
-			"aria-expanded": state.isOpen,
-			isDisabled: props.isDisabled || props.isReadOnly,
-			onPress: () => state.setOpen(true)
-		},
-		dialogProps: {
-			id: dialogId,
-			"aria-labelledby": `${buttonId} ${labelledBy}`
-		},
-		calendarProps: {
-			autoFocus: true,
-			value: state.dateValue,
-			onChange: state.setDateValue,
-			minValue: props.minValue,
-			maxValue: props.maxValue,
-			isDisabled: props.isDisabled,
-			isReadOnly: props.isReadOnly,
-			isDateUnavailable: props.isDateUnavailable,
-			defaultFocusedValue: state.dateValue ? void 0 : props.placeholderValue,
-			isInvalid: state.isInvalid,
-			errorMessage: typeof props.errorMessage === "function" ? props.errorMessage(state.displayValidation) : props.errorMessage || state.displayValidation.validationErrors.join(" "),
-			firstDayOfWeek: props.firstDayOfWeek,
-			pageBehavior: props.pageBehavior
-		},
-		isInvalid,
-		validationErrors,
-		validationDetails
-	};
-}
-//#endregion
 //#region ../../node_modules/.bun/react-stately@3.50.0+83d5fd7b249dbeef/node_modules/react-stately/dist/private/datepicker/useDatePickerState.mjs
 function $28aae683a942e141$export$87194bb378cc3ac2(props) {
 	let overlayState = $f11fb0bcf1b2687a$export$61c6a8c84e605fb6(props);
@@ -751,4 +621,4 @@ const Calendar = ({ showWeekNumbers, className, includesTime, datePickerState, h
 	});
 };
 //#endregion
-export { $6902a2bb26917a07$export$42df105a73306d51 as i, useScrollableListBox as n, $28aae683a942e141$export$87194bb378cc3ac2 as r, Calendar as t };
+export { useScrollableListBox as n, $28aae683a942e141$export$87194bb378cc3ac2 as r, Calendar as t };

package/dist/{DatePicker-BbdtBAGN.js → DatePicker-DGlMtlvy.js}

@@ -1,20 +1,20 @@
 import { t as UIConfig } from "./uiConfig.context-RFvaQYzD.js";
-import { n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, s as $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f, t as DatePickerInput } from "./DatePickerInput-eyHwzKPm.js";
+import { n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, s as $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f, t as DatePickerInput } from "./DatePickerInput-Nj_rVUyU.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
-import { r as $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7 } from "./useControlledState-DQxX6LMN.js";
-import { i as getStaticDateTimeFocusTarget, o as DateTimeDialogFooter, s as DateTimeDialog, t as getStaticCalendarDateSegments } from "./staticDateTimeSegments-BQoA94W-.js";
-import { i as $6902a2bb26917a07$export$42df105a73306d51, r as $28aae683a942e141$export$87194bb378cc3ac2, t as Calendar } from "./Calendar-kSEji28A.js";
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-BE0r63d8.js";
 import { t as FieldController } from "./form.binding-CG1RPv6o.js";
-import { t as FormField } from "./FormField-CAcDJ4HC.js";
-import { t as TooltipWrapper } from "./TooltipWrapper-S2JC-w4e.js";
-import { i as InputFrame, n as useStaticInputHandoff } from "./useStaticInputHandoff-BAaDW_0z.js";
-import { t as normalizeDatePickerValue } from "./datePickerValue.utils-GADbSu7a.js";
+import { t as FormField } from "./FormField-DTO2cbXC.js";
+import { t as TooltipWrapper } from "./TooltipWrapper-BVc_Aln-.js";
+import { i as InputFrame, n as useStaticInputHandoff } from "./useStaticInputHandoff-_stbpoX4.js";
+import { i as getStaticDateTimeFocusTarget, o as DateTimeDialogFooter, s as DateTimeDialog, t as getStaticCalendarDateSegments } from "./staticDateTimeSegments-vP2f1woD.js";
+import { r as $28aae683a942e141$export$87194bb378cc3ac2, t as Calendar } from "./Calendar-BYcN64W5.js";
+import { t as normalizeDatePickerValue } from "./datePickerValue.utils-1z4mwZZs.js";
 import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
 import { memo, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { createCalendar, getLocalTimeZone, toCalendarDate, today } from "@internationalized/date";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useDatePicker, useLocale } from "react-aria";
 //#region src/components/inputs/DateTime/DatePicker/DatePicker.tsx
 const DatePickerBase = (props) => {
 	const ui = UIConfig.useConfig();
@@ -98,17 +98,17 @@ const DatePickerBase = (props) => {
 		},
 		shouldCloseOnSelect: false
 	});
-	const { groupProps, labelProps, fieldProps, buttonProps, dialogProps } = $6902a2bb26917a07$export$42df105a73306d51({
+	const { groupProps, labelProps, fieldProps, buttonProps, dialogProps } = useDatePicker({
 		...rest,
 		label,
 		shouldForceLeadingZeros
 	}, state, datePickerRef);
-	const { calendarProps } = $6902a2bb26917a07$export$42df105a73306d51({
+	const { calendarProps } = useDatePicker({
 		...rest,
 		label,
 		shouldForceLeadingZeros
 	}, dialogState, datePickerRef);
-	const { locale } = $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7();
+	const { locale } = useLocale();
 	const calendarState = $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f({
 		...calendarProps,
 		locale,
@@ -269,7 +269,7 @@ const DatePickerBase = (props) => {
 const DatePickerInner = ({ fullIso = true, granularity = "day", minValue, maxValue, renderStaticInput, isFormControlDisabled, ...props }) => {
 	const ui = UIConfig.useConfig();
 	const datePickerInputContentRowCva = UIOverrides.useCva("datePickerInput.contentRowCva", datePickerInputContentRowDefinition);
-	const { locale } = $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7();
+	const { locale } = useLocale();
 	const shouldForceLeadingZeros = props.shouldForceLeadingZeros ?? ui.dateInput.shouldForceLeadingZeros;
 	const [renderInput, setRenderInput] = useState(!(renderStaticInput ?? ui.renderStaticInput));
 	const inputRef = useRef(null);

package/dist/{DatePickerInput-eyHwzKPm.js → DatePickerInput-Nj_rVUyU.js}

@@ -3,17 +3,17 @@ import { t as UIConfig } from "./uiConfig.context-RFvaQYzD.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-D6KlWSFL.js";
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
-import { r as $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7, t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-DQxX6LMN.js";
-import { b as $7541913c0284d84b$export$5591b0b878c1a989, c as useFirefoxDateSegmentSelectionGuard, d as $8e7461aabf74661f$export$60e84778edff6d26, l as DateSegmentItem } from "./staticDateTimeSegments-BQoA94W-.js";
 import { t as Typography } from "./Typography-AcUd9df8.js";
 import { IconButton } from "./components/icon-button.js";
 import { InlineIconButton } from "./components/inline-icon-button.js";
 import { n as $a8ea2faf2ebe4d2f$re_export$mergeProps } from "./import-BE0r63d8.js";
-import { r as FormFieldLabel } from "./FormField-CAcDJ4HC.js";
+import { r as FormFieldLabel } from "./FormField-DTO2cbXC.js";
 import "./i18n-CX2EjhJI.js";
 import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-KYGD4Bdz.js";
-import { n as InputClear } from "./TooltipWrapper-S2JC-w4e.js";
-import { r as $32daac5f69beb98a$re_export$useFocusRing } from "./useStaticInputHandoff-BAaDW_0z.js";
+import { n as InputClear } from "./TooltipWrapper-BVc_Aln-.js";
+import { r as $32daac5f69beb98a$re_export$useFocusRing } from "./useStaticInputHandoff-_stbpoX4.js";
+import { t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-CzXkZCX8.js";
+import { c as useFirefoxDateSegmentSelectionGuard, d as $8e7461aabf74661f$export$60e84778edff6d26, l as DateSegmentItem } from "./staticDateTimeSegments-vP2f1woD.js";
 import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
 import { t as DateUtils } from "./date.utils-B8_QF9y6.js";
 import { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
@@ -25,6 +25,7 @@ import "react-aria/useLocalizedStringFormatter";
 import "react-aria/useFilter";
 import "react-aria/useListFormatter";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useDateField, useLocale as useLocale$1 } from "react-aria";
 import { useFocusVisible, useFocusWithin, useHover } from "@react-aria/interactions";
 import { useTranslation } from "react-i18next";
 import { useCalendarCell, useCalendarGrid } from "@react-aria/calendar";
@@ -620,7 +621,7 @@ const CalendarGrid = ({ state, showWeekNumbers = false, onApply, onDoubleClickAp
 //#region src/components/inputs/DateTime/shared/DateField.tsx
 const omitNullValue = ({ value: _value, ...props }) => props;
 const DateField = ({ ref, onClearChange, hidePlaceholder, isDisabled, disableManualEntry, dateGranularity = "day", isTimeOptional = false, format, timeZone, segmentGroup, shouldAutoFixYear = false, preserveNullValue = false, ...props }) => {
-	const { locale } = $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7();
+	const { locale } = useLocale$1();
 	const previousValueRef = useRef(props.value);
 	const dateFieldProps = props.value == null && !preserveNullValue ? omitNullValue(props) : props;
 	const state = $8e7461aabf74661f$export$60e84778edff6d26({
@@ -631,7 +632,7 @@ const DateField = ({ ref, onClearChange, hidePlaceholder, isDisabled, disableMan
 		createCalendar
 	});
 	const dataFieldRef = useRef(null);
-	const { fieldProps } = $7541913c0284d84b$export$5591b0b878c1a989({
+	const { fieldProps } = useDateField({
 		...dateFieldProps,
 		isDisabled,
 		isReadOnly: disableManualEntry

package/dist/{DateRangePicker-Ct182qur.js → DateRangePicker-CE9XvAy9.js}

@@ -3,203 +3,31 @@ import { t as ChevronDown } from "./chevron-down-B4Pr8bD3.js";
 import { t as ChevronLeft } from "./chevron-left-Dgo_b9wJ.js";
 import { t as ChevronRight } from "./chevron-right-3nKJR5Bb.js";
 import { n as ChevronsLeft, t as ChevronsRight } from "./chevrons-right-DJPPn2fD.js";
-import { a as CalendarGrid, c as $dd602d3c757202f2$export$4f5203c0d889109e, d as $dd602d3c757202f2$export$f4a51ff076cc9a09, i as $1697a7ad3db7b79f$re_export$useDateFormatter, l as $dd602d3c757202f2$export$a1d3911297b952d7, n as renderDatePickerTodayIcon, o as $f11fb0bcf1b2687a$export$61c6a8c84e605fb6, r as datePickerInputContentRowDefinition, s as $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f, t as DatePickerInput, u as $dd602d3c757202f2$export$eac50920cf2fd59a } from "./DatePickerInput-eyHwzKPm.js";
+import { a as CalendarGrid, c as $dd602d3c757202f2$export$4f5203c0d889109e, d as $dd602d3c757202f2$export$f4a51ff076cc9a09, i as $1697a7ad3db7b79f$re_export$useDateFormatter, l as $dd602d3c757202f2$export$a1d3911297b952d7, n as renderDatePickerTodayIcon, o as $f11fb0bcf1b2687a$export$61c6a8c84e605fb6, r as datePickerInputContentRowDefinition, s as $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f, t as DatePickerInput, u as $dd602d3c757202f2$export$eac50920cf2fd59a } from "./DatePickerInput-Nj_rVUyU.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-D6KlWSFL.js";
 import { t as Switch } from "./Switch-Cylpjatb.js";
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
-import { n as $23f2114a1b82827e$export$4282f70798064fe0 } from "./useLayoutEffect-B2-1tbPJ.js";
-import { a as $390e54f620492c70$export$f680877a34711e37, r as $bbaa08b3cd72f041$export$9d1611c77c2fe928 } from "./useSyncRef-RGMv0rXK.js";
-import { c as $191c9b6d48a0a4e2$export$294aa081a6c6f55d, m as $cf2482eff2eeeec2$export$f12b703ca79dfbb1, r as $fd2148440a13ec26$export$fc1a364ae1f3ff10, s as $2c9edc598a03d523$export$420e68273165f4ec } from "./useFormValidationState-D3z-gafz.js";
-import { n as $8e9d2fae0ecb9001$export$457c3d6518dd4c6f, r as $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7, t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-DQxX6LMN.js";
-import { C as $0014db39426443c5$exports, S as $6a440d0e2d99dd46$export$4a931266a3838b86, f as $8b141f2f71e88f85$export$2440da353cedad43, h as $8b141f2f71e88f85$export$c5221a78ef73c5e9, i as getStaticDateTimeFocusTarget, m as $8b141f2f71e88f85$export$80ff8fc0ae339c13, o as DateTimeDialogFooter, p as $8b141f2f71e88f85$export$7e319ea407e63bc0, r as getStaticDateRangeSegments, s as DateTimeDialog, v as $7541913c0284d84b$export$300019f83c56d282, w as $121970af65029459$export$f8aeda7b10753fa1, x as $7541913c0284d84b$export$7b3062cd49e80452 } from "./staticDateTimeSegments-BQoA94W-.js";
-import { n as $535772f9d2c1f38d$export$c5251b9e124bf29 } from "./FocusScope-CO9oJ1sc.js";
 import { t as Typography } from "./Typography-AcUd9df8.js";
 import { InlineIconButton } from "./components/inline-icon-button.js";
 import { PillButton } from "./components/pill-button.js";
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-BE0r63d8.js";
 import { t as FieldController } from "./form.binding-CG1RPv6o.js";
-import { t as FormField } from "./FormField-CAcDJ4HC.js";
+import { t as FormField } from "./FormField-DTO2cbXC.js";
 import "./i18n-CX2EjhJI.js";
-import { t as TooltipWrapper } from "./TooltipWrapper-S2JC-w4e.js";
-import { i as InputFrame, n as useStaticInputHandoff } from "./useStaticInputHandoff-BAaDW_0z.js";
+import { t as TooltipWrapper } from "./TooltipWrapper-BVc_Aln-.js";
+import { i as InputFrame, n as useStaticInputHandoff } from "./useStaticInputHandoff-_stbpoX4.js";
+import { t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-CzXkZCX8.js";
+import { i as $fd2148440a13ec26$export$fc1a364ae1f3ff10 } from "./NumberFormatter-CLDS_LRZ.js";
+import { f as $8b141f2f71e88f85$export$2440da353cedad43, h as $8b141f2f71e88f85$export$c5221a78ef73c5e9, i as getStaticDateTimeFocusTarget, m as $8b141f2f71e88f85$export$80ff8fc0ae339c13, o as DateTimeDialogFooter, p as $8b141f2f71e88f85$export$7e319ea407e63bc0, r as getStaticDateRangeSegments, s as DateTimeDialog } from "./staticDateTimeSegments-vP2f1woD.js";
 import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
-import { t as Select } from "./Select-DmLkOMr1.js";
+import { t as Select } from "./Select-CyBtGHk9.js";
 import { memo, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { DateFormatter, GregorianCalendar, createCalendar, endOfMonth, endOfWeek, endOfYear, getLocalTimeZone, maxDate, minDate, startOfMonth, startOfWeek, startOfYear, toCalendar, toCalendarDate, toCalendarDateTime, today } from "@internationalized/date";
-import { DEFAULT_VALIDATION_RESULT, mergeValidation, privateValidationStateProp } from "react-stately/private/form/useFormValidationState";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useDateRangePicker, useLocale } from "react-aria";
 import { useTranslation } from "react-i18next";
 import { useRangeCalendar } from "@react-aria/calendar";
-//#region ../../node_modules/.bun/react-aria@3.52.1+67f6792bdf102c28/node_modules/react-aria/dist/private/datepicker/useDateRangePicker.mjs
-function $parcel$interopDefault(a) {
-	return a && a.__esModule ? a.default : a;
-}
-function $cccdba1b2bb08448$export$12fd5f0e9f4bb192(props, state, ref) {
-	let stringFormatter = $cf2482eff2eeeec2$export$f12b703ca79dfbb1($parcel$interopDefault($0014db39426443c5$exports), "@react-aria/datepicker");
-	let { isInvalid, validationErrors, validationDetails } = state.displayValidation;
-	let { labelProps, fieldProps, descriptionProps, errorMessageProps } = $191c9b6d48a0a4e2$export$294aa081a6c6f55d({
-		...props,
-		labelElementType: "span",
-		isInvalid,
-		errorMessage: props.errorMessage || validationErrors
-	});
-	let labelledBy = fieldProps["aria-labelledby"] || fieldProps.id;
-	let { locale } = $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7();
-	let range = state.formatValue(locale, { month: "long" });
-	let description = range ? stringFormatter.format("selectedRangeDescription", {
-		startDate: range.start,
-		endDate: range.end
-	}) : "";
-	let descProps = $121970af65029459$export$f8aeda7b10753fa1(description);
-	let startFieldProps = {
-		"aria-label": stringFormatter.format("startDate"),
-		"aria-labelledby": labelledBy
-	};
-	let endFieldProps = {
-		"aria-label": stringFormatter.format("endDate"),
-		"aria-labelledby": labelledBy
-	};
-	let buttonId = $390e54f620492c70$export$f680877a34711e37();
-	let dialogId = $390e54f620492c70$export$f680877a34711e37();
-	let groupProps = $6a440d0e2d99dd46$export$4a931266a3838b86(state, ref);
-	let ariaDescribedBy = [descProps["aria-describedby"], fieldProps["aria-describedby"]].filter(Boolean).join(" ") || void 0;
-	let focusManager = useMemo(() => $535772f9d2c1f38d$export$c5251b9e124bf29(ref, { accept: (element) => element.id !== buttonId }), [ref, buttonId]);
-	let commonFieldProps = {
-		[$7541913c0284d84b$export$7b3062cd49e80452]: focusManager,
-		[$7541913c0284d84b$export$300019f83c56d282]: "presentation",
-		"aria-describedby": ariaDescribedBy,
-		placeholderValue: props.placeholderValue,
-		hideTimeZone: props.hideTimeZone,
-		hourCycle: props.hourCycle,
-		granularity: props.granularity,
-		shouldForceLeadingZeros: props.shouldForceLeadingZeros,
-		isDisabled: props.isDisabled,
-		isReadOnly: props.isReadOnly,
-		isRequired: props.isRequired,
-		validationBehavior: props.validationBehavior
-	};
-	let domProps = $8e9d2fae0ecb9001$export$457c3d6518dd4c6f(props);
-	let isFocused = useRef(false);
-	let { focusWithinProps } = $2c9edc598a03d523$export$420e68273165f4ec({
-		...props,
-		isDisabled: state.isOpen,
-		onBlurWithin: (e) => {
-			let dialog = document.getElementById(dialogId);
-			if (!$23f2114a1b82827e$export$4282f70798064fe0(dialog, e.relatedTarget)) {
-				isFocused.current = false;
-				props.onBlur?.(e);
-				props.onFocusChange?.(false);
-			}
-		},
-		onFocusWithin: (e) => {
-			if (!isFocused.current) {
-				isFocused.current = true;
-				props.onFocus?.(e);
-				props.onFocusChange?.(true);
-			}
-		}
-	});
-	let startFieldValidation = useRef(DEFAULT_VALIDATION_RESULT);
-	let endFieldValidation = useRef(DEFAULT_VALIDATION_RESULT);
-	return {
-		groupProps: $bbaa08b3cd72f041$export$9d1611c77c2fe928(domProps, groupProps, fieldProps, descProps, focusWithinProps, {
-			role: "group",
-			"aria-disabled": props.isDisabled || null,
-			"aria-describedby": ariaDescribedBy,
-			onKeyDown(e) {
-				if (state.isOpen) return;
-				if (props.onKeyDown) props.onKeyDown(e);
-			},
-			onKeyUp(e) {
-				if (state.isOpen) return;
-				if (props.onKeyUp) props.onKeyUp(e);
-			}
-		}),
-		labelProps: {
-			...labelProps,
-			onClick: () => {
-				focusManager.focusFirst();
-			}
-		},
-		buttonProps: {
-			...descProps,
-			id: buttonId,
-			"aria-haspopup": "dialog",
-			"aria-label": stringFormatter.format("calendar"),
-			"aria-labelledby": `${buttonId} ${labelledBy}`,
-			"aria-describedby": ariaDescribedBy,
-			"aria-expanded": state.isOpen,
-			isDisabled: props.isDisabled || props.isReadOnly,
-			onPress: () => state.setOpen(true)
-		},
-		dialogProps: {
-			id: dialogId,
-			"aria-labelledby": `${buttonId} ${labelledBy}`
-		},
-		startFieldProps: {
-			...startFieldProps,
-			...commonFieldProps,
-			value: state.value?.start ?? null,
-			defaultValue: state.defaultValue?.start,
-			onChange: (start) => state.setDateTime("start", start),
-			autoFocus: props.autoFocus,
-			name: props.startName,
-			form: props.form,
-			[privateValidationStateProp]: {
-				realtimeValidation: state.realtimeValidation,
-				displayValidation: state.displayValidation,
-				updateValidation(e) {
-					startFieldValidation.current = e;
-					state.updateValidation(mergeValidation(e, endFieldValidation.current));
-				},
-				resetValidation: state.resetValidation,
-				commitValidation: state.commitValidation
-			}
-		},
-		endFieldProps: {
-			...endFieldProps,
-			...commonFieldProps,
-			value: state.value?.end ?? null,
-			defaultValue: state.defaultValue?.end,
-			onChange: (end) => state.setDateTime("end", end),
-			name: props.endName,
-			form: props.form,
-			[privateValidationStateProp]: {
-				realtimeValidation: state.realtimeValidation,
-				displayValidation: state.displayValidation,
-				updateValidation(e) {
-					endFieldValidation.current = e;
-					state.updateValidation(mergeValidation(startFieldValidation.current, e));
-				},
-				resetValidation: state.resetValidation,
-				commitValidation: state.commitValidation
-			}
-		},
-		descriptionProps,
-		errorMessageProps,
-		calendarProps: {
-			autoFocus: true,
-			value: state.dateRange?.start && state.dateRange.end ? state.dateRange : null,
-			onChange: state.setDateRange,
-			minValue: props.minValue,
-			maxValue: props.maxValue,
-			isDisabled: props.isDisabled,
-			isReadOnly: props.isReadOnly,
-			isDateUnavailable: props.isDateUnavailable,
-			allowsNonContiguousRanges: props.allowsNonContiguousRanges,
-			defaultFocusedValue: state.dateRange ? void 0 : props.placeholderValue,
-			isInvalid: state.isInvalid,
-			errorMessage: typeof props.errorMessage === "function" ? props.errorMessage(state.displayValidation) : props.errorMessage || state.displayValidation.validationErrors.join(" "),
-			firstDayOfWeek: props.firstDayOfWeek,
-			pageBehavior: props.pageBehavior
-		},
-		isInvalid,
-		validationErrors,
-		validationDetails
-	};
-}
-//#endregion
 //#region ../../node_modules/.bun/react-stately@3.50.0+83d5fd7b249dbeef/node_modules/react-stately/dist/private/calendar/useRangeCalendarState.mjs
 function $a0a87fb6fcfb22ec$export$9a987164d97ecc90(props) {
 	let { value: valueProp, defaultValue, onChange, createCalendar, locale, visibleDuration = { months: 1 }, minValue, maxValue, ...calendarProps } = props;
@@ -929,14 +757,14 @@ const DateRangePickerBase = (props) => {
 		},
 		shouldCloseOnSelect: false
 	});
-	const { groupProps, labelProps, startFieldProps, endFieldProps, buttonProps, dialogProps } = $cccdba1b2bb08448$export$12fd5f0e9f4bb192({
+	const { groupProps, labelProps, startFieldProps, endFieldProps, buttonProps, dialogProps } = useDateRangePicker({
 		...rest,
 		label,
 		shouldForceLeadingZeros,
 		minValue,
 		maxValue
 	}, state, dateRangePickerRef);
-	const { calendarProps } = $cccdba1b2bb08448$export$12fd5f0e9f4bb192({
+	const { calendarProps } = useDateRangePicker({
 		...rest,
 		label,
 		shouldForceLeadingZeros,
@@ -954,7 +782,7 @@ const DateRangePickerBase = (props) => {
 		const newValue = partialRange.start || partialRange.end ? partialRange : null;
 		onChange?.(newValue);
 	};
-	const { locale } = $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7();
+	const { locale } = useLocale();
 	useImperativeHandle(ref, () => ({
 		clear: () => {
 			datePickerInputRef.current?.clear();
@@ -1612,7 +1440,7 @@ const DateRangePickerInner = ({ fullIso = true, minValue, maxValue, renderStatic
 	const ui = UIConfig.useConfig();
 	const { t } = useTranslation();
 	const datePickerInputContentRowCva = UIOverrides.useCva("datePickerInput.contentRowCva", datePickerInputContentRowDefinition);
-	const { locale } = $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7();
+	const { locale } = useLocale();
 	const shouldForceLeadingZeros = props.shouldForceLeadingZeros ?? ui.dateInput.shouldForceLeadingZeros;
 	const allowPartialRange = props.allowPartialRange ?? ui.dateInput.allowPartialRange;
 	const [renderInput, setRenderInput] = useState(!(renderStaticInput ?? ui.renderStaticInput));

package/dist/{DateTimePicker-taYHMMYi.js → DateTimePicker-CtUPjVp1.js}

@@ -1,20 +1,20 @@
 import { t as UIConfig } from "./uiConfig.context-RFvaQYzD.js";
-import { n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, s as $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f, t as DatePickerInput } from "./DatePickerInput-eyHwzKPm.js";
+import { n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, s as $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f, t as DatePickerInput } from "./DatePickerInput-Nj_rVUyU.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
-import { r as $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7 } from "./useControlledState-DQxX6LMN.js";
-import { i as getStaticDateTimeFocusTarget, n as getStaticCalendarDateTimeSegments, o as DateTimeDialogFooter, s as DateTimeDialog } from "./staticDateTimeSegments-BQoA94W-.js";
-import { i as $6902a2bb26917a07$export$42df105a73306d51, r as $28aae683a942e141$export$87194bb378cc3ac2, t as Calendar } from "./Calendar-kSEji28A.js";
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-BE0r63d8.js";
 import { t as FieldController } from "./form.binding-CG1RPv6o.js";
-import { t as FormField } from "./FormField-CAcDJ4HC.js";
-import { t as TooltipWrapper } from "./TooltipWrapper-S2JC-w4e.js";
-import { i as InputFrame, n as useStaticInputHandoff } from "./useStaticInputHandoff-BAaDW_0z.js";
-import { t as normalizeDatePickerValue } from "./datePickerValue.utils-GADbSu7a.js";
+import { t as FormField } from "./FormField-DTO2cbXC.js";
+import { t as TooltipWrapper } from "./TooltipWrapper-BVc_Aln-.js";
+import { i as InputFrame, n as useStaticInputHandoff } from "./useStaticInputHandoff-_stbpoX4.js";
+import { i as getStaticDateTimeFocusTarget, n as getStaticCalendarDateTimeSegments, o as DateTimeDialogFooter, s as DateTimeDialog } from "./staticDateTimeSegments-vP2f1woD.js";
+import { r as $28aae683a942e141$export$87194bb378cc3ac2, t as Calendar } from "./Calendar-BYcN64W5.js";
+import { t as normalizeDatePickerValue } from "./datePickerValue.utils-1z4mwZZs.js";
 import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
 import { memo, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { Time, createCalendar, getLocalTimeZone, toCalendarDate, toCalendarDateTime, today } from "@internationalized/date";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useDatePicker, useLocale } from "react-aria";
 //#region src/components/inputs/DateTime/DateTimePicker/DateTimePicker.tsx
 const DateTimePickerBase = (props) => {
 	const ui = UIConfig.useConfig();
@@ -88,19 +88,19 @@ const DateTimePickerBase = (props) => {
 		granularity: "minute",
 		hideTimeZone: true
 	});
-	const { groupProps, labelProps, fieldProps, buttonProps, dialogProps } = $6902a2bb26917a07$export$42df105a73306d51({
+	const { groupProps, labelProps, fieldProps, buttonProps, dialogProps } = useDatePicker({
 		...rest,
 		label,
 		granularity: "minute",
 		hideTimeZone: true,
 		shouldForceLeadingZeros
 	}, state, datePickerRef);
-	const { calendarProps } = $6902a2bb26917a07$export$42df105a73306d51({
+	const { calendarProps } = useDatePicker({
 		...rest,
 		label,
 		shouldForceLeadingZeros
 	}, dialogState, datePickerRef);
-	const { locale } = $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7();
+	const { locale } = useLocale();
 	const calendarState = $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f({
 		...calendarProps,
 		locale,
@@ -252,7 +252,7 @@ const DateTimePickerBase = (props) => {
 const DateTimePickerInner = ({ fullIso: _fullIso = true, renderStaticInput, isFormControlDisabled, ...props }) => {
 	const ui = UIConfig.useConfig();
 	const datePickerInputContentRowCva = UIOverrides.useCva("datePickerInput.contentRowCva", datePickerInputContentRowDefinition);
-	const { locale } = $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7();
+	const { locale } = useLocale();
 	const shouldForceLeadingZeros = props.shouldForceLeadingZeros ?? ui.dateInput.shouldForceLeadingZeros;
 	const [renderInput, setRenderInput] = useState(!(renderStaticInput ?? ui.renderStaticInput));
 	const inputRef = useRef(null);

package/dist/{FileInput-B-ADr0B3.js → FileInput-BUs7wL0_.js}

@@ -9,7 +9,7 @@ import { InlineIconButton } from "./components/inline-icon-button.js";
 import { TextButton } from "./components/text-button.js";
 import { i as $a8ea2faf2ebe4d2f$re_export$useLabels, r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-BE0r63d8.js";
 import { t as FieldController } from "./form.binding-CG1RPv6o.js";
-import { t as FormField } from "./FormField-CAcDJ4HC.js";
+import { t as FormField } from "./FormField-DTO2cbXC.js";
 import "./i18n-CX2EjhJI.js";
 import { a as inputSizeDefinition } from "./input.cva-KYGD4Bdz.js";
 import { t as FileUtils } from "./file.utils-DqQxnuAm.js";

package/dist/{FileUpload-3-4Vt4f1.js → FileUpload-C3HzeFeb.js}

@@ -10,7 +10,7 @@ import { InlineIconButton } from "./components/inline-icon-button.js";
 import { TextButton } from "./components/text-button.js";
 import { i as $a8ea2faf2ebe4d2f$re_export$useLabels, r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-BE0r63d8.js";
 import { t as FieldController } from "./form.binding-CG1RPv6o.js";
-import { t as FormField } from "./FormField-CAcDJ4HC.js";
+import { t as FormField } from "./FormField-DTO2cbXC.js";
 import "./i18n-CX2EjhJI.js";
 import { t as FileUtils } from "./file.utils-DqQxnuAm.js";
 import { t as Progress } from "./Progress-_jkt2pQw.js";

package/dist/{FormField-CAcDJ4HC.js → FormField-DTO2cbXC.js}

@@ -112,7 +112,7 @@ const FormFieldLabel = ({ ref, as, label, isRequired, isDisabled, labelProps, cl
 };
 //#endregion
 //#region src/components/inputs/FormField/FormFieldHeader.tsx
-const FormFieldHeaderTooltip = lazy(() => import("./FormFieldHeaderTooltip-C2IDI4ac.js"));
+const FormFieldHeaderTooltip = lazy(() => import("./FormFieldHeaderTooltip-h6e5hq9V.js"));
 const FormFieldHeader = ({ label, tooltipText, helperText, isRequired, rightContent, isHeaderHidden, isDisabled, className, labelProps }) => {
 	const formFieldHeaderCva = UIOverrides.useCva("formField.headerCva", formFieldHeaderDefinition);
 	return /* @__PURE__ */ jsxs("div", {