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

package/dist/DatePicker.bound-Yqckg7Mk.js

@@ -0,0 +1,36 @@
+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 DatePickerInner } from "./DatePicker-CSm9c37c.js";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/inputs/DateTime/DatePicker/DatePicker.bound.tsx
+const DatePickerComponent = ({ fullIso = true, granularity = "day", 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(DatePickerInner, {
+			...innerProps,
+			ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
+			value: field.value ?? null,
+			onChange: (value) => field.onChange(value ?? null),
+			onValueCommit: field.onValueCommit,
+			onBlur: field.onBlur,
+			isDirty,
+			isDisabled: field.disabled || props.isDisabled,
+			isFormControlDisabled: !!controlWithOptions._options?.disabled,
+			error: props.error ?? error?.message,
+			fullIso,
+			granularity,
+			minValue,
+			maxValue,
+			renderStaticInput
+		})
+	});
+};
+const DatePicker = memo(DatePickerComponent);
+//#endregion
+export { DatePicker as t };

package/dist/{DatePickerInput-BB_vPlKu.js → DatePickerInput-Cs9RwZfy.js}

@@ -1,22 +1,21 @@
 import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
-import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
+import { t as UIConfig } from "./uiConfig.context-CT9EVqC5.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 { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-C1YB5dOw.js";
 import { t as Typography } from "./Typography-LU4z2pR1.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 { n as FormFieldLabel } from "./FormField-AY25LzbW.js";
