@rakun-kit/manager-react 1.0.0

package/dist/esm/components/media/previews/context/MediaPreviewContext.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+const MediaPreviewContext = createContext(null);
+export function MediaPreviewProvider({ value, children, }) {
+    return (_jsx(MediaPreviewContext.Provider, { value: value, children: children }));
+}
+export function useMediaPreview() {
+    const context = useContext(MediaPreviewContext);
+    if (!context) {
+        throw new Error('useMediaPreview must be used within <MediaPreviewProvider>');
+    }
+    return context;
+}
+//# sourceMappingURL=MediaPreviewContext.js.map

package/dist/esm/components/media/previews/context/MediaPreviewContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaPreviewContext.js","sourceRoot":"","sources":["../../../../../../src/components/media/previews/context/MediaPreviewContext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAyBjD,MAAM,mBAAmB,GAAG,aAAa,CAAkC,IAAI,CAAC,CAAA;AAEhF,MAAM,UAAU,oBAAoB,CAAC,EACnC,KAAK,EACL,QAAQ,GAIT;IACC,OAAO,CACL,KAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACvC,QAAQ,GACoB,CAChC,CAAA;AACH,CAAC;AAED,MAAM,UAAU,eAAe;IAC7B,MAAM,OAAO,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAA;IAC/C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,4DAA4D,CAC7D,CAAA;IACH,CAAC;IACD,OAAO,OAAO,CAAA;AAChB,CAAC"}

package/dist/esm/components/media/previews/dialogs/ExpandedPreviewDialog.d.ts

@@ -0,0 +1,9 @@
+import type { MediaRecord } from '../../../../lib/media.js';
+type ExpandedPreviewDialogProps = {
+    preview: MediaRecord | null;
+    previewUrl: string;
+    onClose: () => void;
+};
+export default function ExpandedPreviewDialog({ preview, previewUrl, onClose, }: ExpandedPreviewDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ExpandedPreviewDialog.d.ts.map

package/dist/esm/components/media/previews/dialogs/ExpandedPreviewDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandedPreviewDialog.d.ts","sourceRoot":"","sources":["../../../../../../src/components/media/previews/dialogs/ExpandedPreviewDialog.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAE9C,KAAK,0BAA0B,GAAG;IAChC,OAAO,EAAE,WAAW,GAAG,IAAI,CAAA;IAC3B,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,OAAO,EACP,UAAU,EACV,OAAO,GACR,EAAE,0BAA0B,2CA+G5B"}

package/dist/esm/components/media/previews/dialogs/ExpandedPreviewDialog.js

@@ -0,0 +1,25 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ExternalLink } from 'lucide-react';
+import { Button } from '../../../ui/button.js';
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from '../../../ui/dialog.js';
+import { ScrollArea } from '../../../ui/scroll-area.js';
+import { Skeleton } from '../../../ui/skeleton.js';
+import { FileTypeIcon, formatFileSize, formatPercent, isImage, isVideo } from '../utils/mediaPreview.js';
+export default function ExpandedPreviewDialog({ preview, previewUrl, onClose, }) {
+    return (_jsx(Dialog, { open: !!preview, onOpenChange: (open) => {
+            if (!open)
+                onClose();
+        }, children: _jsxs(DialogContent, { className: 'max-w-[95vw] p-4 sm:max-w-5xl', children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { className: 'truncate', children: preview?.name || 'Preview' }), _jsx(DialogDescription, { className: 'truncate', children: preview ? `${preview.mime} • ${formatFileSize(preview.size)}` : '' })] }), _jsxs(ScrollArea, { className: 'max-h-[85vh] pr-4', children: [_jsx("div", { className: 'flex h-[65vh] items-center justify-center overflow-hidden rounded-md border bg-muted/30', children: !preview || !previewUrl ? (_jsx(Skeleton, { className: 'h-full w-full' })) : isImage(preview.mime) ? (_jsx("img", { src: previewUrl, alt: preview.name, className: 'h-full w-full object-contain' })) : isVideo(preview.mime) ? (_jsx("video", { src: previewUrl, controls: true, className: 'h-full w-full object-contain' })) : (_jsxs("div", { className: 'flex flex-col items-center gap-3 p-6 text-center', children: [_jsx("div", { className: 'rounded-full border p-3 text-muted-foreground', children: _jsx(FileTypeIcon, { mime: preview.mime }) }), _jsx("p", { className: 'text-muted-foreground text-sm', children: "This file type does not have inline preview." }), _jsx(Button, { asChild: true, variant: 'outline', children: _jsxs("a", { href: previewUrl, target: '_blank', rel: 'noreferrer', children: [_jsx(ExternalLink, { className: 'size-4' }), "Open file"] }) })] })) }), preview ? (_jsxs("div", { className: 'mt-3 grid grid-cols-1 gap-2 rounded-md border p-3 text-sm sm:grid-cols-2 lg:grid-cols-3', children: [_jsxs("div", { children: [_jsx("p", { className: 'text-muted-foreground text-xs', children: "MIME" }), _jsx("p", { className: 'font-medium', children: preview.mime })] }), _jsxs("div", { children: [_jsx("p", { className: 'text-muted-foreground text-xs', children: "Size" }), _jsx("p", { className: 'font-medium', children: formatFileSize(preview.size) })] }), _jsxs("div", { children: [_jsx("p", { className: 'text-muted-foreground text-xs', children: "Original Size" }), _jsx("p", { className: 'font-medium', children: preview.originalSize != null
+                                                ? formatFileSize(preview.originalSize)
+                                                : 'N/A' })] }), _jsxs("div", { children: [_jsx("p", { className: 'text-muted-foreground text-xs', children: "Dimensions" }), _jsx("p", { className: 'font-medium', children: preview.width && preview.height
+                                                ? `${preview.width}x${preview.height}`
+                                                : 'N/A' })] }), _jsxs("div", { children: [_jsx("p", { className: 'text-muted-foreground text-xs', children: "Orientation" }), _jsx("p", { className: 'font-medium', children: preview.orientation || 'N/A' })] }), _jsxs("div", { children: [_jsx("p", { className: 'text-muted-foreground text-xs', children: "Optimization" }), _jsx("p", { className: 'font-medium', children: preview.optimized
+                                                ? `Yes${preview.optimizedFormat ? ` (${preview.optimizedFormat})` : ''}`
+                                                : 'No' })] }), _jsxs("div", { children: [_jsx("p", { className: 'text-muted-foreground text-xs', children: "Quality" }), _jsx("p", { className: 'font-medium', children: preview.optimizationQuality != null
+                                                ? preview.optimizationQuality
+                                                : 'N/A' })] }), _jsxs("div", { children: [_jsx("p", { className: 'text-muted-foreground text-xs', children: "Preview Variant" }), _jsx("p", { className: 'font-medium', children: preview.previewUrl || preview.previewKey ? 'Available' : 'No' })] }), _jsxs("div", { children: [_jsx("p", { className: 'text-muted-foreground text-xs', children: "Saved" }), _jsx("p", { className: 'font-medium', children: preview.originalSize && preview.originalSize > preview.size
+                                                ? `${formatFileSize(preview.originalSize - preview.size)} (${formatPercent(((preview.originalSize - preview.size) / preview.originalSize) * 100)})`
+                                                : 'N/A' })] })] })) : null] })] }) }));
+}
+//# sourceMappingURL=ExpandedPreviewDialog.js.map

