@ultraviolet/ui 3.11.1 → 3.12.0

package/dist/components/FileInput/index.js

@@ -1,187 +1,129 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { Stack } from "../Stack/index.js";
-import { Text } from "../Text/index.js";
-import { Label } from "../Label/index.js";
-import { FileInputContext } from "./FileInputProvider.js";
-import { FileInputButton } from "./components/Button.js";
-import { fileIsAccepted } from "./helpers.js";
-import { dropzone, dropzoneOverlay, dropzoneOverlayDisabled, fileInput, overlayWrapper, titleSmall } from "./styles.css.js";
-import { ListFiles } from "./components/List.js";
-import { useEffect, useId, useLayoutEffect, useRef, useState } from "react";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../Stack/index.js";
+import { Text, init_Text } from "../Text/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 { fileInputStyle, init_styles_css } from "./styles.css.js";
+import { ListFiles, init_List } from "./components/List.js";
+import { useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { UploadIcon } from "@ultraviolet/icons/UploadIcon";
 
 //#region src/components/FileInput/index.tsx
-/**
-* FileInput allow user to drag & drop and upload one or multiple files.
-*/
-const 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, "data-testid": dataTestid }) => {
-	const [dragState, setDragState] = useState("default");
-	const [files, setFiles] = useState(defaultFiles !== null && defaultFiles !== void 0 ? defaultFiles : []);
-	const inputId = useId();
-	const inputRef = useRef(null);
-	const onDragOver = (event) => {
-		event.preventDefault();
-		event.stopPropagation();
-		setDragState("over");
-	};
-	const onDragPage = () => setDragState("page");
-	const handleDrop = () => setDragState("default");
-	const handleDragLeave = (event) => {
-		const dragEvent = event;
-		if (event.type === "dragend" || dragEvent.relatedTarget === null) setDragState("default");
-	};
-	useLayoutEffect(() => {
-		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);
+var FileInputBase, FileInput;
+var init_FileInput = __esmMin(() => {
+	init_Label();
+	init_Stack();
+	init_Text();
+	init_Button();
+	init_List();
+	init_FileInputProvider();
+	init_helpers();
+	init_styles_css();
+	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, "data-testid": dataTestid }) => {
+		const [dragState, setDragState] = useState("default");
+		const [files, setFiles] = useState(defaultFiles !== null && defaultFiles !== void 0 ? defaultFiles : []);
+		const inputId = useId();
+		const inputRef = useRef(null);
+		const onDragOver = (event) => {
+			event.preventDefault();
+			event.stopPropagation();
+			setDragState("over");
 		};
-	}, []);
-	useEffect(() => {
-		if (defaultFiles) setFiles(defaultFiles);
-	}, [defaultFiles]);
-	const addFiles = (addedFiles) => {
-		const newFiles = [...addedFiles !== null && addedFiles !== void 0 ? addedFiles : []].filter((file) => fileIsAccepted(file.type, accept)).map((file) => ({
-			file: URL.createObjectURL(file),
-			fileName: file.name,
-			lastModified: file.lastModified,
-			size: file.size,
-			type: file.type
-		}));
-		const formattedFiles = multiple ? [...files, ...newFiles] : [newFiles[0]];
-		setFiles(formattedFiles);
-		onChangeFiles === null || onChangeFiles === void 0 || onChangeFiles(formattedFiles);
-	};
-	const manageDrop = (event) => {
-		event.preventDefault();
-		if (!disabled) {
-			var _event$dataTransfer;
-			addFiles((_event$dataTransfer = event.dataTransfer) === null || _event$dataTransfer === void 0 ? void 0 : _event$dataTransfer.files);
-			onDrop === null || onDrop === void 0 || onDrop(event);
-		}
-	};
-	const onChange = (event) => {
-		event.preventDefault();
-		if (!disabled) addFiles(event.target.files);
-	};
-	const computedChildren = typeof children === "function" ? children(inputId, inputRef) : children;
-	const computedError = error && typeof error === "string" ? /* @__PURE__ */ jsx(Text, {
-		as: "p",
-		sentiment: "danger",
-		variant: "bodySmall",
-		children: error
-	}) : null;
-	if (variant === "overlay") return /* @__PURE__ */ jsx(FileInputContext.Provider, {
-		value: {
+		const onDragPage = () => setDragState("page");
+		const handleDrop = () => setDragState("default");
+		const handleDragLeave = (event) => {
+			const dragEvent = event;
+			if (event.type === "dragend" || dragEvent.relatedTarget === null) setDragState("default");
+		};
+		useLayoutEffect(() => {
+			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);
+			};
+		}, []);
+		useEffect(() => {
+			if (defaultFiles) setFiles(defaultFiles);
+		}, [defaultFiles]);
+		const addFiles = (addedFiles) => {
+			const newFiles = [...addedFiles !== null && addedFiles !== void 0 ? addedFiles : []].filter((file) => fileIsAccepted(file.type, accept)).map((file) => ({
+				file: URL.createObjectURL(file),
+				fileName: file.name,
+				lastModified: file.lastModified,
+				size: file.size,
+				type: file.type
+			}));
+			const formattedFiles = multiple ? [...files, ...newFiles] : [newFiles[0]];
+			setFiles(formattedFiles);
+			onChangeFiles === null || onChangeFiles === void 0 || onChangeFiles(formattedFiles);
+		};
+		const manageDrop = (event) => {
+			event.preventDefault();
+			if (!disabled) {
+				var _event$dataTransfer;
+				addFiles((_event$dataTransfer = event.dataTransfer) === null || _event$dataTransfer === void 0 ? void 0 : _event$dataTransfer.files);
+				onDrop === null || onDrop === void 0 || onDrop(event);
+			}
+		};
+		const onChange = (event) => {
+			event.preventDefault();
+			if (!disabled) addFiles(event.target.files);
+		};
+		const computedChildren = typeof children === "function" ? children(inputId, inputRef) : children;
+		const computedError = error && typeof error === "string" ? /* @__PURE__ */ jsx(Text, {
+			as: "p",
+			sentiment: "danger",
+			variant: "bodySmall",
+			children: error
+		}) : null;
+		const value = useMemo(() => ({
 			disabled,
 			error: !!error,
 			files,
 			inputRef,
 			onChangeFiles,
 			setFiles
-		},
-		children: /* @__PURE__ */ jsxs(Stack, {
-			direction: "column",
-			gap: 1,
-			children: [
-				/* @__PURE__ */ jsxs("div", {
-					className,
-					"data-testid": "drag-container",
-					onDragOver,
-					children: [/* @__PURE__ */ jsx("input", {
-						accept,
-						className: fileInput,
-						"data-testid": dataTestid,
-						id: inputId,
-						multiple,
-						name: label !== null && label !== void 0 ? label : ariaLabel,
-						onChange,
-						ref: inputRef,
-						required,
-						type: "file"
-					}), /* @__PURE__ */ jsxs("div", {
-						className: overlayWrapper,
-						children: [computedChildren, /* @__PURE__ */ jsx("div", {
-							className: disabled ? dropzoneOverlayDisabled[dragState] : dropzoneOverlay[dragState],
-							onDragOver: (event) => event.preventDefault(),
-							onDrop: (event) => {
-								if (!disabled) {
-									onDrop === null || onDrop === void 0 || onDrop(event);
-									manageDrop(event);
-								}
-							},
-							style,
-							children: title && typeof title !== "function" && dragState !== "default" ? /* @__PURE__ */ jsx(Text, {
-								as: "div",
-								disabled,
-								sentiment: "primary",
-								variant: "bodySmallStrong",
-								children: title
-							}) : null
-						})]
-					})]
-				}),
-				bottom ? /* @__PURE__ */ jsx(Text, {
-					as: "div",
-					disabled,
-					prominence: "weak",
-					sentiment: "neutral",
-					variant: "caption",
-					children: bottom
-				}) : null,
-				computedError
-			]
-		})
-	});
-	const isSmall = size === "small";
-	return /* @__PURE__ */ jsx(FileInputContext.Provider, {
-		value: {
+		}), [
 			disabled,
-			error: !!error,
+			error,
 			files,
-			inputRef,
-			onChangeFiles,
-			setFiles
-		},
-		children: /* @__PURE__ */ jsxs(Stack, {
-			direction: "column",
-			gap: 1,
-			children: [
-				/* @__PURE__ */ jsxs(Stack, {
-					className,
-					direction: "column",
-					gap: .5,
-					children: [
-						label || labelDescription ? /* @__PURE__ */ jsx(Label, {
-							labelDescription,
+			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,
+						children: [/* @__PURE__ */ jsx("input", {
+							accept,
+							className: fileInputStyle.fileInput,
+							"data-testid": dataTestid,
+							id: inputId,
+							multiple,
+							name: label !== null && label !== void 0 ? label : ariaLabel,
+							onChange,
+							ref: inputRef,
 							required,
-							size,
-							children: label
-						}) : null,
-						/* @__PURE__ */ jsx(Text, {
-							as: "div",
-							disabled,
-							sentiment: "neutral",
-							variant: "body",
-							children: /* @__PURE__ */ jsxs(Stack, {
-								alignItems: "center",
-								className: dropzone({
-									disabled,
-									size,
-									state: dragState
-								}),
-								"data-testid": "drag-container",
-								direction: isSmall ? "row" : "column",
-								gap: isSmall ? 1 : 2,
-								justifyContent: "center",
-								onDragOver,
+							type: "file"
+						}), /* @__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) => {
 									if (!disabled) {
 										onDrop === null || onDrop === void 0 || onDrop(event);
@@ -189,64 +131,130 @@ const FileInputBase = ({ style, className, variant = "dropzone", size = "medium"
 									}
 								},
 								style,
-								children: [
-									disabled ? null : /* @__PURE__ */ jsx("input", {
-										accept,
-										className: fileInput,
-										"data-testid": dataTestid,
-										disabled,
-										id: inputId,
-										name: label !== null && label !== void 0 ? label : ariaLabel,
-										onChange,
-										ref: inputRef,
-										required,
-										type: "file"
-									}),
-									/* @__PURE__ */ jsx(UploadIcon, {
-										disabled,
-										sentiment: isSmall ? "neutral" : "primary",
-										size: isSmall ? "small" : "xlarge"
-									}),
-									/* @__PURE__ */ jsx(Text, {
-										as: isSmall ? "label" : "div",
-										className: isSmall ? titleSmall[disabled ? "disabled" : "default"] : void 0,
+								children: title && typeof title !== "function" && dragState !== "default" ? /* @__PURE__ */ jsx(Text, {
+									as: "div",
+									disabled,
+									sentiment: "primary",
+									variant: "bodySmallStrong",
+									children: title
+								}) : null
+							})]
+						})]
+					}),
+					bottom ? /* @__PURE__ */ jsx(Text, {
+						as: "div",
+						disabled,
+						prominence: "weak",
+						sentiment: "neutral",
+						variant: "caption",
+						children: bottom
+					}) : null,
+					computedError
+				]
+			})
+		});
+		const isSmall = size === "small";
+		return /* @__PURE__ */ jsx(FileInputContext.Provider, {
+			value,
+			children: /* @__PURE__ */ jsxs(Stack, {
+				direction: "column",
+				gap: 1,
+				children: [
+					/* @__PURE__ */ jsxs(Stack, {
+						className,
+						direction: "column",
+						gap: .5,
+						children: [
+							label || labelDescription ? /* @__PURE__ */ jsx(Label, {
+								labelDescription,
+								required,
+								size,
+								children: label
+							}) : null,
+							/* @__PURE__ */ jsx(Text, {
+								as: "div",
+								disabled,
+								sentiment: "neutral",
+								variant: "body",
+								children: /* @__PURE__ */ jsxs(Stack, {
+									alignItems: "center",
+									className: fileInputStyle.dropzone({
 										disabled,
-										htmlFor: inputId,
-										placement: "left",
-										sentiment: "neutral",
-										variant: isSmall ? "bodySmallStrong" : "headingSmallStrong",
-										children: typeof title === "function" ? title(inputId, inputRef) : title
+										size,
+										state: dragState
 									}),
-									computedChildren
-								]
-							})
-						}),
-						helper ? /* @__PURE__ */ jsx(Text, {
-							as: "p",
-							prominence: "weak",
-							sentiment: "neutral",
-							variant: "caption",
-							children: helper
-						}) : null
-					]
-				}),
-				computedError,
-				bottom ? /* @__PURE__ */ jsx(Text, {
-					as: "div",
-					disabled,
-					prominence: "weak",
-					sentiment: "neutral",
-					variant: "caption",
-					children: bottom
-				}) : null
-			]
-		})
+									"data-testid": "drag-container",
+									direction: isSmall ? "row" : "column",
+									gap: isSmall ? 1 : 2,
+									justifyContent: "center",
+									onDragOver,
+									onDrop: (event) => {
+										if (!disabled) {
+											onDrop === null || onDrop === void 0 || onDrop(event);
+											manageDrop(event);
+										}
+									},
+									style,
+									children: [
+										disabled ? null : /* @__PURE__ */ jsx("input", {
+											accept,
+											className: fileInputStyle.fileInput,
+											"data-testid": dataTestid,
+											disabled,
+											id: inputId,
+											name: label !== null && label !== void 0 ? label : ariaLabel,
+											onChange,
+											ref: inputRef,
+											required,
+											type: "file"
+										}),
+										/* @__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
+										}),
+										computedChildren
+									]
+								})
+							}),
+							helper ? /* @__PURE__ */ jsx(Text, {
+								as: "p",
+								prominence: "weak",
+								sentiment: "neutral",
+								variant: "caption",
+								children: helper
+							}) : null
+						]
+					}),
+					computedError,
+					bottom ? /* @__PURE__ */ jsx(Text, {
+						as: "div",
+						disabled,
+						prominence: "weak",
+						sentiment: "neutral",
+						variant: "caption",
+						children: bottom
+					}) : null
+				]
+			})
+		});
+	};
+	FileInput = Object.assign(FileInputBase, {
+		Button: FileInputButton,
+		List: ListFiles
 	});
