@ultraviolet/ui 3.12.3 → 3.13.0

package/dist/components/CopyButton/index.js

@@ -1,9 +1,9 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
 import { Button, init_Button } from "../Button/index.js";
+import { useClipboard } from "@ultraviolet/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CopyContentIcon } from "@ultraviolet/icons/CopyContentIcon";
-import useClipboard from "react-use-clipboard";
 import { CheckIcon } from "@ultraviolet/icons/CheckIcon";
 
 //#region src/components/CopyButton/index.tsx
@@ -18,8 +18,9 @@ var init_CopyButton = __esmMin(() => {
 			className,
 			"data-testid": dataTestId,
 			onClick: () => {
-				setCopied();
-				onCopy === null || onCopy === void 0 || onCopy();
+				setCopied().then(() => {
+					onCopy === null || onCopy === void 0 || onCopy();
+				}).catch(() => null);
 			},
 			sentiment,
 			size,

package/dist/components/DateInput/components/CalendarDaily.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarDaily.d.ts","sourceRoot":"","sources":["../../../../src/components/DateInput/components/CalendarDaily.tsx"],"names":[],"mappings":"AAoBA,eAAO,MAAM,KAAK,+CAmRjB,CAAA"}
+{"version":3,"file":"CalendarDaily.d.ts","sourceRoot":"","sources":["../../../../src/components/DateInput/components/CalendarDaily.tsx"],"names":[],"mappings":"AAqBA,eAAO,MAAM,KAAK,+CA0QjB,CAAA"}

package/dist/components/DateInput/components/CalendarDaily.js

@@ -4,7 +4,7 @@ import { Text, init_Text } from "../../Text/index.js";
 import { Button, init_Button } from "../../Button/index.js";
 import { Row, init_Row } from "../../Row/index.js";
 import { DateInputContext, init_Context } from "../Context.js";
-import { formatValue, getMonthFirstDay, getNextMonth, getPreviousMonth, init_helpers, isSameDay } from "../helpers.js";
+import { formatValue, getIsInHoveredRange, getMonthFirstDay, getNextMonth, getPreviousMonth, init_helpers, isSameDay } from "../helpers.js";
 import { dateInputStyle, init_styles_css } from "../styles.css.js";
 import { init_constants } from "../constants.js";
 import { useContext, useState } from "react";
@@ -62,7 +62,7 @@ var init_CalendarDaily = __esmMin(() => {
 				const isOutsideRange = !!(minDate && constructedDate < minDate) || !!(maxDate && constructedDate > maxDate);
 				const isSelected = value && isSameDay(constructedDate, new Date(value)) || (range === null || range === void 0 ? void 0 : range.end) && isSameDay(constructedDate, range.end) || (range === null || range === void 0 ? void 0 : range.start) && isSameDay(constructedDate, range.start);
 				const isAfterStartDate = selectsRange && (range === null || range === void 0 ? void 0 : range.start) && constructedDate > range.start;
-				const isInHoveredRange = selectsRange && (range === null || range === void 0 ? void 0 : range.start) && constructedDate > range.start && hoveredDate && constructedDate < hoveredDate && !range.end || selectsRange && (range === null || range === void 0 ? void 0 : range.start) && constructedDate < range.start && hoveredDate && constructedDate > hoveredDate && !range.end || (range === null || range === void 0 ? void 0 : range.start) && range.end && constructedDate < range.end && constructedDate > range.start;
+				const isInHoveredRange = getIsInHoveredRange(selectsRange, constructedDate, hoveredDate, range);
 				const getNewDate = () => {
 					if (data.month !== 0 && data.day > 15) {
 						setMonthToShow(previousMonth);
@@ -125,6 +125,7 @@ var init_CalendarDaily = __esmMin(() => {
 					if (data.month !== 0) return "not-current";
 					return "neutral";
 				};
+				const isHightlighted = isSelected || isInHoveredRange;
 				return /* @__PURE__ */ jsx(Button, {
 					"aria-label": dayState(),
 					className: dateInputStyle.dayMonth,
@@ -145,8 +146,8 @@ var init_CalendarDaily = __esmMin(() => {
 					onMouseEnter: () => {
 						if (selectsRange && (range === null || range === void 0 ? void 0 : range.start)) setHoveredDate(constructedDate);
 					},
-					sentiment: isSelected || isInHoveredRange ? "primary" : "neutral",
-					variant: isSelected || isInHoveredRange ? "filled" : "ghost",
+					sentiment: isHightlighted ? "primary" : "neutral",
+					variant: isHightlighted ? "filled" : "ghost",
 					children: data.day
 				}, `${data.month}-${data.day}`);
 			})]

package/dist/components/DateInput/components/CalendarMonthly.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarMonthly.d.ts","sourceRoot":"","sources":["../../../../src/components/DateInput/components/CalendarMonthly.tsx"],"names":[],"mappings":"AAeA,eAAO,MAAM,OAAO,+CAmKnB,CAAA"}
+{"version":3,"file":"CalendarMonthly.d.ts","sourceRoot":"","sources":["../../../../src/components/DateInput/components/CalendarMonthly.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,OAAO,+CAyJnB,CAAA"}

package/dist/components/DateInput/components/CalendarMonthly.js

@@ -3,7 +3,7 @@ import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
 import { Button, init_Button } from "../../Button/index.js";
 import { Row, init_Row } from "../../Row/index.js";
 import { DateInputContext, init_Context } from "../Context.js";
-import { formatValue, init_helpers, isSameMonth } from "../helpers.js";
+import { formatValue, getIsInHoveredRange, init_helpers, isSameMonth } from "../helpers.js";
 import { dateInputStyle, init_styles_css } from "../styles.css.js";
 import { useContext, useState } from "react";
 import { cn } from "@ultraviolet/utils";
@@ -28,7 +28,7 @@ var init_CalendarMonthly = __esmMin(() => {
 				const isExcluded = excludeDates ? excludeDates.map((date) => isSameMonth(constructedDate, date)).includes(true) : false;
 				const isOutsideRange = !!(minDate && constructedDate < minDate) || !!(maxDate && constructedDate > maxDate);
 				const isAfterStartDate = selectsRange && (range === null || range === void 0 ? void 0 : range.start) && constructedDate > range.start;
-				const isInHoveredRange = selectsRange && (range === null || range === void 0 ? void 0 : range.start) && constructedDate > range.start && hoveredDate && constructedDate < hoveredDate && !range.end || selectsRange && (range === null || range === void 0 ? void 0 : range.start) && constructedDate < range.start && hoveredDate && constructedDate > hoveredDate && !range.end || (range === null || range === void 0 ? void 0 : range.start) && range.end && constructedDate < range.end && constructedDate > range.start;
+				const isInHoveredRange = getIsInHoveredRange(selectsRange, constructedDate, hoveredDate, range);
 				const isSelected = value && isSameMonth(constructedDate, value) || (range === null || range === void 0 ? void 0 : range.start) && isSameMonth(constructedDate, range.start) || (range === null || range === void 0 ? void 0 : range.end) && isSameMonth(constructedDate, range.end);
 				const onClickRange = (event, newDate) => {
 					if (selectsRange) if (rangeState === "end" && isAfterStartDate) {
@@ -73,6 +73,7 @@ var init_CalendarMonthly = __esmMin(() => {
 					if (isInHoveredRange) return "in-range";
 					return "neutral";
 				};
+				const isHightlighted = isSelected || isInHoveredRange;
 				return /* @__PURE__ */ jsx(Button, {
 					"aria-label": monthState(),
 					className: cn(dateInputStyle.dayMonth, dateInputStyle.capitalizedText),
@@ -88,8 +89,8 @@ var init_CalendarMonthly = __esmMin(() => {
 						}
 					},
 					onMouseEnter: () => setHoveredDate(constructedDate),
-					sentiment: isSelected || isInHoveredRange ? "primary" : "neutral",
-					variant: isSelected || isInHoveredRange ? "filled" : "ghost",
+					sentiment: isHightlighted ? "primary" : "neutral",
+					variant: isHightlighted ? "filled" : "ghost",
 					children: month[1]
 				}, month[0]);
 			})

package/dist/components/DateInput/helpers.d.ts

@@ -8,6 +8,10 @@ export declare const formatValue: (computedValue: Date | null, computedRange: {
     start: Date | null;
     end: Date | null;
 } | null, showMonthYearPicker: boolean, selectsRange: boolean, format?: ((value?: Date | undefined) => string | undefined) | undefined) => string | undefined;
-export declare const createDate: (value: string, showMonthYearPicker: boolean) => Date | null;
+export declare const createDate: (value: string, showMonthYearPicker: boolean, minDate?: Date | undefined, maxDate?: Date | undefined) => Date | null;
 export declare const createDateRange: (value: string, showMonthYearPicker: boolean) => [Date | null, Date | null];
+export declare const getIsInHoveredRange: (selectsRange: boolean, constructedDate: Date, hoveredDate?: Date | null | undefined, range?: {
+    start?: Date | null | undefined;
+    end: Date | null;
+} | undefined) => boolean | null | undefined;
 //# sourceMappingURL=helpers.d.ts.map

package/dist/components/DateInput/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/DateInput/helpers.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,gBAAgB,yCAK5B,CAAA;AAED,eAAO,MAAM,OAAO,2BAAiD,CAAA;AAErE,eAAO,MAAM,gBAAgB,2CAM5B,CAAA;AAED,eAAO,MAAM,YAAY,2CAMxB,CAAA;AAGD,eAAO,MAAM,WAAW,yCAEuB,CAAA;AAG/C,eAAO,MAAM,SAAS,yCAGyB,CAAA;AAmB/C,eAAO,MAAM,WAAW;;;6JA8BvB,CAAA;AAED,eAAO,MAAM,UAAU,8DAmBtB,CAAA;AAED,eAAO,MAAM,eAAe,6EAkB3B,CAAA"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/DateInput/helpers.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,yCAK5B,CAAA;AAED,eAAO,MAAM,OAAO,2BAAiD,CAAA;AAErE,eAAO,MAAM,gBAAgB,2CAM5B,CAAA;AAED,eAAO,MAAM,YAAY,2CAMxB,CAAA;AAGD,eAAO,MAAM,WAAW,yCAEuB,CAAA;AAG/C,eAAO,MAAM,SAAS,yCAGyB,CAAA;AAmB/C,eAAO,MAAM,WAAW;;;6JA8BvB,CAAA;AAsBD,eAAO,MAAM,UAAU,sHAuBtB,CAAA;AAED,eAAO,MAAM,eAAe,6EAkB3B,CAAA;AAED,eAAO,MAAM,mBAAmB;;;4CAwBE,CAAA"}

package/dist/components/DateInput/helpers.js

@@ -1,8 +1,10 @@
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
 
 //#region src/components/DateInput/helpers.ts
-var getMonthFirstDay, addZero, getPreviousMonth, getNextMonth, isSameMonth, isSameDay, getDateISO, formatValue, createDate, createDateRange;
+var SPLIT_REGEX, DATE_SEPARATOR_REGEX, getMonthFirstDay, addZero, getPreviousMonth, getNextMonth, isSameMonth, isSameDay, getDateISO, formatValue, returnValidDate, createDate, createDateRange, getIsInHoveredRange;
 var init_helpers = __esmMin(() => {
+	SPLIT_REGEX = /\D+/;
+	DATE_SEPARATOR_REGEX = /[^a-zA-Z0-9]+/;
 	getMonthFirstDay = (month, year) => {
 		const firstDay = new Date(year, month - 1, 1).getDay();
 		return firstDay === 0 ? 6 : firstDay - 1;
@@ -22,8 +24,8 @@ var init_helpers = __esmMin(() => {
 		if (date) {
 			if (showMonthYearPicker) return [addZero(date.getMonth() + 1), date.getFullYear()].join("/");
 			return [
-				addZero(date.getMonth() + 1),
 				addZero(date.getDate()),
+				addZero(date.getMonth() + 1),
 				date.getFullYear()
 			].join("/");
 		}
@@ -42,23 +44,30 @@ var init_helpers = __esmMin(() => {
 		if (computedValue && format) return format(computedValue);
 		if (computedValue) return getDateISO(showMonthYearPicker, computedValue);
 	};
-	createDate = (value, showMonthYearPicker) => {
+	returnValidDate = (computedDate, minDate, maxDate) => {
+		const isValidDate = !!computedDate.getTime();
+		const isTooSoon = isValidDate && minDate && computedDate < minDate;
+		if (isValidDate && maxDate && computedDate > maxDate) return maxDate;
+		if (isTooSoon) return minDate;
+		return isValidDate ? computedDate : null;
+	};
+	createDate = (value, showMonthYearPicker, minDate, maxDate) => {
 		if (showMonthYearPicker) {
-			const res = value.split(/\D+/).map((val) => Number.parseInt(val, 10));
+			const res = value.split(SPLIT_REGEX).map((val) => Number.parseInt(val, 10));
 			const year = Math.max(...res) < 100 ? Math.max(...res) + 2e3 : Math.max(...res);
 			const month = Math.min(...res) - 1;
-			const computedDate = new Date(year, month);
-			return !!computedDate.getTime() ? computedDate : null;
+			return returnValidDate(new Date(year, month), minDate, maxDate);
 		}
-		const computedDate = new Date(value);
-		return !!computedDate.getTime() ? computedDate : null;
+		const [day, month, year] = value.split(DATE_SEPARATOR_REGEX);
+		return returnValidDate(/* @__PURE__ */ new Date(`${month} ${day} ${year}`), minDate, maxDate);
 	};
 	createDateRange = (value, showMonthYearPicker) => {
 		const [startDateInput, endDateInput] = value.split(" - ").map((val) => createDate(val, showMonthYearPicker));
 		return [startDateInput instanceof Date && !Number.isNaN(startDateInput.getTime()) ? startDateInput : null, endDateInput instanceof Date && !Number.isNaN(endDateInput.getTime()) ? endDateInput : null];
 	};
+	getIsInHoveredRange = (selectsRange, constructedDate, hoveredDate, range) => selectsRange && (range === null || range === void 0 ? void 0 : range.start) && constructedDate > range.start && hoveredDate && constructedDate < hoveredDate && !range.end || selectsRange && (range === null || range === void 0 ? void 0 : range.start) && constructedDate < range.start && hoveredDate && constructedDate > hoveredDate && !range.end || (range === null || range === void 0 ? void 0 : range.start) && range.end && constructedDate < range.end && constructedDate > range.start;
 });
 
 //#endregion
 init_helpers();
-export { createDate, createDateRange, formatValue, getMonthFirstDay, getNextMonth, getPreviousMonth, init_helpers, isSameDay, isSameMonth };
+export { createDate, createDateRange, formatValue, getIsInHoveredRange, getMonthFirstDay, getNextMonth, getPreviousMonth, init_helpers, isSameDay, isSameMonth };

package/dist/components/DateInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateInput/index.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACtC,OAAO,KAAK,EAAe,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEnE,KAAK,cAAc,CAAC,OAAO,SAAS,SAAS,GAAG,OAAO,GAAG,KAAK,IAAI;IACjE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACtD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACvD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,MAAM,GAAG,SAAS,CAAA;IAC7C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,YAAY,CAAC,EAAE,IAAI,EAAE,CAAA;IACrB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACvB,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,CAAA;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,SAAS,IAAI,GAC3B,CACE,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,GAAG,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,EACzC,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,KACzB,IAAI,GACT,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI,CAAA;CAC9D,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,OAAO,8aAyUhC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateInput/index.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACtC,OAAO,KAAK,EAAe,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEnE,KAAK,cAAc,CAAC,OAAO,SAAS,SAAS,GAAG,OAAO,GAAG,KAAK,IAAI;IACjE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACtD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACvD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,MAAM,GAAG,SAAS,CAAA;IAC7C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,YAAY,CAAC,EAAE,IAAI,EAAE,CAAA;IACrB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACvB,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,CAAA;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,SAAS,IAAI,GAC3B,CACE,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,GAAG,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,EACzC,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,KACzB,IAAI,GACT,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI,CAAA;CAC9D,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,OAAO,8aAmVhC,CAAA"}

package/dist/components/DateInput/index.js

@@ -152,7 +152,7 @@ var init_DateInput = __esmMin(() => {
 					setYearToShow(computedNewRange[0].getFullYear());
 				}
 			} else {
-				const computedDate = createDate(newValue, showMonthYearPicker);
+				const computedDate = createDate(newValue, showMonthYearPicker, minDate, maxDate);
 				if (computedDate) {
 					setMonthToShow(computedDate.getMonth() + 1);
 					setYearToShow(computedDate.getFullYear());
@@ -166,7 +166,7 @@ var init_DateInput = __esmMin(() => {
 				const computedNewRange = createDateRange(inputValue, showMonthYearPicker);
 				onChange === null || onChange === void 0 || onChange(computedNewRange, void 0);
 			} else {
-				const computedDate = createDate(inputValue, showMonthYearPicker);
+				const computedDate = createDate(inputValue, showMonthYearPicker, minDate, maxDate);
 				onChange === null || onChange === void 0 || onChange(computedDate, void 0);
 			}
 		};

package/dist/components/DateInput/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/DateInput/styles.css.ts"],"names":[],"mappings":"AAkCA,eAAO,MAAM,cAAc;;;;;;;;;;;;;CAO1B,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/DateInput/styles.css.ts"],"names":[],"mappings":"AAqCA,eAAO,MAAM,cAAc;;;;;;;;;;;;;CAO1B,CAAA"}

package/dist/components/Expandable/AnimatedExpandable.d.ts

@@ -0,0 +1,3 @@
+import type { ExpandableProps } from './types';
+export declare const AnimatedExpandable: ({ children, opened, minHeight, className, 'data-testid': dataTestId, style, animationDuration, }: ExpandableProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AnimatedExpandable.d.ts.map

package/dist/components/Expandable/AnimatedExpandable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedExpandable.d.ts","sourceRoot":"","sources":["../../../src/components/Expandable/AnimatedExpandable.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,eAAO,MAAM,kBAAkB,gKAmG9B,CAAA"}

package/dist/components/Expandable/AnimatedExpandable.js

@@ -0,0 +1,95 @@
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
+import { init_constant } from "./constant.js";
+import { animationDurationVar, expandableStyle, init_styles_css } from "./styles.css.js";
+import { useEffect, useRef, useState } from "react";
+import { cn } from "@ultraviolet/utils";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Expandable/AnimatedExpandable.tsx
+var AnimatedExpandable;
+var init_AnimatedExpandable = __esmMin(() => {
+	init_constant();
+	init_styles_css();
+	init_objectSpread2();
+	AnimatedExpandable = ({ children, opened, minHeight = 0, className, "data-testid": dataTestId, style, animationDuration = 300 }) => {
+		var _ref$current;
+		const [height, setHeight] = useState(null);
+		const transitionTimer = useRef(null);
+		const ref = useRef(null);
+		const shouldBeAnimated = animationDuration > 0;
+		const isFirstRender = useRef(true);
+		useEffect(() => {
+			setTimeout(() => {
+				if (isFirstRender.current) isFirstRender.current = false;
+			}, 0);
+		}, []);
+		/**
+		* At mount, we set the height variable to the height of the content only if the component is closed.
+		* This is to ensure we don't have animation when the component is opened at mount.
+		*/
+		useEffect(() => {
+			if (ref.current) {
+				var _ref$current$scrollHe;
+				setHeight((_ref$current$scrollHe = ref.current.scrollHeight) !== null && _ref$current$scrollHe !== void 0 ? _ref$current$scrollHe : 0);
+			}
+		}, [(_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.scrollHeight]);
+		/**
+		* Here we set maxHeight to the height of the content when the component is opened
+		* and after 300ms we set maxHeight to initial to let the content grow with animation.
+		* Setting it to initial is required to be able to have nested expandable or the height won't follow.
+		*/
+		useEffect(() => {
+			if (isFirstRender.current && !opened && ref.current) {
+				ref.current.style.maxHeight = `${minHeight !== null && minHeight !== void 0 ? minHeight : 0}px`;
+				ref.current.style.overflow = "hidden";
+			} else if (opened && ref.current && height) {
+				ref.current.style.maxHeight = `${height}px`;
+				ref.current.style.visibility = "";
+				transitionTimer.current = setTimeout(() => {
+					if (ref.current) {
+						ref.current.style.maxHeight = "initial";
+						ref.current.style.overflow = "visible";
+						ref.current.style.visibility = "";
+					}
+				}, 300);
+			} else {
+				if (transitionTimer === null || transitionTimer === void 0 ? void 0 : transitionTimer.current) clearTimeout(transitionTimer.current);
+				if (ref.current && height) {
+					ref.current.style.maxHeight = `${height}px`;
+					transitionTimer.current = setTimeout(() => {
+						if (ref.current) {
+							ref.current.style.maxHeight = `${minHeight}px`;
+							ref.current.style.overflow = "hidden";
+							setTimeout(() => {
+								if (ref.current && !minHeight) ref.current.style.visibility = "hidden";
+							}, 300);
+						}
+					}, 0);
+				}
+			}
+			return () => {
+				if (transitionTimer === null || transitionTimer === void 0 ? void 0 : transitionTimer.current) clearTimeout(transitionTimer.current);
+			};
+		}, [
+			animationDuration,
+			height,
+			minHeight,
+			opened,
+			shouldBeAnimated
+		]);
+		return /* @__PURE__ */ jsx("div", {
+			className: cn(className, expandableStyle.expandable),
+			"data-is-animated": shouldBeAnimated && !isFirstRender.current,
+			"data-testid": dataTestId,
+			ref,
+			style: _objectSpread2(_objectSpread2({}, assignInlineVars({ [animationDurationVar]: `${animationDuration}ms` })), style),
+			children
+		});
+	};
+});
+
+//#endregion
+init_AnimatedExpandable();
+export { AnimatedExpandable, init_AnimatedExpandable };

package/dist/components/Expandable/NonAnimatedExpandable.d.ts

@@ -0,0 +1,3 @@
+import type { ExpandableProps } from './types';
+export declare const NoAnimationExpandable: ({ children, opened, minHeight, className, 'data-testid': dataTestId, style, }: ExpandableProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NonAnimatedExpandable.d.ts.map

package/dist/components/Expandable/NonAnimatedExpandable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NonAnimatedExpandable.d.ts","sourceRoot":"","sources":["../../../src/components/Expandable/NonAnimatedExpandable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,eAAO,MAAM,qBAAqB,6IAejC,CAAA"}

package/dist/components/Expandable/NonAnimatedExpandable.js

@@ -0,0 +1,22 @@
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Expandable/NonAnimatedExpandable.tsx
+var NoAnimationExpandable;
+var init_NonAnimatedExpandable = __esmMin(() => {
+	init_objectSpread2();
+	NoAnimationExpandable = ({ children, opened, minHeight, className, "data-testid": dataTestId, style }) => /* @__PURE__ */ jsx("div", {
+		className,
+		"data-testid": dataTestId,
+		style: _objectSpread2({
+			display: opened ? void 0 : "none",
+			minHeight
+		}, style),
+		children
+	});
+});
+
+//#endregion
+init_NonAnimatedExpandable();
+export { NoAnimationExpandable, init_NonAnimatedExpandable };

package/dist/components/Expandable/constant.d.ts

@@ -0,0 +1,2 @@
+export declare const ANIMATION_DURATION = 300;
+//# sourceMappingURL=constant.d.ts.map

package/dist/components/Expandable/constant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constant.d.ts","sourceRoot":"","sources":["../../../src/components/Expandable/constant.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,MAAM,CAAA"}

package/dist/components/Expandable/constant.js

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Expandable/constant.ts
+var init_constant = __esmMin(() => {});
+
+//#endregion
+init_constant();
+export { init_constant };

package/dist/components/Expandable/index.d.ts

@@ -1,31 +1,8 @@
-import type { CSSProperties, ReactNode } from 'react';
-type ExpandableProps = {
-    /**
-     * The content to display
-     */
-    children: ReactNode;
-    /**
-     * To display or not the content
-     */
-    opened?: boolean;
-    /**
-     * The minimum height of the content
-     */
-    minHeight?: number;
-    className?: string;
-    'data-testid'?: string;
-    /**
-     * The duration of the animation in ms. If set to 0, the animation will be disabled.
-     */
-    animationDuration?: number;
-    style?: CSSProperties;
-};
-export declare const AnimatedExpandable: ({ children, opened, minHeight, className, 'data-testid': dataTestId, style, animationDuration, }: ExpandableProps) => import("react/jsx-runtime").JSX.Element;
+import type { ExpandableProps } from './types';
 /**
  * The Expandable component is a dynamic React component that allows for the expansion of its children content
  * based on its height. The component comes with a sleek and smooth animation, providing a visually pleasing
  * user experience.
  */
 export declare const Expandable: ({ children, opened, minHeight, className, 'data-testid': dataTestId, animationDuration, style, }: ExpandableProps) => import("react/jsx-runtime").JSX.Element;
-export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Expandable/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Expandable/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIrD,KAAK,eAAe,GAAG;IACrB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAmBD,eAAO,MAAM,kBAAkB,gKAmG9B,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,UAAU,gKAmCtB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Expandable/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C;;;;GAIG;AACH,eAAO,MAAM,UAAU,gKAmCtB,CAAA"}

package/dist/components/Expandable/index.js

@@ -1,103 +1,17 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.120.0/helpers/objectSpread2.js";
-import { animationDurationVar, expandableStyle, init_styles_css } from "./styles.css.js";
-import { useEffect, useRef, useState } from "react";
-import { cn } from "@ultraviolet/utils";
-import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { init_constant } from "./constant.js";
+import { AnimatedExpandable, init_AnimatedExpandable } from "./AnimatedExpandable.js";
+import { NoAnimationExpandable, init_NonAnimatedExpandable } from "./NonAnimatedExpandable.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Expandable/index.tsx
-var ANIMATION_DURATION, NoAnimationExpandable, AnimatedExpandable, Expandable;
+var Expandable;
 var init_Expandable = __esmMin(() => {
-	init_styles_css();
-	init_objectSpread2();
-	ANIMATION_DURATION = 300;
-	NoAnimationExpandable = ({ children, opened, minHeight, className, "data-testid": dataTestId, style }) => /* @__PURE__ */ jsx("div", {
-		className,
-		"data-testid": dataTestId,
-		style: _objectSpread2({
-			display: opened ? void 0 : "none",
-			minHeight
-		}, style),
-		children
-	});
-	AnimatedExpandable = ({ children, opened, minHeight = 0, className, "data-testid": dataTestId, style, animationDuration = ANIMATION_DURATION }) => {
-		var _ref$current;
-		const [height, setHeight] = useState(null);
-		const transitionTimer = useRef(null);
-		const ref = useRef(null);
-		const shouldBeAnimated = animationDuration > 0;
-		const isFirstRender = useRef(true);
-		useEffect(() => {
-			setTimeout(() => {
-				if (isFirstRender.current) isFirstRender.current = false;
-			}, 0);
-		}, []);
-		/**
-		* At mount, we set the height variable to the height of the content only if the component is closed.
-		* This is to ensure we don't have animation when the component is opened at mount.
-		*/
-		useEffect(() => {
-			if (ref.current) {
-				var _ref$current$scrollHe;
-				setHeight((_ref$current$scrollHe = ref.current.scrollHeight) !== null && _ref$current$scrollHe !== void 0 ? _ref$current$scrollHe : 0);
-			}
-		}, [(_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.scrollHeight]);
-		/**
-		* Here we set maxHeight to the height of the content when the component is opened
-		* and after 300ms we set maxHeight to initial to let the content grow with animation.
-		* Setting it to initial is required to be able to have nested expandable or the height won't follow.
-		*/
-		useEffect(() => {
-			if (isFirstRender.current && !opened && ref.current) {
-				ref.current.style.maxHeight = `${minHeight !== null && minHeight !== void 0 ? minHeight : 0}px`;
-				ref.current.style.overflow = "hidden";
-			} else if (opened && ref.current && height) {
-				ref.current.style.maxHeight = `${height}px`;
-				ref.current.style.visibility = "";
-				transitionTimer.current = setTimeout(() => {
-					if (ref.current) {
-						ref.current.style.maxHeight = "initial";
-						ref.current.style.overflow = "visible";
-						ref.current.style.visibility = "";
-					}
-				}, ANIMATION_DURATION);
-			} else {
-				if (transitionTimer === null || transitionTimer === void 0 ? void 0 : transitionTimer.current) clearTimeout(transitionTimer.current);
-				if (ref.current && height) {
-					ref.current.style.maxHeight = `${height}px`;
-					transitionTimer.current = setTimeout(() => {
-						if (ref.current) {
-							ref.current.style.maxHeight = `${minHeight}px`;
-							ref.current.style.overflow = "hidden";
-							setTimeout(() => {
-								if (ref.current && !minHeight) ref.current.style.visibility = "hidden";
-							}, ANIMATION_DURATION);
-						}
-					}, 0);
-				}
-			}
-			return () => {
-				if (transitionTimer === null || transitionTimer === void 0 ? void 0 : transitionTimer.current) clearTimeout(transitionTimer.current);
-			};
-		}, [
-			animationDuration,
-			height,
-			minHeight,
-			opened,
-			shouldBeAnimated
-		]);
-		return /* @__PURE__ */ jsx("div", {
-			className: cn(className, expandableStyle.expandable),
-			"data-is-animated": shouldBeAnimated && !isFirstRender.current,
-			"data-testid": dataTestId,
-			ref,
-			style: _objectSpread2(_objectSpread2({}, assignInlineVars({ [animationDurationVar]: `${animationDuration}ms` })), style),
-			children
-		});
-	};
-	Expandable = ({ children, opened, minHeight, className, "data-testid": dataTestId, animationDuration = ANIMATION_DURATION, style }) => {
+	init_AnimatedExpandable();
+	init_constant();
+	init_NonAnimatedExpandable();
+	Expandable = ({ children, opened, minHeight, className, "data-testid": dataTestId, animationDuration = 300, style }) => {
 		if (animationDuration > 0) return /* @__PURE__ */ jsx(AnimatedExpandable, {
 			animationDuration,
 			className,

package/dist/components/Expandable/types.d.ts

@@ -0,0 +1,23 @@
+import type { CSSProperties, ReactNode } from 'react';
+export type ExpandableProps = {
+    /**
+     * The content to display
+     */
+    children: ReactNode;
+    /**
+     * To display or not the content
+     */
+    opened?: boolean;
+    /**
+     * The minimum height of the content
+     */
+    minHeight?: number;
+    className?: string;
+    'data-testid'?: string;
+    /**
+     * The duration of the animation in ms. If set to 0, the animation will be disabled.
+     */
+    animationDuration?: number;
+    style?: CSSProperties;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/Expandable/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Expandable/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA"}

package/dist/components/ExpandableCard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ExpandableCard/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AACvD,OAAO,KAAK,EACV,aAAa,EACb,qBAAqB,EAGrB,aAAa,EACb,SAAS,EACV,MAAM,OAAO,CAAA;AAGd,KAAK,kBAAkB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAA;AAE/D,KAAK,cAAc,GACf;IACE,SAAS,EAAE,IAAI,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;CAC3D,GACD;IACE,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,gBAAgB,CAAC,EAAE,KAAK,CAAA;IACxB,MAAM,CAAC,EAAE,KAAK,CAAA;IACd,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,SAAS,CAAC,EAAE,KAAK,CAAA;CAClB,CAAA;AACL,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,SAAS,CAAA;IACjB,IAAI,CAAC,EAAE,kBAAkB,CAAA;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uCAAuC;IACvC,IAAI,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAA;IACxD,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,cAAc,CAAA;AAiOlB,eAAO,MAAM,cAAc;;;;;;;;CAEzB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ExpandableCard/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AACvD,OAAO,KAAK,EACV,aAAa,EACb,qBAAqB,EAGrB,aAAa,EACb,SAAS,EACV,MAAM,OAAO,CAAA;AAGd,KAAK,kBAAkB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAA;AAE/D,KAAK,cAAc,GACf;IACE,SAAS,EAAE,IAAI,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;CAC3D,GACD;IACE,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,gBAAgB,CAAC,EAAE,KAAK,CAAA;IACxB,MAAM,CAAC,EAAE,KAAK,CAAA;IACd,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,SAAS,CAAC,EAAE,KAAK,CAAA;CAClB,CAAA;AACL,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,SAAS,CAAA;IACjB,IAAI,CAAC,EAAE,kBAAkB,CAAA;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uCAAuC;IACvC,IAAI,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAA;IACxD,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,cAAc,CAAA;AAkOlB,eAAO,MAAM,cAAc;;;;;;;;CAEzB,CAAA"}

package/dist/components/FileInput/DropzoneContent.d.ts

@@ -0,0 +1,9 @@
+import type { RefObject } from 'react';
+export declare const DropzoneContent: ({ disabled, isSmall, inputId, title, inputRef, }: {
+    disabled?: boolean | undefined;
+    isSmall: boolean;
+    inputId: string;
+    title: string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | Iterable<import("react").ReactNode> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | null | undefined> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | ((inputId: string, inputRef: RefObject<HTMLInputElement | null>) => import("react").ReactNode) | null | undefined;
+    inputRef: RefObject<HTMLInputElement | null>;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DropzoneContent.d.ts.map

package/dist/components/FileInput/DropzoneContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropzoneContent.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/DropzoneContent.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,eAAO,MAAM,eAAe;;;;;;6CAmC3B,CAAA"}

package/dist/components/FileInput/DropzoneContent.js

@@ -0,0 +1,30 @@
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Text, init_Text } from "../Text/index.js";
+import { fileInputStyle, init_styles_css } from "./styles.css.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { UploadIcon } from "@ultraviolet/icons/UploadIcon";
+
+//#region src/components/FileInput/DropzoneContent.tsx
+var DropzoneContent;
+var init_DropzoneContent = __esmMin(() => {
+	init_Text();
+	init_styles_css();
+	DropzoneContent = ({ disabled, isSmall, inputId, title, inputRef }) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(UploadIcon, {
+		disabled,
+		sentiment: isSmall ? "neutral" : "primary",
+		size: isSmall ? "small" : "xlarge"
+	}), /* @__PURE__ */ jsx(Text, {
+		as: isSmall ? "label" : "div",
+		className: isSmall ? fileInputStyle.titleSmall[disabled ? "disabled" : "default"] : void 0,
+		disabled,
+		htmlFor: inputId,
+		placement: "left",
+		sentiment: "neutral",
+		variant: isSmall ? "bodySmallStrong" : "headingSmallStrong",
+		children: typeof title === "function" ? title(inputId, inputRef) : title
+	})] });
+});
+
+//#endregion
+init_DropzoneContent();
+export { DropzoneContent, init_DropzoneContent };

package/dist/components/FileInput/components/Button.js

@@ -1,6 +1,6 @@
 import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2, init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.120.0/helpers/objectSpread2.js";
-import { _objectWithoutProperties, init_objectWithoutProperties } from "../../../_virtual/_@oxc-project_runtime@0.120.0/helpers/objectWithoutProperties.js";
+import { _objectSpread2, init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
+import { _objectWithoutProperties, init_objectWithoutProperties } from "../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectWithoutProperties.js";
 import { Button, init_Button as init_Button$1 } from "../../Button/index.js";
 import { init_FileInputProvider, useFileInput } from "../FileInputProvider.js";
 import { jsx } from "react/jsx-runtime";

package/dist/components/FileInput/components/List.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/components/FileInput/components/List.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,SAAS,EAAY,MAAM,UAAU,CAAA;AAkEnD,eAAO,MAAM,SAAS,kGA6FrB,CAAA"}
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/components/FileInput/components/List.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,SAAS,EAAY,MAAM,UAAU,CAAA;AA2DnD,eAAO,MAAM,SAAS,kGA6FrB,CAAA"}