package/dist/esm/components/media/previews/dialogs/ExpandedPreviewDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandedPreviewDialog.js","sourceRoot":"","sources":["../../../../../../src/components/media/previews/dialogs/ExpandedPreviewDialog.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/media/previews/dialogs/MediaCreateFolderDialog.d.ts

@@ -0,0 +1,11 @@
+type MediaCreateFolderDialogProps = {
+    open: boolean;
+    value: string;
+    isLoading: boolean;
+    onValueChange: (value: string) => void;
+    onClose: () => void;
+    onConfirm: () => void;
+};
+export default function MediaCreateFolderDialog({ open, value, isLoading, onValueChange, onClose, onConfirm, }: MediaCreateFolderDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MediaCreateFolderDialog.d.ts.map

package/dist/esm/components/media/previews/dialogs/MediaCreateFolderDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaCreateFolderDialog.d.ts","sourceRoot":"","sources":["../../../../../../src/components/media/previews/dialogs/MediaCreateFolderDialog.tsx"],"names":[],"mappings":"AAaA,KAAK,4BAA4B,GAAG;IAClC,IAAI,EAAE,OAAO,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,OAAO,CAAA;IAClB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,IAAI,EACJ,KAAK,EACL,SAAS,EACT,aAAa,EACb,OAAO,EACP,SAAS,GACV,EAAE,4BAA4B,2CA6B9B"}

package/dist/esm/components/media/previews/dialogs/MediaCreateFolderDialog.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Input } from '../../../ui/input.js';
+import { Button } from '../../../ui/button.js';
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from '../../../ui/dialog.js';
+export default function MediaCreateFolderDialog({ open, value, isLoading, onValueChange, onClose, onConfirm, }) {
+    return (_jsx(Dialog, { open: open, onOpenChange: (nextOpen) => !nextOpen && onClose(), children: _jsxs(DialogContent, { "aria-describedby": 'Create folder', children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Create folder" }) }), _jsx(DialogDescription, { children: "Enter a name for the new folder." }), _jsx("div", { className: 'py-2', children: _jsx(Input, { value: value, onChange: (event) => onValueChange(event.target.value), placeholder: 'Folder name', onKeyDown: (event) => {
+                            if (event.key === 'Enter')
+                                onConfirm();
+                        } }) }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: 'ghost', onClick: onClose, children: "Cancel" }), _jsx(Button, { loading: isLoading, onClick: onConfirm, children: "Create" })] })] }) }));
+}
+//# sourceMappingURL=MediaCreateFolderDialog.js.map

package/dist/esm/components/media/previews/dialogs/MediaCreateFolderDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaCreateFolderDialog.js","sourceRoot":"","sources":["../../../../../../src/components/media/previews/dialogs/MediaCreateFolderDialog.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAC3C,OAAO,EACL,MAAM,EACN,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,WAAW,GACZ,MAAM,oBAAoB,CAAA;AAW3B,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,IAAI,EACJ,KAAK,EACL,SAAS,EACT,aAAa,EACb,OAAO,EACP,SAAS,GACoB;IAC7B,OAAO,CACL,KAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,QAAQ,IAAI,OAAO,EAAE,YACpE,MAAC,aAAa,wBAAkB,eAAe,aAC7C,KAAC,YAAY,cACX,KAAC,WAAW,gCAA4B,GAC3B,EACf,KAAC,iBAAiB,mDAAqD,EACvE,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACtD,WAAW,EAAC,aAAa,EACzB,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;4BACnB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO;gCAAE,SAAS,EAAE,CAAA;wBACxC,CAAC,GACD,GACE,EACN,MAAC,YAAY,eACX,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,uBAE/B,EACT,KAAC,MAAM,IAAC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,uBAErC,IACI,IACD,GACT,CACV,CAAA;AACH,CAAC"}

package/dist/esm/components/media/previews/dialogs/MediaDeleteDialog.d.ts

@@ -0,0 +1,14 @@
+type DeleteTarget = {
+    contentType: 'Media' | 'MediaFolder';
+    id: string;
+    name: string;
+};
+type MediaDeleteDialogProps = {
+    target: DeleteTarget | null;
+    isLoading: boolean;
+    onClose: () => void;
+    onConfirm: () => void;
+};
+export default function MediaDeleteDialog({ target, isLoading, onClose, onConfirm, }: MediaDeleteDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MediaDeleteDialog.d.ts.map

package/dist/esm/components/media/previews/dialogs/MediaDeleteDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaDeleteDialog.d.ts","sourceRoot":"","sources":["../../../../../../src/components/media/previews/dialogs/MediaDeleteDialog.tsx"],"names":[],"mappings":"AAYA,KAAK,YAAY,GAAG;IAClB,WAAW,EAAE,OAAO,GAAG,aAAa,CAAA;IACpC,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,KAAK,sBAAsB,GAAG;IAC5B,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,MAAM,EACN,SAAS,EACT,OAAO,EACP,SAAS,GACV,EAAE,sBAAsB,2CAuBxB"}

package/dist/esm/components/media/previews/dialogs/MediaDeleteDialog.js

@@ -0,0 +1,8 @@
+'use client';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Button } from '../../../ui/button.js';
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from '../../../ui/dialog.js';
+export default function MediaDeleteDialog({ target, isLoading, onClose, onConfirm, }) {
+    return (_jsx(Dialog, { open: !!target, onOpenChange: (open) => !open && onClose(), children: _jsxs(DialogContent, { "aria-describedby": 'Delete media item', children: [_jsx(DialogHeader, { children: _jsxs(DialogTitle, { children: ["Delete ", target?.contentType === 'MediaFolder' ? 'folder' : 'file'] }) }), _jsxs(DialogDescription, { children: ["Are you sure you want to delete \"", target?.name, "\"?"] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: 'ghost', onClick: onClose, children: "Cancel" }), _jsx(Button, { variant: 'destructive', loading: isLoading, onClick: onConfirm, children: "Delete" })] })] }) }));
+}
+//# sourceMappingURL=MediaDeleteDialog.js.map

