@povio/ui 3.4.0-rc.23 → 3.4.0-rc.25

package/dist/{Autocomplete-BRiZVKsN.d.ts → Autocomplete-Ce3ygKxG.d.ts}

@@ -1,6 +1,6 @@
 import { E as Key } from "./types-BSiv-Igp.js";
 import { n as FieldValues } from "./form.binding-DWlFTecs.js";
-import { i as GroupedSelectProps, n as DefaultInitialSelectItem, r as GroupedSelectControlProps, t as SelectBaseProps } from "./SelectBase-hXagPi6y.js";
+import { i as GroupedSelectProps, n as DefaultInitialSelectItem, r as GroupedSelectControlProps, t as SelectBaseProps } from "./SelectBase-Ds3nqzVg.js";
 import { s as OmitDiscriminatedUnion } from "./common-UBFya8WY.js";
 import { ReactElement } from "react";
 //#region src/components/inputs/Selection/Autocomplete/Autocomplete.d.ts

package/dist/{BottomSheet-DNnVqMw9.js → BottomSheet-BNGGxiX7.js}

@@ -1,4 +1,4 @@
-import { o as ObjectUtils, t as UIConfig } from "./uiConfig.context-SBtRegKv.js";
+import { o as ObjectUtils, t as UIConfig } from "./uiConfig.context-B_wBkrQZ.js";
 import { t as X } from "./x-BYOEO0gW.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { n as $de32f1b87079253c$export$3ddf2d174ce01153, t as $de32f1b87079253c$export$2e1e1122cf0cba88 } from "./Dialog-DpLXaUXz.js";

package/dist/{Button-B8T7AjGP.js → Button-CtPMeT8f.js}

@@ -1,4 +1,4 @@
-import { t as UIConfig } from "./uiConfig.context-SBtRegKv.js";
+import { t as UIConfig } from "./uiConfig.context-B_wBkrQZ.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { n as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "./Button-oSE-CM83.js";
 import { t as $4f118338184dc1d9$export$a6c7ac8248d6e38a } from "./Link-iPOFlrxY.js";

package/dist/{Button-B5WLIURl.d.ts → Button-OxjPE7Hf.d.ts}

@@ -1,6 +1,7 @@
 import { _ as ToggleButtonProps$1, t as ButtonProps$1 } from "./types-BSiv-Igp.js";
 import { n as LinkNavigationProps } from "./Link-Bz8vOksk.js";
 import { n as ButtonVariantProps } from "./button.cva-zMNkoZH8.js";
+import "./button-CAOolCjz.js";
 import { t as ButtonContentVariantProps } from "./buttonContent.cva-CIOaLH0a.js";
 import { FC, ReactElement, ReactNode, Ref, SVGProps } from "react";
 //#region src/components/buttons/Button/Button.d.ts

package/dist/{Calendar-B7OLjVV9.js → Calendar-CzDZnIF0.js}

@@ -2,13 +2,13 @@ import { t as ChevronDown } from "./chevron-down-Ciz9yP9R.js";
 import { t as ChevronLeft } from "./chevron-left-VO8YZrXZ.js";
 import { t as ChevronRight } from "./chevron-right-C_M98bh3.js";
 import { t as ChevronUp } from "./chevron-up-CHRnDSA3.js";
