@ultraviolet/ui 3.16.0 → 3.18.0

package/dist/_virtual/_@oxc-project_runtime@0.130.0/helpers/asyncToGenerator.js

@@ -0,0 +1,34 @@
+import { __esmMin, __name } from "../../_rolldown/runtime.js";
+
+//#region \0@oxc-project+runtime@0.130.0/helpers/asyncToGenerator.js
+function asyncGeneratorStep(n, t, e, r, o, a, c) {
+	try {
+		var i = n[a](c);
+		var u = i.value;
+	} catch (n) {
+		e(n);
+		return;
+	}
+	i.done ? t(u) : Promise.resolve(u).then(r, o);
+}
+function _asyncToGenerator(n) {
+	return function() {
+		var t = this;
+		var e = arguments;
+		return new Promise(function(r, o) {
+			var a = n.apply(t, e);
+			function _next(n) {
+				asyncGeneratorStep(a, r, o, _next, _throw, "next", n);
+			}
+			function _throw(n) {
+				asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
+			}
+			_next(void 0);
+		});
+	};
+}
+var init_asyncToGenerator = __esmMin(() => {});
+
+//#endregion
+init_asyncToGenerator();
+export { _asyncToGenerator, init_asyncToGenerator };

package/dist/_virtual/_@oxc-project_runtime@0.130.0/helpers/extends.js

@@ -0,0 +1,17 @@
+import { __esmMin, __name } from "../../_rolldown/runtime.js";
+
+//#region \0@oxc-project+runtime@0.130.0/helpers/extends.js
+function _extends() {
+	return _extends = Object.assign ? Object.assign.bind() : function(n) {
+		for (var e = 1; e < arguments.length; e++) {
+			var t = arguments[e];
+			for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+		}
+		return n;
+	}, _extends.apply(null, arguments);
+}
+var init_extends = __esmMin(() => {});
+
+//#endregion
+init_extends();
+export { _extends, init_extends };

package/dist/_virtual/_@oxc-project_runtime@0.130.0/helpers/objectDestructuringEmpty.js

@@ -0,0 +1,11 @@
+import { __esmMin, __name } from "../../_rolldown/runtime.js";
+
+//#region \0@oxc-project+runtime@0.130.0/helpers/objectDestructuringEmpty.js
+function _objectDestructuringEmpty(t) {
+	if (null == t) throw new TypeError("Cannot destructure " + t);
+}
+var init_objectDestructuringEmpty = __esmMin(() => {});
+
+//#endregion
+init_objectDestructuringEmpty();
+export { _objectDestructuringEmpty, init_objectDestructuringEmpty };

package/dist/components/Avatar/styles.css.js

@@ -1,10 +1,12 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
 import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