package/dist/esm/components/media/previews/dialogs/MediaDeleteDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaDeleteDialog.js","sourceRoot":"","sources":["../../../../../../src/components/media/previews/dialogs/MediaDeleteDialog.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAC3C,OAAO,EACL,MAAM,EACN,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,WAAW,GACZ,MAAM,oBAAoB,CAAA;AAe3B,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,MAAM,EACN,SAAS,EACT,OAAO,EACP,SAAS,GACc;IACvB,OAAO,CACL,KAAC,MAAM,IAAC,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,OAAO,EAAE,YAChE,MAAC,aAAa,wBAAkB,mBAAmB,aACjD,KAAC,YAAY,cACX,MAAC,WAAW,0BACF,MAAM,EAAE,WAAW,KAAK,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,IACrD,GACD,EACf,MAAC,iBAAiB,qDACkB,MAAM,EAAE,IAAI,WAC5B,EACpB,MAAC,YAAY,eACX,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,uBAE/B,EACT,KAAC,MAAM,IAAC,OAAO,EAAC,aAAa,EAAC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,uBAE3D,IACI,IACD,GACT,CACV,CAAA;AACH,CAAC"}

package/dist/esm/components/media/previews/dialogs/MediaEditDialog.d.ts

@@ -0,0 +1,16 @@
+type EditTarget = {
+    contentType: 'Media' | 'MediaFolder';
+    id: string;
+    name: string;
+};
+type MediaEditDialogProps = {
+    target: EditTarget | null;
+    value: string;
+    isLoading: boolean;
+    onValueChange: (value: string) => void;
+    onClose: () => void;
+    onConfirm: () => void;
+};
+export default function MediaEditDialog({ target, value, isLoading, onValueChange, onClose, onConfirm, }: MediaEditDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MediaEditDialog.d.ts.map

package/dist/esm/components/media/previews/dialogs/MediaEditDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaEditDialog.d.ts","sourceRoot":"","sources":["../../../../../../src/components/media/previews/dialogs/MediaEditDialog.tsx"],"names":[],"mappings":"AAaA,KAAK,UAAU,GAAG;IAChB,WAAW,EAAE,OAAO,GAAG,aAAa,CAAA;IACpC,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,KAAK,oBAAoB,GAAG;IAC1B,MAAM,EAAE,UAAU,GAAG,IAAI,CAAA;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,OAAO,CAAA;IAClB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,MAAM,EACN,KAAK,EACL,SAAS,EACT,aAAa,EACb,OAAO,EACP,SAAS,GACV,EAAE,oBAAoB,2CA+BtB"}

package/dist/esm/components/media/previews/dialogs/MediaEditDialog.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Input } from '../../../ui/input.js';
+import { Button } from '../../../ui/button.js';
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from '../../../ui/dialog.js';
+export default function MediaEditDialog({ target, value, isLoading, onValueChange, onClose, onConfirm, }) {
+    return (_jsx(Dialog, { open: !!target, onOpenChange: (open) => !open && onClose(), children: _jsxs(DialogContent, { "aria-describedby": 'Edit media item', children: [_jsx(DialogHeader, { children: _jsxs(DialogTitle, { children: ["Edit ", target?.contentType === 'MediaFolder' ? 'folder' : 'file'] }) }), _jsx(DialogDescription, { children: "Update the name." }), _jsx("div", { className: 'py-2', children: _jsx(Input, { value: value, onChange: (event) => onValueChange(event.target.value), placeholder: 'Name', onKeyDown: (event) => {
+                            if (event.key === 'Enter')
+                                onConfirm();
+                        } }) }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: 'ghost', onClick: onClose, children: "Cancel" }), _jsx(Button, { loading: isLoading, onClick: onConfirm, children: "Save" })] })] }) }));
+}
+//# sourceMappingURL=MediaEditDialog.js.map

package/dist/esm/components/media/previews/dialogs/MediaEditDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaEditDialog.js","sourceRoot":"","sources":["../../../../../../src/components/media/previews/dialogs/MediaEditDialog.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAC3C,OAAO,EACL,MAAM,EACN,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,WAAW,GACZ,MAAM,oBAAoB,CAAA;AAiB3B,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,MAAM,EACN,KAAK,EACL,SAAS,EACT,aAAa,EACb,OAAO,EACP,SAAS,GACY;IACrB,OAAO,CACL,KAAC,MAAM,IAAC,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,OAAO,EAAE,YAChE,MAAC,aAAa,wBAAkB,iBAAiB,aAC/C,KAAC,YAAY,cACX,MAAC,WAAW,wBACJ,MAAM,EAAE,WAAW,KAAK,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,IACnD,GACD,EACf,KAAC,iBAAiB,mCAAqC,EACvD,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACtD,WAAW,EAAC,MAAM,EAClB,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;4BACnB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO;gCAAE,SAAS,EAAE,CAAA;wBACxC,CAAC,GACD,GACE,EACN,MAAC,YAAY,eACX,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,uBAE/B,EACT,KAAC,MAAM,IAAC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,qBAErC,IACI,IACD,GACT,CACV,CAAA;AACH,CAAC"}

package/dist/esm/components/media/previews/dialogs/MediaMoveDialog.d.ts

@@ -0,0 +1,22 @@
+type MoveTarget = {
+    id: string;
+    name: string;
+    currentFolderId?: string;
+};
+type FolderOption = {
+    _id: string | null;
+    name: string;
+    path: string;
+};
+type MediaMoveDialogProps = {
+    target: MoveTarget | null;
+    folders: FolderOption[];
+    value: string;
+    isLoading: boolean;
+    onValueChange: (value: string) => void;
+    onClose: () => void;
+    onConfirm: () => void;
+};
+export default function MediaMoveDialog({ target, folders, value, isLoading, onValueChange, onClose, onConfirm, }: MediaMoveDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MediaMoveDialog.d.ts.map

package/dist/esm/components/media/previews/dialogs/MediaMoveDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaMoveDialog.d.ts","sourceRoot":"","sources":["../../../../../../src/components/media/previews/dialogs/MediaMoveDialog.tsx"],"names":[],"mappings":"AAmBA,KAAK,UAAU,GAAG;IAChB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB,CAAA;AAED,KAAK,YAAY,GAAG;IAClB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,KAAK,oBAAoB,GAAG;IAC1B,MAAM,EAAE,UAAU,GAAG,IAAI,CAAA;IACzB,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,OAAO,CAAA;IAClB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,MAAM,EACN,OAAO,EACP,KAAK,EACL,SAAS,EACT,aAAa,EACb,OAAO,EACP,SAAS,GACV,EAAE,oBAAoB,2CA+CtB"}

package/dist/esm/components/media/previews/dialogs/MediaMoveDialog.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../../../ui/button.js';
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from '../../../ui/dialog.js';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../../../ui/select.js';
+export default function MediaMoveDialog({ target, folders, value, isLoading, onValueChange, onClose, onConfirm, }) {
+    return (_jsx(Dialog, { open: !!target, onOpenChange: (open) => !open && onClose(), children: _jsxs(DialogContent, { "aria-describedby": 'Move media item', children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Move file" }) }), _jsxs(DialogDescription, { children: ["Select the destination folder for \"", target?.name, "\"."] }), _jsx("div", { className: 'py-2', children: _jsxs(Select, { value: value, onValueChange: onValueChange, children: [_jsx(SelectTrigger, { className: 'w-full', children: _jsx(SelectValue, { placeholder: 'Select folder' }) }), _jsx(SelectContent, { children: folders.map((folder) => (_jsx(SelectItem, { value: folder._id ?? '__root__', children: folder.path }, folder._id ?? 'root'))) })] }) }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: 'ghost', onClick: onClose, children: "Cancel" }), _jsx(Button, { loading: isLoading, disabled: !value ||
+                                !target ||
+                                value === (target.currentFolderId ?? '__root__') ||
+                                folders.length === 0, onClick: onConfirm, children: "Move" })] })] }) }));
+}
+//# sourceMappingURL=MediaMoveDialog.js.map