-import { i as CalendarGrid } from "./DatePickerInput-BLL4-Sqj.js";
+import { i as CalendarGrid } from "./DatePickerInput-CQKtbsQd.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { b as $bdb11010cef70236$export$f680877a34711e37, g as $3ef42575df84b30b$export$9d1611c77c2fe928, h as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./import-CuNJ25EP.js";
 import { n as $d4ee10de306f2510$export$4282f70798064fe0, t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-HV79Qf_F.js";
 import { o as $9bf71ea28793e738$export$c5251b9e124bf29 } from "./SelectionIndicator-BiAHPBz2.js";
 import { t as $ef06256079686ba0$export$f8aeda7b10753fa1 } from "./useDescription-D8raJPFb.js";
-import { C as $dfb4eba373ed9493$exports, S as $3dfb0f96be0d6a08$export$4a931266a3838b86, v as $16f0b7bb276bc17e$export$300019f83c56d282, w as $896ba0a80a8f4d36$export$85fd5fdf27bacc79 } from "./staticDateTimeSegments-C8AOKnEO.js";
+import { C as $dfb4eba373ed9493$exports, S as $3dfb0f96be0d6a08$export$4a931266a3838b86, v as $16f0b7bb276bc17e$export$300019f83c56d282, w as $896ba0a80a8f4d36$export$85fd5fdf27bacc79 } from "./staticDateTimeSegments-CAEX9ogz.js";
 import { i as $eed445e0843c11d0$export$a11e76429ed99b4, t as $eed445e0843c11d0$export$41f133550aa26f48 } from "./ListBox-BCW74bzR.js";
 import { n as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "./Button-oSE-CM83.js";
 import { n as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-D9TmTRN_.js";
@@ -16,8 +16,8 @@ import { n as $e5be200c675c3b3a$export$a763b9476acd3eb } from "./useFormValidati
 import { n as $84b7d8702d4ff4a8$export$40258cc1d95ff477 } from "./ToggleButton-DYVFkuEk.js";
 import { t as Typography } from "./Typography-AcUd9df8.js";
 import { PillButton } from "./components/pill-button.js";
-import { t as useBreakpoint } from "./useBreakpoint-D0s71F97.js";
-import { n as TimePickerForm } from "./datePickerValue.utils-BqdbvGFL.js";
+import { t as useBreakpoint } from "./useBreakpoint-YuMYUdpG.js";
+import { n as TimePickerForm } from "./datePickerValue.utils-BoOLaZk_.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { c } from "react/compiler-runtime";
 import { CalendarDateTime, Time, today } from "@internationalized/date";

package/dist/{Checkbox-B7f8NgnO.js → Checkbox-Feyideqw.js}

@@ -1,4 +1,4 @@
-import { t as UIConfig } from "./uiConfig.context-SBtRegKv.js";
+import { t as UIConfig } from "./uiConfig.context-B_wBkrQZ.js";
 import { c as checkboxIndicatorClass, l as checkboxTypography, n as checkboxContentClassName, t as CheckboxCheckmark } from "./CheckboxCheckmark-C7Oq15ms.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { n as $4e85f108e88277b8$export$b085522c77523c51 } from "./RSPContexts-DHQi1l7F.js";

package/dist/{CheckboxGroup-CXHpOl0X.d.ts → CheckboxGroup-5r9b-9qT.d.ts}

@@ -2,7 +2,7 @@ import { n as CheckboxGroupProps$1 } from "./types-BSiv-Igp.js";
 import { n as FieldValues } from "./form.binding-DWlFTecs.js";
 import { t as CheckboxVariantProps } from "./checkbox.cva-Caaf2Ysq.js";
 import { t as ControlProps } from "./form.types-B9Vp8q2g.js";
-import { n as FormFieldProps } from "./FormField-DYbqlEZ_.js";
+import { n as FormFieldProps } from "./FormField-CpPQoyv_.js";
 import { n as InputVariantProps } from "./input.cva-CfgCOIQW.js";
 import { ReactElement, Ref } from "react";
 //#region src/components/inputs/Checkbox/CheckboxGroup.d.ts

package/dist/{DatePicker-Dt9BkJEl.d.ts → DatePicker-EJTAeVRc.d.ts}

@@ -1,9 +1,9 @@
 import { y as DatePickerStateOptions } from "./types-BSiv-Igp.js";
 import { n as FieldValues } from "./form.binding-DWlFTecs.js";
 import { t as ControlProps } from "./form.types-B9Vp8q2g.js";
-import { n as FormFieldProps } from "./FormField-DYbqlEZ_.js";
+import { n as FormFieldProps } from "./FormField-CpPQoyv_.js";
 import { n as InputVariantProps } from "./input.cva-CfgCOIQW.js";
-import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-D2A2afXI.js";
+import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-CJR-w_b1.js";
 import { FocusEvent, Ref } from "react";
 import { CalendarDate, DateValue } from "@internationalized/date";
 //#region src/components/inputs/DateTime/DatePicker/DatePicker.d.ts

package/dist/{DatePicker-p5zEtFfc.js → DatePicker-O55fFlKg.js}

@@ -1,16 +1,16 @@
-import { t as UIConfig } from "./uiConfig.context-SBtRegKv.js";
+import { t as UIConfig } from "./uiConfig.context-B_wBkrQZ.js";
 import { t as FormField } from "./FormField-ChDNTHr4.js";
-import { n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, t as DatePickerInput } from "./DatePickerInput-BLL4-Sqj.js";
+import { n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, t as DatePickerInput } from "./DatePickerInput-CQKtbsQd.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { _ as $5dc95899b306f630$export$c9058316764c140e } from "./import-CuNJ25EP.js";
 import { t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-HV79Qf_F.js";
-import { d as useCalendarState, i as getStaticDateTimeFocusTarget, o as DateTimeDialogFooter, p as useDatePickerState, s as DateTimeDialog, t as getStaticCalendarDateSegments } from "./staticDateTimeSegments-C8AOKnEO.js";
-import { r as $6057a3d2a53a12fd$export$42df105a73306d51, t as Calendar } from "./Calendar-B7OLjVV9.js";
+import { d as useCalendarState, i as getStaticDateTimeFocusTarget, o as DateTimeDialogFooter, p as useDatePickerState, s as DateTimeDialog, t as getStaticCalendarDateSegments } from "./staticDateTimeSegments-CAEX9ogz.js";
+import { r as $6057a3d2a53a12fd$export$42df105a73306d51, t as Calendar } from "./Calendar-CzDZnIF0.js";
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
 import { t as FieldController } from "./form.binding-DyZ4fH8l.js";
-import { t as TooltipWrapper } from "./TooltipWrapper-D8gfa-pC.js";
-import { n as InputFrame, t as useStaticInputHandoff } from "./useStaticInputHandoff-pnEcfX_d.js";
-import { t as normalizeDatePickerValue } from "./datePickerValue.utils-BqdbvGFL.js";
+import { t as TooltipWrapper } from "./TooltipWrapper-eCF5-eNP.js";
+import { n as InputFrame, t as useStaticInputHandoff } from "./useStaticInputHandoff-ClwANfo-.js";
+import { t as normalizeDatePickerValue } from "./datePickerValue.utils-BoOLaZk_.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";

package/dist/{DatePickerInput-D2A2afXI.d.ts → DatePickerInput-CJR-w_b1.d.ts}

@@ -1,6 +1,6 @@
 import "./types-BSiv-Igp.js";
 import { n as IconButtonProps } from "./IconButton-Dv45TT1w.js";
-import "./FormField-DYbqlEZ_.js";
+import "./FormField-CpPQoyv_.js";
 import "./input.cva-CfgCOIQW.js";
 import { Ref } from "react";
 //#region src/components/inputs/DateTime/shared/datePicker.types.d.ts

package/dist/{DatePickerInput-BLL4-Sqj.js → DatePickerInput-CQKtbsQd.js}

@@ -1,17 +1,17 @@
 import { t as createLucideIcon } from "./createLucideIcon-CskCrR9z.js";
-import { t as UIConfig } from "./uiConfig.context-SBtRegKv.js";
+import { t as UIConfig } from "./uiConfig.context-B_wBkrQZ.js";
 import { r as FormFieldLabel } from "./FormField-ChDNTHr4.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { g as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./import-CuNJ25EP.js";
 import { t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-HV79Qf_F.js";
-import { b as $16f0b7bb276bc17e$export$5591b0b878c1a989, c as useFirefoxDateSegmentSelectionGuard, f as useDateFieldState, l as DateSegmentItem } from "./staticDateTimeSegments-C8AOKnEO.js";
+import { b as $16f0b7bb276bc17e$export$5591b0b878c1a989, c as useFirefoxDateSegmentSelectionGuard, f as useDateFieldState, l as DateSegmentItem } from "./staticDateTimeSegments-CAEX9ogz.js";
 import { n as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "./Button-oSE-CM83.js";
 import { t as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-Cd0lBvKO.js";
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.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 { r as InputClear } from "./TooltipWrapper-D8gfa-pC.js";
+import { r as InputClear } from "./TooltipWrapper-eCF5-eNP.js";
 import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-KYGD4Bdz.js";
 import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
 import { t as DateUtils } from "./date.utils-B8_QF9y6.js";
@@ -187,7 +187,7 @@ const WEEK_INDICES = [
 	5
 ];
 const NO_CALENDAR_OFFSET = {};
-const CalendarGrid = ({ state, onApply, onDoubleClickApply, shouldApplyOnDateSelection, shouldCloseOnSelect, offset = NO_CALENDAR_OFFSET, onDateSelection, onDateHover, rangeSelection, hoverDate, onKeyboardNavigation, className, calendarSide, ...props }) => {
+const CalendarGrid = ({ state, onApply, onDoubleClickApply, shouldApplyOnDateSelection, shouldCloseOnSelect, offset = NO_CALENDAR_OFFSET, onDateSelection, onDateHover, rangeSelection, hoverDate, onKeyboardNavigation, className, calendarSide, isSelectionDisabled, ...props }) => {
 	const { gridProps, headerProps, weekDays } = useCalendarGrid({
 		...props,
 		weekdayStyle: "short"
@@ -198,6 +198,8 @@ const CalendarGrid = ({ state, onApply, onDoubleClickApply, shouldApplyOnDateSel
 	};
 	return /* @__PURE__ */ jsx("div", {
 		className: clsx("h-72 w-full px-3 py-1 md:w-80", className),
+		inert: isSelectionDisabled || void 0,
+		"aria-disabled": isSelectionDisabled || void 0,
 		children: /* @__PURE__ */ jsxs("table", {
 			...gridProps,
 			cellPadding: "0",
@@ -419,7 +421,7 @@ const renderDatePickerTodayIcon = (todayIcon, options) => {
 };
 //#endregion
 //#region src/components/inputs/DateTime/shared/DatePickerInput.tsx
-const DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, fieldValue, endFieldValue, isValueControlled, hasValue, buttonProps, isDisabled, isInvalid, disableDropdown, variant, size, isDateTime, shouldShrinkInput, isClearable, isClearableIfDisabled, headerProps, todayIcon, todayIconButtonSize = "none", todayIconButtonComponent, todayIconPlacement = "content", isDirty, isRequired, disableManualEntry, autoFixYear = false, placeholder, className, onOpenDropdown, dateGranularity = "day", timeZone: timeZoneProp, isTimeOptional = false, format, onClear: onClearProp, ...props }) => {
+const DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, fieldValue, endFieldValue, isValueControlled, hasValue, buttonProps, isDisabled, isInvalid, disableDropdown, variant, size, isDateTime, shouldShrinkInput, isClearable, isClearableIfDisabled, headerProps, todayIcon, todayIconButtonSize = "none", todayIconButtonComponent, todayIconPlacement = "content", isDirty, isRequired, disableManualEntry, autoFixYear = false, placeholder, displayValue, className, onOpenDropdown, dateGranularity = "day", timeZone: timeZoneProp, isTimeOptional = false, format, onClear: onClearProp, ...props }) => {
 	const uiConfig = UIConfig.useConfig();
 	const timeZone = timeZoneProp ?? uiConfig.dateInput.timeZone;
 	let effectiveTimeZone = getLocalTimeZone();
@@ -474,6 +476,7 @@ const DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, field
 		setCanClear(canClearInput);
 	}, []);
 	const showClear = (!isDisabled || isClearableIfDisabled === true) && (canClear || hasValue || normalizedFieldProps.value != null || normalizedEndFieldProps?.value != null);
+	const hasDisplayedValue = !!hasValue || normalizedFieldProps.value != null;
 	const isTodayIconDisabled = isDisabled || buttonProps.isDisabled;
 	const onToday = () => {
 		if (isTodayIconDisabled) return;
@@ -511,13 +514,13 @@ const DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, field
 		"data-disabled": isDisabled || void 0,
 		"data-is-disabled": isDisabled || void 0,
 		"data-invalid": isInvalid || void 0,
-		"data-is-empty": normalizedFieldProps.value == null || void 0,
+		"data-is-empty": !hasDisplayedValue || void 0,
 		"data-focus-within": isFocused || void 0,
 		"data-focus-visible": isFocused && isFocusVisible || void 0,
-		"data-has-selection": normalizedFieldProps.value != null || void 0,
+		"data-has-selection": hasDisplayedValue || void 0,
 		"data-is-dirty": isDirty || void 0,
 		"data-is-required": isRequired || void 0,
-		"data-is-filled": normalizedFieldProps.value != null || void 0,
+		"data-is-filled": hasDisplayedValue || void 0,
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: clsx("flex items-center gap-input-gap-input-text-to-elements pr-0!", shouldShrinkInput ? "min-w-0 flex-1 w-full" : "w-full", inputSizeCva({
 				size,
@@ -538,7 +541,11 @@ const DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, field
 							isDisabled
 						}),
 						!shouldRenderTodayIconWithFieldLabel && todayIconButton,
-						disableManualEntry && placeholder && !fieldProps.value ? /* @__PURE__ */ jsx(Typography, {
+						displayValue ? /* @__PURE__ */ jsx(Typography, {
+							size: "label-1",
+							className: "truncate",
+							children: displayValue
+						}) : disableManualEntry && placeholder && !fieldProps.value ? /* @__PURE__ */ jsx(Typography, {
 							size: "label-1",
 							className: "text-text-default-3",
 							children: placeholder

package/dist/{DateRangePicker-N6S_yIpq.d.ts → DateRangePicker-CMWUdyh1.d.ts}

@@ -1,9 +1,9 @@
 import { S as DateValue$1, b as DateRangePickerStateOptions } from "./types-BSiv-Igp.js";
 import { n as FieldValues } from "./form.binding-DWlFTecs.js";
 import { t as ControlProps } from "./form.types-B9Vp8q2g.js";
-import { n as FormFieldProps } from "./FormField-DYbqlEZ_.js";
+import { n as FormFieldProps } from "./FormField-CpPQoyv_.js";
 import { n as InputVariantProps } from "./input.cva-CfgCOIQW.js";
-import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-D2A2afXI.js";
+import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-CJR-w_b1.js";
 import { FocusEvent, Ref } from "react";
 import { CalendarDate } from "@internationalized/date";
 //#region src/components/inputs/DateTime/DateRangePicker/DateRangePicker.d.ts
@@ -25,23 +25,36 @@ interface DateRangePickerBaseProps extends FormFieldProps, InputVariantProps, Om
   inputClassName?: string;
   onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
   allowPartialRange?: boolean;
+  mode?: "absolute" | "relative";
+  relativeValue?: string | null;
+  relativeOptions?: DateRangeRelativeOption[];
+  onRelativeChange?: (value: string | null) => void;
 }
-interface DateRangePickerProps extends Omit<DateRangePickerBaseProps, "value" | "onChange" | "minValue" | "maxValue"> {
-  value?: {
-    start: string | null;
-    end: string | null;
-  } | null;
-  onChange?: (value: {
-    start: string | null;
-    end: string | null;
-  } | null) => void;
+interface DateRangeRelativeOption {
+  /** Stable value emitted by DateRangePicker when mode is `relative`. */
+  value: string;
+  /** Human-readable value shown in the input and options list. */
+  label: string;
+  isDisabled?: boolean;
+}
+interface DateRangePickerSharedProps extends Omit<DateRangePickerBaseProps, "value" | "onChange" | "minValue" | "maxValue"> {
   fullIso?: boolean;
   minValue?: DateValue$1 | string;
   maxValue?: DateValue$1 | string;
   renderStaticInput?: boolean;
 }
-type ControlledDateRangePickerProps<TFieldValues extends FieldValues> = ControlProps<DateRangePickerProps, TFieldValues>;
-declare const DateRangePickerComponent: <TFieldValues extends FieldValues>({ fullIso, minValue, maxValue, renderStaticInput, ...props }: ControlledDateRangePickerProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+type DateRangePickerValue = {
+  start: string | null;
+  end: string | null;
+} | string | null;
+type DateRangePickerProps<TMode extends "absolute" | "relative" = "absolute"> = DateRangePickerSharedProps & {
+  /** `relative` returns and displays an option key instead of a concrete range. */
+  mode?: TMode;
+  value?: TMode extends "relative" ? string | null : Exclude<DateRangePickerValue, string>;
+  onChange?: (value: TMode extends "relative" ? string | null : Exclude<DateRangePickerValue, string>) => void;
+};
+type ControlledDateRangePickerProps<TFieldValues extends FieldValues, TMode extends "absolute" | "relative" = "absolute"> = ControlProps<DateRangePickerProps<TMode>, TFieldValues>;
+declare const DateRangePickerComponent: <TFieldValues extends FieldValues, TMode extends "absolute" | "relative" = "absolute">({ fullIso, minValue, maxValue, renderStaticInput, ...props }: ControlledDateRangePickerProps<TFieldValues, TMode>) => import("react/jsx-runtime").JSX.Element;
 declare const DateRangePicker: typeof DateRangePickerComponent;
 //#endregion
-export { DateRangePicker as n, DateRangePickerProps as r, ControlledDateRangePickerProps as t };
+export { DateRangeRelativeOption as i, DateRangePicker as n, DateRangePickerProps as r, ControlledDateRangePickerProps as t };