-};
-const FileInput = Object.assign(FileInputBase, {
-	Button: FileInputButton,
-	List: ListFiles
 });
 
 //#endregion
-export { FileInput };
+init_FileInput();
+export { FileInput, init_FileInput };

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

@@ -1,31 +1,33 @@
-export declare const dropzone: import("@vanilla-extract/recipes").RuntimeFn<{
-    disabled: {
-        true: {
-            background: `var(--${string})`;
-            cursor: "not-allowed";
+export declare const fileInputStyle: {
+    dropzone: import("@vanilla-extract/recipes").RuntimeFn<{
+        disabled: {
+            true: {
+                background: `var(--${string})`;
+                cursor: "not-allowed";
+            };
         };
-    };
-    size: {
-        medium: {
-            padding: `var(--${string})`;
+        size: {
+            medium: {
+                padding: `var(--${string})`;
+            };
+            small: {
+                padding: `var(--${string})`;
+            };
         };
-        small: {
-            padding: `var(--${string})`;
+        state: {
+            default: {};
+            over: {};
+            page: {};
         };
-    };
-    state: {
-        default: {};
-        over: {};
-        page: {};
-    };
-}>;
-export declare const fileInput: string;
-export declare const titleSmall: Record<"default" | "disabled", string>;
-export declare const overlayWrapper: string;
-export declare const dropzoneOverlay: Record<"default" | "over" | "page", string>;
-export declare const dropzoneOverlayDisabled: Record<"default" | "over" | "page", string>;
-export declare const fileViewerContainer: Record<"default" | "error" | "strong", string>;
-export declare const fileViewerImageBase: string;
-export declare const fileViewerImage: Record<"default" | "error", string>;
-export declare const fileInfo: string;
+    }>;
+    fileInput: string;
+    titleSmall: Record<"default" | "disabled", string>;
+    overlayWrapper: string;
+    dropzoneOverlay: Record<"default" | "over" | "page", string>;
+    dropzoneOverlayDisabled: Record<"default" | "over" | "page", string>;
+    fileViewerContainer: Record<"default" | "error" | "strong", string>;
+    fileViewerImageBase: string;
+    fileInfo: 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":"AAIA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;EAwCnB,CAAA;AAEF,eAAO,MAAM,SAAS,QAA6B,CAAA;AAEnD,eAAO,MAAM,UAAU,wCAOrB,CAAA;AAEF,eAAO,MAAM,cAAc,QAIzB,CAAA;AAUF,eAAO,MAAM,eAAe,6CA2B1B,CAAA;AAOF,eAAO,MAAM,uBAAuB,6CAIlC,CAAA;AAQF,eAAO,MAAM,mBAAmB,gDAmB9B,CAAA;AACF,eAAO,MAAM,mBAAmB,QAQ9B,CAAA;AAEF,eAAO,MAAM,eAAe,qCAa1B,CAAA;AAEF,eAAO,MAAM,QAAQ,QAKnB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/styles.css.ts"],"names":[],"mappings":"AAyKA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAW1B,CAAA"}

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

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