package/dist/esm/components/media/previews/dialogs/MediaMoveDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaMoveDialog.js","sourceRoot":"","sources":["../../../../../../src/components/media/previews/dialogs/MediaMoveDialog.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAC3C,OAAO,EACL,MAAM,EACN,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,WAAW,GACZ,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EACL,MAAM,EACN,aAAa,EACb,UAAU,EACV,aAAa,EACb,WAAW,GACZ,MAAM,oBAAoB,CAAA;AAwB3B,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,MAAM,EACN,OAAO,EACP,KAAK,EACL,SAAS,EACT,aAAa,EACb,OAAO,EACP,SAAS,GACY;IACrB,OAAO,CACL,KAAC,MAAM,IAAC,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,OAAO,EAAE,YAChE,MAAC,aAAa,wBAAkB,iBAAiB,aAC/C,KAAC,YAAY,cACX,KAAC,WAAW,4BAAwB,GACvB,EACf,MAAC,iBAAiB,uDACoB,MAAM,EAAE,IAAI,WAC9B,EACpB,cAAK,SAAS,EAAC,MAAM,YACnB,MAAC,MAAM,IAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,aAChD,KAAC,aAAa,IAAC,SAAS,EAAC,QAAQ,YAC/B,KAAC,WAAW,IAAC,WAAW,EAAC,eAAe,GAAG,GAC7B,EAChB,KAAC,aAAa,cACX,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,KAAC,UAAU,IAET,KAAK,EAAE,MAAM,CAAC,GAAG,IAAI,UAAU,YAE9B,MAAM,CAAC,IAAI,IAHP,MAAM,CAAC,GAAG,IAAI,MAAM,CAId,CACd,CAAC,GACY,IACT,GACL,EACN,MAAC,YAAY,eACX,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,uBAE/B,EACT,KAAC,MAAM,IACL,OAAO,EAAE,SAAS,EAClB,QAAQ,EACN,CAAC,KAAK;gCACN,CAAC,MAAM;gCACP,KAAK,KAAK,CAAC,MAAM,CAAC,eAAe,IAAI,UAAU,CAAC;gCAChD,OAAO,CAAC,MAAM,KAAK,CAAC,EAEtB,OAAO,EAAE,SAAS,qBAGX,IACI,IACD,GACT,CACV,CAAA;AACH,CAAC"}

package/dist/esm/components/media/previews/hooks/useExpandedPreview.d.ts

@@ -0,0 +1,14 @@
+import type { MediaRecord } from '../../../../lib/media.js';
+type UseExpandedPreviewInput = {
+    selectable: boolean;
+    onSelect?: (media: MediaRecord) => void;
+    resolveOriginalUrl: (item: MediaRecord) => Promise<string>;
+};
+export declare function useExpandedPreview({ selectable, onSelect, resolveOriginalUrl, }: UseExpandedPreviewInput): {
+    expandedPreview: MediaRecord | null;
+    expandedPreviewUrl: string;
+    setExpandedPreview: import("react").Dispatch<import("react").SetStateAction<MediaRecord | null>>;
+    onMediaClick: (item: MediaRecord) => void;
+};
+export {};
+//# sourceMappingURL=useExpandedPreview.d.ts.map

package/dist/esm/components/media/previews/hooks/useExpandedPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExpandedPreview.d.ts","sourceRoot":"","sources":["../../../../../../src/components/media/previews/hooks/useExpandedPreview.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAE9C,KAAK,uBAAuB,GAAG;IAC7B,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IACvC,kBAAkB,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;CAC3D,CAAA;AAED,wBAAgB,kBAAkB,CAAC,EACjC,UAAU,EACV,QAAQ,EACR,kBAAkB,GACnB,EAAE,uBAAuB;;;;yBAGI,WAAW;EA6BxC"}

package/dist/esm/components/media/previews/hooks/useExpandedPreview.js

@@ -0,0 +1,35 @@
+'use client';
+import { useState } from 'react';
+import { useQuery } from '@tanstack/react-query';
+export function useExpandedPreview({ selectable, onSelect, resolveOriginalUrl, }) {
+    const [expandedPreview, setExpandedPreview] = useState(null);
+    const onMediaClick = (item) => {
+        if (selectable && onSelect) {
+            onSelect(item);
+            return;
+        }
+        setExpandedPreview(item);
+    };
+    const { data: expandedOriginalUrl } = useQuery({
+        queryKey: [
+            'media-original-url',
+            expandedPreview?._id,
+            expandedPreview?.key,
+            expandedPreview?.access,
+        ],
+        enabled: !!expandedPreview,
+        queryFn: async () => {
+            if (!expandedPreview)
+                return '';
+            return await resolveOriginalUrl(expandedPreview);
+        },
+        staleTime: 1000 * 60,
+    });
+    return {
+        expandedPreview,
+        expandedPreviewUrl: expandedOriginalUrl || '',
+        setExpandedPreview,
+        onMediaClick,
+    };
+}
+//# sourceMappingURL=useExpandedPreview.js.map

