@povio/ui 5.0.0-rc.9 → 6.0.0-rc.1

package/dist/{DateRangePicker-BF-1CztH.js → DateRangePicker-s_4n-F_P.js}

@@ -1,35 +1,36 @@
-import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
+import { t as UIConfig } from "./uiConfig.context-CT9EVqC5.js";
 import { t as ChevronDown } from "./chevron-down-B4Pr8bD3.js";
-import { t as ChevronLeft } from "./chevron-left-Dgo_b9wJ.js";
+import { r as ChevronLeft } from "./Tooltip-CMigoyri.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 $f11fb0bcf1b2687a$export$61c6a8c84e605fb6, c as $dd602d3c757202f2$export$a1d3911297b952d7, i as CalendarGrid, l as $dd602d3c757202f2$export$eac50920cf2fd59a, n as renderDatePickerTodayIcon, o as $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f, r as $1697a7ad3db7b79f$re_export$useDateFormatter, s as $dd602d3c757202f2$export$4f5203c0d889109e, t as DatePickerInput, u as $dd602d3c757202f2$export$f4a51ff076cc9a09 } from "./DatePickerInput-BLBcySA2.js";
+import { t as Select } from "./Select-Br_3eecr.js";
+import { a as $f11fb0bcf1b2687a$export$61c6a8c84e605fb6, c as $dd602d3c757202f2$export$a1d3911297b952d7, i as CalendarGrid, l as $dd602d3c757202f2$export$eac50920cf2fd59a, n as renderDatePickerTodayIcon, o as $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f, r as $1697a7ad3db7b79f$re_export$useDateFormatter, s as $dd602d3c757202f2$export$4f5203c0d889109e, t as DatePickerInput, u as $dd602d3c757202f2$export$f4a51ff076cc9a09 } from "./DatePickerInput-Cs9RwZfy.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
-import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-D6KlWSFL.js";
-import { t as Switch } from "./Switch-CqnGEdeD.js";
+import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-C1YB5dOw.js";
+import { t as Switch } from "./Switch-R0kAicgM.js";
 import { t as Typography } from "./Typography-LU4z2pR1.js";
-import { InlineIconButton } from "./components/inline-icon-button.js";
+import { IconButton } from "./components/icon-button.js";
 import { BadgeButton } from "./components/badge-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-B99dLt8o.js";