+import { init_variables_css_ts_vanilla } from "./variables.css.ts.vanilla.js";
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/components/Avatar/styles.css.ts
 var avatarStyle;
 var init_styles_css = __esmMin(() => {
+	init_variables_css_ts_vanilla();
 	init_styles_css_ts_vanilla();
 	avatarStyle = {
 		container: createRuntimeFn({

package/dist/components/Checkbox/styles.css.js

@@ -1,5 +1,6 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
 import { init_styles_css_ts_vanilla } from "../CheckboxGroup/styles.css.ts.vanilla.js";
+import { init_variables_css_ts_vanilla } from "../List/variables.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$1 } from "../List/styles.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$2 } from "../SelectableCard/styles.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$3 } from "./styles.css.ts.vanilla.js";
@@ -8,6 +9,7 @@ import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$3 } from "./st
 var checkboxStyle;
 var init_styles_css = __esmMin(() => {
 	init_styles_css_ts_vanilla();
+	init_variables_css_ts_vanilla();
 	init_styles_css_ts_vanilla$1();
 	init_styles_css_ts_vanilla$2();
 	init_styles_css_ts_vanilla$3();

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

@@ -1,5 +1,5 @@
 import type { HTMLAttributes, ReactNode } from 'react';
-type HelperProps = {
+export type DescriptionProps = {
     helper?: ReactNode;
     success?: string | boolean;
     error?: ReactNode;
@@ -10,6 +10,5 @@ type HelperProps = {
 /**
  * Description is used inside all of our input components, but it can be used outside for design purposes
  */
-export declare const Description: ({ size, id, disabled, helper, success, error, style, className, }: HelperProps) => import("react/jsx-runtime").JSX.Element | null;
-export {};
+export declare const Description: ({ size, id, disabled, helper, success, error, style, className, }: DescriptionProps) => import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Description/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItD,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAA;IACnC,EAAE,EAAE,MAAM,CAAA;CACX,GAAG,IAAI,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,CAAA;AACrE;;GAEG;AACH,eAAO,MAAM,WAAW,sEASrB,WAAW,mDA0Cb,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Description/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAA;IACnC,EAAE,EAAE,MAAM,CAAA;CACX,GAAG,IAAI,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,CAAA;AACrE;;GAEG;AACH,eAAO,MAAM,WAAW,sEASrB,gBAAgB,mDA2ClB,CAAA"}

package/dist/components/Description/index.js

@@ -30,6 +30,7 @@ var init_Description = __esmMin(() => {
 			hasTextSuccess
 		]);
 		return helper || hasTextError || hasTextSuccess ? /* @__PURE__ */ jsx(Text, {
+			role: "status",
 			as: "span",
 			variant: size === "small" ? "captionSmall" : "caption",
 			sentiment: computedSentiment,

package/dist/components/FileInput/__mock__/mockFile.d.ts

@@ -0,0 +1,3 @@
+import type { FilesType } from '../types';
+export declare const defaultFiles: FilesType[];
+//# sourceMappingURL=mockFile.d.ts.map

package/dist/components/FileInput/__mock__/mockFile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mockFile.d.ts","sourceRoot":"","sources":["../../../../src/components/FileInput/__mock__/mockFile.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAuBzC,eAAO,MAAM,YAAY,EAAE,SAAS,EAuCnC,CAAA"}

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":"AAYA,OAAO,KAAK,EAAE,SAAS,EAAY,MAAM,UAAU,CAAA;AA+CnD,eAAO,MAAM,SAAS,+CAA4D,SAAS,mDAoE1F,CAAA"}
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/components/FileInput/components/List.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,SAAS,EAAY,MAAM,UAAU,CAAA;AA6CnD,eAAO,MAAM,SAAS,+CAA4D,SAAS,mDAoE1F,CAAA"}

package/dist/components/FileInput/components/List.js

@@ -24,7 +24,7 @@ var init_List = __esmMin(() => {
 	init_FileInputProvider();
 	init_helpers();
 	init_styles_css();
-	getIllustration = (type, file, error, loading) => {
+	getIllustration = (type, error, loading, file) => {
 		const state = error ? "error" : "default";
 		const sentiment = error ? "danger" : "primary";
 		if (loading) return /* @__PURE__ */ jsx("div", {
@@ -49,14 +49,13 @@ var init_List = __esmMin(() => {
 				size: "medium"
 			})
 		});
-		if (type === "image" && !error) return /* @__PURE__ */ jsx("img", {
+		if (type === "image") return !error && file ? /* @__PURE__ */ jsx("img", {
 			alt: "",
 			className: fileInputStyle.fileViewerImage.default,
 			height: "auto",
 			src: file,
 			width: "auto"
-		});
-		if (type === "image" && error) return /* @__PURE__ */ jsx("div", {
+		}) : /* @__PURE__ */ jsx("div", {
 			className: fileInputStyle.fileViewerImage[state],
 			children: /* @__PURE__ */ jsx(ImageIcon, {
 				sentiment,
@@ -81,13 +80,16 @@ var init_List = __esmMin(() => {
 			direction: "row",
 			gap: 1,
 			wrap: "wrap",
+			as: "ul",
+			className: fileInputStyle.fileListContainer,
 			children: [files.map((file, index) => {
 				if (!computedLimit || index < computedLimit) {
-					const illustration = getIllustration(getMimeTypeType(file.type), file.file, !!file.error || error, file.loading);
+					const illustration = getIllustration(getMimeTypeType(file.type), !!file.error || error, !!file.loading, file.file);
 					const sentiment = file.error ? "danger" : "neutral";
 					return /* @__PURE__ */ jsxs(Stack, {
-						"data-testid": file.fileName,
+						"data-testid": file.name,
 						gap: .5,
+						as: "li",
 						children: [/* @__PURE__ */ jsxs(Stack, {
 							alignItems: "center",
 							className: fileInputStyle.fileViewerContainer[file.error || error ? "error" : prominence],
@@ -106,7 +108,7 @@ var init_List = __esmMin(() => {
 										oneLine: true,
 										sentiment,
 										variant: "bodySmallStrong",
-										children: file.fileName
+										children: file.name
 									}), /* @__PURE__ */ jsx(Text, {
 										as: "p",
 										sentiment,
@@ -115,12 +117,12 @@ var init_List = __esmMin(() => {
 									})]
 								})]
 							}), /* @__PURE__ */ jsx(Button, {
-								"data-testid": `remove-${file.fileName}`,
+								"data-testid": `remove-${file.name}`,
 								onClick: () => {
 									const newFiles = files.filter((oldFile) => file.file !== oldFile.file);
 									setFiles(newFiles);
 									onChangeFiles === null || onChangeFiles === void 0 || onChangeFiles(newFiles);
-									onDelete === null || onDelete === void 0 || onDelete(file.fileName);
+									onDelete === null || onDelete === void 0 || onDelete(file.name);
 								},
 								sentiment,
 								size: "xsmall",
@@ -133,7 +135,7 @@ var init_List = __esmMin(() => {
 							variant: "caption",
 							children: file.error
 						}) : null]
-					}, file.fileName);
+					}, `${file.name}-${file.size}`);
 				}
 				return null;
 			}), computedLimit && files.length > computedLimit ? /* @__PURE__ */ jsxs(Button, {
@@ -145,7 +147,7 @@ var init_List = __esmMin(() => {
 				children: [
 					textLimit,
 					" (",
-					files.length,
+					files.length - (limit !== null && limit !== void 0 ? limit : 0),
 					")"
 				]
 			}) : null]

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

@@ -1,5 +1,9 @@
 import type { MimeType } from './types';
 export declare const getMimeTypeType: (mimeType: string) => MimeType;
 export declare const formatFileSize: (bytes: number) => string;
-export declare const fileIsAccepted: (fileType: string, accept?: string) => boolean;
+export declare const fileIsAccepted: (file: File, accept?: string) => boolean;
+/**
+ * Read the entries of a DataTransfer object, including the content of directories
+ */
+export declare const readTransferredFiles: (dataTransfer: DataTransfer) => Promise<FileList>;
 //# sourceMappingURL=helpers.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEvC,eAAO,MAAM,eAAe,aAAc,MAAM,KAAG,QAEiB,CAAA;AAEpE,eAAO,MAAM,cAAc,UAAW,MAAM,KAAG,MAmB9C,CAAA;AAED,eAAO,MAAM,cAAc,aAAc,MAAM,WAAW,MAAM,YA0B/D,CAAA"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEvC,eAAO,MAAM,eAAe,aAAc,MAAM,KAAG,QAEiB,CAAA;AAEpE,eAAO,MAAM,cAAc,UAAW,MAAM,KAAG,MAmB9C,CAAA;AAED,eAAO,MAAM,cAAc,SAAU,IAAI,WAAW,MAAM,YA6BzD,CAAA;AA+CD;;GAEG;AACH,eAAO,MAAM,oBAAoB,iBAAwB,YAAY,sBAUpE,CAAA"}

package/dist/components/FileInput/helpers.js

@@ -1,8 +1,52 @@
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { _asyncToGenerator, init_asyncToGenerator } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/asyncToGenerator.js";
 
 //#region src/components/FileInput/helpers.ts
-var getMimeTypeType, formatFileSize, fileIsAccepted;
+function readEntriesInDirectory(_x) {
+	return _readEntriesInDirectory.apply(this, arguments);
+}
+function _readEntriesInDirectory() {
+	_readEntriesInDirectory = _asyncToGenerator(function* (directory) {
+		const reader = directory.createReader();
+		const nestedEntries = [];
+		let results = [];
+		do {
+			results = yield new Promise((resolve, reject) => {
+				reader.readEntries(resolve, reject);
+			});
+			nestedEntries.push(...results);
+		} while ((results === null || results === void 0 ? void 0 : results.length) > 0);
+		return nestedEntries;
+	});
+	return _readEntriesInDirectory.apply(this, arguments);
+}
+/**
+* Recursive function to read all the files in a list of FileSystemEntry objects (files or directories)
+*/
+function readEntries(_x3) {
+	return _readEntries.apply(this, arguments);
+}
+function _readEntries() {
+	_readEntries = _asyncToGenerator(function* (entries) {
+		const readFilesPromises = entries.filter((entry) => isFileEntry(entry)).map((entry) => convertEntryToFile(entry));
+		const files = yield Promise.all(readFilesPromises);
+		const readFoldersPromises = entries.filter((entry) => isDirectoryEntry(entry)).map(function() {
+			var _ref = _asyncToGenerator(function* (directory) {
+				const nestedEntries = yield readEntriesInDirectory(directory);
+				if (nestedEntries.length > 0) files.push(...yield readEntries(nestedEntries));
+			});
+			return function(_x2) {
+				return _ref.apply(this, arguments);
+			};
+		}());
+		yield Promise.all(readFoldersPromises);
+		return files;
+	});
+	return _readEntries.apply(this, arguments);
+}
+var getMimeTypeType, formatFileSize, fileIsAccepted, isFileEntry, isDirectoryEntry, convertEntryToFile, readTransferredFiles;
 var init_helpers = __esmMin(() => {
+	init_asyncToGenerator();
 	getMimeTypeType = (mimeType) => {
 		var _mimeType$split;
 		return ((_mimeType$split = mimeType.split("/")) === null || _mimeType$split === void 0 || (_mimeType$split = _mimeType$split[0]) === null || _mimeType$split === void 0 ? void 0 : _mimeType$split.toLowerCase()) || "example";
@@ -24,18 +68,36 @@ var init_helpers = __esmMin(() => {
 		}
 		return `${size % 1 === 0 ? size : Number.parseFloat(size.toFixed(2))} ${units[unitIndex]}`;
 	};
-	fileIsAccepted = (fileType, accept) => {
+	fileIsAccepted = (file, accept) => {
 		if (!accept) return true;
 		const acceptItems = accept.split(",").map((a) => a.trim()).filter(Boolean);
 		if (acceptItems.length === 0) return true;
+		const { name: fileName, type: fileType } = file;
 		for (const item of acceptItems) if (item.endsWith("/*")) {
 			const prefix = item.slice(0, item.indexOf("/"));
 			if (fileType.startsWith(`${prefix}/`)) return true;
 		} else if (fileType === item) return true;
+		else if (item.startsWith(".") && fileName.toLocaleLowerCase().endsWith(item)) return true;
 		return false;
 	};
+	isFileEntry = (entry) => !!entry.isFile;
+	isDirectoryEntry = (entry) => !!entry.isDirectory;
+	convertEntryToFile = (entry) => new Promise((resolve, reject) => {
+		entry.file(resolve, reject);
+	});
+	readTransferredFiles = function() {
+		var _ref2 = _asyncToGenerator(function* (dataTransfer) {
+			const files = yield readEntries([...dataTransfer.items].map((entry) => entry.webkitGetAsEntry()).filter((item) => !!item));
+			const outputDataTransfer = new DataTransfer();
+			for (const file of files) outputDataTransfer.items.add(file);
+			return outputDataTransfer.files;
+		});
+		return function readTransferredFiles(_x4) {
+			return _ref2.apply(this, arguments);
+		};
+	}();
 });
 
 //#endregion
 init_helpers();
-export { fileIsAccepted, formatFileSize, getMimeTypeType, init_helpers };
+export { fileIsAccepted, formatFileSize, getMimeTypeType, init_helpers, readTransferredFiles };

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

@@ -1,5 +1,5 @@
 import type { FileInputProps } from './types';
-export declare const FileInput: (({ style, className, variant, size, title, children, onDrop, label, labelDescription, disabled, accept, 'aria-label': ariaLabel, defaultFiles, onChangeFiles, helper, multiple, bottom, required, error, onChange, onFocus, onBlur, name, onKeyDown, onKeyUp, disabledDragndrop, validator, 'data-testid': dataTestid, 'aria-describedby': ariaDescribedBy, }: FileInputProps) => import("react/jsx-runtime").JSX.Element) & {
+export declare const FileInput: (({ style, className, variant, size, title, children, onDrop, label, labelDescription, disabled, accept, 'aria-label': ariaLabel, defaultFiles, onChangeFiles, helper, multiple, bottom, required, error, onChange, onFocus, onBlur, name, onKeyDown, onKeyUp, disabledDragndrop, validator, onDropError, 'data-testid': dataTestid, 'aria-describedby': ariaDescribedBy, allowDirectories, }: FileInputProps) => import("react/jsx-runtime").JSX.Element) & {
     Button: ({ children, disabled, ...props }: import("react").ComponentProps<typeof import("..").Button>) => import("react/jsx-runtime").JSX.Element;
     List: ({ limit, textLimit, prominence, onDelete }: import("./types").ListProps) => import("react/jsx-runtime").JSX.Element | null;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/index.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAa,cAAc,EAAE,MAAM,SAAS,CAAA;AAgSxD,eAAO,MAAM,SAAS,kWA5PnB,cAAc;;;CA+Pf,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/index.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAa,cAAc,EAAE,MAAM,SAAS,CAAA;AA8SxD,eAAO,MAAM,SAAS,iYApQnB,cAAc;;;CAuQf,CAAA"}

package/dist/components/FileInput/index.js

@@ -8,7 +8,8 @@ import { Description, init_Description } from "../Description/index.js";
 import { Label, init_Label } from "../Label/index.js";
 import { FileInputContext, init_FileInputProvider } from "./FileInputProvider.js";
 import { FileInputButton, init_Button } from "./components/Button.js";
-import { fileIsAccepted, init_helpers } from "./helpers.js";
+import { _asyncToGenerator, init_asyncToGenerator } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/asyncToGenerator.js";
+import { fileIsAccepted, init_helpers, readTransferredFiles } from "./helpers.js";
 import { fileInputStyle, init_styles_css } from "./styles.css.js";
 import { ListFiles, init_List } from "./components/List.js";
 import { DropzoneContent, init_DropzoneContent } from "./DropzoneContent.js";
@@ -29,14 +30,18 @@ var init_FileInput = __esmMin(() => {
 	init_FileInputProvider();
 	init_helpers();
 	init_styles_css();
+	init_asyncToGenerator();
 	init_objectSpread2();
-	FileInputBase = ({ style, className, variant = "dropzone", size = "medium", title, children, onDrop, label, labelDescription, disabled, accept, "aria-label": ariaLabel, defaultFiles, onChangeFiles, helper, multiple = false, bottom, required, error, onChange, onFocus, onBlur, name, onKeyDown, onKeyUp, disabledDragndrop = false, validator, "data-testid": dataTestid, "aria-describedby": ariaDescribedBy }) => {
-		var _ref;
+	FileInputBase = ({ style, className, variant = "dropzone", size = "medium", title, children, onDrop, label, labelDescription, disabled, accept, "aria-label": ariaLabel, defaultFiles, onChangeFiles, helper, multiple = false, bottom, required, error, onChange, onFocus, onBlur, name, onKeyDown, onKeyUp, disabledDragndrop = false, validator, onDropError = (e) => {
+		if (e instanceof Error) throw e;
+	}, "data-testid": dataTestid, "aria-describedby": ariaDescribedBy, allowDirectories }) => {
+		var _ref2;
 		const [dragState, setDragState] = useState("default");
 		const [files, setFiles] = useState(defaultFiles !== null && defaultFiles !== void 0 ? defaultFiles : []);
 		const inputId = useId();
 		const helperId = useId();
 		const inputRef = useRef(null);
+		const computedMultiple = allowDirectories || multiple;
 		const onDragOver = (event) => {
 			event.preventDefault();
 			event.stopPropagation();
@@ -72,7 +77,7 @@ var init_FileInput = __esmMin(() => {
 			const newFiles = [];
 			const errorFiles = [];
 			for (const file of droppedFiles) {
-				const isAccepted = fileIsAccepted(file.type, accept);
+				const isAccepted = fileIsAccepted(file, accept);
 				const customError = validator === null || validator === void 0 ? void 0 : validator(file);
 				if (isAccepted && !customError) newFiles.push(file);
 				else {
@@ -84,17 +89,17 @@ var init_FileInput = __esmMin(() => {
 					});
 				}
 			}
-			const formattedNewFiles = newFiles.map((file) => ({
-				file: URL.createObjectURL(file),
-				fileName: file.name,
-				lastModified: file.lastModified,
-				size: file.size,
-				type: file.type
-			}));
-			const formattedFiles = multiple ? [...files, ...formattedNewFiles] : [formattedNewFiles[0]];
+			const formattedNewFiles = newFiles.map((file) => Object.assign(file, { file: URL.createObjectURL(file) }));
+			const formattedFiles = computedMultiple ? [...files, ...formattedNewFiles] : [formattedNewFiles[0]];
 			setFiles(formattedFiles);
 			onChangeFiles === null || onChangeFiles === void 0 || onChangeFiles(formattedFiles);
-			if (addedFiles) onChange === null || onChange === void 0 || onChange(addedFiles);
+			if (addedFiles && onChange) {
+				const dataTransfer = new DataTransfer();
+				formattedFiles.forEach((formattedFile) => {
+					dataTransfer.items.add(formattedFile);
+				});
+				onChange(dataTransfer.files);
+			}
 			if (inputRef.current) inputRef.current.value = "";
 			return [newFiles, errorFiles];
 		};
@@ -102,20 +107,23 @@ var init_FileInput = __esmMin(() => {
 			event.preventDefault();
 			if (!disabled) addFiles(event.target.files);
 		};
-		const onDropComputed = (event) => {
-			event.preventDefault();
-			if (!disabled) {
+		const onDropComputed = function() {
+			var _ref = _asyncToGenerator(function* (event) {
 				var _event$dataTransfer;
-				const [acceptedFiles, errorFiles] = addFiles((_event$dataTransfer = event.dataTransfer) === null || _event$dataTransfer === void 0 ? void 0 : _event$dataTransfer.files);
+				event.preventDefault();
+				if (disabled || disabledDragndrop) return;
+				const [acceptedFiles, errorFiles] = addFiles(allowDirectories ? yield readTransferredFiles(event.dataTransfer) : (_event$dataTransfer = event.dataTransfer) === null || _event$dataTransfer === void 0 ? void 0 : _event$dataTransfer.files);
 				onDrop === null || onDrop === void 0 || onDrop(event, acceptedFiles, errorFiles);
-			}
-		};
+			});
+			return function onDropComputed(_x) {
+				return _ref.apply(this, arguments);
+			};
+		}();
 		const computedChildren = typeof children === "function" ? children(inputId, inputRef) : children;
 		const computedHelper = /* @__PURE__ */ jsx(Description, {
 			error,
 			helper,
 			id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : helperId,
-			size,
 			disabled
 		});
 		const input = /* @__PURE__ */ jsx("input", {
@@ -126,8 +134,8 @@ var init_FileInput = __esmMin(() => {
 			"data-testid": dataTestid,
 			disabled,
 			id: inputId,
-			multiple,
-			name: (_ref = name !== null && name !== void 0 ? name : label) !== null && _ref !== void 0 ? _ref : ariaLabel,
+			multiple: computedMultiple,
+			name: (_ref2 = name !== null && name !== void 0 ? name : label) !== null && _ref2 !== void 0 ? _ref2 : ariaLabel,
 			onChange: onChangeLocal,
 			ref: inputRef,
 			required,
@@ -176,7 +184,7 @@ var init_FileInput = __esmMin(() => {
 								className: disabled ? fileInputStyle.dropzoneOverlayDisabled[dragState] : fileInputStyle.dropzoneOverlay[dragState],
 								onDragOver: (event) => event.preventDefault(),
 								onDrop: (event) => {
-									if (!disabledDragndrop) onDropComputed(event);
+									onDropComputed(event).catch(onDropError);
 								},
 								style,
 								children: title && typeof title !== "function" && dragState !== "default" ? /* @__PURE__ */ jsx(Text, {
@@ -231,7 +239,9 @@ var init_FileInput = __esmMin(() => {
 						}, isSmall ? { type: "button" } : void 0), {}, {
 							"data-testid": "drag-container",
 							onDragOver,
-							onDrop: onDropComputed,
+							onDrop: (event) => {
+								onDropComputed(event).catch(onDropError);
+							},
 							children: [/* @__PURE__ */ jsx(DropzoneContent, {
 								disabled,
 								inputId,

package/dist/components/FileInput/styles.css.d.ts

@@ -33,6 +33,7 @@ export declare const fileInputStyle: {
     fileViewerContainer: Record<"default" | "error" | "strong", string>;
     fileViewerImageBase: string;
     fileInfo: string;
+    fileListContainer: string;
     fileViewerImage: Record<"default" | "error", string>;
 };
 //# sourceMappingURL=styles.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/styles.css.ts"],"names":[],"mappings":"AAkMA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;YAjIrB,OAAO;YACP,IAAI;YACJ,IAAI;;;;;;;;;;;;CA0IT,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/styles.css.ts"],"names":[],"mappings":"AAuMA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;YAtIrB,OAAO;YACP,IAAI;YACJ,IAAI;;;;;;;;;;;;;CAgJT,CAAA"}

package/dist/components/FileInput/styles.css.js

@@ -51,15 +51,16 @@ var init_styles_css = __esmMin(() => {
 			page: "uv_12cubgsk uv_12cubgsh"
 		},
 		fileViewerContainer: {
-			"default": "uv_12cubgsm uv_12cubgsl",
-			error: "uv_12cubgsn uv_12cubgsl",
-			strong: "uv_12cubgso uv_12cubgsl"
+			"default": "uv_12cubgsn uv_12cubgsm",
+			error: "uv_12cubgso uv_12cubgsm",
+			strong: "uv_12cubgsp uv_12cubgsm"
 		},
-		fileViewerImageBase: "uv_12cubgsp",
-		fileInfo: "uv_12cubgss",
+		fileViewerImageBase: "uv_12cubgsq",
+		fileInfo: "uv_12cubgst",
+		fileListContainer: "uv_12cubgsl",
 		fileViewerImage: {
-			"default": "uv_12cubgsq uv_12cubgsp",
-			error: "uv_12cubgsr uv_12cubgsp"
+			"default": "uv_12cubgsr uv_12cubgsq",
+			error: "uv_12cubgss uv_12cubgsq"
 		}
 	};
 });

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

@@ -1,14 +1,10 @@
 import type { DragEvent, InputHTMLAttributes, ReactNode, RefObject } from 'react';
 type ChildrenType = ReactNode | ((inputId: string, inputRef: RefObject<HTMLInputElement | null>) => ReactNode);
 export type FilesType = {
-    fileName: string;
-    file: string;
-    size: number;
-    lastModified: number;
-    type: string;
+    file?: string;
     loading?: boolean;
     error?: string;
-};
+} & File;
 export type ErrorType = {
     fileName?: string;
     error: string;
@@ -60,7 +56,18 @@ export type FileInputProps = {
     error?: boolean | string;
     disabledDragndrop?: boolean;
     onChange?: (files: FileList) => void;
+    /**
+     * Catch error when reading drag and dropped files
+     */
+    onDropError?: (error?: unknown) => void;
     validator?: (file: File) => string | null | undefined;
+    /**
+     * Allow to drag and drop folders in the dropzone. When set to true:
+     * - `multiple` will automatically be set to `true`
+     * - The files are all flattened and returned as a list. It is possible to use a path to reconstruct the folder
+     * (`file.webkitpath`)
+     */
+    allowDirectories?: boolean;
 } & (OverlayVariantProps | DropzoneVariantProps) & LabelType & Pick<InputHTMLAttributes<HTMLInputElement>, 'onFocus' | 'onBlur' | 'name' | 'disabled' | 'required' | 'onKeyDown' | 'onKeyUp' | 'style' | 'aria-describedby'>;
 type LimitType = {
     limit: number;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/types.ts"],"names":[],"mappings":"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"}

package/dist/components/Key/constants.d.ts

@@ -1,9 +1,9 @@
 export declare const KEYS_MATCH: {
-    readonly backspace: '\u232B';
-    readonly command: '\u2318';
-    readonly control: '\u2303';
-    readonly enter: '\u21B5';
-    readonly option: '\u2325';
-    readonly shift: '\u21E7';
+    readonly backspace: '⌫';
+    readonly command: '⌘';
+    readonly control: '⌃';
+    readonly enter: '↵';
+    readonly option: '⌥';
+    readonly shift: '⇧';
 };
 //# sourceMappingURL=constants.d.ts.map

package/dist/components/Key/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Key/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;aACrB,SAAS,EAAE,QAAG;aACd,OAAO,EAAE,QAAG;aACZ,OAAO,EAAE,QAAG;aACZ,KAAK,EAAE,QAAG;aACV,MAAM,EAAE,QAAG;aACX,KAAK,EAAE,QAAG;CACF,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Key/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;aACrB,SAAS,EAAE,GAAG;aACd,OAAO,EAAE,GAAG;aACZ,OAAO,EAAE,GAAG;aACZ,KAAK,EAAE,GAAG;aACV,MAAM,EAAE,GAAG;aACX,KAAK,EAAE,GAAG;CACF,CAAA"}

package/dist/components/Modal/ModalContent.d.ts

@@ -14,6 +14,6 @@ type ModalContentProps = ComponentProps<typeof Modal> & {
     image?: string;
     style?: CSSProperties;
 };
-export declare const ModalContent: ({ visible, open, placement, finalSize, ariaLabel, hideOnClickOutside, hideOnEsc, preventBodyScroll, handleClose, className, backdropClassName, dataTestId, isClosable, children, handleOpen, handleToggle, finalId, image, style, ref, isDrawer, }: ModalContentProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ModalContent: ({ visible, open, placement, finalSize, ariaLabel, hideOnClickOutside, hideOnEsc, preventBodyScroll, handleClose, className, backdropClassName, dataTestId, isClosable, children, handleOpen, handleToggle, finalId, image, closeButtonSentiment, style, ref, isDrawer, }: ModalContentProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};
 //# sourceMappingURL=ModalContent.d.ts.map

package/dist/components/Modal/ModalContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalContent.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalContent.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,CAAA;AAG9B,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAGxD,KAAK,iBAAiB,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,GAAG;IACtD,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,OAAO,CAAA;IACb,SAAS,EAAE,cAAc,CAAA;IACzB,SAAS,EAAE,SAAS,CAAA;IACpB,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,YAAY,uPAsBtB,iBAAiB,mDA4CV,CAAA"}
+{"version":3,"file":"ModalContent.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalContent.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,CAAA;AAG9B,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAGxD,KAAK,iBAAiB,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,GAAG;IACtD,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,OAAO,CAAA;IACb,SAAS,EAAE,cAAc,CAAA;IACzB,SAAS,EAAE,SAAS,CAAA;IACpB,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,YAAY,6QAuBtB,iBAAiB,mDA4CV,CAAA"}

package/dist/components/Modal/ModalContent.js

@@ -12,7 +12,7 @@ var init_ModalContent = __esmMin(() => {
 	init_Button();
 	init_Dialog();
 	init_styles_css();
-	ModalContent = ({ visible, open, placement, finalSize, ariaLabel, hideOnClickOutside, hideOnEsc, preventBodyScroll, handleClose, className, backdropClassName, dataTestId, isClosable, children, handleOpen, handleToggle, finalId, image, style, ref, isDrawer }) => visible || open ? /* @__PURE__ */ jsxs(Dialog, {
+	ModalContent = ({ visible, open, placement, finalSize, ariaLabel, hideOnClickOutside, hideOnEsc, preventBodyScroll, handleClose, className, backdropClassName, dataTestId, isClosable, children, handleOpen, handleToggle, finalId, image, closeButtonSentiment, style, ref, isDrawer }) => visible || open ? /* @__PURE__ */ jsxs(Dialog, {
 		ariaLabel,
 		backdropClassName,
 		className,
@@ -41,7 +41,7 @@ var init_ModalContent = __esmMin(() => {
 				"aria-label": "close",
 				"data-testid": dataTestId ? `${dataTestId}-close-button` : void 0,
 				onClick: handleClose,
-				sentiment: "neutral",
+				sentiment: closeButtonSentiment,
 				size: "small",
 				variant: "ghost",
 				children: /* @__PURE__ */ jsx(CloseIcon, {})