package/dist/esm/components/media/previews/hooks/useExpandedPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExpandedPreview.js","sourceRoot":"","sources":["../../../../../../src/components/media/previews/hooks/useExpandedPreview.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAUhD,MAAM,UAAU,kBAAkB,CAAC,EACjC,UAAU,EACV,QAAQ,EACR,kBAAkB,GACM;IACxB,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAA;IAEhF,MAAM,YAAY,GAAG,CAAC,IAAiB,EAAE,EAAE;QACzC,IAAI,UAAU,IAAI,QAAQ,EAAE,CAAC;YAC3B,QAAQ,CAAC,IAAI,CAAC,CAAA;YACd,OAAM;QACR,CAAC;QACD,kBAAkB,CAAC,IAAI,CAAC,CAAA;IAC1B,CAAC,CAAA;IAED,MAAM,EAAE,IAAI,EAAE,mBAAmB,EAAE,GAAG,QAAQ,CAAC;QAC7C,QAAQ,EAAE;YACR,oBAAoB;YACpB,eAAe,EAAE,GAAG;YACpB,eAAe,EAAE,GAAG;YACpB,eAAe,EAAE,MAAM;SACxB;QACD,OAAO,EAAE,CAAC,CAAC,eAAe;QAC1B,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,IAAI,CAAC,eAAe;gBAAE,OAAO,EAAE,CAAA;YAC/B,OAAO,MAAM,kBAAkB,CAAC,eAAe,CAAC,CAAA;QAClD,CAAC;QACD,SAAS,EAAE,IAAI,GAAG,EAAE;KACrB,CAAC,CAAA;IAEF,OAAO;QACL,eAAe;QACf,kBAAkB,EAAE,mBAAmB,IAAI,EAAE;QAC7C,kBAAkB;QAClB,YAAY;KACb,CAAA;AACH,CAAC"}

package/dist/esm/components/media/previews/hooks/useMediaPreviewRenderer.d.ts

@@ -0,0 +1,10 @@
+import type { MediaRecord } from '../../../../lib/media.js';
+type UseMediaPreviewRendererInput = {
+    media: MediaRecord[];
+    resolvePreviewUrl: (item: MediaRecord) => Promise<string>;
+};
+export declare function useMediaPreviewRenderer({ media, resolvePreviewUrl, }: UseMediaPreviewRendererInput): {
+    renderPreview: (item: MediaRecord, className?: string) => import("react/jsx-runtime").JSX.Element;
+};
+export {};
+//# sourceMappingURL=useMediaPreviewRenderer.d.ts.map

package/dist/esm/components/media/previews/hooks/useMediaPreviewRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaPreviewRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/media/previews/hooks/useMediaPreviewRenderer.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAG9C,KAAK,4BAA4B,GAAG;IAClC,KAAK,EAAE,WAAW,EAAE,CAAA;IACpB,iBAAiB,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;CAC1D,CAAA;AAED,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,iBAAiB,GAClB,EAAE,4BAA4B;0BAoBA,WAAW;EAiCzC"}

package/dist/esm/components/media/previews/hooks/useMediaPreviewRenderer.js

@@ -0,0 +1,39 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useQueries } from '@tanstack/react-query';
+import { FileTypeIcon, isImage, isVideo } from '../utils/mediaPreview.js';
+import { cn } from '../../../../lib/utils.js';
+export function useMediaPreviewRenderer({ media, resolvePreviewUrl, }) {
+    const previewUrlQueries = useQueries({
+        queries: media.map((item) => ({
+            queryKey: [
+                'media-preview-url',
+                item._id,
+                item.previewKey || item.key,
+                item.access,
+            ],
+            queryFn: async () => resolvePreviewUrl(item),
+            staleTime: 1000 * 60,
+        })),
+    });
+    const previewUrlById = new Map();
+    media.forEach((item, index) => {
+        const resolved = previewUrlQueries[index]?.data;
+        if (resolved)
+            previewUrlById.set(item._id, resolved);
+    });
+    const renderPreview = (item, className = '') => {
+        const src = previewUrlById.get(item._id);
+        if (isImage(item.mime) && src) {
+            return (_jsx("img", { src: src, alt: item.name, className: cn('h-full w-full object-cover', className), loading: 'lazy' }));
+        }
+        if (isVideo(item.mime) && src) {
+            return (_jsx("video", { src: src, className: cn('h-full w-full object-cover', className) }));
+        }
+        return (_jsx("div", { className: 'flex h-full w-full items-center justify-center text-muted-foreground', children: _jsx(FileTypeIcon, { mime: item.mime }) }));
+    };
+    return {
+        renderPreview,
+    };
+}
+//# sourceMappingURL=useMediaPreviewRenderer.js.map

package/dist/esm/components/media/previews/hooks/useMediaPreviewRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaPreviewRenderer.js","sourceRoot":"","sources":["../../../../../../src/components/media/previews/hooks/useMediaPreviewRenderer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAElD,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAGtE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA;AAOhC,MAAM,UAAU,uBAAuB,CAAC,EACtC,KAAK,EACL,iBAAiB,GACY;IAC7B,MAAM,iBAAiB,GAAG,UAAU,CAAC;QACnC,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YAC5B,QAAQ,EAAE;gBACR,mBAAmB;gBACnB,IAAI,CAAC,GAAG;gBACR,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,GAAG;gBAC3B,IAAI,CAAC,MAAM;aACZ;YACD,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC;YAC5C,SAAS,EAAE,IAAI,GAAG,EAAE;SACrB,CAAC,CAAC;KACJ,CAAC,CAAA;IAEF,MAAM,cAAc,GAAG,IAAI,GAAG,EAAkB,CAAA;IAChD,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QAC5B,MAAM,QAAQ,GAAG,iBAAiB,CAAC,KAAK,CAAC,EAAE,IAAI,CAAA;QAC/C,IAAI,QAAQ;YAAE,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAA;IACtD,CAAC,CAAC,CAAA;IAEF,MAAM,aAAa,GAAG,CAAC,IAAiB,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE;QAC1D,MAAM,GAAG,GAAG,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QAExC,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;YAC9B,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,EACtD,OAAO,EAAC,MAAM,GACd,CACH,CAAA;QACH,CAAC;QAED,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;YAC9B,OAAO,CACL,gBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,GACtD,CACH,CAAA;QACH,CAAC;QAED,OAAO,CACL,cAAK,SAAS,EAAC,sEAAsE,YACnF,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,GAC7B,CACP,CAAA;IACH,CAAC,CAAA;IAED,OAAO;QACL,aAAa;KACd,CAAA;AACH,CAAC"}

package/dist/esm/components/media/previews/hooks/useMediaUpload.d.ts

@@ -0,0 +1,18 @@
+import type { FileUploadProps } from '../../../ui/file-upload.js';
+type UseMediaUploadInput = {
+    onUpload: NonNullable<FileUploadProps['onUpload']>;
+    refetchMedia: () => Promise<unknown>;
+};
+export declare function useMediaUpload({ onUpload, refetchMedia }: UseMediaUploadInput): {
+    files: File[];
+    setFiles: import("react").Dispatch<import("react").SetStateAction<File[]>>;
+    isUploading: boolean;
+    handleUpload: (files: File[], options: {
+        onProgress: (file: File, progress: number) => void;
+        onSuccess: (file: File) => void;
+        onError: (file: File, error: Error) => void;
+    }) => Promise<void> | void;
+    onFileReject: (file: File, message: string) => void;
+};
+export {};
+//# sourceMappingURL=useMediaUpload.d.ts.map