-import "./i18n-CX2EjhJI.js";
-import { t as TooltipWrapper } from "./TooltipWrapper-3jyN0Wss.js";
-import { i as InputFrame, n as useStaticInputHandoff } from "./useStaticInputHandoff-NeZVnci-.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-DtU63_dw.js";
+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-D7KKJ6kG.js";
+import { t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-CuU1VIh1.js";
+import { i as $fd2148440a13ec26$export$fc1a364ae1f3ff10 } from "./NumberFormatter-DYarfm5F.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-Bt5wCZvg.js";
+import "./i18n-BjNKHh_D.js";
+import { n as useStaticInputHandoff } from "./useStaticInputHandoff-DyYxfwv6.js";
 import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
 import { t as datePickerInputContentRowDefinition } from "./datePickerInput.cva-Cd7UUN61.js";
-import { t as Select } from "./Select-UR0ec2Ux.js";
+import { t as TooltipWrapper } from "./TooltipWrapper-D7HUZLsP.js";
+import { InputFrame } from "./components/input-frame.js";
 import { memo, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { DateFormatter, GregorianCalendar, createCalendar, endOfMonth, endOfWeek, endOfYear, getLocalTimeZone, maxDate, minDate, startOfMonth, startOfWeek, startOfYear, toCalendar, toCalendarDate, toCalendarDateTime, today } from "@internationalized/date";
 import { useDateRangePicker, useLocale } from "react-aria";
-import { useTranslation } from "react-i18next";
 import { useRangeCalendar } from "@react-aria/calendar";
-//#region ../../node_modules/.bun/react-stately@3.50.0+83d5fd7b249dbeef/node_modules/react-stately/dist/private/calendar/useRangeCalendarState.mjs
+import { useTranslation } from "react-i18next";
+//#region ../../node_modules/.bun/react-stately@3.51.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;
 	let [value, setValue] = $3e6197669829fe11$export$40bfa8c7b0832715(valueProp, defaultValue || null, onChange);
@@ -163,7 +164,7 @@ function $a0a87fb6fcfb22ec$var$nextUnavailableDate(anchorDate, isDateUnavailable
 	if (isDateUnavailable(nextDate)) return nextDate.add({ days: -dir });
 }
 //#endregion
-//#region ../../node_modules/.bun/react-stately@3.50.0+83d5fd7b249dbeef/node_modules/react-stately/dist/private/datepicker/useDateRangePickerState.mjs
+//#region ../../node_modules/.bun/react-stately@3.51.0+83d5fd7b249dbeef/node_modules/react-stately/dist/private/datepicker/useDateRangePickerState.mjs
 function $6de3e3f1a7663217$export$e50a61c1de9f574(props) {
 	let overlayState = $f11fb0bcf1b2687a$export$61c6a8c84e605fb6(props);
 	let [controlledValue, setControlledValue] = $3e6197669829fe11$export$40bfa8c7b0832715(props.value, props.defaultValue || null, props.onChange);
@@ -463,18 +464,26 @@ const CalendarSelectHeader = ({ state, isPrevMonthDisabled, isPrevYearDisabled,
 		children: [
 			/* @__PURE__ */ jsxs("div", {
 				className: "flex items-center",
-				children: [/* @__PURE__ */ jsx(InlineIconButton, {
+				children: [/* @__PURE__ */ jsx(IconButton, {
 					color: "secondary",
 					isDisabled: isPrevYearDisabled,
 					onClick: handlePrevYear,
 					icon: ChevronsLeft,
-					label: t(($) => $.ui.datePicker.navigation.previousYear)
-				}), /* @__PURE__ */ jsx(InlineIconButton, {
+					label: t(($) => $.ui.datePicker.navigation.previousYear),
+					variant: "text",
+					width: "hug",
+					disableTooltip: true,
+					size: "sm"
+				}), /* @__PURE__ */ jsx(IconButton, {
 					color: "secondary",
 					isDisabled: isPrevMonthDisabled,
 					onClick: handlePrevMonth,
 					icon: ChevronLeft,
-					label: t(($) => $.ui.datePicker.navigation.previousMonth)
+					label: t(($) => $.ui.datePicker.navigation.previousMonth),
+					variant: "text",
+					width: "hug",
+					disableTooltip: true,
+					size: "sm"
 				})]
 			}),
 			/* @__PURE__ */ jsxs("div", {
@@ -518,18 +527,26 @@ const CalendarSelectHeader = ({ state, isPrevMonthDisabled, isPrevYearDisabled,
 			}),
 			/* @__PURE__ */ jsxs("div", {
 				className: "flex items-center",
-				children: [/* @__PURE__ */ jsx(InlineIconButton, {
+				children: [/* @__PURE__ */ jsx(IconButton, {
 					color: "secondary",
 					isDisabled: isNextMonthDisabled,
 					onClick: handleNextMonth,
 					icon: ChevronRight,
-					label: t(($) => $.ui.datePicker.navigation.nextMonth)
-				}), /* @__PURE__ */ jsx(InlineIconButton, {
+					label: t(($) => $.ui.datePicker.navigation.nextMonth),
+					variant: "text",
+					width: "hug",
+					disableTooltip: true,
+					size: "sm"
+				}), /* @__PURE__ */ jsx(IconButton, {
 					color: "secondary",
 					isDisabled: isNextYearDisabled,
 					onClick: handleNextYear,
 					icon: ChevronsRight,
-					label: t(($) => $.ui.datePicker.navigation.nextYear)
+					label: t(($) => $.ui.datePicker.navigation.nextYear),
+					variant: "text",
+					width: "hug",
+					disableTooltip: true,
+					size: "sm"
 				})]
 			})
 		]
@@ -575,7 +592,7 @@ const RangeCalendar = ({ showWeekNumbers, className, leftCalendarState, rightCal
 		return rightPrevDate.year < leftDate.year || rightPrevDate.year === leftDate.year && rightPrevDate.month === leftDate.month;
 	}, [leftDate, rightDate]);
 	return /* @__PURE__ */ jsx("div", {
-		className: clsx("flex flex-col items-center bg-surface-default-card", showWeekNumbers ? "w-full md:w-fit" : "w-fit", className),
+		className: clsx("flex flex-col items-center bg-surface-default-card", showWeekNumbers ? "w-full max-w-[336px] md:w-fit md:max-w-none" : "w-fit", className),
 		children: /* @__PURE__ */ jsxs("div", {
 			className: clsx("flex", showWeekNumbers && "w-full"),
 			children: [/* @__PURE__ */ jsxs("div", {
@@ -590,6 +607,7 @@ const RangeCalendar = ({ showWeekNumbers, className, leftCalendarState, rightCal
 					maxDate: rightDate
 				}), /* @__PURE__ */ jsx(CalendarGrid, {
 					showWeekNumbers,
+					firstDayOfWeek: calendarProps.firstDayOfWeek,
 					state: leftCalendarState,
 					onApply,
 					shouldCloseOnSelect: false,
@@ -614,6 +632,7 @@ const RangeCalendar = ({ showWeekNumbers, className, leftCalendarState, rightCal
 					minDate: leftDate
 				}), /* @__PURE__ */ jsx(CalendarGrid, {
 					showWeekNumbers,
+					firstDayOfWeek: calendarProps.firstDayOfWeek,
 					state: rightCalendarState,
 					onApply,
 					shouldCloseOnSelect: false,
@@ -760,7 +779,8 @@ const DateRangePickerBase = (props) => {
 	});
 	const { groupProps, labelProps, startFieldProps, endFieldProps, buttonProps, dialogProps } = useDateRangePicker({
 		...rest,
-		label,
+		label: rest["aria-label"] || rest["aria-labelledby"] ? void 0 : label,
+		"aria-label": rest["aria-labelledby"] ? void 0 : rest["aria-label"],
 		shouldForceLeadingZeros,
 		minValue,
 		maxValue
@@ -793,7 +813,14 @@ const DateRangePickerBase = (props) => {
 	const handleBlur = (newValue) => {
 		onBlur?.({ target: { value: newValue } });
 	};
+	const accessibility = useFieldAccessibility({
+		error,
+		helperText,
+		describedBy: rest["aria-describedby"]
+	});
 	const formFieldProps = {
+		errorMessageId: accessibility.errorMessageId,
+		helperTextId: accessibility.helperTextId,
 		error: error || validationRangeError,
 		label,
 		tooltipText,
@@ -1324,14 +1351,20 @@ const DateRangePickerBase = (props) => {
 			...formFieldProps,
 			as,
 			labelProps,
-			className: clsx("group relative inline-flex w-full flex-col text-left", className),
+			className: clsx("group relative flex w-full flex-col text-left", className),
 			tabIndex: as === "inline" ? -1 : void 0,
 			children: [/* @__PURE__ */ jsx(DatePickerInput, {
 				ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, datePickerInputRef),
 				as,
-				groupProps,
+				groupProps: {
+					...groupProps,
+					"aria-describedby": accessibility.describedBy,
+					"aria-errormessage": accessibility.errorMessageId,
+					"aria-invalid": !!error
+				},
 				fieldProps: {
 					...startFieldProps,
+					"aria-describedby": accessibility.describedBy,
 					onChange: (date) => {
 						startFieldProps.onChange?.(date);
 						emitPartialRangeChange("start", date);
@@ -1343,6 +1376,7 @@ const DateRangePickerBase = (props) => {
 				},
 				endFieldProps: {
 					...endFieldProps,
+					"aria-describedby": accessibility.describedBy,
 					onChange: (date) => {
 						endFieldProps.onChange?.(date);
 						emitPartialRangeChange("end", date);
@@ -1392,7 +1426,7 @@ const DateRangePickerBase = (props) => {
 					}), presets.map((preset) => /* @__PURE__ */ jsx($7705c033048f6da7$export$353f5b6fc5456de1, {
 						isDisabled: preset.isDisabled,
 						onClick: () => selectPreset(preset),
-						className: clsx("w-full px-2 py-1 text-left md:px-list-side-item-left md:py-list-height-item disabled:text-state-surface-default-foreground/disabled!", activePreset !== (mode === "relative" ? preset.value : preset.label) && "text-surface-default-foreground hover:text-state-surface-default-foreground/hover", activePreset === (mode === "relative" ? preset.value : preset.label) && "bg-interactive-primary-background text-interactive-primary-foreground"),
+						className: clsx("w-full px-2 py-1 text-left md:px-list-side-item-left md:py-list-height-item disabled:text-state-content-secondary/disabled!", activePreset !== (mode === "relative" ? preset.value : preset.label) && "text-content-secondary hover:text-state-content-secondary/hover", activePreset === (mode === "relative" ? preset.value : preset.label) && "bg-interactive-primary-background text-interactive-primary-foreground"),
 						children: /* @__PURE__ */ jsx(Typography, {
 							size: "small",
 							sizeMobile: "small",
@@ -1564,7 +1598,6 @@ const DateRangePickerInner = ({ fullIso = true, minValue, maxValue, renderStatic
 		const todayIconPlacement = props.todayIconPlacement ?? ui.dateInput.todayIconPlacement;
 		const staticTodayIcon = renderDatePickerTodayIcon(todayIcon, {
 			isDisabled,
-			renderStatic: true,
 			size: todayIconButtonSize,
 			todayIconButtonComponent
 		});
@@ -1588,7 +1621,7 @@ const DateRangePickerInner = ({ fullIso = true, minValue, maxValue, renderStatic
 				props.onValueCommit?.();
 			},
 			isDisabled,
-			className: clsx("group relative inline-flex w-full flex-col text-left", props.className),
+			className: clsx("group relative flex w-full flex-col text-left", props.className),
 			inputClassName: clsx("min-w-input-width-min-width", props.inputClassName),
 			contentClassName: "pr-0!",
 			contentWrapperClassName: datePickerInputContentRowCva({ size }),
@@ -1654,39 +1687,17 @@ const DateRangePickerInner = ({ fullIso = true, minValue, maxValue, renderStatic
 		onChange: (value) => props.onChange?.(formatDateRange(value))
 	});
 };
-const DateRangePickerComponent = ({ fullIso = true, minValue, maxValue, renderStaticInput, ...props }) => {
-	if ("field" in props && props.field) {
-		const { field, ref, ...innerProps } = props;
-		const controlWithOptions = field.form;
-		return /* @__PURE__ */ jsx(FieldController, {
-			control: field.form,
-			name: field.name,
-			render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(DateRangePickerInner, {
-				...innerProps,
-				ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
-				value: field.value ?? null,
-				onChange: (value) => field.onChange(value ?? null),
-				onBlur: field.onBlur,
-				onValueCommit: field.onBlur,
-				isDirty,
-				isDisabled: field.disabled || props.isDisabled,
-				isFormControlDisabled: !!controlWithOptions._options?.disabled,
-				error: props.error ?? error?.message,
-				fullIso,
-				minValue,
-				maxValue,
-				renderStaticInput
-			})
-		});
-	}
+const DateRangePickerComponent = ({ defaultValue, value, onChange, ...props }) => {
+	const [internalValue, setInternalValue] = useState(defaultValue ?? null);
 	return /* @__PURE__ */ jsx(DateRangePickerInner, {
 		...props,
-		fullIso,
-		minValue,
-		maxValue,
-		renderStaticInput
+		value: value === void 0 ? internalValue : value,
+		onChange: (nextValue) => {
+			if (value === void 0) setInternalValue(nextValue);
+			onChange?.(nextValue);
+		}
 	});
 };
 const DateRangePicker = memo(DateRangePickerComponent);
 //#endregion
-export { isDateRangePresetValue as a, resolveDateRangePreset as c, hydrateRelativeDateRangeValue as i, dateRangePresetValues as n, isRelativeDateRangeValue as o, getDateRangePreset as r, isStoredRelativeDateRangeValue as s, DateRangePicker as t };
+export { hydrateRelativeDateRangeValue as a, isStoredRelativeDateRangeValue as c, getDateRangePreset as i, resolveDateRangePreset as l, DateRangePickerInner as n, isDateRangePresetValue as o, dateRangePresetValues as r, isRelativeDateRangeValue as s, DateRangePicker as t };

package/dist/DateRangePicker.bound-C1klxYW0.js

@@ -0,0 +1,35 @@
+import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
+import { t as FieldController } from "./form.binding-B-2id68q.js";
+import { n as DateRangePickerInner } from "./DateRangePicker-s_4n-F_P.js";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/inputs/DateTime/DateRangePicker/DateRangePicker.bound.tsx
+const DateRangePickerComponent = ({ fullIso = true, minValue, maxValue, renderStaticInput, ...props }) => {
+	const { field, ref, ...innerProps } = props;
+	const controlWithOptions = field.form;
+	return /* @__PURE__ */ jsx(FieldController, {
+		control: field.form,
+		name: field.name,
+		onValueChange: field.onValueChange,
+		onBlur: field.onBlur,
+		render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(DateRangePickerInner, {
+			...innerProps,
+			ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
+			value: field.value ?? null,
+			onChange: (value) => field.onChange(value ?? null),
+			onBlur: field.onBlur,
+			onValueCommit: field.onValueCommit,
+			isDirty,
+			isDisabled: field.disabled || props.isDisabled,
+			isFormControlDisabled: !!controlWithOptions._options?.disabled,
+			error: props.error ?? error?.message,
+			fullIso,
+			minValue,
+			maxValue,
+			renderStaticInput
+		})
+	});
+};
+const DateRangePicker = memo(DateRangePickerComponent);
+//#endregion
+export { DateRangePicker as t };

package/dist/DateRangePicker.bound-D-GPENNe.d.ts

@@ -0,0 +1,9 @@
+import { a as DateRangePickerProps$1 } from "./DateRangePicker-hV_U1IK0.js";
+import { n as FieldValues, t as FormControlProps } from "./form.types-C8P4sznq.js";
+//#region src/components/inputs/DateTime/DateRangePicker/DateRangePicker.bound.d.ts
+type ControlledDateRangePickerProps<TFieldValues extends FieldValues> = FormControlProps<DateRangePickerProps$1, TFieldValues>;
+type DateRangePickerProps<TFieldValues extends FieldValues = FieldValues> = ControlledDateRangePickerProps<TFieldValues>;
+declare const DateRangePickerComponent: <TFieldValues extends FieldValues>({ fullIso, minValue, maxValue, renderStaticInput, ...props }: ControlledDateRangePickerProps<TFieldValues>) => import("react").JSX.Element;
+declare const DateRangePicker: typeof DateRangePickerComponent;
+//#endregion
+export { DateRangePicker as n, DateRangePickerProps as r, ControlledDateRangePickerProps as t };

package/dist/{DateTimePicker-Cj0qvJUz.js → DateTimePicker-411pU7VF.js}

@@ -1,17 +1,18 @@
-import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
-import { n as renderDatePickerTodayIcon, o as $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f, t as DatePickerInput } from "./DatePickerInput-BLBcySA2.js";
+import { t as UIConfig } from "./uiConfig.context-CT9EVqC5.js";
+import { n as renderDatePickerTodayIcon, o as $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f, t as DatePickerInput } from "./DatePickerInput-Cs9RwZfy.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.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-B99dLt8o.js";
-import { t as TooltipWrapper } from "./TooltipWrapper-3jyN0Wss.js";
-import { i as InputFrame, n as useStaticInputHandoff } from "./useStaticInputHandoff-NeZVnci-.js";
-import { i as getStaticDateTimeFocusTarget, n as getStaticCalendarDateTimeSegments, o as DateTimeDialogFooter, s as DateTimeDialog } from "./staticDateTimeSegments-DtU63_dw.js";
-import { r as $28aae683a942e141$export$87194bb378cc3ac2, t as Calendar } from "./Calendar-BTjajO6i.js";
-import { t as normalizeDatePickerValue } from "./datePickerValue.utils-DCgoSrP3.js";
+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-D7KKJ6kG.js";
+import { i as getStaticDateTimeFocusTarget, n as getStaticCalendarDateTimeSegments, o as DateTimeDialogFooter, s as DateTimeDialog } from "./staticDateTimeSegments-Bt5wCZvg.js";
+import { r as $28aae683a942e141$export$87194bb378cc3ac2, t as Calendar } from "./Calendar-DRQ536wk.js";
+import { n as useStaticInputHandoff } from "./useStaticInputHandoff-DyYxfwv6.js";
+import { t as normalizeDatePickerValue } from "./datePickerValue.utils-OAQBDk1R.js";
 import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
 import { t as datePickerInputContentRowDefinition } from "./datePickerInput.cva-Cd7UUN61.js";
+import { t as TooltipWrapper } from "./TooltipWrapper-D7HUZLsP.js";
+import { InputFrame } from "./components/input-frame.js";
 import { memo, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Time, createCalendar, getLocalTimeZone, toCalendarDate, toCalendarDateTime, today } from "@internationalized/date";
@@ -37,7 +38,14 @@ const DateTimePickerBase = (props) => {
 	const timeZone = timeZoneProp ?? ui.dateInput.timeZone;
 	let effectiveTimeZone = getLocalTimeZone();
 	if (timeZone !== "clientLocal") effectiveTimeZone = timeZone;
+	const accessibility = useFieldAccessibility({
+		error,
+		helperText,
+		describedBy: rest["aria-describedby"]
+	});
 	const formFieldProps = {
+		errorMessageId: accessibility.errorMessageId,
+		helperTextId: accessibility.helperTextId,
 		error,
 		label,
 		tooltipText,
@@ -91,7 +99,8 @@ const DateTimePickerBase = (props) => {
 	});
 	const { groupProps, labelProps, fieldProps, buttonProps, dialogProps } = useDatePicker({
 		...rest,
-		label,
+		label: rest["aria-label"] || rest["aria-labelledby"] ? void 0 : label,
+		"aria-label": rest["aria-labelledby"] ? void 0 : rest["aria-label"],
 		granularity: "minute",
 		hideTimeZone: true,
 		shouldForceLeadingZeros
@@ -179,14 +188,20 @@ const DateTimePickerBase = (props) => {
 			...formFieldProps,
 			as,
 			labelProps,
-			className: "group relative inline-flex w-full flex-col text-left",
+			className: "group relative flex w-full flex-col text-left",
 			tabIndex: as === "inline" ? -1 : void 0,
 			children: [/* @__PURE__ */ jsx(DatePickerInput, {
 				ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, datePickerInputRef),
 				as,
-				groupProps,
+				groupProps: {
+					...groupProps,
+					"aria-describedby": accessibility.describedBy,
+					"aria-errormessage": accessibility.errorMessageId,
+					"aria-invalid": !!error
+				},
 				fieldProps: {
 					...fieldProps,
+					"aria-describedby": accessibility.describedBy,
 					onBlur: (e) => {
 						fieldProps.onBlur?.(e);
 						handleBlur(state.value);
@@ -250,7 +265,7 @@ const DateTimePickerBase = (props) => {
 		})
 	});
 };
-const DateTimePickerInner = ({ fullIso: _fullIso = true, renderStaticInput, isFormControlDisabled, ...props }) => {
+const DateTimePickerInner = ({ defaultValue: _defaultValue, renderStaticInput, isFormControlDisabled, ...props }) => {
 	const ui = UIConfig.useConfig();
 	const datePickerInputContentRowCva = UIOverrides.useCva("datePickerInput.contentRowCva", datePickerInputContentRowDefinition);
 	const { locale } = useLocale();
@@ -294,7 +309,6 @@ const DateTimePickerInner = ({ fullIso: _fullIso = true, renderStaticInput, isFo
 		const todayIconPlacement = props.todayIconPlacement ?? ui.dateInput.todayIconPlacement;
 		const staticTodayIcon = renderDatePickerTodayIcon(todayIcon, {
 			isDisabled,
-			renderStatic: true,
 			size: todayIconButtonSize,
 			todayIconButtonComponent
 		});
@@ -316,7 +330,7 @@ const DateTimePickerInner = ({ fullIso: _fullIso = true, renderStaticInput, isFo
 				props.onValueCommit?.();
 			},
 			isDisabled,
-			className: clsx("group relative inline-flex w-full flex-col text-left", props.className),
+			className: clsx("group relative flex w-full flex-col text-left", props.className),
 			inputClassName: clsx(props.shouldShrinkInput ? "min-w-0" : "min-w-input-width-min-width", props.inputClassName),
 			contentClassName: "pr-0!",
 			contentWrapperClassName: datePickerInputContentRowCva({ size }),
@@ -356,35 +370,17 @@ const DateTimePickerInner = ({ fullIso: _fullIso = true, renderStaticInput, isFo
 		onChange: (value) => props.onChange?.(formatDateValue(value))
 	});
 };
-const DateTimePickerComponent = ({ fullIso = true, renderStaticInput, ...props }) => {
-	if ("field" in props && props.field) {
-		const { field, ref, ...innerProps } = props;
-		const controlWithOptions = field.form;
-		return /* @__PURE__ */ jsx(FieldController, {
-			control: field.form,
-			name: field.name,
-			render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(DateTimePickerInner, {
-				...innerProps,
-				ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
-				value: field.value ?? null,
-				onChange: (value) => field.onChange(value ?? null),
-				onBlur: field.onBlur,
-				onValueCommit: field.onBlur,
-				isDirty,
-				isDisabled: field.disabled || props.isDisabled,
-				isFormControlDisabled: !!controlWithOptions._options?.disabled,
-				error: props.error ?? error?.message,
-				fullIso,
-				renderStaticInput
-			})
-		});
-	}
+const DateTimePickerComponent = ({ defaultValue, value, onChange, ...props }) => {
+	const [internalValue, setInternalValue] = useState(defaultValue ?? null);
 	return /* @__PURE__ */ jsx(DateTimePickerInner, {
 		...props,
-		fullIso,
-		renderStaticInput
+		value: value === void 0 ? internalValue : value,
+		onChange: (nextValue) => {
+			if (value === void 0) setInternalValue(nextValue);
+			onChange?.(nextValue);
+		}
 	});
 };
 const DateTimePicker = memo(DateTimePickerComponent);
 //#endregion
-export { DateTimePicker as t };
+export { DateTimePickerInner as n, DateTimePicker as t };

package/dist/{DateTimePicker-D4lHyf6P.d.ts → DateTimePicker-wgV0SUeZ.d.ts}

@@ -1,13 +1,14 @@
-import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
-import { t as ControlProps } from "./form.types-CecYaerF.js";
-import { n as FormFieldProps } from "./FormField-Byiehm9y.js";
-import { n as InputVariantProps } from "./input.cva-BsHgYa-L.js";
-import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-D81ZJ3fT.js";
+import { n as FormFieldProps } from "./FormField-BIRMlgu4.js";
+import { n as InputVariantProps } from "./input.cva-L7jKDv6q.js";
+import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-DwHQvLzi.js";
 import { FocusEvent, Ref } from "react";
 import { DateValue } from "react-aria";
 import { DatePickerStateOptions } from "react-stately";
 //#region src/components/inputs/DateTime/DateTimePicker/DateTimePicker.d.ts
 interface DateTimePickerBaseProps extends FormFieldProps, InputVariantProps, Omit<DatePickerStateOptions<DateValue>, "granularity" | "shouldCloseOnSelect" | "label" | "onBlur"> {
+  "aria-describedby"?: string;
+  "aria-label"?: string;
+  "aria-labelledby"?: string;
   ref?: Ref<DatePickerInputHandle & HTMLDivElement>;
   disableDropdown?: boolean;
   isTimeOptional?: boolean;
@@ -31,15 +32,24 @@ interface DateTimePickerBaseProps extends FormFieldProps, InputVariantProps, Omi
   onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
   onValueCommit?: () => void;
 }
-interface DateTimePickerProps extends Omit<DateTimePickerBaseProps, "value" | "onChange" | "onValueCommit"> {
+interface DateTimePickerProps extends Omit<DateTimePickerBaseProps, "value" | "onChange" | "defaultValue" | "onValueCommit"> {
+  field?: never;
+  /** Initial ISO timestamp with Z or an explicit offset; used only when value is undefined. */
+  defaultValue?: string | null;
+  /** Controlled ISO timestamp with Z or an explicit offset; null clears the field. */
   value?: string | null;
+  /** Emits a UTC ISO timestamp (YYYY-MM-DDTHH:mm:ss.sssZ), or null when cleared. */
   onChange?: (value: string | null) => void;
-  fullIso?: boolean;
   renderStaticInput?: boolean;
+  /** Display/edit zone; defaults to UIConfig.dateInput.timeZone (clientLocal uses the browser zone). Output stays UTC. */
   timeZone?: string;
 }
-type ControlledDateTimePickerProps<TFieldValues extends FieldValues> = ControlProps<DateTimePickerProps, TFieldValues>;
-declare const DateTimePickerComponent: <TFieldValues extends FieldValues>({ fullIso, renderStaticInput, ...props }: ControlledDateTimePickerProps<TFieldValues>) => import("react").JSX.Element;
-declare const DateTimePicker: typeof DateTimePickerComponent;
+type DateTimePickerInnerProps = DateTimePickerProps & {
+  isFormControlDisabled?: boolean;
+  onValueCommit?: () => void;
+};
+declare const DateTimePickerInner: ({ defaultValue: _defaultValue, renderStaticInput, isFormControlDisabled, ...props }: DateTimePickerInnerProps) => import("react").JSX.Element;
+declare const DateTimePickerComponent: ({ defaultValue, value, onChange, ...props }: DateTimePickerProps) => import("react").JSX.Element;
+declare const DateTimePicker: import("react").MemoExoticComponent<typeof DateTimePickerComponent>;
 //#endregion
-export { DateTimePicker as n, DateTimePickerProps as r, ControlledDateTimePickerProps as t };
+export { DateTimePickerProps as i, DateTimePickerComponent as n, DateTimePickerInner as r, DateTimePicker as t };

package/dist/DateTimePicker.bound-BDyUzidV.js

@@ -0,0 +1,32 @@
+import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
+import { t as FieldController } from "./form.binding-B-2id68q.js";
+import { n as DateTimePickerInner } from "./DateTimePicker-411pU7VF.js";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/inputs/DateTime/DateTimePicker/DateTimePicker.bound.tsx
+const DateTimePickerComponent = ({ renderStaticInput, ...props }) => {
+	const { field, ref, ...innerProps } = props;
+	const controlWithOptions = field.form;
+	return /* @__PURE__ */ jsx(FieldController, {
+		control: field.form,
+		name: field.name,
+		onValueChange: field.onValueChange,
+		onBlur: field.onBlur,
+		render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(DateTimePickerInner, {
+			...innerProps,
+			ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
+			value: field.value ?? null,
+			onChange: (value) => field.onChange(value ?? null),
+			onBlur: field.onBlur,
+			onValueCommit: field.onValueCommit,
+			isDirty,
+			isDisabled: field.disabled || props.isDisabled,
+			isFormControlDisabled: !!controlWithOptions._options?.disabled,
+			error: props.error ?? error?.message,
+			renderStaticInput
+		})
+	});
+};
+const DateTimePicker = memo(DateTimePickerComponent);
+//#endregion
+export { DateTimePicker as t };

package/dist/DateTimePicker.bound-cF2X_ncj.d.ts

@@ -0,0 +1,9 @@
+import { i as DateTimePickerProps$1 } from "./DateTimePicker-wgV0SUeZ.js";
+import { n as FieldValues, t as FormControlProps } from "./form.types-C8P4sznq.js";
+//#region src/components/inputs/DateTime/DateTimePicker/DateTimePicker.bound.d.ts
+type ControlledDateTimePickerProps<TFieldValues extends FieldValues> = FormControlProps<DateTimePickerProps$1, TFieldValues>;
+type DateTimePickerProps<TFieldValues extends FieldValues = FieldValues> = ControlledDateTimePickerProps<TFieldValues>;
+declare const DateTimePickerComponent: <TFieldValues extends FieldValues>({ renderStaticInput, ...props }: ControlledDateTimePickerProps<TFieldValues>) => import("react").JSX.Element;
+declare const DateTimePicker: typeof DateTimePickerComponent;
+//#endregion
+export { DateTimePicker as n, DateTimePickerProps as r, ControlledDateTimePickerProps as t };

package/dist/{Dialog-9manOgMA.js → Dialog-DSl1Fkqi.js}

@@ -1,11 +1,11 @@
 import { t as X } from "./x-B6vfz8Ps.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
-import { n as $f2ff30fde7b014be$export$3ddf2d174ce01153 } from "./Dialog-CKLkS00H.js";
-import { n as $8b8d26808cb8cb53$export$8948f78d83984c69, t as $8b8d26808cb8cb53$export$2b77a92f1a5ad772 } from "./Modal-w60dVQcb.js";
-import { InlineIconButton } from "./components/inline-icon-button.js";
-import "./i18n-CX2EjhJI.js";
-import { i as dialogOverlayDefinition, n as dialogMainDefinition, t as dialogContentDefinition } from "./dialog.cva-COhDZaVl.js";
+import { n as $f2ff30fde7b014be$export$3ddf2d174ce01153 } from "./Dialog-lFYX-7Ax.js";
+import { n as $8b8d26808cb8cb53$export$8948f78d83984c69, t as $8b8d26808cb8cb53$export$2b77a92f1a5ad772 } from "./Modal-B4p1zFqi.js";
+import { IconButton } from "./components/icon-button.js";
+import "./i18n-BjNKHh_D.js";
+import { i as dialogOverlayDefinition, n as dialogMainDefinition, t as dialogContentDefinition } from "./dialog.cva-sioU_5R7.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/overlays/Dialog/Dialog.tsx
@@ -44,13 +44,16 @@ const Dialog = ({ isOpen, portalContainerRef, onClose, onOpenChange, aside, chil
 					aside,
 					className: dialogClassName
 				}),
-				children: [showCloseIcon && /* @__PURE__ */ jsx(InlineIconButton, {
+				children: [showCloseIcon && /* @__PURE__ */ jsx(IconButton, {
 					color: "secondary",
 					onPress: () => handleOpenChange(false),
 					icon: X,
 					className: clsx("absolute top-0 right-0 p-modal-gap-desktop-modal-close-icon-top-right", closeIconClassName),
 					label: t(($) => $.ui.modal.closeBtn),
-					disableTooltip: true
+					variant: "text",
+					width: "hug",
+					disableTooltip: true,
+					size: "sm"
 				}), children]
 			})
 		})

package/dist/Dialog-V-2cgGk1.d.ts

@@ -0,0 +1,21 @@
+import { l as DialogVariantProps } from "./style-definitions-_RXJdSk-.js";
+import { PropsWithChildren, RefObject } from "react";
+import { DialogProps } from "react-aria-components";
+//#region src/components/overlays/Dialog/Dialog.d.ts
+interface DialogProps$1 extends DialogVariantProps, Partial<Pick<DialogProps, "aria-label" | "aria-labelledby">> {
+  isOpen: boolean;
+  portalContainerRef?: RefObject<HTMLElement>;
+  /** Standard controlled-overlay callback. */
+  onOpenChange?: (isOpen: boolean) => void;
+  onClose?: () => void;
+  dialogClassName?: string;
+  closeIconClassName?: string;
+  overlayClassName?: string;
+  showCloseIcon?: boolean;
+  isDismissable?: boolean;
+  isKeyboardDismissable?: boolean;
+  shouldCloseOnInteractOutside?: () => boolean;
+}
+declare const Dialog: ({ isOpen, portalContainerRef, onClose, onOpenChange, aside, children, dialogClassName, closeIconClassName, overlayClassName, showCloseIcon, isDismissable, isKeyboardDismissable, shouldCloseOnInteractOutside, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }: PropsWithChildren<DialogProps$1>) => import("react").JSX.Element;
+//#endregion
+export { DialogProps$1 as n, Dialog as t };