@povio/ui 3.4.0-rc.1 → 3.4.0-rc.10

package/dist/components/inputs/DateTime/shared/CalendarHeader.js

@@ -1,11 +1,8 @@
-import { ArrowDropDownIcon } from "../../../../assets/icons/ArrowDropDown.js";
-import { ArrowDropUpIcon } from "../../../../assets/icons/ArrowDropUp.js";
-import { ChevronLeftIcon } from "../../../../assets/icons/ChevronLeft.js";
-import { ChevronRightIcon } from "../../../../assets/icons/ChevronRight.js";
 import { PillButton } from "../../../buttons/PillButton/PillButton.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "lucide-react";
 import { clsx } from "clsx";
 import { Button, ToggleButtonGroup } from "react-aria-components";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { CalendarDateTime, Time } from "@internationalized/date";
 import { useDateFormatter } from "@react-aria/i18n";
 //#region src/components/inputs/DateTime/shared/CalendarHeader.tsx
@@ -43,7 +40,7 @@ var CalendarHeader = ({ calendarState, datePickerState, prevButtonProps, nextBut
 					...prevButtonProps,
 					isDisabled: !!toggleState,
 					className: clsx("shrink-0 focus-visible:outline-interactive-contained-secondary-focus", !!toggleState && "opacity-0"),
-					children: /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "size-6 text-interactive-text-secondary-idle" })
+					children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-6 text-interactive-text-secondary-idle" })
 				})
 			}),
 			/* @__PURE__ */ jsxs(ToggleButtonGroup, {
@@ -53,7 +50,7 @@ var CalendarHeader = ({ calendarState, datePickerState, prevButtonProps, nextBut
 						color: "secondary",
 						variant: "subtle",
 						iconPosition: "right",
-						icon: toggleState === "month" ? ArrowDropUpIcon : ArrowDropDownIcon,
+						icon: toggleState === "month" ? ChevronUp : ChevronDown,
 						toggle: true,
 						isSelected: toggleState === "month",
 						onChange: (isSelected) => {
@@ -73,7 +70,7 @@ var CalendarHeader = ({ calendarState, datePickerState, prevButtonProps, nextBut
 						color: "secondary",
 						variant: "subtle",
 						iconPosition: "right",
-						icon: toggleState === "year" ? ArrowDropUpIcon : ArrowDropDownIcon,
+						icon: toggleState === "year" ? ChevronUp : ChevronDown,
 						toggle: true,
 						isSelected: toggleState === "year",
 						onChange: (isSelected_0) => {
@@ -97,7 +94,7 @@ var CalendarHeader = ({ calendarState, datePickerState, prevButtonProps, nextBut
 						color: "secondary",
 						variant: "subtle",
 						iconPosition: "right",
-						icon: toggleState === "time" ? ArrowDropUpIcon : ArrowDropDownIcon,
+						icon: toggleState === "time" ? ChevronUp : ChevronDown,
 						toggle: true,
 						isSelected: toggleState === "time",
 						onChange: (isSelected_1) => setToggleState(isSelected_1 ? "time" : null),
@@ -111,7 +108,7 @@ var CalendarHeader = ({ calendarState, datePickerState, prevButtonProps, nextBut
 					...nextButtonProps,
 					isDisabled: !!toggleState,
 					className: clsx("shrink-0 focus-visible:outline-interactive-contained-secondary-focus", !!toggleState && "opacity-0"),
-					children: /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-6 text-interactive-text-secondary-idle" })
+					children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-6 text-interactive-text-secondary-idle" })
 				})
 			})
 		]

package/dist/components/inputs/DateTime/shared/CalendarSelectHeader.js

@@ -1,14 +1,10 @@
-import { ArrowDropDownIcon } from "../../../../assets/icons/ArrowDropDown.js";
-import { ChevronLeftIcon } from "../../../../assets/icons/ChevronLeft.js";
-import { ChevronRightIcon } from "../../../../assets/icons/ChevronRight.js";
-import { ChevronsLeftIcon } from "../../../../assets/icons/ChevronsLeft.js";
-import { ChevronsRightIcon } from "../../../../assets/icons/ChevronsRight.js";
 import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconButton.js";
 import { PillButton } from "../../../buttons/PillButton/PillButton.js";
 import "../../../../config/i18n.js";
 import { Select } from "../../Selection/Select/Select.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown, ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from "lucide-react";
 import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 import { useDateFormatter } from "@react-aria/i18n";
 //#region src/components/inputs/DateTime/shared/CalendarSelectHeader.tsx
@@ -105,13 +101,13 @@ var CalendarSelectHeader = ({ state, isPrevMonthDisabled, isPrevYearDisabled, is
 					color: "secondary",
 					isDisabled: isPrevYearDisabled,
 					onClick: handlePrevYear,
-					icon: ChevronsLeftIcon,
+					icon: ChevronsLeft,
 					label: t(($) => $.ui.datePicker.navigation.previousYear)
 				}), /* @__PURE__ */ jsx(InlineIconButton, {
 					color: "secondary",
 					isDisabled: isPrevMonthDisabled,
 					onClick: handlePrevMonth,
-					icon: ChevronLeftIcon,
+					icon: ChevronLeft,
 					label: t(($_0) => $_0.ui.datePicker.navigation.previousMonth)
 				})]
 			}),
@@ -124,7 +120,7 @@ var CalendarSelectHeader = ({ state, isPrevMonthDisabled, isPrevYearDisabled, is
 						color: "secondary",
 						variant: "subtle",
 						iconPosition: "right",
-						icon: ArrowDropDownIcon,
+						icon: ChevronDown,
 						children: MONTHS[currentMonth].slice(0, 3)
 					}),
 					ignoreTriggerWidth: true,
@@ -142,7 +138,7 @@ var CalendarSelectHeader = ({ state, isPrevMonthDisabled, isPrevYearDisabled, is
 						color: "secondary",
 						variant: "subtle",
 						iconPosition: "right",
-						icon: ArrowDropDownIcon,
+						icon: ChevronDown,
 						children: currentYear.toString()
 					}),
 					items: availableYears.map(({ year: year_0, isDisabled: isDisabled_3 }) => ({
@@ -160,13 +156,13 @@ var CalendarSelectHeader = ({ state, isPrevMonthDisabled, isPrevYearDisabled, is
 					color: "secondary",
 					isDisabled: isNextMonthDisabled,
 					onClick: handleNextMonth,
-					icon: ChevronRightIcon,
+					icon: ChevronRight,
 					label: t(($_1) => $_1.ui.datePicker.navigation.nextMonth)
 				}), /* @__PURE__ */ jsx(InlineIconButton, {
 					color: "secondary",
 					isDisabled: isNextYearDisabled,
 					onClick: handleNextYear,
-					icon: ChevronsRightIcon,
+					icon: ChevronsRight,
 					label: t(($_2) => $_2.ui.datePicker.navigation.nextYear)
 				})]
 			})

package/dist/components/inputs/DateTime/shared/DateField.d.ts

@@ -15,6 +15,7 @@ interface DateFieldProps extends Omit<DateFieldStateOptions, "locale" | "createC
     timeZone?: string;
     segmentGroup?: string;
     shouldAutoFixYear?: boolean;
+    preserveNullValue?: boolean;
 }
-export declare const DateField: ({ ref, onClearChange, hidePlaceholder, isDisabled, disableManualEntry, dateGranularity, isTimeOptional, format, timeZone, segmentGroup, shouldAutoFixYear, ...props }: DateFieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DateField: ({ ref, onClearChange, hidePlaceholder, isDisabled, disableManualEntry, dateGranularity, isTimeOptional, format, timeZone, segmentGroup, shouldAutoFixYear, preserveNullValue, ...props }: DateFieldProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/inputs/DateTime/shared/DateField.js

@@ -1,18 +1,18 @@
 import { DateSegmentItem } from "./DateSegmentItem.js";
 import { DateTimeUtils } from "../../../../utils/date-time.utils.js";
-import { Fragment, jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useCallback, useEffect, useImperativeHandle, useMemo, useRef } from "react";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 import { useDateField, useLocale } from "react-aria";
 import { CalendarDate, CalendarDateTime, createCalendar } from "@internationalized/date";
 import { DateTime } from "luxon";
 import { useDateFieldState } from "react-stately";
 //#region src/components/inputs/DateTime/shared/DateField.tsx
 var omitNullValue = ({ value: _value, ...props }) => props;
-var DateField = ({ ref, onClearChange, hidePlaceholder, isDisabled, disableManualEntry, dateGranularity = "day", isTimeOptional = false, format, timeZone, segmentGroup, shouldAutoFixYear = false, ...props }) => {
+var DateField = ({ ref, onClearChange, hidePlaceholder, isDisabled, disableManualEntry, dateGranularity = "day", isTimeOptional = false, format, timeZone, segmentGroup, shouldAutoFixYear = false, preserveNullValue = false, ...props }) => {
 	const { locale } = useLocale();
 	const previousValueRef = useRef(props.value);
-	const dateFieldProps = props.value == null ? omitNullValue(props) : props;
+	const dateFieldProps = props.value == null && !preserveNullValue ? omitNullValue(props) : props;
 	const state = useDateFieldState({
 		...dateFieldProps,
 		isDisabled,
@@ -130,7 +130,7 @@ var DateField = ({ ref, onClearChange, hidePlaceholder, isDisabled, disableManua
 		return formattedDate.toFormat(format);
 	};
 	const formattedDisplayValue = getFormattedDisplayValue();
-	let fieldContent = /* @__PURE__ */ jsx(Fragment, { children: segmentsToRender.map((segment_7, i) => /* @__PURE__ */ jsx(DateSegmentItem, {
+	let fieldContent = /* @__PURE__ */ jsx(Fragment$1, { children: segmentsToRender.map((segment_7, i) => /* @__PURE__ */ jsx(DateSegmentItem, {
 		segment: segment_7,
 		segmentGroup,
 		state,

package/dist/components/inputs/DateTime/shared/DatePickerInput.d.ts

@@ -23,6 +23,7 @@ interface DatePickerInputProps extends InputVariantProps {
     isDateTime?: boolean;
     shouldShrinkInput?: boolean;
     isClearable?: boolean;
+    isClearableIfDisabled?: boolean;
     headerProps?: FormFieldHeaderProps;
     todayIcon?: DatePickerTodayIcon;
     todayIconButtonSize?: DatePickerTodayIconButtonSize;
@@ -41,5 +42,5 @@ interface DatePickerInputProps extends InputVariantProps {
     format?: string;
     onClear?: () => void;
 }
-export declare const DatePickerInput: ({ ref, as, groupProps, fieldProps, endFieldProps, fieldValue, endFieldValue, isValueControlled, hasValue, buttonProps, isDisabled, isInvalid, disableDropdown, variant, size, isDateTime, shouldShrinkInput, isClearable, headerProps, todayIcon, todayIconButtonSize, todayIconButtonComponent, todayIconPlacement, isDirty, isRequired, disableManualEntry, autoFixYear, placeholder, className, onOpenDropdown, dateGranularity, timeZone: timeZoneProp, isTimeOptional, format, onClear: onClearProp, ...props }: DatePickerInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DatePickerInput: ({ ref, as, groupProps, fieldProps, endFieldProps, fieldValue, endFieldValue, isValueControlled, hasValue, buttonProps, isDisabled, isInvalid, disableDropdown, variant, size, isDateTime, shouldShrinkInput, isClearable, isClearableIfDisabled, headerProps, todayIcon, todayIconButtonSize, todayIconButtonComponent, todayIconPlacement, isDirty, isRequired, disableManualEntry, autoFixYear, placeholder, className, onOpenDropdown, dateGranularity, timeZone: timeZoneProp, isTimeOptional, format, onClear: onClearProp, ...props }: DatePickerInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/inputs/DateTime/shared/DatePickerInput.js

@@ -10,14 +10,14 @@ import { datePickerInputContentRowDefinition } from "./datePickerInput.cva.js";
 import { renderDatePickerTodayIcon } from "./datePickerTodayIcon.js";
 import { useFirefoxDateSegmentSelectionGuard } from "./useFirefoxDateSegmentSelectionGuard.js";
 import { InputClear } from "../../shared/InputClear.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useCallback, useImperativeHandle, useRef, useState } from "react";
 import { Button } from "react-aria-components";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useFocusVisible, useFocusWithin, useHover } from "react-aria";
 import { getLocalTimeZone, today } from "@internationalized/date";
 //#region src/components/inputs/DateTime/shared/DatePickerInput.tsx
-var DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, fieldValue, endFieldValue, isValueControlled, hasValue, buttonProps, isDisabled, isInvalid, disableDropdown, variant, size, isDateTime, shouldShrinkInput, isClearable, 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 }) => {
+var 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 uiConfig = UIConfig.useConfig();
 	const timeZone = timeZoneProp ?? uiConfig.dateInput.timeZone;
 	let effectiveTimeZone = getLocalTimeZone();
@@ -51,10 +51,10 @@ var DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, fieldVa
 		shouldAutoFixYear: autoFixYear
 	} : void 0;
 	const clearInput = useCallback(() => {
-		dateFieldRef.current?.clearField();
-		endDateFieldRef.current?.clearField();
 		if (onClearProp) onClearProp();
 		else {
+			dateFieldRef.current?.clearField();
+			endDateFieldRef.current?.clearField();
 			fieldProps.onChange?.(null);
 			endFieldProps?.onChange?.(null);
 		}
@@ -71,7 +71,7 @@ var DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, fieldVa
 	const onClearChange = useCallback((canClearInput) => {
 		setCanClear(canClearInput);
 	}, []);
-	const showClear = canClear || hasValue || normalizedFieldProps.value != null || normalizedEndFieldProps?.value != null;
+	const showClear = (!isDisabled || isClearableIfDisabled === true) && (canClear || hasValue || normalizedFieldProps.value != null || normalizedEndFieldProps?.value != null);
 	const isTodayIconDisabled = isDisabled || buttonProps.isDisabled;
 	const onToday = () => {
 		if (isTodayIconDisabled) return;
@@ -140,7 +140,7 @@ var DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, fieldVa
 							size: "label-1",
 							className: "text-text-default-3",
 							children: placeholder
-						}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(DateField, {
+						}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DateField, {
 							ref: dateFieldRef,
 							...normalizedFieldProps,
 							isDisabled,
@@ -150,10 +150,11 @@ var DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, fieldVa
 							disableManualEntry,
 							dateGranularity,
 							isTimeOptional,
+							preserveNullValue: isValueControlled && !endFieldProps,
 							format,
 							timeZone: effectiveTimeZone,
 							segmentGroup: normalizedEndFieldProps ? "start" : void 0
-						}), normalizedEndFieldProps && /* @__PURE__ */ jsxs(Fragment, { children: [!((as === "floating" || as === "filter") && hidePlaceholder) && /* @__PURE__ */ jsx("span", {
+						}), normalizedEndFieldProps && /* @__PURE__ */ jsxs(Fragment$1, { children: [!((as === "floating" || as === "filter") && hidePlaceholder) && /* @__PURE__ */ jsx("span", {
 							className: clsx("pointer-events-none select-none", isDisabled && "text-interactive-text-secondary-disabled"),
 							children: "–"
 						}), /* @__PURE__ */ jsx(DateField, {

package/dist/components/inputs/DateTime/shared/DateSegmentItem.js

@@ -1,7 +1,7 @@
-import { c } from "react/compiler-runtime";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useRef } from "react";
+import { c } from "react/compiler-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useDateSegment } from "react-aria";
 //#region src/components/inputs/DateTime/shared/DateSegmentItem.tsx
 var getPlaceholder = (segment) => {
@@ -93,7 +93,7 @@ var DateSegmentItemView = (t0) => {
 	const t12 = isPlaceholder ? "" : text;
 	let t13;
 	if ($[10] !== t11 || $[11] !== t12) {
-		t13 = /* @__PURE__ */ jsxs(Fragment, { children: [t11, t12] });
+		t13 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t11, t12] });
 		$[10] = t11;
 		$[11] = t12;
 		$[12] = t13;

package/dist/components/inputs/DateTime/shared/DateTimeDialog.js

@@ -2,10 +2,10 @@ import { UIOverrides } from "../../../../config/uiOverrides.context.js";
 import { BottomSheet } from "../../../overlays/BottomSheet/BottomSheet.js";
 import { useBreakpoint } from "../../../../hooks/useBreakpoint.js";
 import { popoverDefinition } from "../../../shared/popover.cva.js";
-import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
 import clsx$1 from "clsx";
 import { Dialog, Popover } from "react-aria-components";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/DateTime/shared/DateTimeDialog.tsx
 var DateTimeDialog = (t0) => {
 	const $ = c(26);

package/dist/components/inputs/DateTime/shared/DateTimeDialogFooter.js

@@ -1,7 +1,7 @@
 import "../../../../config/i18n.js";
 import { TextButton } from "../../../buttons/TextButton/TextButton.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/DateTime/shared/DateTimeDialogFooter.tsx
 var DateTimeDialogFooter = ({ isValid = true, isDisabled = false, onTodayPress, onApply }) => {

package/dist/components/inputs/DateTime/shared/MonthPicker.js

@@ -1,9 +1,9 @@
 import { Typography } from "../../../text/Typography/Typography.js";
-import { c } from "react/compiler-runtime";
-import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useRef } from "react";
 import { ListBox, ListBoxItem } from "react-aria-components";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
 import { useDateFormatter } from "@react-aria/i18n";
 //#region src/components/inputs/DateTime/shared/MonthPicker.tsx
 var MonthPicker = (t0) => {

package/dist/components/inputs/DateTime/shared/RangeCalendar.js

@@ -1,9 +1,9 @@
 import { CalendarGrid } from "./CalendarGrid.js";
 import { CalendarSelectHeader } from "./CalendarSelectHeader.js";
-import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useRef } from "react";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useRangeCalendar } from "@react-aria/calendar";
 //#region src/components/inputs/DateTime/shared/RangeCalendar.tsx
 var RangeCalendar = (t0) => {

package/dist/components/inputs/DateTime/shared/TimePickerForm.js

@@ -1,14 +1,13 @@
-import { ChevronDownIcon } from "../../../../assets/icons/ChevronDown.js";
-import { ChevronUpIcon } from "../../../../assets/icons/ChevronUp.js";
 import { Typography } from "../../../text/Typography/Typography.js";
 import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconButton.js";
 import { useBreakpoint } from "../../../../hooks/useBreakpoint.js";
 import { getPlaceholder } from "./DateSegmentItem.js";
 import { useLongPressRepeat } from "../../../../hooks/useLongPressRepeat.js";
-import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown, ChevronUp } from "lucide-react";
 import { clsx } from "clsx";
 import { useEffect, useRef } from "react";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useDateSegment, useLocale, useTimeField } from "react-aria";
 import { Time } from "@internationalized/date";
 import { useTimeFieldState } from "@react-stately/datepicker";
@@ -289,7 +288,7 @@ var TimeSegmentButton = (t0) => {
 		} else t6 = $[10];
 		return t6;
 	}
-	const Icon = type === "increment" ? ChevronUpIcon : ChevronDownIcon;
+	const Icon = type === "increment" ? ChevronUp : ChevronDown;
 	let t6;
 	if ($[11] !== Icon || $[12] !== onPressEnd || $[13] !== onPressStart) {
 		t6 = /* @__PURE__ */ jsx("div", {

package/dist/components/inputs/DateTime/shared/TimePickerInput.d.ts

@@ -14,11 +14,12 @@ interface DatePickerInputProps extends InputVariantProps {
     disableDropdown?: boolean;
     headerProps?: FormFieldHeaderProps;
     isClearable?: boolean;
+    isClearableIfDisabled?: boolean;
     disableManualEntry?: boolean;
     placeholder?: string;
     className?: string;
     onPress: () => void;
     onClear?: () => void;
 }
-export declare const TimePickerInput: ({ ref, as, fieldProps, state, isDisabled, isDirty, isRequired, isInvalid, disableDropdown, variant, size, isClearable, headerProps, disableManualEntry, placeholder, className, onPress, onClear, ...props }: DatePickerInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TimePickerInput: ({ ref, as, fieldProps, state, isDisabled, isDirty, isRequired, isInvalid, disableDropdown, variant, size, isClearable, isClearableIfDisabled, headerProps, disableManualEntry, placeholder, className, onPress, onClear, ...props }: DatePickerInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/inputs/DateTime/shared/TimePickerInput.js

@@ -7,17 +7,17 @@ import { inputBaseDefinition, inputSizeDefinition } from "../../shared/input.cva
 import { useFirefoxDateSegmentSelectionGuard } from "./useFirefoxDateSegmentSelectionGuard.js";
 import { InputClear } from "../../shared/InputClear.js";
 import { TimeField } from "./TimeField.js";
-import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useRef, useState } from "react";
 import { Button } from "react-aria-components";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useFocusVisible, useFocusWithin, useHover } from "react-aria";
 import { mergeRefs } from "@react-aria/utils";
 //#region src/components/inputs/DateTime/shared/TimePickerInput.tsx
 var TimePickerInput = (t0) => {
-	const $ = c(67);
-	const { ref, as, fieldProps, state, isDisabled, isDirty, isRequired, isInvalid, disableDropdown, variant, size, isClearable, headerProps, disableManualEntry, placeholder, className, onPress, onClear, ...props } = t0;
+	const $ = c(69);
+	const { ref, as, fieldProps, state, isDisabled, isDirty, isRequired, isInvalid, disableDropdown, variant, size, isClearable, isClearableIfDisabled, headerProps, disableManualEntry, placeholder, className, onPress, onClear, ...props } = t0;
 	const uiConfig = UIConfig.useConfig();
 	const inputBaseCva = UIOverrides.useCva("input.baseCva", inputBaseDefinition);
 	const inputSizeCva = UIOverrides.useCva("input.sizeCva", inputSizeDefinition);
@@ -147,22 +147,24 @@ var TimePickerInput = (t0) => {
 		$[32] = t22;
 	} else t22 = $[32];
 	let t23;
-	if ($[33] !== canClear || $[34] !== isClearable || $[35] !== onClear || $[36] !== state) {
+	if ($[33] !== canClear || $[34] !== isClearable || $[35] !== isClearableIfDisabled || $[36] !== isDisabled || $[37] !== onClear || $[38] !== state) {
 		t23 = isClearable && /* @__PURE__ */ jsx(InputClear, {
 			onClear: () => {
-				state.setValue(null);
-				onClear?.();
+				if (onClear) onClear();
+				else state.setValue(null);
 			},
-			show: canClear
+			show: canClear && (!isDisabled || isClearableIfDisabled === true)
 		});
 		$[33] = canClear;
 		$[34] = isClearable;
-		$[35] = onClear;
-		$[36] = state;
-		$[37] = t23;
-	} else t23 = $[37];
+		$[35] = isClearableIfDisabled;
+		$[36] = isDisabled;
+		$[37] = onClear;
+		$[38] = state;
+		$[39] = t23;
+	} else t23 = $[39];
 	let t24;
-	if ($[38] !== disableDropdown || $[39] !== disableManualEntry || $[40] !== isDisabled || $[41] !== onPress || $[42] !== uiConfig) {
+	if ($[40] !== disableDropdown || $[41] !== disableManualEntry || $[42] !== isDisabled || $[43] !== onPress || $[44] !== uiConfig) {
 		t24 = (!disableDropdown || disableManualEntry) && /* @__PURE__ */ jsx(InlineIconButton, {
 			label: "",
 			color: "secondary",
@@ -172,26 +174,26 @@ var TimePickerInput = (t0) => {
 			className: "border-0!",
 			"data-static-press-action": ""
 		});
-		$[38] = disableDropdown;
-		$[39] = disableManualEntry;
-		$[40] = isDisabled;
-		$[41] = onPress;
-		$[42] = uiConfig;
-		$[43] = t24;
-	} else t24 = $[43];
+		$[40] = disableDropdown;
+		$[41] = disableManualEntry;
+		$[42] = isDisabled;
+		$[43] = onPress;
+		$[44] = uiConfig;
+		$[45] = t24;
+	} else t24 = $[45];
 	let t25;
-	if ($[44] !== t22 || $[45] !== t23 || $[46] !== t24) {
+	if ($[46] !== t22 || $[47] !== t23 || $[48] !== t24) {
 		t25 = /* @__PURE__ */ jsxs("div", {
 			className: t22,
 			children: [t23, t24]
 		});
-		$[44] = t22;
-		$[45] = t23;
-		$[46] = t24;
-		$[47] = t25;
-	} else t25 = $[47];
+		$[46] = t22;
+		$[47] = t23;
+		$[48] = t24;
+		$[49] = t25;
+	} else t25 = $[49];
 	let t26;
-	if ($[48] !== fieldProps || $[49] !== focusWithinProps || $[50] !== hoverProps || $[51] !== t10 || $[52] !== t11 || $[53] !== t12 || $[54] !== t13 || $[55] !== t14 || $[56] !== t15 || $[57] !== t16 || $[58] !== t21 || $[59] !== t25 || $[60] !== t4 || $[61] !== t5 || $[62] !== t6 || $[63] !== t7 || $[64] !== t8 || $[65] !== t9) {
+	if ($[50] !== fieldProps || $[51] !== focusWithinProps || $[52] !== hoverProps || $[53] !== t10 || $[54] !== t11 || $[55] !== t12 || $[56] !== t13 || $[57] !== t14 || $[58] !== t15 || $[59] !== t16 || $[60] !== t21 || $[61] !== t25 || $[62] !== t4 || $[63] !== t5 || $[64] !== t6 || $[65] !== t7 || $[66] !== t8 || $[67] !== t9) {
 		t26 = /* @__PURE__ */ jsxs("div", {
 			ref: t4,
 			className: t5,
@@ -213,26 +215,26 @@ var TimePickerInput = (t0) => {
 			...hoverProps,
 			children: [t21, t25]
 		});
-		$[48] = fieldProps;
-		$[49] = focusWithinProps;
-		$[50] = hoverProps;
-		$[51] = t10;
-		$[52] = t11;
-		$[53] = t12;
-		$[54] = t13;
-		$[55] = t14;
-		$[56] = t15;
-		$[57] = t16;
-		$[58] = t21;
-		$[59] = t25;
-		$[60] = t4;
-		$[61] = t5;
-		$[62] = t6;
-		$[63] = t7;
-		$[64] = t8;
-		$[65] = t9;
-		$[66] = t26;
-	} else t26 = $[66];
+		$[50] = fieldProps;
+		$[51] = focusWithinProps;
+		$[52] = hoverProps;
+		$[53] = t10;
+		$[54] = t11;
+		$[55] = t12;
+		$[56] = t13;
+		$[57] = t14;
+		$[58] = t15;
+		$[59] = t16;
+		$[60] = t21;
+		$[61] = t25;
+		$[62] = t4;
+		$[63] = t5;
+		$[64] = t6;
+		$[65] = t7;
+		$[66] = t8;
+		$[67] = t9;
+		$[68] = t26;
+	} else t26 = $[68];
 	return t26;
 };
 function _temp(segment) {

package/dist/components/inputs/DateTime/shared/YearPicker.js

@@ -1,10 +1,10 @@
 import { Typography } from "../../../text/Typography/Typography.js";
 import { useScrollableListBox } from "../../../../hooks/useScrollableListBox.js";
-import { c } from "react/compiler-runtime";
-import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useRef } from "react";
 import { ListBox, ListBoxItem } from "react-aria-components";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
 import { today } from "@internationalized/date";
 import { useDateFormatter } from "@react-aria/i18n";
 //#region src/components/inputs/DateTime/shared/YearPicker.tsx

package/dist/components/inputs/DateTime/shared/datePickerTodayIcon.js

@@ -1,8 +1,53 @@
 import { IconButton } from "../../../buttons/IconButton/IconButton.js";
 import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconButton.js";
-import { TodayIcon } from "../../../../assets/icons/Today.js";
+import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/DateTime/shared/datePickerTodayIcon.tsx
+var TodayIcon = (t0) => {
+	const $ = c(9);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = ["fill-current", className].filter(Boolean);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	const t2 = t1.join(" ");
+	let t3;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx("path", {
+			fill: "currentColor",
+			d: "M9.184 9.672v-.945h5.628v.945h-2.27V16H11.45V9.672z",
+			transform: "translate(12 12) scale(1.65) translate(-12 -12)"
+		});
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== props || $[7] !== t2) {
+		t4 = /* @__PURE__ */ jsx("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			fill: "none",
+			viewBox: "0 0 24 24",
+			...props,
+			className: t2,
+			children: t3
+		});
+		$[6] = props;
+		$[7] = t2;
+		$[8] = t4;
+	} else t4 = $[8];
+	return t4;
+};
 var getDatePickerTodayIcon = (todayIcon) => {
 	if (!todayIcon) return null;
 	return todayIcon === true ? TodayIcon : todayIcon;

package/dist/components/inputs/DateTime/shared/useFirefoxDateSegmentSelectionGuard.js

@@ -1,5 +1,5 @@
-import { c } from "react/compiler-runtime";
 import { useLayoutEffect } from "react";
+import { c } from "react/compiler-runtime";
 import { isFirefox } from "@react-aria/utils";
 //#region src/components/inputs/DateTime/shared/useFirefoxDateSegmentSelectionGuard.ts
 var isEditableElement = (element) => element instanceof HTMLElement && (element.matches("input, textarea") || element.isContentEditable);

package/dist/components/inputs/File/FileUpload.js

@@ -8,11 +8,11 @@ import { FileCardList } from "./shared/FileCardList.js";
 import { FileUploadContentEmpty } from "./shared/FileUploadContentEmpty.js";
 import { FileUploadContent } from "./shared/FileUploadContent.js";
 import { fileUploadDropZoneDefinition } from "./shared/fileUpload.cva.js";
-import { c } from "react/compiler-runtime";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useCallback, useState } from "react";
 import { DropZone } from "react-aria-components";
+import { c } from "react/compiler-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { mergeRefs, useLabels } from "@react-aria/utils";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/File/FileUpload.tsx
@@ -142,7 +142,7 @@ var FileUploadBase = (props) => {
 					isContainer: !!children,
 					className: "group/file-upload-drop-zone"
 				}),
-				children: children ? /* @__PURE__ */ jsxs(Fragment, { children: [children({
+				children: children ? /* @__PURE__ */ jsxs(Fragment$1, { children: [children({
 					files: uploadState,
 					onRemove: handleRemove,
 					onCancel: handleCancelUpload

package/dist/components/inputs/File/InputUpload.js

@@ -4,10 +4,10 @@ import { FormField } from "../FormField/FormField.js";
 import { FileUtils } from "../../../utils/file.utils.js";
 import { InputUploadContent } from "./shared/InputUploadContent.js";
 import { InputUploadFilled } from "./shared/InputUploadFilled.js";
-import { c } from "react/compiler-runtime";
-import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useState } from "react";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
 import { mergeRefs, useLabels } from "@react-aria/utils";
 //#region src/components/inputs/File/InputUpload.tsx
 var InputUploadBase = ({ ref: _ref, label, tooltipText, variant, helperText, isRequired, isDisabled, headerClassName, errorClassName, isHeaderHidden, error, className, onChange, onInvalidFileType, value, defaultValue, allowsMultiple = false, hideLabel, acceptedFileTypes, size, ...rest }) => {

package/dist/components/inputs/File/shared/FileCard.js

@@ -1,9 +1,9 @@
 import { FileUploadContentError } from "./FileUploadContentError.js";
 import { FileUploadContentFilled } from "./FileUploadContentFilled.js";
 import { FileUploadContentLoading } from "./FileUploadContentLoading.js";
+import { clsx } from "clsx";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
-import { clsx } from "clsx";
 //#region src/components/inputs/File/shared/FileCard.tsx
 var FileCard = (t0) => {
 	const $ = c(31);

package/dist/components/inputs/File/shared/FileCardList.js

@@ -1,7 +1,7 @@
 import { FileCard } from "./FileCard.js";
+import { clsx } from "clsx";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
-import { clsx } from "clsx";
 //#region src/components/inputs/File/shared/FileCardList.tsx
 var FileCardList = (t0) => {
 	const $ = c(20);