package/dist/esm/components/media/previews/hooks/useMediaUpload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaUpload.d.ts","sourceRoot":"","sources":["../../../../../../src/components/media/previews/hooks/useMediaUpload.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAE9D,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,WAAW,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,CAAA;IAClD,YAAY,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAA;CACrC,CAAA;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,mBAAmB;;;;;;;;;yBAqBhD,IAAI,WAAW,MAAM;EAalD"}

package/dist/esm/components/media/previews/hooks/useMediaUpload.js

@@ -0,0 +1,35 @@
+'use client';
+import { useState } from 'react';
+import { toast } from 'sonner';
+export function useMediaUpload({ onUpload, refetchMedia }) {
+    const [files, setFiles] = useState([]);
+    const [isUploading, setIsUploading] = useState(false);
+    const handleUpload = async (selectedFiles, options) => {
+        setIsUploading(true);
+        try {
+            await onUpload(selectedFiles, options);
+            await refetchMedia();
+            setFiles([]);
+        }
+        catch (error) {
+            toast.error('An unexpected error occurred during upload. Please try again.');
+            console.error('Unexpected error during upload:', error);
+        }
+        finally {
+            setIsUploading(false);
+        }
+    };
+    const onFileReject = (file, message) => {
+        toast(message, {
+            description: `"${file.name.length > 20 ? `${file.name.slice(0, 20)}...` : file.name}" has been rejected`,
+        });
+    };
+    return {
+        files,
+        setFiles,
+        isUploading,
+        handleUpload,
+        onFileReject,
+    };
+}
+//# sourceMappingURL=useMediaUpload.js.map

package/dist/esm/components/media/previews/hooks/useMediaUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaUpload.js","sourceRoot":"","sources":["../../../../../../src/components/media/previews/hooks/useMediaUpload.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAS9B,MAAM,UAAU,cAAc,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAuB;IAC5E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAA;IAC9C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAErD,MAAM,YAAY,GAA6C,KAAK,EAClE,aAAa,EACb,OAAO,EACP,EAAE;QACF,cAAc,CAAC,IAAI,CAAC,CAAA;QACpB,IAAI,CAAC;YACH,MAAM,QAAQ,CAAC,aAAa,EAAE,OAAO,CAAC,CAAA;YACtC,MAAM,YAAY,EAAE,CAAA;YACpB,QAAQ,CAAC,EAAE,CAAC,CAAA;QACd,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,KAAK,CAAC,KAAK,CAAC,+DAA+D,CAAC,CAAA;YAC5E,OAAO,CAAC,KAAK,CAAC,iCAAiC,EAAE,KAAK,CAAC,CAAA;QACzD,CAAC;gBAAS,CAAC;YACT,cAAc,CAAC,KAAK,CAAC,CAAA;QACvB,CAAC;IACH,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,IAAU,EAAE,OAAe,EAAE,EAAE;QACnD,KAAK,CAAC,OAAO,EAAE;YACb,WAAW,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,qBAAqB;SACzG,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,OAAO;QACL,KAAK;QACL,QAAQ;QACR,WAAW;QACX,YAAY;QACZ,YAAY;KACb,CAAA;AACH,CAAC"}

package/dist/esm/components/media/previews/toolbar/PreviewsToolbar.d.ts

