@povio/ui 3.4.0-rc.4 → 3.4.0-rc.6

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 { useMemo } from "react";
+import { ChevronDown, ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from "lucide-react";
 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/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

@@ -17,7 +17,7 @@ import { Button } from "react-aria-components";
 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();
@@ -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;

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 { useDateSegment } from "react-aria";
 //#region src/components/inputs/DateTime/shared/DateSegmentItem.tsx
 var getPlaceholder = (segment) => {

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";
 //#region src/components/inputs/DateTime/shared/DateTimeDialog.tsx
 var DateTimeDialog = (t0) => {
 	const $ = c(26);

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 { 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 { useRangeCalendar } from "@react-aria/calendar";
 //#region src/components/inputs/DateTime/shared/RangeCalendar.tsx
 var RangeCalendar = (t0) => {

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

@@ -1,6 +1,6 @@
 import { DateSegmentItem } from "./DateSegmentItem.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 //#region src/components/inputs/DateTime/shared/TimeField.tsx
 var TimeField = (t0) => {
 	const $ = c(8);

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

@@ -1,15 +1,14 @@
-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 { clsx } from "clsx";
 import { useEffect, useRef } from "react";
+import { c } from "react/compiler-runtime";
 import { useDateSegment, useLocale, useTimeField } from "react-aria";
+import { ChevronDown, ChevronUp } from "lucide-react";
 import { Time } from "@internationalized/date";
 import { useTimeFieldState } from "@react-stately/datepicker";
 //#region src/components/inputs/DateTime/shared/TimePickerForm.tsx
@@ -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 { 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: () => {
 				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 { 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 { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-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 = ["size-4! 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 { mergeRefs, useLabels } from "@react-aria/utils";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/File/FileUpload.tsx

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

@@ -1,6 +1,6 @@
 import { FileUpload } from "./FileUpload.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 //#region src/components/inputs/File/FileUploadContainer.tsx
 var FileUploadContainer = (props) => {
 	const $ = c(2);

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 { 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 { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
+import { c } from "react/compiler-runtime";
 //#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 { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
+import { c } from "react/compiler-runtime";
 //#region src/components/inputs/File/shared/FileCardList.tsx
 var FileCardList = (t0) => {
 	const $ = c(20);

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

@@ -2,9 +2,9 @@ import { FileUploadContentError } from "./FileUploadContentError.js";
 import { FileUploadContentFilled } from "./FileUploadContentFilled.js";
 import { FileUploadContentLoading } from "./FileUploadContentLoading.js";
 import { FileUploadContentEmpty } from "./FileUploadContentEmpty.js";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { FileTrigger } from "react-aria-components";
+import { c } from "react/compiler-runtime";
 //#region src/components/inputs/File/shared/FileUploadContent.tsx
 var FileUploadContent = (t0) => {
 	const $ = c(63);

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

@@ -1,7 +1,7 @@
+import { ReactIconsSpriteIcon } from "../../../../node_modules/.pnpm/react-icons-sprite@1.1.1_lucide-react@1.28.0_react@19.2.3__react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-icons-sprite/dist/icon.js";
 import { Typography } from "../../../text/Typography/Typography.js";
 import { Button } from "../../../buttons/Button/Button.js";
 import { TextButton } from "../../../buttons/TextButton/TextButton.js";
-import { UploadIcon } from "../../../../assets/icons/Upload.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 //#region src/components/inputs/File/shared/FileUploadContentEmpty.tsx
@@ -18,7 +18,10 @@ var FileUploadContentEmpty = ({ variant, as, isDisabled, title, browseText, uplo
 				"flex-row": variant === "horizontal",
 				"opacity-50": isDisabled
 			}),
-			children: [/* @__PURE__ */ jsx(UploadIcon, { className: "h-6 w-6 text-text-default-1" }), /* @__PURE__ */ jsx(Typography, {
+			children: [/* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
+				iconId: "ri-lucide-react-Upload",
+				className: "h-6 w-6 text-text-default-1"
+			}), /* @__PURE__ */ jsx(Typography, {
 				variant: "prominent-1",
 				size: "label-1",
 				as: "span",

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

@@ -1,13 +1,13 @@
-import { CloseIcon } from "../../../../assets/icons/Close.js";
+import { ReactIconsSpriteIcon } from "../../../../node_modules/.pnpm/react-icons-sprite@1.1.1_lucide-react@1.28.0_react@19.2.3__react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-icons-sprite/dist/icon.js";
 import { Typography } from "../../../text/Typography/Typography.js";
 import { Button as Button$1 } from "../../../buttons/Button/Button.js";
 import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconButton.js";
 import "../../../../config/i18n.js";
 import { TextButton } from "../../../buttons/TextButton/TextButton.js";
-import { WarningFilledIcon } from "../../../../assets/icons/WarningFilled.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { FileTrigger } from "react-aria-components";
+import { X } from "lucide-react";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/File/shared/FileUploadContentError.tsx
 var FileUploadContentError = ({ variant, as, isDisabled, state, browseText, fileTriggerProps, removeWithIcon = false, singleFile, onRemove, browseButtonProps }) => {
@@ -28,7 +28,10 @@ var FileUploadContentError = ({ variant, as, isDisabled, state, browseText, file
 					"flex-row": variant === "horizontal",
 					"opacity-50": isDisabled
 				}),
-				children: [/* @__PURE__ */ jsx(WarningFilledIcon, { className: "h-6 w-6 text-elevation-fill-warning-1" }), /* @__PURE__ */ jsxs("div", {
+				children: [/* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
+					iconId: "ri-lucide-react-CircleAlert",
+					className: "h-6 w-6 text-elevation-fill-warning-1"
+				}), /* @__PURE__ */ jsxs("div", {
 					className: clsx("flex flex-col gap-file-upload-content-gap-text-to-text", {
 						"max-w-full items-center": variant === "vertical",
 						"max-w-[calc(100%_-_32px)]": variant === "horizontal"
@@ -71,7 +74,7 @@ var FileUploadContentError = ({ variant, as, isDisabled, state, browseText, file
 					onPress: () => {
 						onRemove(state.id ?? "");
 					},
-					icon: CloseIcon
+					icon: X
 				}) : /* @__PURE__ */ jsx(TextButton, {
 					className: "text-interactive-text-primary-idle lowercase",
 					onPress: () => {
@@ -96,7 +99,7 @@ var FileUploadContentError = ({ variant, as, isDisabled, state, browseText, file
 						onPress: () => {
 							onRemove(state.id ?? "");
 						},
-						icon: CloseIcon
+						icon: X
 					}) : /* @__PURE__ */ jsx(TextButton, {
 						color: "secondary",
 						onPress: () => {

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

@@ -1,14 +1,14 @@
-import { CloseIcon } from "../../../../assets/icons/Close.js";
+import { ReactIconsSpriteIcon } from "../../../../node_modules/.pnpm/react-icons-sprite@1.1.1_lucide-react@1.28.0_react@19.2.3__react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-icons-sprite/dist/icon.js";
 import { Typography } from "../../../text/Typography/Typography.js";
 import { Button as Button$1 } from "../../../buttons/Button/Button.js";
 import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconButton.js";
 import "../../../../config/i18n.js";
 import { TextButton } from "../../../buttons/TextButton/TextButton.js";
 import { FileUtils } from "../../../../utils/file.utils.js";
-import { CheckCircleIcon } from "../../../../assets/icons/CheckCircle.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { FileTrigger } from "react-aria-components";
+import { X } from "lucide-react";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/File/shared/FileUploadContentFilled.tsx
 var FileUploadContentFilled = ({ variant, as, isDisabled, state, browseText, fileTriggerProps, removeWithIcon = false, singleFile, onRemove, browseButtonProps }) => {
@@ -29,7 +29,10 @@ var FileUploadContentFilled = ({ variant, as, isDisabled, state, browseText, fil
 					"flex-row": variant === "horizontal",
 					"opacity-50": isDisabled
 				}),
-				children: [/* @__PURE__ */ jsx(CheckCircleIcon, { className: "h-6 w-6 text-text-default-1" }), /* @__PURE__ */ jsxs("div", {
+				children: [/* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
+					iconId: "ri-lucide-react-CheckCircle",
+					className: "h-6 w-6 text-text-default-1"
+				}), /* @__PURE__ */ jsxs("div", {
 					className: clsx("flex flex-col gap-file-upload-content-gap-text-to-text", {
 						"max-w-full items-center": variant === "vertical",
 						"max-w-[calc(100%-32px)]": variant === "horizontal"
@@ -73,7 +76,7 @@ var FileUploadContentFilled = ({ variant, as, isDisabled, state, browseText, fil
 					onPress: () => {
 						onRemove(state.id ?? "");
 					},
-					icon: CloseIcon
+					icon: X
 				}) : /* @__PURE__ */ jsx(TextButton, {
 					className: clsx(variant === "vertical" && "text-interactive-text-primary-idle lowercase [&>span>span]:font-medium!"),
 					color: variant === "horizontal" ? "secondary" : "primary",
@@ -99,7 +102,7 @@ var FileUploadContentFilled = ({ variant, as, isDisabled, state, browseText, fil
 						onPress: () => {
 							onRemove(state.id ?? "");
 						},
-						icon: CloseIcon,
+						icon: X,
 						isDisabled
 					}) : /* @__PURE__ */ jsx(TextButton, {
 						color: "secondary",