@questpie/admin 0.0.1 → 1.0.1

package/dist/dropzone-Do3awXKd.mjs

@@ -0,0 +1,634 @@
+import { f as useAdminStore, g as cn, h as Button, s as selectClient } from "./content-locales-provider-BXvuIgfg.mjs";
+import { CloudArrowUp, SpinnerGap, XIcon } from "@phosphor-icons/react";
+import * as React$1 from "react";
+import { useCallback, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useQueryClient } from "@tanstack/react-query";
+import { Dialog } from "@base-ui/react/dialog";
+import { Drawer } from "vaul";
+
+//#region src/client/hooks/use-media-query.ts
+/**
+* Hook to detect media query matches
+*
+* @example
+* ```tsx
+* const isMobile = useMediaQuery("(max-width: 768px)");
+* const isDesktop = useMediaQuery("(min-width: 769px)");
+* const prefersDark = useMediaQuery("(prefers-color-scheme: dark)");
+* ```
+*/
+function useMediaQuery(query) {
+	const [matches, setMatches] = React$1.useState(() => {
+		if (typeof window === "undefined") return false;
+		return window.matchMedia(query).matches;
+	});
+	React$1.useEffect(() => {
+		if (typeof window === "undefined") return;
+		const mediaQuery = window.matchMedia(query);
+		setMatches(mediaQuery.matches);
+		const listener = (event) => {
+			setMatches(event.matches);
+		};
+		if (mediaQuery.addEventListener) mediaQuery.addEventListener("change", listener);
+		else mediaQuery.addListener(listener);
+		return () => {
+			if (mediaQuery.removeEventListener) mediaQuery.removeEventListener("change", listener);
+			else mediaQuery.removeListener(listener);
+		};
+	}, [query]);
+	return matches;
+}
+/**
+* Predefined breakpoints matching Tailwind CSS defaults
+*/
+const breakpoints = {
+	sm: "(min-width: 640px)",
+	md: "(min-width: 768px)",
+	lg: "(min-width: 1024px)",
+	xl: "(min-width: 1280px)",
+	"2xl": "(min-width: 1536px)"
+};
+/**
+* Hook to check if viewport is mobile (below md breakpoint)
+*/
+function useIsMobile() {
+	return !useMediaQuery(breakpoints.md);
+}
+/**
+* Hook to check if viewport is desktop (md breakpoint and above)
+*/
+function useIsDesktop() {
+	return useMediaQuery(breakpoints.md);
+}
+
+//#endregion
+//#region src/client/components/ui/dialog.tsx
+function Dialog$1({ ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Root, {
+		"data-slot": "dialog",
+		...props
+	});
+}
+function DialogPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Portal, {
+		"data-slot": "dialog-portal",
+		...props
+	});
+}
+function DialogOverlay({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Backdrop, {
+		"data-slot": "dialog-overlay",
+		className: cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/80 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 isolate z-50", className),
+		...props
+	});
+}
+function DialogContent({ className, children, showCloseButton = true, ...props }) {
+	return /* @__PURE__ */ jsxs(DialogPortal, { children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsxs(Dialog.Popup, {
+		"data-slot": "dialog-content",
+		className: cn("bg-background data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 ring-foreground/10 grid max-w-[calc(100%-2rem)] gap-4 p-4 text-sm ring-1 duration-100 sm:max-w-sm fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 outline-none", className),
+		...props,
+		children: [children, showCloseButton && /* @__PURE__ */ jsxs(Dialog.Close, {
+			"data-slot": "dialog-close",
+			render: /* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				className: "absolute top-2 right-2",
+				size: "icon-sm"
+			}),
+			children: [/* @__PURE__ */ jsx(XIcon, {}), /* @__PURE__ */ jsx("span", {
+				className: "sr-only",
+				children: "Close"
+			})]
+		})]
+	})] });
+}
+function DialogHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "dialog-header",
+		className: cn("gap-1 flex flex-col", className),
+		...props
+	});
+}
+function DialogFooter({ className, showCloseButton = false, children, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "dialog-footer",
+		className: cn("gap-2 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+		...props,
+		children: [children, showCloseButton && /* @__PURE__ */ jsx(Dialog.Close, {
+			render: /* @__PURE__ */ jsx(Button, { variant: "outline" }),
+			children: "Close"
+		})]
+	});
+}
+function DialogTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Title, {
+		"data-slot": "dialog-title",
+		className: cn("text-sm font-medium", className),
+		...props
+	});
+}
+function DialogDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Description, {
+		"data-slot": "dialog-description",
+		className: cn("text-muted-foreground *:[a]:hover:text-foreground text-xs/relaxed *:[a]:underline *:[a]:underline-offset-3", className),
+		...props
+	});
+}
+
+//#endregion
+//#region src/client/components/ui/drawer.tsx
+function Drawer$1({ ...props }) {
+	return /* @__PURE__ */ jsx(Drawer.Root, {
+		"data-slot": "drawer",
+		...props
+	});
+}
+function DrawerTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(Drawer.Trigger, {
+		"data-slot": "drawer-trigger",
+		...props
+	});
+}
+function DrawerPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(Drawer.Portal, {
+		"data-slot": "drawer-portal",
+		...props
+	});
+}
+function DrawerOverlay({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Drawer.Overlay, {
+		"data-slot": "drawer-overlay",
+		className: cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/80 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50", className),
+		...props
+	});
+}
+function DrawerContent({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(DrawerPortal, {
+		"data-slot": "drawer-portal",
+		children: [/* @__PURE__ */ jsx(DrawerOverlay, {}), /* @__PURE__ */ jsxs(Drawer.Content, {
+			"data-slot": "drawer-content",
+			className: cn("before:bg-background px-4 pb-4 relative flex h-auto flex-col bg-transparent  text-xs/relaxed before:absolute before:inset-2 before:-z-10 before:rounded-xl data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm group/drawer-content fixed z-50", className),
+			...props,
+			children: [/* @__PURE__ */ jsx("div", { className: "bg-muted mx-auto mt-4 hidden h-1.5 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }), children]
+		})]
+	});
+}
+function DrawerHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "drawer-header",
+		className: cn("gap-1 pt-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:text-left flex flex-col", className),
+		...props
+	});
+}
+function DrawerFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "drawer-footer",
+		className: cn("gap-2 py-4 mt-auto flex flex-col", className),
+		...props
+	});
+}
+function DrawerTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Drawer.Title, {
+		"data-slot": "drawer-title",
+		className: cn("text-foreground text-sm font-medium", className),
+		...props
+	});
+}
+function DrawerDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Drawer.Description, {
+		"data-slot": "drawer-description",
+		className: cn("text-muted-foreground text-xs/relaxed", className),
+		...props
+	});
+}
+
+//#endregion
+//#region src/client/components/ui/responsive-dialog.tsx
+const ResponsiveDialogContext = React$1.createContext(null);
+function useResponsiveDialog() {
+	const context = React$1.useContext(ResponsiveDialogContext);
+	if (!context) throw new Error("ResponsiveDialog components must be used within ResponsiveDialog");
+	return context;
+}
+function ResponsiveDialog({ children, open, onOpenChange }) {
+	const isMobile = useIsMobile();
+	const contextValue = React$1.useMemo(() => ({ isMobile }), [isMobile]);
+	if (isMobile) return /* @__PURE__ */ jsx(ResponsiveDialogContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx(Drawer$1, {
+			open,
+			onOpenChange,
+			children
+		})
+	});
+	return /* @__PURE__ */ jsx(ResponsiveDialogContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx(Dialog.Root, {
+			open,
+			onOpenChange,
+			children
+		})
+	});
+}
+function ResponsiveDialogContent({ children, className }) {
+	const { isMobile } = useResponsiveDialog();
+	if (isMobile) return /* @__PURE__ */ jsx(DrawerContent, {
+		className: cn("max-h-[96vh]", className),
+		children
+	});
+	return /* @__PURE__ */ jsx(DialogContent, {
+		className,
+		children
+	});
+}
+function ResponsiveDialogHeader({ className, ...props }) {
+	const { isMobile } = useResponsiveDialog();
+	if (isMobile) return /* @__PURE__ */ jsx(DrawerHeader, {
+		className,
+		...props
+	});
+	return /* @__PURE__ */ jsx(DialogHeader, {
+		className,
+		...props
+	});
+}
+function ResponsiveDialogTitle({ className, children, ...props }) {
+	const { isMobile } = useResponsiveDialog();
+	if (isMobile) return /* @__PURE__ */ jsx(DrawerTitle, {
+		className,
+		...props,
+		children
+	});
+	return /* @__PURE__ */ jsx(Dialog.Title, {
+		"data-slot": "responsive-dialog-title",
+		className: cn("text-sm font-medium", className),
+		...props,
+		children
+	});
+}
+function ResponsiveDialogDescription({ className, children, ...props }) {
+	const { isMobile } = useResponsiveDialog();
+	if (isMobile) return /* @__PURE__ */ jsx(DrawerDescription, {
+		className,
+		...props,
+		children
+	});
+	return /* @__PURE__ */ jsx(Dialog.Description, {
+		"data-slot": "responsive-dialog-description",
+		className: cn("text-muted-foreground text-xs/relaxed", className),
+		...props,
+		children
+	});
+}
+function ResponsiveDialogFooter({ className, ...props }) {
+	const { isMobile } = useResponsiveDialog();
+	if (isMobile) return /* @__PURE__ */ jsx(DrawerFooter, {
+		className,
+		...props
+	});
+	return /* @__PURE__ */ jsx(DialogFooter, {
+		className,
+		...props
+	});
+}
+
+//#endregion
+//#region src/client/hooks/use-upload.ts
+/**
+* useUpload Hook
+*
+* Handles file uploads to the CMS with progress tracking.
+* Uses the QuestpieClient's upload method which uses XMLHttpRequest for progress.
+*
+* @example
+* ```tsx
+* const { upload, uploadMany, isUploading, progress } = useUpload();
+*
+* // Single file upload
+* const asset = await upload(file);
+*
+* // Multiple files upload
+* const assets = await uploadMany(files, {
+*   onProgress: (p) => console.log(`${p}%`),
+* });
+* ```
+*/
+/**
+* Hook for uploading files to the CMS
+*
+* Uses the QuestpieClient's built-in upload method which provides
+* progress tracking via XMLHttpRequest.
+*/
+function useUpload() {
+	const client = useAdminStore(selectClient);
+	const queryClient = useQueryClient();
+	const [isUploading, setIsUploading] = useState(false);
+	const [progress, setProgress] = useState(0);
+	const [error, setError] = useState(null);
+	return {
+		upload: useCallback(async (file, options = {}) => {
+			const { collection = "assets", onProgress, signal } = options;
+			setIsUploading(true);
+			setProgress(0);
+			setError(null);
+			try {
+				const collectionApi = client.collections[collection];
+				if (!collectionApi?.upload) throw new Error(`Collection "${collection}" does not support uploads. Make sure .upload() is enabled on the collection.`);
+				const result = await collectionApi.upload(file, {
+					signal,
+					onProgress: (p) => {
+						setProgress(p);
+						onProgress?.(p);
+					}
+				});
+				queryClient.invalidateQueries({ queryKey: [
+					"questpie",
+					"collections",
+					collection
+				] });
+				return result;
+			} catch (err) {
+				const uploadError = err instanceof Error ? err : /* @__PURE__ */ new Error("Upload failed");
+				setError(uploadError);
+				throw uploadError;
+			} finally {
+				setIsUploading(false);
+			}
+		}, [client, queryClient]),
+		uploadMany: useCallback(async (files, options = {}) => {
+			const { collection = "assets", onProgress, signal } = options;
+			if (files.length === 0) return [];
+			setIsUploading(true);
+			setProgress(0);
+			setError(null);
+			try {
+				const collectionApi = client.collections[collection];
+				if (!collectionApi?.uploadMany) throw new Error(`Collection "${collection}" does not support uploads. Make sure .upload() is enabled on the collection.`);
+				const results = await collectionApi.uploadMany(files, {
+					signal,
+					onProgress: (p, fileIndex) => {
+						setProgress(p);
+						onProgress?.(p, fileIndex);
+					}
+				});
+				queryClient.invalidateQueries({ queryKey: [
+					"questpie",
+					"collections",
+					collection
+				] });
+				setProgress(100);
+				return results;
+			} catch (err) {
+				const uploadError = err instanceof Error ? err : /* @__PURE__ */ new Error("Upload failed");
+				setError(uploadError);
+				throw uploadError;
+			} finally {
+				setIsUploading(false);
+			}
+		}, [client, queryClient]),
+		isUploading,
+		progress,
+		error,
+		reset: useCallback(() => {
+			setIsUploading(false);
+			setProgress(0);
+			setError(null);
+		}, [])
+	};
+}
+
+//#endregion
+//#region src/client/components/primitives/dropzone.tsx
+/**
+* Dropzone Primitive
+*
+* A reusable drag-and-drop area for file uploads.
+* Supports file type filtering, size validation, and visual feedback.
+*
+* @example
+* ```tsx
+* <Dropzone
+*   onDrop={(files) => handleUpload(files)}
+*   accept={["image/*", "application/pdf"]}
+*   maxSize={5_000_000}
+* />
+* ```
+*/
+/**
+* Check if a file matches accepted types
+*/
+function matchesAccept(file, accept) {
+	if (!accept || accept.length === 0) return true;
+	const mimeType = file.type.toLowerCase();
+	const fileName = file.name.toLowerCase();
+	return accept.some((pattern) => {
+		const normalizedPattern = pattern.toLowerCase();
+		if (normalizedPattern.endsWith("/*")) {
+			const baseType = normalizedPattern.slice(0, -2);
+			return mimeType.startsWith(`${baseType}/`);
+		}
+		if (normalizedPattern.startsWith(".")) return fileName.endsWith(normalizedPattern);
+		return mimeType === normalizedPattern;
+	});
+}
+/**
+* Format file size for display
+*/
+function formatFileSize(bytes) {
+	if (bytes < 1024) return `${bytes} B`;
+	if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+	return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+function Dropzone({ onDrop, accept, maxSize, multiple = false, disabled = false, loading = false, progress, label = "Drop files here or click to browse", hint, error, className, children, onValidationError }) {
+	const [isDragging, setIsDragging] = React$1.useState(false);
+	const inputRef = React$1.useRef(null);
+	const dragCounterRef = React$1.useRef(0);
+	/**
+	* Validate files and return valid ones + errors
+	*/
+	const validateFiles = React$1.useCallback((files) => {
+		const valid = [];
+		const errors = [];
+		for (const file of files) {
+			if (!matchesAccept(file, accept)) {
+				errors.push({
+					file,
+					type: "type",
+					message: `"${file.name}" is not an accepted file type`
+				});
+				continue;
+			}
+			if (maxSize && file.size > maxSize) {
+				errors.push({
+					file,
+					type: "size",
+					message: `"${file.name}" exceeds maximum size of ${formatFileSize(maxSize)}`
+				});
+				continue;
+			}
+			valid.push(file);
+		}
+		return {
+			valid,
+			errors
+		};
+	}, [accept, maxSize]);
+	/**
+	* Handle file selection
+	*/
+	const handleFiles = React$1.useCallback((files) => {
+		if (disabled || loading) return;
+		const fileArray = Array.from(files);
+		const { valid, errors } = validateFiles(multiple ? fileArray : fileArray.slice(0, 1));
+		if (errors.length > 0) onValidationError?.(errors);
+		if (valid.length > 0) onDrop(valid);
+	}, [
+		disabled,
+		loading,
+		multiple,
+		validateFiles,
+		onDrop,
+		onValidationError
+	]);
+	/**
+	* Handle drag events
+	*/
+	const handleDragEnter = React$1.useCallback((e) => {
+		e.preventDefault();
+		e.stopPropagation();
+		dragCounterRef.current += 1;
+		if (e.dataTransfer.items.length > 0 && !disabled && !loading) setIsDragging(true);
+	}, [disabled, loading]);
+	const handleDragLeave = React$1.useCallback((e) => {
+		e.preventDefault();
+		e.stopPropagation();
+		dragCounterRef.current -= 1;
+		if (dragCounterRef.current === 0) setIsDragging(false);
+	}, []);
+	const handleDragOver = React$1.useCallback((e) => {
+		e.preventDefault();
+		e.stopPropagation();
+	}, []);
+	const handleDrop = React$1.useCallback((e) => {
+		e.preventDefault();
+		e.stopPropagation();
+		dragCounterRef.current = 0;
+		setIsDragging(false);
+		if (e.dataTransfer.files.length > 0) handleFiles(e.dataTransfer.files);
+	}, [handleFiles]);
+	/**
+	* Handle click to open file dialog
+	*/
+	const handleClick = React$1.useCallback(() => {
+		if (disabled || loading) return;
+		inputRef.current?.click();
+	}, [disabled, loading]);
+	/**
+	* Handle file input change
+	*/
+	const handleInputChange = React$1.useCallback((e) => {
+		if (e.target.files && e.target.files.length > 0) handleFiles(e.target.files);
+		e.target.value = "";
+	}, [handleFiles]);
+	/**
+	* Build accept string for input
+	*/
+	const acceptString = accept?.join(",") || void 0;
+	/**
+	* Build hint text
+	*/
+	const hintText = React$1.useMemo(() => {
+		if (hint) return hint;
+		const parts = [];
+		if (accept && accept.length > 0) {
+			const types = accept.map((t) => {
+				if (t.startsWith("image/")) return "Images";
+				if (t.startsWith("video/")) return "Videos";
+				if (t.startsWith("audio/")) return "Audio";
+				if (t === "application/pdf") return "PDF";
+				if (t.startsWith(".")) return t.toUpperCase();
+				return t;
+			}).filter((v, i, a) => a.indexOf(v) === i);
+			parts.push(types.join(", "));
+		}
+		if (maxSize) parts.push(`Max ${formatFileSize(maxSize)}`);
+		return parts.length > 0 ? parts.join(" • ") : void 0;
+	}, [
+		hint,
+		accept,
+		maxSize
+	]);
+	return /* @__PURE__ */ jsxs("div", {
+		role: "button",
+		tabIndex: disabled || loading ? -1 : 0,
+		onClick: handleClick,
+		onKeyDown: (e) => {
+			if (e.key === "Enter" || e.key === " ") {
+				e.preventDefault();
+				handleClick();
+			}
+		},
+		onDragEnter: handleDragEnter,
+		onDragLeave: handleDragLeave,
+		onDragOver: handleDragOver,
+		onDrop: handleDrop,
+		className: cn("relative flex min-h-[120px] cursor-pointer flex-col items-center justify-center gap-2 rounded-lg border-2 border-dashed p-6 text-center transition-colors", "border-border/60 bg-muted/30 hover:border-border hover:bg-muted/50", isDragging && "border-primary bg-primary/5", error && "border-destructive/50 bg-destructive/5", (disabled || loading) && "pointer-events-none opacity-60", className),
+		"aria-disabled": disabled || loading,
+		"data-dragging": isDragging || void 0,
+		children: [
+			/* @__PURE__ */ jsx("input", {
+				ref: inputRef,
+				type: "file",
+				accept: acceptString,
+				multiple,
+				onChange: handleInputChange,
+				className: "sr-only",
+				disabled: disabled || loading,
+				tabIndex: -1
+			}),
+			children || /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+				className: "flex items-center justify-center",
+				children: loading ? /* @__PURE__ */ jsxs("div", {
+					className: "relative",
+					children: [/* @__PURE__ */ jsx(SpinnerGap, {
+						className: "text-muted-foreground size-10 animate-spin",
+						weight: "regular"
+					}), typeof progress === "number" && /* @__PURE__ */ jsxs("span", {
+						className: "text-muted-foreground absolute inset-0 flex items-center justify-center text-xs font-medium",
+						children: [progress, "%"]
+					})]
+				}) : /* @__PURE__ */ jsx(CloudArrowUp, {
+					className: cn("size-10 transition-colors", isDragging ? "text-primary" : "text-muted-foreground"),
+					weight: "regular"
+				})
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "space-y-1",
+				children: [
+					/* @__PURE__ */ jsx("p", {
+						className: cn("text-sm font-medium", isDragging ? "text-primary" : "text-foreground"),
+						children: loading ? "Uploading..." : label
+					}),
+					hintText && !loading && /* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground text-xs",
+						children: hintText
+					}),
+					loading && typeof progress === "number" && /* @__PURE__ */ jsx("div", {
+						className: "bg-muted mx-auto mt-2 h-1.5 w-32 overflow-hidden rounded-full",
+						children: /* @__PURE__ */ jsx("div", {
+							className: "bg-primary h-full rounded-full transition-all duration-300",
+							style: { width: `${progress}%` }
+						})
+					})
+				]
+			})] }),
+			error && /* @__PURE__ */ jsx("p", {
+				className: "text-destructive absolute bottom-2 left-0 right-0 text-center text-xs",
+				children: error
+			})
+		]
+	});
+}
+
+//#endregion
+export { useMediaQuery as S, DialogFooter as _, ResponsiveDialogDescription as a, useIsDesktop as b, ResponsiveDialogTitle as c, DrawerHeader as d, DrawerTitle as f, DialogDescription as g, DialogContent as h, ResponsiveDialogContent as i, Drawer$1 as l, Dialog$1 as m, useUpload as n, ResponsiveDialogFooter as o, DrawerTrigger as p, ResponsiveDialog as r, ResponsiveDialogHeader as s, Dropzone as t, DrawerContent as u, DialogHeader as v, useIsMobile as x, DialogTitle as y };
+//# sourceMappingURL=dropzone-Do3awXKd.mjs.map