@@ -0,0 +1,2 @@
+export default function PreviewsToolbar(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PreviewsToolbar.d.ts.map

package/dist/esm/components/media/previews/toolbar/PreviewsToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewsToolbar.d.ts","sourceRoot":"","sources":["../../../../../../src/components/media/previews/toolbar/PreviewsToolbar.tsx"],"names":[],"mappings":"AAkCA,MAAM,CAAC,OAAO,UAAU,eAAe,4CAgLtC"}

package/dist/esm/components/media/previews/toolbar/PreviewsToolbar.js

@@ -0,0 +1,32 @@
+'use client';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { FilmIcon, Grid2x2, Image, LayoutGrid, List, Loader2, Upload, FileText, SlidersHorizontal, } from 'lucide-react';
+import { Button } from '../../../ui/button.js';
+import { FileUploadClear, FileUploadTrigger } from '../../../ui/file-upload.js';
+import { Input } from '../../../ui/input.js';
+import { Popover, PopoverContent, PopoverTrigger, } from '../../../ui/popover.js';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../../../ui/select.js';
+import { Switch } from '../../../ui/switch.js';
+import { ToggleGroup, ToggleGroupItem } from '../../../ui/toggle-group.js';
+import { useMediaLibrary } from '../../contexts/MediaLibraryContext.js';
+import { useMediaPreview } from '../context/MediaPreviewContext.js';
+export default function PreviewsToolbar() {
+    const { mediaCount, isUploading, mediaTypeFilter, isMediaTypeFilterLocked, setMediaTypeFilter, viewMode, setViewMode, } = useMediaPreview();
+    const { optimizeEnabled, optimizeLocked, optimizeOptions, setOptimizeEnabled, setOptimizeOptions, } = useMediaLibrary();
+    return (_jsxs("div", { className: 'flex items-center justify-between gap-2 flex-wrap', children: [_jsxs("p", { className: 'text-muted-foreground text-sm', children: [mediaCount, " file", mediaCount === 1 ? '' : 's'] }), _jsxs("div", { className: 'flex items-center gap-2 flex-wrap', children: [_jsx(FileUploadTrigger, { asChild: true, children: _jsxs(Button, { size: 'sm', variant: 'outline', children: [_jsx(Upload, { className: 'size-4' }), "Upload"] }) }), _jsx(FileUploadClear, { className: 'inline-flex items-center rounded-md border px-3 py-1.5 font-medium text-sm hover:bg-accent/40', children: "Clear" }), _jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { size: 'sm', variant: 'outline', children: [_jsx(SlidersHorizontal, { className: 'size-4' }), "Optimization"] }) }), _jsxs(PopoverContent, { align: 'end', className: 'w-80 space-y-4', children: [_jsxs("div", { className: 'flex items-center justify-between gap-2', children: [_jsx("p", { className: 'font-medium text-sm', children: "Enable optimization" }), _jsx(Switch, { checked: optimizeEnabled, disabled: optimizeLocked, onCheckedChange: setOptimizeEnabled })] }), optimizeLocked ? (_jsx("p", { className: 'text-muted-foreground text-xs', children: "Optimization is enforced by this field configuration." })) : null, _jsxs("div", { className: 'space-y-2', children: [_jsx("p", { className: 'text-muted-foreground text-xs', children: "Format" }), _jsxs(Select, { value: optimizeOptions.format, disabled: !optimizeEnabled, onValueChange: (value) => setOptimizeOptions({
+                                                    format: value,
+                                                }), children: [_jsx(SelectTrigger, { className: 'w-full', children: _jsx(SelectValue, { placeholder: 'Select format' }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: 'webp', children: "webp" }), _jsx(SelectItem, { value: 'jpeg', children: "jpeg" }), _jsx(SelectItem, { value: 'png', children: "png" }), _jsx(SelectItem, { value: 'avif', children: "avif" })] })] })] }), _jsxs("div", { className: 'space-y-2', children: [_jsx("p", { className: 'text-muted-foreground text-xs', children: "Quality (1-100)" }), _jsx(Input, { type: 'number', min: 1, max: 100, disabled: !optimizeEnabled, value: optimizeOptions.quality, onChange: (event) => {
+                                                    const parsed = Number(event.target.value);
+                                                    if (!Number.isFinite(parsed))
+                                                        return;
+                                                    const value = Math.max(1, Math.min(100, Math.round(parsed)));
+                                                    setOptimizeOptions({ quality: value });
+                                                } })] }), _jsxs("div", { className: 'flex items-center justify-between gap-2', children: [_jsx("p", { className: 'text-sm', children: "Generate preview" }), _jsx(Switch, { checked: optimizeOptions.generatePreview, disabled: !optimizeEnabled, onCheckedChange: (value) => setOptimizeOptions({ generatePreview: value }) })] })] })] }), isUploading ? (_jsxs("span", { className: 'inline-flex items-center gap-1 text-muted-foreground text-sm', children: [_jsx(Loader2, { className: 'size-4 animate-spin' }), "Uploading..."] })) : null, !isMediaTypeFilterLocked ? (_jsxs(ToggleGroup, { type: 'single', value: mediaTypeFilter, onValueChange: (value) => {
+                            if (value)
+                                setMediaTypeFilter(value);
+                        }, variant: 'outline', className: 'max-w-full flex-wrap', children: [_jsx(ToggleGroupItem, { value: 'all', "aria-label": 'All files', className: 'flex-none whitespace-nowrap', children: "All" }), _jsxs(ToggleGroupItem, { value: 'image', "aria-label": 'Images', className: 'flex-none whitespace-nowrap', children: [_jsx(Image, { className: 'size-4' }), "Images"] }), _jsxs(ToggleGroupItem, { value: 'video', "aria-label": 'Videos', className: 'flex-none whitespace-nowrap', children: [_jsx(FilmIcon, { className: 'size-4' }), "Videos"] }), _jsxs(ToggleGroupItem, { value: 'document', "aria-label": 'Documents', className: 'flex-none whitespace-nowrap', children: [_jsx(FileText, { className: 'size-4' }), "Docs"] })] })) : null, _jsxs(ToggleGroup, { type: 'single', value: viewMode, onValueChange: (value) => {
+                            if (value)
+                                setViewMode(value);
+                        }, variant: 'outline', children: [_jsx(ToggleGroupItem, { value: 'list', "aria-label": 'List view', children: _jsx(List, { className: 'size-4' }) }), _jsx(ToggleGroupItem, { value: 'grid-sm', "aria-label": 'Small cards view', children: _jsx(Grid2x2, { className: 'size-4' }) }), _jsx(ToggleGroupItem, { value: 'grid-lg', "aria-label": 'Large cards view', children: _jsx(LayoutGrid, { className: 'size-4' }) })] })] })] }));
+}
+//# sourceMappingURL=PreviewsToolbar.js.map

package/dist/esm/components/media/previews/toolbar/PreviewsToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewsToolbar.js","sourceRoot":"","sources":["../../../../../../src/components/media/previews/toolbar/PreviewsToolbar.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/media/previews/utils/mediaPreview.d.ts

