@ultraviolet/ui 3.21.1 → 3.22.0

package/dist/components/FileInput/index.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { Stack, init_Stack } from "../Stack/index.js";
 import { Text, init_Text } from "../Text/index.js";
 import { hasHelperText, init_hasHelperText } from "../../helpers/hasHelperText.js";
@@ -9,7 +9,7 @@ import { Label, init_Label } from "../Label/index.js";
 import { fileInputStyle, init_styles_css } from "./styles.css.js";
 import { FileInputContext, init_FileInputProvider } from "./FileInputProvider.js";
 import { FileInputButton, init_Button } from "./components/Button.js";
-import _asyncToGenerator, { init_asyncToGenerator } from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/asyncToGenerator.js";
+import _asyncToGenerator, { init_asyncToGenerator } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/asyncToGenerator.js";
 import { fileIsAccepted, init_helpers, readTransferredFiles } from "./helpers.js";
 import { ListFiles, init_List } from "./components/List.js";
 import { DropzoneContent, init_DropzoneContent } from "./DropzoneContent.js";
@@ -18,253 +18,255 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/FileInput/index.tsx
 var defaultOnDropError, FileInputBase, FileInput;
-var init_FileInput = __esmMin(() => {
-	init_hasHelperText();
-	init_Description();
-	init_Label();
-	init_Stack();
-	init_Text();
-	init_Button();
-	init_List();
-	init_DropzoneContent();
-	init_FileInputProvider();
-	init_helpers();
-	init_styles_css();
-	init_asyncToGenerator();
-	init_objectSpread2();
-	defaultOnDropError = (e) => {
-		if (e instanceof Error) throw e;
-	};
-	FileInputBase = ({ style, className, variant = "dropzone", size = "medium", title, children, onDrop, label, labelDescription, disabled, accept, id, "aria-label": ariaLabel, defaultFiles, onChangeFiles, helper, multiple = false, bottom, required, error, onChange, onFocus, onBlur, name, onKeyDown, onKeyUp, disabledDragndrop = false, validator, onDropError = defaultOnDropError, "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 generatedId = useId();
-		const inputId = id !== null && id !== void 0 ? id : generatedId;
-		const helperId = useId();
-		const inputRef = useRef(null);
-		const computedMultiple = allowDirectories || multiple;
-		const onDragOver = (event) => {
-			event.preventDefault();
-			event.stopPropagation();
-			setDragState("over");
+function init_FileInput() {
+	return (init_FileInput = __esmMin(() => {
+		init_hasHelperText();
+		init_Description();
+		init_Label();
+		init_Stack();
+		init_Text();
+		init_Button();
+		init_List();
+		init_DropzoneContent();
+		init_FileInputProvider();
+		init_helpers();
+		init_styles_css();
+		init_asyncToGenerator();
+		init_objectSpread2();
+		defaultOnDropError = (e) => {
+			if (e instanceof Error) throw e;
 		};
-		const onDragPage = () => {
-			setDragState("page");
-		};
-		const handleDrop = () => setDragState("default");
-		const handleDragLeave = (event) => {
-			const dragEvent = event;
-			if (event.type === "dragend" || dragEvent.relatedTarget === null) setDragState("default");
-		};
-		useLayoutEffect(() => {
-			if (!disabledDragndrop) {
-				window.addEventListener("dragenter", onDragPage);
-				window.addEventListener("dragend", handleDragLeave);
-				window.addEventListener("drop", handleDrop);
-				window.addEventListener("dragleave", handleDragLeave);
-			}
-			return () => {
-				window.removeEventListener("dragenter", onDragPage);
-				window.removeEventListener("dragend", handleDragLeave);
-				window.removeEventListener("drop", handleDrop);
-				window.removeEventListener("dragleave", handleDragLeave);
+		FileInputBase = ({ style, className, variant = "dropzone", size = "medium", title, children, onDrop, label, labelDescription, disabled, accept, id, "aria-label": ariaLabel, defaultFiles, onChangeFiles, helper, multiple = false, bottom, required, error, onChange, onFocus, onBlur, name, onKeyDown, onKeyUp, disabledDragndrop = false, validator, onDropError = defaultOnDropError, "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 generatedId = useId();
+			const inputId = id !== null && id !== void 0 ? id : generatedId;
+			const helperId = useId();
+			const inputRef = useRef(null);
+			const computedMultiple = allowDirectories || multiple;
+			const onDragOver = (event) => {
+				event.preventDefault();
+				event.stopPropagation();
+				setDragState("over");
 			};
-		}, [disabledDragndrop]);
-		useEffect(() => {
-			if (defaultFiles) setFiles(defaultFiles);
-		}, [defaultFiles]);
-		const addFiles = (addedFiles) => {
-			const droppedFiles = [...addedFiles !== null && addedFiles !== void 0 ? addedFiles : []];
-			const newFiles = [];
-			const errorFiles = [];
-			for (const file of droppedFiles) {
-				const isAccepted = fileIsAccepted(file, accept);
-				const customError = validator === null || validator === void 0 ? void 0 : validator(file);
-				if (isAccepted && !customError) newFiles.push(file);
-				else {
-					const acceptArray = accept === null || accept === void 0 ? void 0 : accept.split(",");
-					const defaultMessage = acceptArray ? `File type must be ${acceptArray.length > 1 ? `one of ${acceptArray.join(", ")}` : acceptArray[0]}` : "Error";
-					errorFiles.push({
-						fileName: file.name,
-						error: customError !== null && customError !== void 0 ? customError : defaultMessage
+			const onDragPage = () => {
+				setDragState("page");
+			};
+			const handleDrop = () => setDragState("default");
+			const handleDragLeave = (event) => {
+				const dragEvent = event;
+				if (event.type === "dragend" || dragEvent.relatedTarget === null) setDragState("default");
+			};
+			useLayoutEffect(() => {
+				if (!disabledDragndrop) {
+					window.addEventListener("dragenter", onDragPage);
+					window.addEventListener("dragend", handleDragLeave);
+					window.addEventListener("drop", handleDrop);
+					window.addEventListener("dragleave", handleDragLeave);
+				}
+				return () => {
+					window.removeEventListener("dragenter", onDragPage);
+					window.removeEventListener("dragend", handleDragLeave);
+					window.removeEventListener("drop", handleDrop);
+					window.removeEventListener("dragleave", handleDragLeave);
+				};
+			}, [disabledDragndrop]);
+			useEffect(() => {
+				if (defaultFiles) setFiles(defaultFiles);
+			}, [defaultFiles]);
+			const addFiles = (addedFiles) => {
+				const droppedFiles = [...addedFiles !== null && addedFiles !== void 0 ? addedFiles : []];
+				const newFiles = [];
+				const errorFiles = [];
+				for (const file of droppedFiles) {
+					const isAccepted = fileIsAccepted(file, accept);
+					const customError = validator === null || validator === void 0 ? void 0 : validator(file);
+					if (isAccepted && !customError) newFiles.push(file);
+					else {
+						const acceptArray = accept === null || accept === void 0 ? void 0 : accept.split(",");
+						const defaultMessage = acceptArray ? `File type must be ${acceptArray.length > 1 ? `one of ${acceptArray.join(", ")}` : acceptArray[0]}` : "Error";
+						errorFiles.push({
+							fileName: file.name,
+							error: customError !== null && customError !== void 0 ? customError : defaultMessage
+						});
+					}
+				}
+				const formattedNewFiles = newFiles.map((file) => Object.assign(file, { file: URL.createObjectURL(file) }));
+				const formattedFiles = (computedMultiple ? [...files, ...formattedNewFiles] : [formattedNewFiles[0]]).filter(Boolean);
+				setFiles(formattedFiles);
+				onChangeFiles === null || onChangeFiles === void 0 || onChangeFiles(formattedFiles);
+				if (addedFiles && onChange) {
+					const dataTransfer = new DataTransfer();
+					formattedFiles.forEach((formattedFile) => {
+						dataTransfer.items.add(formattedFile);
 					});
+					onChange(dataTransfer.files);
 				}
-			}
-			const formattedNewFiles = newFiles.map((file) => Object.assign(file, { file: URL.createObjectURL(file) }));
-			const formattedFiles = (computedMultiple ? [...files, ...formattedNewFiles] : [formattedNewFiles[0]]).filter(Boolean);
-			setFiles(formattedFiles);
-			onChangeFiles === null || onChangeFiles === void 0 || onChangeFiles(formattedFiles);
-			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];
-		};
-		const onChangeLocal = (event) => {
-			event.preventDefault();
-			if (!disabled) addFiles(event.target.files);
-		};
-		const onDropComputed = function() {
-			var _ref = _asyncToGenerator(function* (event) {
-				var _event$dataTransfer;
+				if (inputRef.current) inputRef.current.value = "";
+				return [newFiles, errorFiles];
+			};
+			const onChangeLocal = (event) => {
 				event.preventDefault();
-				if (disabled || disabledDragndrop) return;
-				const fileList = allowDirectories ? yield readTransferredFiles(event.dataTransfer) : (_event$dataTransfer = event.dataTransfer) === null || _event$dataTransfer === void 0 ? void 0 : _event$dataTransfer.files;
-				const [acceptedFiles, errorFiles] = addFiles(fileList);
-				onDrop === null || onDrop === void 0 || onDrop(event, acceptedFiles, errorFiles);
-			});
-			return function onDropComputed(_x) {
-				return _ref.apply(this, arguments);
+				if (!disabled) addFiles(event.target.files);
 			};
-		}();
-		const computedChildren = typeof children === "function" ? children(inputId, inputRef) : children;
-		const computedHelper = /* @__PURE__ */ jsx(Description, {
-			error,
-			helper,
-			id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : helperId,
-			disabled
-		});
-		const input = /* @__PURE__ */ jsx("input", {
-			accept,
-			"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error) ? helperId : void 0),
-			"aria-label": ariaLabel,
-			className: fileInputStyle.fileInput,
-			"data-testid": dataTestid,
-			disabled,
-			id: inputId,
-			multiple: computedMultiple,
-			name: (_ref2 = name !== null && name !== void 0 ? name : label) !== null && _ref2 !== void 0 ? _ref2 : ariaLabel,
-			onChange: onChangeLocal,
-			ref: inputRef,
-			required,
-			type: "file",
-			onFocus,
-			onBlur,
-			onKeyDown,
-			onKeyUp
-		});
-		const bottomComputed = bottom ? /* @__PURE__ */ jsx(Text, {
-			as: "div",
-			disabled,
-			prominence: "weak",
-			sentiment: "neutral",
-			variant: "caption",
-			children: bottom
-		}) : null;
-		const value = useMemo(() => ({
-			disabled,
-			error: !!error,
-			files,
-			inputRef,
-			onChangeFiles,
-			setFiles
-		}), [
-			disabled,
-			error,
-			files,
-			onChangeFiles
-		]);
-		if (variant === "overlay") return /* @__PURE__ */ jsx(FileInputContext.Provider, {
-			value,
-			children: /* @__PURE__ */ jsxs(Stack, {
-				direction: "column",
-				gap: 1,
-				children: [
-					/* @__PURE__ */ jsxs("div", {
-						className,
-						"data-testid": "drag-container",
-						onDragOver: (event) => {
-							if (!disabledDragndrop) onDragOver(event);
-						},
-						children: [input, /* @__PURE__ */ jsxs("div", {
-							className: fileInputStyle.overlayWrapper,
-							children: [computedChildren, /* @__PURE__ */ jsx("div", {
-								className: disabled ? fileInputStyle.dropzoneOverlayDisabled[dragState] : fileInputStyle.dropzoneOverlay[dragState],
-								onDragOver: (event) => event.preventDefault(),
-								onDrop: (event) => {
-									onDropComputed(event).catch(onDropError);
-								},
-								style,
-								children: title && typeof title !== "function" && dragState !== "default" ? /* @__PURE__ */ jsx(Text, {
-									as: "div",
-									disabled,
-									sentiment: "primary",
-									variant: "bodySmallStrong",
-									children: title
-								}) : null
-							})]
-						})]
-					}),
-					bottomComputed,
-					computedHelper
-				]
-			})
-		});
-		const isSmall = size === "small";
-		const Container = isSmall ? "button" : "div";
-		return /* @__PURE__ */ jsx(FileInputContext.Provider, {
-			value,
-			children: /* @__PURE__ */ jsxs(Stack, {
-				direction: "column",
-				gap: 1,
-				width: "100%",
-				children: [/* @__PURE__ */ jsxs(Stack, {
-					className,
+			const onDropComputed = function() {
+				var _ref = _asyncToGenerator(function* (event) {
+					var _event$dataTransfer;
+					event.preventDefault();
+					if (disabled || disabledDragndrop) return;
+					const fileList = allowDirectories ? yield readTransferredFiles(event.dataTransfer) : (_event$dataTransfer = event.dataTransfer) === null || _event$dataTransfer === void 0 ? void 0 : _event$dataTransfer.files;
+					const [acceptedFiles, errorFiles] = addFiles(fileList);
+					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,
+				disabled
+			});
+			const input = /* @__PURE__ */ jsx("input", {
+				accept,
+				"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error) ? helperId : void 0),
+				"aria-label": ariaLabel,
+				className: fileInputStyle.fileInput,
+				"data-testid": dataTestid,
+				disabled,
+				id: inputId,
+				multiple: computedMultiple,
+				name: (_ref2 = name !== null && name !== void 0 ? name : label) !== null && _ref2 !== void 0 ? _ref2 : ariaLabel,
+				onChange: onChangeLocal,
+				ref: inputRef,
+				required,
+				type: "file",
+				onFocus,
+				onBlur,
+				onKeyDown,
+				onKeyUp
+			});
+			const bottomComputed = bottom ? /* @__PURE__ */ jsx(Text, {
+				as: "div",
+				disabled,
+				prominence: "weak",
+				sentiment: "neutral",
+				variant: "caption",
+				children: bottom
+			}) : null;
+			const value = useMemo(() => ({
+				disabled,
+				error: !!error,
+				files,
+				inputRef,
+				onChangeFiles,
+				setFiles
+			}), [
+				disabled,
+				error,
+				files,
+				onChangeFiles
+			]);
+			if (variant === "overlay") return /* @__PURE__ */ jsx(FileInputContext.Provider, {
+				value,
+				children: /* @__PURE__ */ jsxs(Stack, {
 					direction: "column",
-					gap: .5,
+					gap: 1,
 					children: [
-						label || labelDescription ? /* @__PURE__ */ jsx(Label, {
-							labelDescription,
-							required,
-							size,
-							htmlFor: inputId,
-							children: label
-						}) : null,
-						disabled ? null : input,
-						/* @__PURE__ */ jsxs(Container, _objectSpread2(_objectSpread2({
-							disabled,
-							className: fileInputStyle.dropzone({
-								disabled,
-								size,
-								state: dragState
-							}),
-							onClick: () => {
-								if (isSmall) {
-									var _inputRef$current;
-									(_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.click();
-								}
-							}
-						}, isSmall ? { type: "button" } : void 0), {}, {
+						/* @__PURE__ */ jsxs("div", {
+							className,
 							"data-testid": "drag-container",
-							onDragOver,
-							onDrop: (event) => {
-								onDropComputed(event).catch(onDropError);
+							onDragOver: (event) => {
+								if (!disabledDragndrop) onDragOver(event);
 							},
-							children: [/* @__PURE__ */ jsx(DropzoneContent, {
-								disabled,
-								inputId,
-								inputRef,
-								isSmall,
-								title
-							}), computedChildren]
-						})),
+							children: [input, /* @__PURE__ */ jsxs("div", {
+								className: fileInputStyle.overlayWrapper,
+								children: [computedChildren, /* @__PURE__ */ jsx("div", {
+									className: disabled ? fileInputStyle.dropzoneOverlayDisabled[dragState] : fileInputStyle.dropzoneOverlay[dragState],
+									onDragOver: (event) => event.preventDefault(),
+									onDrop: (event) => {
+										onDropComputed(event).catch(onDropError);
+									},
+									style,
+									children: title && typeof title !== "function" && dragState !== "default" ? /* @__PURE__ */ jsx(Text, {
+										as: "div",
+										disabled,
+										sentiment: "primary",
+										variant: "bodySmallStrong",
+										children: title
+									}) : null
+								})]
+							})]
+						}),
+						bottomComputed,
 						computedHelper
 					]
-				}), bottomComputed]
-			})
+				})
+			});
+			const isSmall = size === "small";
+			const Container = isSmall ? "button" : "div";
+			return /* @__PURE__ */ jsx(FileInputContext.Provider, {
+				value,
+				children: /* @__PURE__ */ jsxs(Stack, {
+					direction: "column",
+					gap: 1,
+					width: "100%",
+					children: [/* @__PURE__ */ jsxs(Stack, {
+						className,
+						direction: "column",
+						gap: .5,
+						children: [
+							label || labelDescription ? /* @__PURE__ */ jsx(Label, {
+								labelDescription,
+								required,
+								size,
+								htmlFor: inputId,
+								children: label
+							}) : null,
+							disabled ? null : input,
+							/* @__PURE__ */ jsxs(Container, _objectSpread2(_objectSpread2({
+								disabled,
+								className: fileInputStyle.dropzone({
+									disabled,
+									size,
+									state: dragState
+								}),
+								onClick: () => {
+									if (isSmall) {
+										var _inputRef$current;
+										(_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.click();
+									}
+								}
+							}, isSmall ? { type: "button" } : void 0), {}, {
+								"data-testid": "drag-container",
+								onDragOver,
+								onDrop: (event) => {
+									onDropComputed(event).catch(onDropError);
+								},
+								children: [/* @__PURE__ */ jsx(DropzoneContent, {
+									disabled,
+									inputId,
+									inputRef,
+									isSmall,
+									title
+								}), computedChildren]
+							})),
+							computedHelper
+						]
+					}), bottomComputed]
+				})
+			});
+		};
+		FileInputBase.displayName = "FileInput";
+		FileInput = Object.assign(FileInputBase, {
+			Button: FileInputButton,
+			List: ListFiles
 		});
-	};
-	FileInputBase.displayName = "FileInput";
-	FileInput = Object.assign(FileInputBase, {
-		Button: FileInputButton,
-		List: ListFiles
-	});
-});
+	}))();
+}
 
 //#endregion
 init_FileInput();

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

@@ -4,66 +4,68 @@ import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/components/FileInput/styles.css.ts
 var fileInputStyle;
-var init_styles_css = __esmMin(() => {
-	init_styles_css_ts_vanilla();
-	fileInputStyle = {
-		dropzone: createRuntimeFn({
-			defaultClassName: "uv_12cubgs0",
-			variantClassNames: {
-				disabled: { true: "uv_12cubgs1" },
-				size: {
-					medium: "uv_12cubgs2",
-					small: "uv_12cubgs3"
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		fileInputStyle = {
+			dropzone: createRuntimeFn({
+				defaultClassName: "uv_12cubgs0",
+				variantClassNames: {
+					disabled: { true: "uv_12cubgs1" },
+					size: {
+						medium: "uv_12cubgs2",
+						small: "uv_12cubgs3"
+					},
+					state: {
+						"default": "uv_12cubgs4",
+						over: "uv_12cubgs5",
+						page: "uv_12cubgs6"
+					}
 				},
-				state: {
-					"default": "uv_12cubgs4",
-					over: "uv_12cubgs5",
-					page: "uv_12cubgs6"
-				}
+				defaultVariants: {
+					disabled: false,
+					size: "medium",
+					state: "default"
+				},
+				compoundVariants: [[{
+					disabled: false,
+					state: "over"
+				}, "uv_12cubgs7"], [{
+					disabled: false,
+					size: "small"
+				}, "uv_12cubgs8"]]
+			}),
+			fileInput: "uv_12cubgs9",
+			titleSmall: {
+				"default": "uv_12cubgsa",
+				disabled: "uv_12cubgsb"
+			},
+			overlayWrapper: "uv_12cubgsc",
+			dropzoneOverlay: {
+				"default": "uv_12cubgse uv_12cubgsd",
+				over: "uv_12cubgsf uv_12cubgsd",
+				page: "uv_12cubgsg uv_12cubgsd"
+			},
+			dropzoneOverlayDisabled: {
+				"default": "uv_12cubgsi",
+				over: "uv_12cubgsj uv_12cubgsh",
+				page: "uv_12cubgsk uv_12cubgsh"
 			},
-			defaultVariants: {
-				disabled: false,
-				size: "medium",
-				state: "default"
+			fileViewerContainer: {
+				"default": "uv_12cubgsn uv_12cubgsm",
+				error: "uv_12cubgso uv_12cubgsm",
+				strong: "uv_12cubgsp uv_12cubgsm"
 			},
-			compoundVariants: [[{
-				disabled: false,
-				state: "over"
-			}, "uv_12cubgs7"], [{
-				disabled: false,
-				size: "small"
-			}, "uv_12cubgs8"]]
-		}),
-		fileInput: "uv_12cubgs9",
-		titleSmall: {
-			"default": "uv_12cubgsa",
-			disabled: "uv_12cubgsb"
-		},
-		overlayWrapper: "uv_12cubgsc",
-		dropzoneOverlay: {
-			"default": "uv_12cubgse uv_12cubgsd",
-			over: "uv_12cubgsf uv_12cubgsd",
-			page: "uv_12cubgsg uv_12cubgsd"
-		},
-		dropzoneOverlayDisabled: {
-			"default": "uv_12cubgsi",
-			over: "uv_12cubgsj uv_12cubgsh",
-			page: "uv_12cubgsk uv_12cubgsh"
-		},
-		fileViewerContainer: {
-			"default": "uv_12cubgsn uv_12cubgsm",
-			error: "uv_12cubgso uv_12cubgsm",
-			strong: "uv_12cubgsp uv_12cubgsm"
-		},
-		fileViewerImageBase: "uv_12cubgsq",
-		fileInfo: "uv_12cubgst",
-		fileListContainer: "uv_12cubgsl",
-		fileViewerImage: {
-			"default": "uv_12cubgsr uv_12cubgsq",
-			error: "uv_12cubgss uv_12cubgsq"
-		}
-	};
-});
+			fileViewerImageBase: "uv_12cubgsq",
+			fileInfo: "uv_12cubgst",
+			fileListContainer: "uv_12cubgsl",
+			fileViewerImage: {
+				"default": "uv_12cubgsr uv_12cubgsq",
+				error: "uv_12cubgss uv_12cubgsq"
+			}
+		};
+	}))();
+}
 
 //#endregion
 init_styles_css();

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

@@ -1,7 +1,9 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
 
 //#region src/components/FileInput/styles.css.ts.vanilla.css
-var init_styles_css_ts_vanilla = __esmMin(() => {});
+function init_styles_css_ts_vanilla() {
+	return (init_styles_css_ts_vanilla = __esmMin(() => {}))();
+}
 
 //#endregion
 init_styles_css_ts_vanilla();