@mantine-vue/dropzone 2.4.0 → 3.1.0

package/esm/index.mjs

@@ -1,38 +1,9 @@
-import { cloneVNode, computed, defineComponent, h, isVNode, onMounted, onUnmounted, reactive, ref, watch } from "vue";
+import { Box, LoadingOverlay, OptionalPortal, createSafeContext, createVarsResolver, factory, getDefaultZIndex, getRadius, useProps, useStyles } from "@mantine-vue/core";
+import { cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, guardReactiveProps, isVNode, mergeProps, normalizeProps, onMounted, onUnmounted, openBlock, reactive, ref, renderSlot, resolveDynamicComponent, unref, useAttrs, useSlots, watch, withCtx } from "vue";
 import { assignRef, useDisclosure } from "@mantine-vue/hooks";
-import { Box, LoadingOverlay, OptionalPortal, createSafeContext, createVarsResolver, getDefaultZIndex, getRadius, useProps, useStyles, withBoxProps } from "@mantine-vue/core";
 //#region src/Dropzone.context.ts
 var [provideDropzoneContext, useDropzoneContext] = createSafeContext("Dropzone component was not found in tree");
 //#endregion
-//#region src/DropzoneStatus.ts
-function upperFirst(value) {
-	return value.charAt(0).toUpperCase() + value.slice(1);
-}
-function createDropzoneStatus(status) {
-	return defineComponent({
-		name: `Dropzone${upperFirst(status)}`,
-		slots: Object,
-		props: { children: {
-			type: null,
-			default: void 0
-		} },
-		setup(props, { slots, attrs }) {
-			const ctx = useDropzoneContext();
-			return () => {
-				if (!ctx[status]) return null;
-				const slotChildren = slots.default?.();
-				const children = props.children !== void 0 ? props.children : slotChildren;
-				const child = Array.isArray(children) && children.length === 1 ? children[0] : children;
-				if (isVNode(child) && !Array.isArray(child)) return cloneVNode(child, attrs);
-				return h("span", attrs, children);
-			};
-		}
-	});
-}
-var DropzoneAccept = createDropzoneStatus("accept");
-var DropzoneReject = createDropzoneStatus("reject");
-var DropzoneIdle = createDropzoneStatus("idle");
-//#endregion
 //#region src/get-files-from-event.ts
 function toFileWithPath(file, path) {
 	const fileWithPath = file;
@@ -458,19 +429,8 @@ var Dropzone_module_default = {
 	dropzone: "_dropzone_27ynu_71"
 };
 //#endregion
-//#region src/Dropzone.ts
-var defaultProps$1 = {
-	multiple: true,
-	maxSize: Infinity,
-	activateOnClick: true,
-	activateOnDrag: true,
-	dragEventsBubbling: true,
-	activateOnKeyboard: true,
-	useFsAccessApi: false,
-	preventDropOnDocument: true,
-	variant: "light",
-	rejectColor: "red"
-};
+//#region src/components/Dropzone/Dropzone.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-enable-pointer-events"];
 var varsResolver = createVarsResolver((theme, { radius, variant, acceptColor, rejectColor }) => {
 	const acceptColors = theme.variantColorResolver({
 		color: acceptColor || theme.primaryColor,
@@ -490,22 +450,17 @@ var varsResolver = createVarsResolver((theme, { radius, variant, acceptColor, re
 		"--dropzone-reject-bg": rejectColors.background
 	} };
 });
-var DropzoneBaseComponent = defineComponent({
+//#endregion
+//#region src/components/Dropzone/Dropzone.vue
+var Dropzone_default = /* @__PURE__ */ defineComponent({
 	name: "Dropzone",
 	inheritAttrs: false,
+	__name: "Dropzone",
 	props: {
-		acceptColor: {
-			type: String,
-			default: void 0
-		},
-		rejectColor: {
-			type: String,
-			default: void 0
-		},
-		radius: {
-			type: [String, Number],
-			default: void 0
-		},
+		rootRef: {},
+		acceptColor: {},
+		rejectColor: { default: "red" },
+		radius: {},
 		disabled: {
 			type: Boolean,
 			default: false
@@ -514,133 +469,69 @@ var DropzoneBaseComponent = defineComponent({
 			type: Boolean,
 			default: false
 		},
-		accept: {
-			type: [Object, Array],
-			default: void 0
-		},
+		accept: {},
+		openRef: {},
 		multiple: {
 			type: Boolean,
-			default: void 0
-		},
-		maxSize: {
-			type: Number,
-			default: void 0
-		},
-		name: {
-			type: String,
-			default: void 0
-		},
-		maxFiles: {
-			type: Number,
-			default: void 0
-		},
-		autoFocus: {
-			type: Boolean,
-			default: false
+			default: true
 		},
+		maxSize: { default: Infinity },
+		name: {},
+		maxFiles: {},
+		autoFocus: { type: Boolean },
 		activateOnClick: {
 			type: Boolean,
-			default: void 0
+			default: true
 		},
 		activateOnDrag: {
 			type: Boolean,
-			default: void 0
+			default: true
 		},
 		activateOnKeyboard: {
 			type: Boolean,
-			default: void 0
+			default: true
 		},
 		dragEventsBubbling: {
 			type: Boolean,
-			default: void 0
+			default: true
 		},
 		preventDropOnDocument: {
 			type: Boolean,
-			default: void 0
+			default: true
 		},
 		useFsAccessApi: {
 			type: Boolean,
-			default: void 0
+			default: false
 		},
+		getFilesFromEvent: {},
+		validator: {},
 		enablePointerEvents: {
 			type: Boolean,
 			default: false
 		},
-		variant: {
-			type: String,
-			default: void 0
-		},
-		loaderProps: {
-			type: Object,
-			default: void 0
-		},
-		inputProps: {
-			type: Object,
-			default: void 0
-		},
-		validator: {
-			type: Function,
-			default: void 0
-		},
-		getFilesFromEvent: {
-			type: Function,
-			default: void 0
-		},
-		openRef: {
-			type: [Object, Function],
-			default: void 0
-		},
-		onDrop: {
-			type: Function,
-			required: true
-		},
-		onDropAny: {
-			type: Function,
-			default: void 0
-		},
-		onReject: {
-			type: Function,
-			default: void 0
-		},
-		onDragEnter: {
-			type: Function,
-			default: void 0
-		},
-		onDragLeave: {
-			type: Function,
-			default: void 0
-		},
-		onDragOver: {
-			type: Function,
-			default: void 0
-		},
-		onFileDialogCancel: {
-			type: Function,
-			default: void 0
-		},
-		onFileDialogOpen: {
-			type: Function,
-			default: void 0
-		},
-		classNames: {
-			type: [Object, Function],
-			default: void 0
-		},
-		styles: {
-			type: [Object, Function],
-			default: void 0
-		},
-		vars: {
-			type: [Object, Function],
-			default: void 0
-		},
-		unstyled: {
-			type: Boolean,
-			default: false
-		}
+		loaderProps: {},
+		inputProps: {},
+		variant: { default: "light" },
+		classNames: {},
+		styles: {},
+		vars: {},
+		unstyled: { type: Boolean }
 	},
-	setup(rawProps, { attrs, slots }) {
-		const props = useProps("Dropzone", defaultProps$1, rawProps);
+	emits: [
+		"drop-any",
+		"drop",
+		"reject",
+		"drag-enter",
+		"drag-leave",
+		"drag-over",
+		"file-dialog-cancel",
+		"file-dialog-open"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const rawProps = __props;
+		const emit = __emit;
+		const props = useProps("Dropzone", null, rawProps);
+		const attrs = useAttrs();
 		const getStyles = useStyles({
 			name: "Dropzone",
 			classes: Dropzone_module_default,
@@ -654,8 +545,8 @@ var DropzoneBaseComponent = defineComponent({
 			unstyled: props.unstyled
 		});
 		const dz = useDropzone({
-			accept: () => Array.isArray(props.accept) ? props.accept.reduce((r, key) => ({
-				...r,
+			accept: () => Array.isArray(props.accept) ? props.accept.reduce((result, key) => ({
+				...result,
 				[key]: []
 			}), {}) : props.accept,
 			disabled: () => props.disabled || props.loading,
@@ -671,127 +562,267 @@ var DropzoneBaseComponent = defineComponent({
 			useFsAccessApi: () => props.useFsAccessApi,
 			validator: () => props.validator,
 			getFilesFromEvent: () => props.getFilesFromEvent,
-			onDrop: (files, fileRejections) => props.onDropAny?.(files, fileRejections),
-			onDropAccepted: (files) => props.onDrop(files),
-			onDropRejected: (fileRejections) => props.onReject?.(fileRejections),
-			onDragEnter: (event) => props.onDragEnter?.(event),
-			onDragLeave: (event) => props.onDragLeave?.(event),
-			onDragOver: (event) => props.onDragOver?.(event),
-			onFileDialogCancel: () => props.onFileDialogCancel?.(),
-			onFileDialogOpen: () => props.onFileDialogOpen?.()
+			onDrop: (files, rejected) => emit("drop-any", files, rejected),
+			onDropAccepted: (files) => emit("drop", files),
+			onDropRejected: (rejected) => emit("reject", rejected),
+			onDragEnter: (event) => emit("drag-enter", event),
+			onDragLeave: (event) => emit("drag-leave", event),
+			onDragOver: (event) => emit("drag-over", event),
+			onFileDialogCancel: () => emit("file-dialog-cancel"),
+			onFileDialogOpen: () => emit("file-dialog-open")
 		});
-		assignRef(props.openRef, dz.open);
+		watch(() => props.openRef, (value) => assignRef(value, dz.open), { immediate: true });
+		const accepted = computed(() => dz.isDragActive.value && dz.isDragAccept.value);
+		const rejected = computed(() => dz.isDragActive.value && dz.isDragReject.value);
+		const idle = computed(() => !accepted.value && !rejected.value);
 		provideDropzoneContext({
 			get accept() {
-				return dz.isDragActive.value && dz.isDragAccept.value;
+				return accepted.value;
 			},
 			get reject() {
-				return dz.isDragActive.value && dz.isDragReject.value;
+				return rejected.value;
 			},
 			get idle() {
-				const accepted = dz.isDragActive.value && dz.isDragAccept.value;
-				const rejected = dz.isDragActive.value && dz.isDragReject.value;
-				return !accepted && !rejected;
+				return idle.value;
 			}
 		});
-		return () => {
-			const isAccepted = dz.isDragActive.value && dz.isDragAccept.value;
-			const isRejected = dz.isDragActive.value && dz.isDragReject.value;
-			const isIdle = !isAccepted && !isRejected;
-			const rootProps = dz.getRootProps();
-			const inputProps = dz.getInputProps(props.inputProps);
-			return h(Box, {
-				...rootProps,
-				...getStyles("root"),
-				...attrs,
-				mod: [{
-					accept: isAccepted,
-					reject: isRejected,
-					idle: isIdle,
-					disabled: props.disabled,
-					loading: props.loading,
-					"activate-on-click": props.activateOnClick
-				}, attrs.mod]
-			}, () => [
-				h(LoadingOverlay, {
-					visible: props.loading,
-					overlayProps: { radius: props.radius },
-					unstyled: props.unstyled,
-					loaderProps: props.loaderProps
-				}),
-				h("input", {
-					...inputProps,
-					name: props.name
-				}),
-				h("div", {
-					...getStyles("inner"),
-					"data-enable-pointer-events": props.enablePointerEvents || void 0
-				}, slots.default?.())
-			]);
+		const rootAttrs = () => ({
+			...dz.getRootProps(),
+			...getStyles("root"),
+			...attrs,
+			mod: [{
+				accept: accepted.value,
+				reject: rejected.value,
+				idle: idle.value,
+				disabled: props.disabled,
+				loading: props.loading,
+				"activate-on-click": props.activateOnClick
+			}, attrs.mod]
+		});
+		const inputAttrs = () => ({
+			...dz.getInputProps(props.inputProps),
+			name: props.name
+		});
+		const rootElement = ref(null);
+		const setRootRef = (node) => {
+			rootElement.value = node;
+			assignRef(props.rootRef, node);
+		};
+		__expose({ rootElement });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Box), mergeProps({ rootRef: setRootRef }, rootAttrs()), {
+				default: withCtx(() => [
+					createVNode(unref(LoadingOverlay), {
+						visible: unref(props).loading,
+						"overlay-props": { radius: unref(props).radius },
+						unstyled: unref(props).unstyled,
+						"loader-props": unref(props).loaderProps
+					}, null, 8, [
+						"visible",
+						"overlay-props",
+						"unstyled",
+						"loader-props"
+					]),
+					createElementVNode("input", normalizeProps(guardReactiveProps(inputAttrs())), null, 16),
+					createElementVNode("div", mergeProps(unref(getStyles)("inner"), { "data-enable-pointer-events": unref(props).enablePointerEvents || void 0 }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1)
+				]),
+				_: 3
+			}, 16);
 		};
 	}
 });
-var Dropzone$1 = Object.assign(withBoxProps(DropzoneBaseComponent), {
+//#endregion
+//#region src/components/DropzoneStatus/DropzoneStatus.vue
+var DropzoneStatus_default = /* @__PURE__ */ defineComponent({
+	name: "DropzoneStatus",
+	inheritAttrs: false,
+	__name: "DropzoneStatus",
+	props: {
+		children: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		status: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		const attrs = useAttrs();
+		const ctx = useDropzoneContext();
+		const renderContent = () => {
+			const slotChildren = slots.default?.();
+			const children = props.children !== void 0 ? props.children : slotChildren;
+			const child = Array.isArray(children) && children.length === 1 ? children[0] : children;
+			return isVNode(child) && !Array.isArray(child) ? cloneVNode(child, attrs) : child;
+		};
+		return (_ctx, _cache) => {
+			return unref(ctx)[props.status] && isVNode(renderContent()) ? (openBlock(), createBlock(resolveDynamicComponent(renderContent), { key: 0 })) : unref(ctx)[props.status] ? (openBlock(), createElementBlock("span", normalizeProps(mergeProps({ key: 1 }, unref(attrs))), [(openBlock(), createBlock(resolveDynamicComponent(renderContent)))], 16)) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+//#region src/components/DropzoneStatus/DropzoneAccept.vue
+var DropzoneAccept_default = /* @__PURE__ */ defineComponent({
+	name: "DropzoneAccept",
+	inheritAttrs: false,
+	__name: "DropzoneAccept",
+	props: { children: { type: [
+		Object,
+		String,
+		Number,
+		Boolean,
+		null,
+		Array
+	] } },
+	setup(__props) {
+		const slots = useSlots();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(DropzoneStatus_default, mergeProps({
+				..._ctx.$props,
+				..._ctx.$attrs
+			}, {
+				status: "accept",
+				children: unref(slots).default?.()
+			}), null, 16, ["children"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/DropzoneStatus/DropzoneReject.vue
+var DropzoneReject_default = /* @__PURE__ */ defineComponent({
+	name: "DropzoneReject",
+	inheritAttrs: false,
+	__name: "DropzoneReject",
+	props: { children: { type: [
+		Object,
+		String,
+		Number,
+		Boolean,
+		null,
+		Array
+	] } },
+	setup(__props) {
+		const slots = useSlots();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(DropzoneStatus_default, mergeProps({
+				..._ctx.$props,
+				..._ctx.$attrs
+			}, {
+				status: "reject",
+				children: unref(slots).default?.()
+			}), null, 16, ["children"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/DropzoneStatus/DropzoneIdle.vue
+var DropzoneIdle_default = /* @__PURE__ */ defineComponent({
+	name: "DropzoneIdle",
+	inheritAttrs: false,
+	__name: "DropzoneIdle",
+	props: { children: { type: [
+		Object,
+		String,
+		Number,
+		Boolean,
+		null,
+		Array
+	] } },
+	setup(__props) {
+		const slots = useSlots();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(DropzoneStatus_default, mergeProps({
+				..._ctx.$props,
+				..._ctx.$attrs
+			}, {
+				status: "idle",
+				children: unref(slots).default?.()
+			}), null, 16, ["children"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Dropzone/index.ts
+var Dropzone$1 = factory(Dropzone_default, {
 	classes: Dropzone_module_default,
 	varsResolver,
-	Accept: DropzoneAccept,
-	Idle: DropzoneIdle,
-	Reject: DropzoneReject
+	Accept: DropzoneAccept_default,
+	Idle: DropzoneIdle_default,
+	Reject: DropzoneReject_default
 });
 //#endregion
-//#region src/DropzoneFullScreen.ts
-var defaultProps = {
-	maxSize: Infinity,
-	activateOnDrag: true,
-	dragEventsBubbling: true,
-	activateOnKeyboard: true,
-	active: true,
-	zIndex: getDefaultZIndex("max"),
-	withinPortal: true
-};
-var DropzoneFullScreen = withBoxProps(defineComponent({
+//#region src/components/DropzoneFullScreen/index.ts
+var DropzoneFullScreen = factory(/* @__PURE__ */ defineComponent({
 	name: "DropzoneFullScreen",
 	inheritAttrs: false,
+	__name: "DropzoneFullScreen",
 	props: {
 		active: {
 			type: Boolean,
-			default: void 0
-		},
-		onDrop: {
-			type: Function,
-			required: true
-		},
-		onReject: {
-			type: Function,
-			default: void 0
-		},
-		zIndex: {
-			type: [String, Number],
-			default: void 0
+			default: true
 		},
+		zIndex: { default: getDefaultZIndex("max") },
 		withinPortal: {
 			type: Boolean,
-			default: void 0
-		},
-		portalProps: {
-			type: Object,
-			default: void 0
-		},
-		classNames: {
-			type: [Object, Function],
-			default: void 0
+			default: true
+		},
+		portalProps: {},
+		classNames: {},
+		styles: {},
+		rootRef: {},
+		acceptColor: {},
+		rejectColor: {},
+		radius: {},
+		disabled: { type: Boolean },
+		loading: { type: Boolean },
+		accept: {},
+		openRef: {},
+		multiple: { type: Boolean },
+		maxSize: { default: Infinity },
+		name: {},
+		maxFiles: {},
+		autoFocus: { type: Boolean },
+		activateOnClick: { type: Boolean },
+		activateOnDrag: {
+			type: Boolean,
+			default: true
 		},
-		styles: {
-			type: [Object, Function],
-			default: void 0
+		activateOnKeyboard: {
+			type: Boolean,
+			default: true
 		},
-		unstyled: {
+		dragEventsBubbling: {
 			type: Boolean,
-			default: false
-		}
+			default: true
+		},
+		preventDropOnDocument: { type: Boolean },
+		useFsAccessApi: { type: Boolean },
+		getFilesFromEvent: {},
+		validator: {},
+		enablePointerEvents: { type: Boolean },
+		loaderProps: {},
+		inputProps: {},
+		unstyled: { type: Boolean }
 	},
-	setup(rawProps, { attrs, slots }) {
-		const props = useProps("DropzoneFullScreen", defaultProps, rawProps);
+	emits: [
+		"drop-any",
+		"drop",
+		"reject",
+		"drag-enter",
+		"drag-leave",
+		"drag-over",
+		"file-dialog-cancel",
+		"file-dialog-open"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const rawProps = __props;
+		const emit = __emit;
+		const props = useProps("DropzoneFullScreen", null, rawProps);
+		const attrs = useAttrs();
 		const getStyles = useStyles({
 			name: "DropzoneFullScreen",
 			classes: Dropzone_module_default,
@@ -805,63 +836,96 @@ var DropzoneFullScreen = withBoxProps(defineComponent({
 		});
 		const counter = ref(0);
 		const [visible, { open, close }] = useDisclosure(false);
-		const handleDragEnter = (event) => {
+		function reset() {
+			close();
+			counter.value = 0;
+		}
+		function handleDragEnter(event) {
 			if (event.dataTransfer?.types.includes("Files")) {
 				counter.value += 1;
 				open();
 			}
-		};
-		const handleDragLeave = () => {
-			counter.value -= 1;
-		};
+		}
+		function handleDragLeave() {
+			counter.value = Math.max(0, counter.value - 1);
+		}
 		watch(counter, (value) => {
 			if (value === 0) close();
 		});
 		let attached = false;
-		const attach = () => {
+		function attach() {
 			if (attached) return;
 			document.addEventListener("dragenter", handleDragEnter, false);
 			document.addEventListener("dragleave", handleDragLeave, false);
 			attached = true;
-		};
-		const detach = () => {
+		}
+		function detach() {
 			if (!attached) return;
 			document.removeEventListener("dragenter", handleDragEnter, false);
 			document.removeEventListener("dragleave", handleDragLeave, false);
 			attached = false;
-		};
+		}
 		watch(() => props.active, (active) => {
 			detach();
 			if (active) attach();
+			else reset();
 		}, { immediate: true });
 		onUnmounted(detach);
-		return () => h(OptionalPortal, {
-			...props.portalProps,
-			withinPortal: props.withinPortal
-		}, () => h("div", { ...getStyles("fullScreen", { style: {
-			opacity: visible.value ? 1 : 0,
-			pointerEvents: visible.value ? "all" : "none",
-			zIndex: props.zIndex
-		} }) }, [h(Dropzone$1, {
-			activateOnClick: false,
-			...attrs,
-			classNames: props.classNames,
-			styles: props.styles,
-			unstyled: props.unstyled,
-			class: Dropzone_module_default.dropzone,
-			onDrop: (files) => {
-				props.onDrop(files);
-				close();
-				counter.value = 0;
-			},
-			onReject: (fileRejections) => {
-				props.onReject?.(fileRejections);
-				close();
-				counter.value = 0;
-			}
-		}, slots)]));
+		const rootElement = ref(null);
+		const setRootRef = (node) => {
+			const element = node && "$el" in node ? node.$el : node;
+			rootElement.value = element;
+			assignRef(props.rootRef, element);
+		};
+		__expose({ rootElement });
+		const dropzoneAttrs = () => {
+			const rest = Object.fromEntries(Object.entries(props).filter(([key]) => ![
+				"active",
+				"zIndex",
+				"withinPortal",
+				"portalProps",
+				"classNames",
+				"styles"
+			].includes(key)));
+			const { classNames, styles } = props;
+			return {
+				...rest,
+				...attrs,
+				activateOnClick: false,
+				classNames,
+				styles,
+				class: Dropzone_module_default.dropzone,
+				onDrop: (files) => {
+					emit("drop", files);
+					reset();
+				},
+				onReject: (rejections) => {
+					emit("reject", rejections);
+					reset();
+				},
+				onDropAny: (files, rejections) => emit("drop-any", files, rejections),
+				onDragEnter: (event) => emit("drag-enter", event),
+				onDragLeave: (event) => emit("drag-leave", event),
+				onDragOver: (event) => emit("drag-over", event),
+				onFileDialogCancel: () => emit("file-dialog-cancel"),
+				onFileDialogOpen: () => emit("file-dialog-open")
+			};
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(OptionalPortal), mergeProps(unref(props).portalProps, { "within-portal": unref(props).withinPortal }), {
+				default: withCtx(() => [createElementVNode("div", mergeProps({ ref: setRootRef }, unref(getStyles)("fullScreen", { style: {
+					opacity: unref(visible) ? 1 : 0,
+					pointerEvents: unref(visible) ? "all" : "none",
+					zIndex: unref(props).zIndex
+				} })), [createVNode(Dropzone_default, normalizeProps(guardReactiveProps(dropzoneAttrs())), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 16)], 16)]),
+				_: 3
+			}, 16, ["within-portal"]);
+		};
 	}
-}));
+}), { classes: Dropzone_module_default });
 //#endregion
 //#region src/mime-types.ts
 var MIME_TYPES = {
@@ -907,6 +971,6 @@ var EXE_MIME_TYPE = [MIME_TYPES.exe];
 Object.assign(Dropzone$1, { FullScreen: DropzoneFullScreen });
 var Dropzone = Dropzone$1;
 //#endregion
-export { Dropzone, DropzoneAccept, DropzoneFullScreen, DropzoneIdle, DropzoneReject, EXE_MIME_TYPE, ErrorCode, FILE_INVALID_TYPE, FILE_TOO_LARGE, FILE_TOO_SMALL, IMAGE_MIME_TYPE, MIME_TYPES, MS_EXCEL_MIME_TYPE, MS_POWERPOINT_MIME_TYPE, MS_WORD_MIME_TYPE, PDF_MIME_TYPE, TOO_MANY_FILES, TOO_MANY_FILES_REJECTION, acceptPropAsAcceptAttr, allFilesAccepted, canUseFileSystemAccessAPI, fileAccepted, fileMatchSize, getInvalidTypeRejectionErr, getTooLargeRejectionErr, getTooSmallRejectionErr, isAbort, isDataTransferItemWithEmptyType, isEvtWithFiles, isExt, isMIMEType, isSecurityError, pickerOptionsFromAccept, useDropzone };
+export { Dropzone, DropzoneAccept_default as DropzoneAccept, DropzoneFullScreen, DropzoneIdle_default as DropzoneIdle, DropzoneReject_default as DropzoneReject, EXE_MIME_TYPE, ErrorCode, FILE_INVALID_TYPE, FILE_TOO_LARGE, FILE_TOO_SMALL, IMAGE_MIME_TYPE, MIME_TYPES, MS_EXCEL_MIME_TYPE, MS_POWERPOINT_MIME_TYPE, MS_WORD_MIME_TYPE, PDF_MIME_TYPE, TOO_MANY_FILES, TOO_MANY_FILES_REJECTION, acceptPropAsAcceptAttr, allFilesAccepted, canUseFileSystemAccessAPI, fileAccepted, fileMatchSize, getInvalidTypeRejectionErr, getTooLargeRejectionErr, getTooSmallRejectionErr, isAbort, isDataTransferItemWithEmptyType, isEvtWithFiles, isExt, isMIMEType, isSecurityError, pickerOptionsFromAccept, useDropzone };
 
 //# sourceMappingURL=index.mjs.map