@@ -0,0 +1,10 @@
+export declare const formatFileSize: (bytes: number) => string;
+export declare const formatPercent: (value: number) => string;
+export declare const isImage: (mime: string) => boolean;
+export declare const isVideo: (mime: string) => boolean;
+export declare const isAudio: (mime: string) => boolean;
+export declare const isPdf: (mime: string) => mime is "application/pdf";
+export declare function FileTypeIcon({ mime }: {
+    mime: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mediaPreview.d.ts.map

package/dist/esm/components/media/previews/utils/mediaPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mediaPreview.d.ts","sourceRoot":"","sources":["../../../../../../src/components/media/previews/utils/mediaPreview.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM,KAAG,MAK9C,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,KAAG,MAAgC,CAAA;AAE9E,eAAO,MAAM,OAAO,GAAI,MAAM,MAAM,YAA8B,CAAA;AAClE,eAAO,MAAM,OAAO,GAAI,MAAM,MAAM,YAA8B,CAAA;AAClE,eAAO,MAAM,OAAO,GAAI,MAAM,MAAM,YAA8B,CAAA;AAClE,eAAO,MAAM,KAAK,GAAI,MAAM,MAAM,8BAA+B,CAAA;AAEjE,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,2CAMtD"}

package/dist/esm/components/media/previews/utils/mediaPreview.js

@@ -0,0 +1,29 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { File, FileAudio2, FileImage, FileText, Film } from 'lucide-react';
+export const formatFileSize = (bytes) => {
+    if (bytes < 1024)
+        return `${bytes} B`;
+    if (bytes < 1024 ** 2)
+        return `${(bytes / 1024).toFixed(1)} KB`;
+    if (bytes < 1024 ** 3)
+        return `${(bytes / 1024 ** 2).toFixed(1)} MB`;
+    return `${(bytes / 1024 ** 3).toFixed(1)} GB`;
+};
+export const formatPercent = (value) => `${value.toFixed(1)}%`;
+export const isImage = (mime) => mime.startsWith('image/');
+export const isVideo = (mime) => mime.startsWith('video/');
+export const isAudio = (mime) => mime.startsWith('audio/');
+export const isPdf = (mime) => mime === 'application/pdf';
+export function FileTypeIcon({ mime }) {
+    if (isImage(mime))
+        return _jsx(FileImage, { className: 'size-5' });
+    if (isVideo(mime))
+        return _jsx(Film, { className: 'size-5' });
+    if (isAudio(mime))
+        return _jsx(FileAudio2, { className: 'size-5' });
+    if (isPdf(mime))
+        return _jsx(FileText, { className: 'size-5' });
+    return _jsx(File, { className: 'size-5' });
+}
+//# sourceMappingURL=mediaPreview.js.map

package/dist/esm/components/media/previews/utils/mediaPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mediaPreview.js","sourceRoot":"","sources":["../../../../../../src/components/media/previews/utils/mediaPreview.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE1E,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAa,EAAU,EAAE;IACtD,IAAI,KAAK,GAAG,IAAI;QAAE,OAAO,GAAG,KAAK,IAAI,CAAA;IACrC,IAAI,KAAK,GAAG,IAAI,IAAI,CAAC;QAAE,OAAO,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAA;IAC/D,IAAI,KAAK,GAAG,IAAI,IAAI,CAAC;QAAE,OAAO,GAAG,CAAC,KAAK,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAA;IACpE,OAAO,GAAG,CAAC,KAAK,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAA;AAC/C,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAa,EAAU,EAAE,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAA;AAE9E,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAA;AAClE,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAA;AAClE,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAA;AAClE,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,KAAK,iBAAiB,CAAA;AAEjE,MAAM,UAAU,YAAY,CAAC,EAAE,IAAI,EAAoB;IACrD,IAAI,OAAO,CAAC,IAAI,CAAC;QAAE,OAAO,KAAC,SAAS,IAAC,SAAS,EAAC,QAAQ,GAAG,CAAA;IAC1D,IAAI,OAAO,CAAC,IAAI,CAAC;QAAE,OAAO,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,GAAG,CAAA;IACrD,IAAI,OAAO,CAAC,IAAI,CAAC;QAAE,OAAO,KAAC,UAAU,IAAC,SAAS,EAAC,QAAQ,GAAG,CAAA;IAC3D,IAAI,KAAK,CAAC,IAAI,CAAC;QAAE,OAAO,KAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ,GAAG,CAAA;IACvD,OAAO,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,GAAG,CAAA;AACpC,CAAC"}

package/dist/esm/components/media/previews/views/PreviewsGridLargeView.d.ts

@@ -0,0 +1,7 @@
+import type { MediaRecord } from '../../../../lib/media.js';
+type PreviewsGridLargeViewProps = {
+    media: MediaRecord[];
+};
+export default function PreviewsGridLargeView({ media, }: PreviewsGridLargeViewProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PreviewsGridLargeView.d.ts.map

package/dist/esm/components/media/previews/views/PreviewsGridLargeView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewsGridLargeView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/media/previews/views/PreviewsGridLargeView.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAE9C,KAAK,0BAA0B,GAAG;IAChC,KAAK,EAAE,WAAW,EAAE,CAAA;CACrB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,KAAK,GACN,EAAE,0BAA0B,2CAkC5B"}

package/dist/esm/components/media/previews/views/PreviewsGridLargeView.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Check } from 'lucide-react';
+import { Card } from '../../../ui/card.js';
+import { ContextMenu, ContextMenuTrigger } from '../../../ui/context-menu.js';
+import MediaContextMenuContent from '../MediaContextMenuContent.js';
+import { useMediaPreview } from '../context/MediaPreviewContext.js';
+export default function PreviewsGridLargeView({ media, }) {
+    const { onMediaClick, renderPreview, formatFileSize, isSelected } = useMediaPreview();
+    return (_jsx("div", { className: 'relative grid w-full grid-cols-1 gap-3 md:grid-cols-2', children: media.map((item) => (_jsxs(ContextMenu, { children: [_jsx(ContextMenuTrigger, { asChild: true, children: _jsxs(Card, { className: 'relative overflow-hidden cursor-pointer p-3 hover:bg-accent/40 data-[state=open]:bg-accent/60 data-[state=open]:ring-1 data-[state=open]:ring-primary/30', onClick: () => onMediaClick(item), children: [isSelected(item._id) ? (_jsx("div", { className: 'absolute right-4 top-4 z-10 rounded-full bg-primary p-1 text-primary-foreground', children: _jsx(Check, { className: 'size-3' }) })) : null, _jsx("div", { className: 'h-52 w-full overflow-hidden rounded-md border bg-muted', children: renderPreview(item) }), _jsxs("div", { className: 'mt-2', children: [_jsx("p", { className: 'truncate font-medium text-sm', children: item.name }), _jsxs("p", { className: 'truncate text-muted-foreground text-xs', children: [formatFileSize(item.size), " \u2022 ", item.mime] })] })] }) }), _jsx(MediaContextMenuContent, { item: item })] }, item._id))) }));
+}
+//# sourceMappingURL=PreviewsGridLargeView.js.map

package/dist/esm/components/media/previews/views/PreviewsGridLargeView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewsGridLargeView.js","sourceRoot":"","sources":["../../../../../../src/components/media/previews/views/PreviewsGridLargeView.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAEpC,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAC1E,OAAO,uBAAuB,MAAM,4BAA4B,CAAA;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAQhE,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,KAAK,GACsB;IAC3B,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,EAAE,GAC/D,eAAe,EAAE,CAAA;IAEnB,OAAO,CACL,cAAK,SAAS,EAAC,uDAAuD,YACnE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,MAAC,WAAW,eACV,KAAC,kBAAkB,IAAC,OAAO,kBACzB,MAAC,IAAI,IACH,SAAS,EAAC,0JAA0J,EACpK,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,aAEhC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CACtB,cAAK,SAAS,EAAC,iFAAiF,YAC9F,KAAC,KAAK,IAAC,SAAS,EAAC,QAAQ,GAAG,GACxB,CACP,CAAC,CAAC,CAAC,IAAI,EACR,cAAK,SAAS,EAAC,wDAAwD,YACpE,aAAa,CAAC,IAAI,CAAC,GAChB,EACN,eAAK,SAAS,EAAC,MAAM,aACnB,YAAG,SAAS,EAAC,8BAA8B,YAAE,IAAI,CAAC,IAAI,GAAK,EAC3D,aAAG,SAAS,EAAC,wCAAwC,aAClD,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,cAAK,IAAI,CAAC,IAAI,IACtC,IACA,IACD,GACY,EACrB,KAAC,uBAAuB,IAAC,IAAI,EAAE,IAAI,GAAI,KAtBvB,IAAI,CAAC,GAAG,CAuBZ,CACf,CAAC,GACE,CACP,CAAA;AACH,CAAC"}

package/dist/esm/components/media/previews/views/PreviewsGridSmallView.d.ts

@@ -0,0 +1,7 @@
+import type { MediaRecord } from '../../../../lib/media.js';
+type PreviewsGridSmallViewProps = {
+    media: MediaRecord[];
+};
+export default function PreviewsGridSmallView({ media, }: PreviewsGridSmallViewProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PreviewsGridSmallView.d.ts.map

package/dist/esm/components/media/previews/views/PreviewsGridSmallView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewsGridSmallView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/media/previews/views/PreviewsGridSmallView.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAE9C,KAAK,0BAA0B,GAAG;IAChC,KAAK,EAAE,WAAW,EAAE,CAAA;CACrB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,KAAK,GACN,EAAE,0BAA0B,2CAkC5B"}