-import "./i18n-CX2EjhJI.js";
-import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-DJA8ovm_.js";
-import { n as InputClear } from "./TooltipWrapper-3jyN0Wss.js";
-import { r as $32daac5f69beb98a$re_export$useFocusRing } from "./useStaticInputHandoff-kkQrc6DA.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-sf_ND7zL.js";
+import { n as $a8ea2faf2ebe4d2f$re_export$mergeProps } from "./import-D_3dPATF.js";
+import { n as FormFieldLabel } from "./FormField-D7KKJ6kG.js";
+import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-w7ZEVQAM.js";
+import { t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-CuU1VIh1.js";
+import { c as useFirefoxDateSegmentSelectionGuard, d as $8e7461aabf74661f$export$60e84778edff6d26, l as DateSegmentItem } from "./staticDateTimeSegments-Bt5wCZvg.js";
+import "./i18n-BjNKHh_D.js";
+import { r as $32daac5f69beb98a$re_export$useFocusRing } from "./useStaticInputHandoff-DyYxfwv6.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-Cd7UUN61.js";
+import { n as InputClear } from "./TooltipWrapper-D7HUZLsP.js";
 import { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { CalendarDate, CalendarDateTime, DateFormatter, GregorianCalendar, createCalendar, endOfMonth, endOfWeek, getDayOfWeek, getLocalTimeZone, getWeeksInMonth, isEqualCalendar, isSameDay, maxDate, minDate, startOfMonth, startOfWeek, startOfYear, toCalendar, toCalendarDate, today } from "@internationalized/date";
@@ -27,10 +26,11 @@ import "react-aria/useLocalizedStringFormatter";
 import "react-aria/useFilter";
 import "react-aria/useListFormatter";
 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";
+import { useTranslation } from "react-i18next";
 import { useDateFormatter as $1697a7ad3db7b79f$re_export$useDateFormatter } from "react-aria/useDateFormatter";
+import { useFocusVisible, useFocusWithin, useHover } from "@react-aria/interactions";
+import i18next from "i18next";
 //#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/type.mjs
 /**
 * @license lucide-react v1.43.0 - ISC
@@ -59,7 +59,7 @@ const __iconData = {
 __iconData.node;
 const Type = createLucideIcon(__iconData);
 //#endregion
-//#region ../../node_modules/.bun/react-stately@3.50.0+83d5fd7b249dbeef/node_modules/react-stately/dist/private/calendar/utils.mjs
+//#region ../../node_modules/.bun/react-stately@3.51.0+83d5fd7b249dbeef/node_modules/react-stately/dist/private/calendar/utils.mjs
 function $dd602d3c757202f2$export$eac50920cf2fd59a(date, minValue, maxValue) {
 	return minValue != null && date.compare(minValue) < 0 || maxValue != null && date.compare(maxValue) > 0;
 }
@@ -119,7 +119,7 @@ function $dd602d3c757202f2$export$6595e603c409b4b8(a, b) {
 	return a.days === b.days && a.weeks === b.weeks && a.months === b.months && a.years === b.years;
 }
 //#endregion
-//#region ../../node_modules/.bun/react-stately@3.50.0+83d5fd7b249dbeef/node_modules/react-stately/dist/private/calendar/useCalendarState.mjs
+//#region ../../node_modules/.bun/react-stately@3.51.0+83d5fd7b249dbeef/node_modules/react-stately/dist/private/calendar/useCalendarState.mjs
 function $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f(props) {
 	let defaultFormatter = useMemo(() => new DateFormatter(props.locale), [props.locale]);
 	let resolvedOptions = useMemo(() => defaultFormatter.resolvedOptions(), [defaultFormatter]);
@@ -373,7 +373,7 @@ function $ea0ea6e62ae0d7ca$var$unitDuration(duration) {
 	return unit;
 }
 //#endregion
-//#region ../../node_modules/.bun/react-stately@3.50.0+83d5fd7b249dbeef/node_modules/react-stately/dist/private/overlays/useOverlayTriggerState.mjs
+//#region ../../node_modules/.bun/react-stately@3.51.0+83d5fd7b249dbeef/node_modules/react-stately/dist/private/overlays/useOverlayTriggerState.mjs
 function $f11fb0bcf1b2687a$export$61c6a8c84e605fb6(props) {
 	let [isOpen, setOpen] = $3e6197669829fe11$export$40bfa8c7b0832715(props.isOpen, props.defaultOpen || false, props.onOpenChange);
 	let [point, setPoint] = useState(null);
@@ -510,7 +510,7 @@ const CalendarCell = ({ state, onApply, onDoubleClickApply, shouldApplyOnDateSel
 	}, [onDateHover, selectionState.isSelectingMode]);
 	const cellClassName = useMemo(() => {
 		const { isSelectedCell, isInRange, isHoverRange, isSelectingMode, isSelectionStart, isSelectionEnd } = selectionState;
-		return clsx("mx-auto flex h-10 w-full max-w-10 items-center justify-center rounded-button-rounding-default p-2", "focus:outline-none focus-visible:outline-1 focus-visible:outline-interactive-ring focus-visible:outline-offset-1", "border border-transparent border-solid", !isSelectedCell && !isOutsideVisibleRange && "bg-surface-default-card text-surface-default-card-foreground", !isSelectedCell && isOutsideVisibleRange && "bg-surface-default-card text-surface-default-popover-foreground", isSelectedCell && !isOutsideVisibleRange && "bg-interactive-primary-background text-interactive-primary-foreground", isSelectedCell && !isOutsideVisibleRange && rangeSelection && !rangeSelection.isSelecting && isSelectionStart && !isSelectionEnd && "rounded-r-none", isSelectedCell && !isOutsideVisibleRange && rangeSelection && !rangeSelection.isSelecting && isSelectionEnd && !isSelectionStart && "rounded-l-none", isDisabled && !isOutsideVisibleRange && "cursor-default", isDisabled && !isSelectedCell && "text-state-surface-default-card-foreground/disabled", isDisabled && isSelectedCell && "bg-state-interactive-primary-background/disabled text-state-interactive-primary-foreground/disabled", !isSelectedCell && !isInRange && !isHoverRange && !isSelectingMode && !isDisabled && !isOutsideVisibleRange && "[@media(pointer:fine)]:hover:border-border-default-subtle [@media(pointer:fine)]:hover:bg-state-surface-default-card/hover [@media(pointer:fine)]:hover:text-state-surface-default-card-foreground/hover", isInRange && !isOutsideVisibleRange && "!rounded-none !bg-interactive-subtle-primary-background text-interactive-subtle-primary-foreground", isHoverRange && !isOutsideVisibleRange && "!rounded-none !bg-interactive-subtle-primary-background text-interactive-subtle-primary-foreground", !isInRange && !isSelectedCell && isSelectingMode && !isDisabled && "hover:bg-state-interactive-primary-background/hover hover:text-interactive-primary-foreground", isSelectingMode && !isSelectedCell && !isInRange && !isHoverRange && !isDisabled && !isOutsideVisibleRange && "transition-all duration-75 hover:border-border-default-subtle", isFocused && !isSelectedCell && !isDisabled && !isOutsideVisibleRange && "ring-2 ring-inset ring-interactive-ring");
+		return clsx("mx-auto flex h-10 w-full max-w-10 items-center justify-center rounded-button-rounding-default p-2", "focus:outline-none focus-visible:outline-1 focus-visible:outline-interactive-ring focus-visible:outline-offset-1", "border border-transparent border-solid", !isSelectedCell && !isOutsideVisibleRange && "bg-surface-default-card text-content-primary", isOutsideVisibleRange && "bg-surface-default-card text-content-muted", isSelectedCell && !isOutsideVisibleRange && "bg-interactive-primary-background text-interactive-primary-foreground", isSelectedCell && !isOutsideVisibleRange && rangeSelection && !rangeSelection.isSelecting && isSelectionStart && !isSelectionEnd && "rounded-r-none", isSelectedCell && !isOutsideVisibleRange && rangeSelection && !rangeSelection.isSelecting && isSelectionEnd && !isSelectionStart && "rounded-l-none", isDisabled && !isOutsideVisibleRange && "cursor-default", isDisabled && !isOutsideVisibleRange && !isSelectedCell && "text-state-content-primary/disabled", isDisabled && !isOutsideVisibleRange && isSelectedCell && "bg-state-interactive-primary-background/disabled text-state-interactive-primary-foreground/disabled", !isSelectedCell && !isInRange && !isHoverRange && !isSelectingMode && !isDisabled && !isOutsideVisibleRange && "[@media(pointer:fine)]:hover:border-border-default-subtle [@media(pointer:fine)]:hover:bg-state-surface-default-card/hover [@media(pointer:fine)]:hover:text-state-content-primary/hover", isInRange && !isOutsideVisibleRange && "!rounded-none !bg-interactive-subtle-primary-background text-interactive-subtle-primary-foreground", isHoverRange && !isOutsideVisibleRange && "!rounded-none !bg-interactive-subtle-primary-background text-interactive-subtle-primary-foreground", !isInRange && !isSelectedCell && isSelectingMode && !isDisabled && !isOutsideVisibleRange && "hover:bg-state-interactive-primary-background/hover hover:text-interactive-primary-foreground", isSelectingMode && !isSelectedCell && !isInRange && !isHoverRange && !isDisabled && !isOutsideVisibleRange && "transition-all duration-75 hover:border-border-default-subtle", isFocused && !isSelectedCell && !isDisabled && !isOutsideVisibleRange && "ring-2 ring-inset ring-interactive-ring");
 	}, [
 		selectionState,
 		isOutsideVisibleRange,
@@ -577,12 +577,12 @@ const CalendarGrid = ({ state, showWeekNumbers = false, onApply, onDoubleClickAp
 					"aria-label": t(($) => $.ui.datePicker.weekNumberLabel, { ns: "ui" }),
 					children: /* @__PURE__ */ jsx(Typography, {
 						size: "small",
-						className: "py-2 text-surface-default-foreground",
+						className: "py-2 text-content-secondary",
 						children: t(($) => $.ui.datePicker.weekNumberHeading, { ns: "ui" })
 					})
 				}), weekDays.map((day) => /* @__PURE__ */ jsx("th", { children: /* @__PURE__ */ jsx(Typography, {
 					size: "small",
-					className: "bg-surface-default-card py-2 text-surface-default-foreground",
+					className: "bg-surface-default-card py-2 text-content-secondary",
 					children: day.substring(0, 2)
 				}) }, day))] })
 			}), /* @__PURE__ */ jsx("tbody", { children: WEEK_INDICES.map((weekIndex) => {
@@ -598,7 +598,7 @@ const CalendarGrid = ({ state, showWeekNumbers = false, onApply, onDoubleClickAp
 					}),
 					children: /* @__PURE__ */ jsx(Typography, {
 						size: "small",
-						className: "text-surface-default-foreground tabular-nums",
+						className: "text-content-secondary tabular-nums",
 						children: week
 					})
 				}), dates.map((date, i) => date ? /* @__PURE__ */ jsx(CalendarCell, {
@@ -778,18 +778,23 @@ const getDatePickerTodayIcon = (todayIcon) => {
 const renderDatePickerTodayIcon = (todayIcon, options) => {
 	const icon = getDatePickerTodayIcon(todayIcon);
 	if (!icon) return;
-	const { className, isDisabled, onPress, renderStatic, size = "sm", todayIconButtonComponent = "iconButton" } = options ?? {};
+	const { className, isDisabled, onPress, size = "sm", todayIconButtonComponent = "iconButton" } = options ?? {};
 	const buttonProps = {
-		label: "",
+		label: String(i18next.t(($) => $.ui.datePicker.today, {
+			ns: "ui",
+			defaultValue: "Today"
+		})),
 		icon,
 		size,
 		isDisabled,
 		onPress
 	};
-	if (todayIconButtonComponent === "inlineIconButton") return /* @__PURE__ */ jsx(InlineIconButton, {
+	if (todayIconButtonComponent === "inlineIconButton") return /* @__PURE__ */ jsx(IconButton, {
 		...buttonProps,
-		staticRender: renderStatic,
-		className: className ?? "relative z-raised !border-none"
+		className: className ?? "relative z-raised !border-none",
+		variant: "text",
+		width: "hug",
+		disableTooltip: true
 	});
 	return /* @__PURE__ */ jsx(IconButton, {
 		...buttonProps,
@@ -916,13 +921,16 @@ const DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, field
 					children: [
 						disableManualEntry && /* @__PURE__ */ jsx($7705c033048f6da7$export$353f5b6fc5456de1, {
 							onPress: onOpenDropdown,
+							"aria-label": groupProps["aria-label"],
+							"aria-labelledby": groupProps["aria-labelledby"],
+							"aria-describedby": groupProps["aria-describedby"],
 							className: "absolute inset-0 z-base",
 							isDisabled
 						}),
 						!shouldRenderTodayIconWithFieldLabel && todayIconButton,
 						displayContent ? displayContent : disableManualEntry && placeholder && !fieldProps.value ? /* @__PURE__ */ jsx(Typography, {
 							size: "large",
-							className: "text-surface-default-popover-foreground",
+							className: "text-content-muted",
 							children: placeholder
 						}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DateField, {
 							ref: dateFieldRef,
@@ -939,7 +947,7 @@ const DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, field
 							timeZone: effectiveTimeZone,
 							segmentGroup: normalizedEndFieldProps ? "start" : void 0
 						}), normalizedEndFieldProps && /* @__PURE__ */ jsxs(Fragment$1, { children: [!((as === "floating" || as === "filter") && hidePlaceholder) && /* @__PURE__ */ jsx("span", {
-							className: clsx("pointer-events-none select-none"),
+							className: clsx("pointer-events-none select-none", !hasDisplayedValue && "text-content-muted"),
 							children: "–"
 						}), /* @__PURE__ */ jsx(DateField, {
 							ref: endDateFieldRef,
@@ -965,14 +973,18 @@ const DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, field
 			children: [isClearable && /* @__PURE__ */ jsx(InputClear, {
 				onClear: clearInput,
 				show: showClear
-			}), (!disableDropdown || disableManualEntry) && /* @__PURE__ */ jsx(InlineIconButton, {
+			}), (!disableDropdown || disableManualEntry) && /* @__PURE__ */ jsx(IconButton, {
 				label: "",
 				color: "secondary",
 				...buttonProps,
 				icon: pickerIcon,
 				isDisabled,
 				className: "border-0!",
-				"data-static-press-action": ""
+				"data-static-press-action": "",
+				variant: "text",
+				width: "hug",
+				disableTooltip: true,
+				size: "none"
 			})]
 		})]
 	});

package/dist/{DatePickerInput-D81ZJ3fT.d.ts → DatePickerInput-DwHQvLzi.d.ts}

@@ -1,6 +1,6 @@
-import { n as IconButtonProps } from "./IconButton-D4thBurp.js";
-import "./FormField-Byiehm9y.js";
-import "./input.cva-BsHgYa-L.js";
+import { n as IconButtonProps } from "./IconButton-BM2DUNtN.js";
+import "./FormField-BIRMlgu4.js";
+import "./input.cva-L7jKDv6q.js";
 import { ReactNode, Ref } from "react";
 import "react-aria";
 //#region src/components/inputs/DateTime/shared/datePicker.types.d.ts

package/dist/{DateRangePicker-Bfq-yDm7.d.ts → DateRangePicker-hV_U1IK0.d.ts}

@@ -1,14 +1,15 @@
-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 { CalendarDate } from "@internationalized/date";
 import { DateRangePickerStateOptions } from "react-stately";
 //#region src/components/inputs/DateTime/DateRangePicker/DateRangePicker.d.ts
 interface DateRangePickerBaseProps extends FormFieldProps, InputVariantProps, Omit<DateRangePickerStateOptions<CalendarDate>, "granularity" | "shouldCloseOnSelect" | "label" | "onBlur"> {
+  "aria-describedby"?: string;
+  "aria-label"?: string;
+  "aria-labelledby"?: string;
   ref?: Ref<DatePickerInputHandle & HTMLDivElement>;
   disableDropdown?: boolean;
   isClearable?: boolean;
@@ -27,6 +28,7 @@ interface DateRangePickerBaseProps extends FormFieldProps, InputVariantProps, Om
   inputClassName?: string;
   onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
   onValueCommit?: () => void;
+  /** Allows one null endpoint; otherwise an incomplete range emits null. Defaults to UIConfig.dateInput.allowPartialRange (false). */
   allowPartialRange?: boolean;
   mode?: "absolute" | "relative";
   relativeValue?: string | null;
@@ -53,25 +55,43 @@ interface DateRangeResolvedValue {
   end: string;
 }
 interface DateRangePickerSharedProps extends Omit<DateRangePickerBaseProps, "value" | "onChange" | "minValue" | "maxValue" | "mode" | "relativeValue" | "relativeOptions" | "onRelativeChange" | "onModeChange" | "onValueCommit"> {
+  /** Defaults to true: UTC midnight start and 23:59:59.999Z end. False uses YYYY-MM-DD endpoints. */
   fullIso?: boolean;
   minValue?: DateValue | string;
   maxValue?: DateValue | string;
   renderStaticInput?: boolean;
 }
+/** UTC-calendar endpoints in the fullIso format; null means no range. */
 type AbsoluteDateRangePickerValue = {
   start: string | null;
   end: string | null;
 } | null;
-type DateRangePickerProps = DateRangePickerSharedProps & {
+type DateRangePickerProps = Omit<DateRangePickerSharedProps, "defaultValue"> & {
+  field?: never;
+  /** Initial range in the fullIso format; used only when value is undefined. */
+  defaultValue?: AbsoluteDateRangePickerValue;
   /** Allows switching between concrete date ranges and relative preset values. */
   enableRelativeMode?: boolean;
+  /** Controlled UTC-calendar range in the fullIso format; null clears it. */
   value?: AbsoluteDateRangePickerValue;
+  /** Emits formatted endpoints (including resolved relative ranges), or null when cleared/incomplete without allowPartialRange. */
   onChange?: (value: AbsoluteDateRangePickerValue) => void;
+  /** Selected relative preset key when enableRelativeMode is true; null means no preset. */
   relativeValue?: string | null;
+  /** Emits the relative preset key, or null when cleared or switching modes. */
   onRelativeChange?: (value: string | null) => void;
 };
-type ControlledDateRangePickerProps<TFieldValues extends FieldValues> = ControlProps<DateRangePickerProps, TFieldValues>;
-declare const DateRangePickerComponent: <TFieldValues extends FieldValues>({ fullIso, minValue, maxValue, renderStaticInput, ...props }: ControlledDateRangePickerProps<TFieldValues>) => import("react").JSX.Element;
-declare const DateRangePicker: typeof DateRangePickerComponent;
+type DateRangePickerInnerProps = DateRangePickerSharedProps & {
+  value?: AbsoluteDateRangePickerValue;
+  onChange?: (value: AbsoluteDateRangePickerValue) => void;
+  enableRelativeMode?: boolean;
+  relativeValue?: string | null;
+  onRelativeChange?: (value: string | null) => void;
+  isFormControlDisabled?: boolean;
+  onValueCommit?: () => void;
+};
+declare const DateRangePickerInner: ({ fullIso, minValue, maxValue, renderStaticInput, isFormControlDisabled, ...props }: DateRangePickerInnerProps) => import("react").JSX.Element;
+declare const DateRangePickerComponent: ({ defaultValue, value, onChange, ...props }: DateRangePickerProps) => import("react").JSX.Element;
+declare const DateRangePicker: import("react").MemoExoticComponent<typeof DateRangePickerComponent>;
 //#endregion
-export { DateRangeResolvedValue as a, DateRangeRelativeOption as i, DateRangePicker as n, DateRangePickerProps as r, ControlledDateRangePickerProps as t };
+export { DateRangePickerProps as a, DateRangePickerInner as i, DateRangePicker as n, DateRangeRelativeOption as o, DateRangePickerComponent as r, DateRangeResolvedValue as s, AbsoluteDateRangePickerValue as t };

package/dist/{DateRangePicker-B0tMVREG.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-BB_vPlKu.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-CimmMqEk.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-AY25LzbW.js";
-import "./i18n-CX2EjhJI.js";
-import { t as TooltipWrapper } from "./TooltipWrapper-3jyN0Wss.js";
-import { i as InputFrame, n as useStaticInputHandoff } from "./useStaticInputHandoff-kkQrc6DA.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-sf_ND7zL.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-B2pAfwRk.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 };