@rakun-kit/manager-react 1.0.0

package/dist/cjs/components/login-form.js

@@ -0,0 +1,57 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoginForm = LoginForm;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const zod_1 = require("@hookform/resolvers/zod");
+const client_1 = require("@rakun-kit/core/client");
+const lucide_react_1 = require("lucide-react");
+const react_hook_form_1 = require("react-hook-form");
+const utils_1 = require("../lib/utils.js");
+const navigation_1 = require("../state/navigation.js");
+const react_1 = require("../client/react.js");
+const button_1 = require("./ui/button.js");
+const field_1 = require("./ui/field.js");
+const input_1 = require("./ui/input.js");
+function LoginForm({ className, ...props }) {
+    const navigation = (0, navigation_1.useManagerNavigation)();
+    const { mutate, isPending } = (0, react_1.useManagerMutation)("manager.auth.login");
+    const form = (0, react_hook_form_1.useForm)({
+        resolver: (0, zod_1.zodResolver)(client_1.loginInput),
+        defaultValues: {
+            username: "",
+            password: "",
+        },
+    });
+    const handleFieldChange = (onChange) => (...event) => {
+        onChange(...event);
+        form.clearErrors();
+    };
+    const onSubmit = (values) => {
+        mutate(values, {
+            onSuccess: (result) => {
+                if (typeof result === "object" &&
+                    result !== null &&
+                    "token" in result) {
+                    navigation.pushPath?.("/");
+                }
+                if (typeof result === "object" &&
+                    result !== null &&
+                    "challenge" in result) {
+                    const mfaResult = result;
+                    navigation.pushPath?.(`/mfa?challenge=${mfaResult.challenge}&method=${mfaResult.method}&expiresAt=${mfaResult.expiresAt}`);
+                }
+            },
+            onError: (error) => {
+                if ((0, client_1.instanceofAppErrorShape)(error) && error.key === "FORBIDDEN") {
+                    form.setError("username", {});
+                    form.setError("password", {
+                        message: error.cause.reason,
+                    });
+                }
+            },
+        });
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("flex flex-col gap-6", className), ...props, children: (0, jsx_runtime_1.jsx)("form", { onSubmit: form.handleSubmit(onSubmit), children: (0, jsx_runtime_1.jsxs)(field_1.FieldGroup, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center gap-2 text-center", children: [(0, jsx_runtime_1.jsxs)("a", { href: "#", className: "flex flex-col items-center gap-2 font-medium", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex size-8 items-center justify-center rounded-md", children: (0, jsx_runtime_1.jsx)(lucide_react_1.GalleryVerticalEnd, { className: "size-6" }) }), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Acme Inc." })] }), (0, jsx_runtime_1.jsx)("h1", { className: "text-xl font-bold", children: "Welcome to Acme Inc." })] }), (0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { name: "username", control: form.control, render: ({ field, fieldState }) => ((0, jsx_runtime_1.jsxs)(field_1.Field, { children: [(0, jsx_runtime_1.jsx)(field_1.FieldLabel, { htmlFor: "email", children: "Email" }), (0, jsx_runtime_1.jsx)(input_1.Input, { ...field, id: "email", type: "email", placeholder: "m@example.com", required: true, "aria-invalid": fieldState.invalid, onChange: handleFieldChange(field.onChange) }), fieldState.invalid && ((0, jsx_runtime_1.jsx)(field_1.FieldError, { errors: [fieldState.error] }))] })) }), (0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { name: "password", control: form.control, render: ({ field, fieldState }) => ((0, jsx_runtime_1.jsxs)(field_1.Field, { children: [(0, jsx_runtime_1.jsx)(field_1.FieldLabel, { htmlFor: "password", children: "Password" }), (0, jsx_runtime_1.jsx)(input_1.Input, { ...field, id: "password", type: "password", required: true, "aria-invalid": fieldState.invalid, onChange: handleFieldChange(field.onChange) }), fieldState.invalid && ((0, jsx_runtime_1.jsx)(field_1.FieldError, { errors: [fieldState.error] }))] })) }), (0, jsx_runtime_1.jsx)(field_1.Field, { children: (0, jsx_runtime_1.jsx)(button_1.Button, { loading: isPending, type: "submit", children: "Login" }) }), (0, jsx_runtime_1.jsx)(field_1.FieldSeparator, { children: "Or" }), (0, jsx_runtime_1.jsxs)(field_1.Field, { className: "grid gap-4 sm:grid-cols-2", children: [(0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "outline", type: "button", children: [(0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1024", height: "1024", viewBox: "0 0 1024 1024", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z", transform: "scale(64)", fill: "currentColor" }) }), "GitHub"] }), (0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "outline", type: "button", children: [(0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { d: "M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z", fill: "currentColor" }) }), "Google"] })] })] }) }) }));
+}
+//# sourceMappingURL=login-form.js.map

package/dist/cjs/components/login-form.js.map

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

package/dist/cjs/components/manager-loading-fallback.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ManagerLoadingFallback = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lucide_react_1 = require("lucide-react");
+const skeleton_1 = require("./ui/skeleton.js");
+const ManagerLoadingFallback = () => {
+    const sidebarItems = Array.from({ length: 7 }, (_, index) => index);
+    const cards = Array.from({ length: 3 }, (_, index) => index);
+    const rows = Array.from({ length: 8 }, (_, index) => index);
+    return ((0, jsx_runtime_1.jsxs)("div", { "aria-busy": 'true', "aria-live": 'polite', className: 'bg-sidebar flex min-h-svh w-full overflow-hidden', role: 'status', children: [(0, jsx_runtime_1.jsx)("span", { className: 'sr-only', children: "Loading manager" }), (0, jsx_runtime_1.jsxs)("aside", { className: 'hidden w-64 shrink-0 flex-col border-r bg-sidebar p-2 text-sidebar-foreground md:flex', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'flex h-14 items-center gap-2 px-2', children: [(0, jsx_runtime_1.jsx)("div", { className: 'bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg', children: (0, jsx_runtime_1.jsx)(lucide_react_1.Command, { className: 'size-4' }) }), (0, jsx_runtime_1.jsxs)("div", { className: 'grid flex-1 gap-1', children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: 'h-4 w-16 bg-sidebar-accent' }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: 'h-3 w-24 bg-sidebar-accent' })] })] }), (0, jsx_runtime_1.jsx)("div", { className: 'mt-4 flex flex-1 flex-col gap-1 px-2', children: sidebarItems.map((item) => ((0, jsx_runtime_1.jsxs)("div", { className: 'flex h-8 items-center gap-2 rounded-md px-2', children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: 'size-4 bg-sidebar-accent' }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: 'h-4 bg-sidebar-accent', style: { width: `${item % 3 === 0 ? 8 : item % 3 === 1 ? 11 : 6}rem` } })] }, item))) }), (0, jsx_runtime_1.jsxs)("div", { className: 'flex items-center gap-2 px-2 py-3', children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: 'size-8 rounded-lg bg-sidebar-accent' }), (0, jsx_runtime_1.jsxs)("div", { className: 'grid flex-1 gap-1', children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: 'h-4 w-24 bg-sidebar-accent' }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: 'h-3 w-32 bg-sidebar-accent' })] })] })] }), (0, jsx_runtime_1.jsxs)("main", { className: 'bg-background m-0 flex min-w-0 flex-1 flex-col p-4 pt-0 md:m-2 md:ml-0 md:rounded-xl md:border', children: [(0, jsx_runtime_1.jsxs)("header", { className: 'flex h-16 shrink-0 items-center justify-between gap-3', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'flex min-w-0 items-center gap-3', children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: 'size-8 rounded-md' }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: 'hidden h-4 w-px sm:block' }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: 'h-4 w-36 sm:w-48' })] }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: 'h-8 w-24 rounded-md' })] }), (0, jsx_runtime_1.jsxs)("div", { className: 'flex flex-1 flex-col gap-4 overflow-hidden p-4 pt-0', children: [(0, jsx_runtime_1.jsx)("div", { className: 'grid auto-rows-min gap-4 md:grid-cols-3', children: cards.map((card) => ((0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: 'aspect-video rounded-xl' }, card))) }), (0, jsx_runtime_1.jsxs)("section", { className: 'min-h-0 flex-1 rounded-xl border p-4', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'mb-5 flex items-center justify-between gap-4', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'grid flex-1 gap-2', children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: 'h-5 w-40' }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: 'h-4 w-64 max-w-full' })] }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: 'h-9 w-28 rounded-md' })] }), (0, jsx_runtime_1.jsx)("div", { className: 'grid gap-3', children: rows.map((row) => ((0, jsx_runtime_1.jsxs)("div", { className: 'grid grid-cols-[minmax(0,1fr)_7rem_5rem] items-center gap-4', children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: 'h-4 w-full' }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: 'h-4 w-full' }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: 'h-8 w-full rounded-md' })] }, row))) })] })] })] })] }));
+};
+exports.ManagerLoadingFallback = ManagerLoadingFallback;
+//# sourceMappingURL=manager-loading-fallback.js.map

package/dist/cjs/components/manager-loading-fallback.js.map

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

package/dist/cjs/components/media/MediaLibrary.js

@@ -0,0 +1,142 @@
+"use strict";
+'use client';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = MediaLibrary;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("../../client/react.js");
+const react_query_1 = require("@tanstack/react-query");
+const sonner_1 = require("sonner");
+const MediaLibraryContext_1 = require("./contexts/MediaLibraryContext.js");
+const FoldersTree_1 = __importDefault(require("./folders/FoldersTree.js"));
+const Previews_1 = __importDefault(require("./previews/Previews.js"));
+const media_1 = require("../../media.js");
+const utils_1 = require("../../lib/utils.js");
+function MediaLibrary({ className, selectable = false, onSelect, isModal = false, multipleSelect = false, selectedMediaIds, forcedMediaTypeFilter, optimizeOptions, }) {
+    const managerClient = (0, react_2.useManagerClient)();
+    const { uploadMedia } = (0, media_1.useMedia)();
+    const [currentFolderId, setCurrentFolderId] = (0, react_1.useState)(null);
+    const [libraryOptimizeEnabled, setLibraryOptimizeEnabled] = (0, react_1.useState)(false);
+    const [libraryOptimizeOptions, setLibraryOptimizeOptions] = (0, react_1.useState)({
+        format: 'webp',
+        quality: 80,
+        generatePreview: false,
+        minBytesToOptimize: 350 * 1024,
+        previewMaxWidth: 480,
+    });
+    const [externalEditFolderRequest, setExternalEditFolderRequest] = (0, react_1.useState)(null);
+    const [externalDeleteFolderRequest, setExternalDeleteFolderRequest] = (0, react_1.useState)(null);
+    const [, setFolderRequestSeq] = (0, react_1.useState)(0);
+    const { data: folders, isLoading: isLoadingFolders, refetch: refetchFolders, } = (0, react_query_1.useQuery)({
+        queryKey: ['media-folder-tree'],
+        queryFn: async () => {
+            const visited = new Set();
+            const result = [];
+            const walk = async (parentId) => {
+                const response = (await managerClient.request('manager.media.listFolders', parentId ? { parentId } : {}));
+                for (const item of response.items) {
+                    if (visited.has(item._id))
+                        continue;
+                    visited.add(item._id);
+                    result.push(item);
+                    await walk(item._id);
+                }
+            };
+            await walk();
+            return result;
+        },
+    });
+    const currentFolder = currentFolderId
+        ? (folders ?? []).find((folder) => folder._id === currentFolderId) ?? null
+        : null;
+    const onCreateFolder = async (parentId, name) => {
+        try {
+            const created = (await managerClient.request('manager.media.createFolder', {
+                name,
+                parentId: parentId || undefined,
+            }));
+            await refetchFolders();
+            setCurrentFolderId(created._id);
+            sonner_1.toast.success('Folder created');
+        }
+        catch (error) {
+            sonner_1.toast.error(error instanceof Error ? error.message : 'Could not create folder');
+        }
+    };
+    const requestEditFolder = (folder) => {
+        setFolderRequestSeq((prev) => {
+            const next = prev + 1;
+            setExternalEditFolderRequest({
+                id: folder._id,
+                name: folder.name,
+                requestId: next,
+            });
+            return next;
+        });
+    };
+    const requestDeleteFolder = (folder) => {
+        setFolderRequestSeq((prev) => {
+            const next = prev + 1;
+            setExternalDeleteFolderRequest({
+                id: folder._id,
+                name: folder.name,
+                requestId: next,
+            });
+            return next;
+        });
+    };
+    const onUpload = async (files, { onProgress, onSuccess, onError }) => {
+        const effectiveOptimizeOptions = optimizeOptions
+            ? optimizeOptions
+            : libraryOptimizeEnabled
+                ? libraryOptimizeOptions
+                : undefined;
+        await Promise.all(files.map(async (file) => {
+            try {
+                onProgress(file, 10);
+                await uploadMedia({
+                    file,
+                    folderId: currentFolderId || undefined,
+                    folderPath: currentFolder?.path,
+                    optimizeOptions: effectiveOptimizeOptions,
+                });
+                onProgress(file, 100);
+                onSuccess(file);
+            }
+            catch (error) {
+                onError(file, error instanceof Error ? error : new Error('Upload failed'));
+            }
+        }));
+    };
+    const mediaLibraryContext = {
+        currentFolderId,
+        currentFolderPath: currentFolder?.path || '/',
+        setCurrentFolderId,
+        folders,
+        isLoadingFolders,
+        refetchFoldersTree: refetchFolders,
+        requestEditFolder,
+        requestDeleteFolder,
+        externalEditFolderRequest,
+        externalDeleteFolderRequest,
+        selectable,
+        multipleSelect,
+        selectedMediaIds,
+        forcedMediaTypeFilter,
+        onSelect,
+        onCreateFolder,
+        onUpload,
+        optimizeEnabled: !!optimizeOptions || libraryOptimizeEnabled,
+        optimizeLocked: !!optimizeOptions,
+        optimizeOptions: optimizeOptions || libraryOptimizeOptions,
+        setOptimizeEnabled: setLibraryOptimizeEnabled,
+        setOptimizeOptions: (patch) => {
+            setLibraryOptimizeOptions((prev) => ({ ...prev, ...patch }));
+        },
+    };
+    return ((0, jsx_runtime_1.jsx)(MediaLibraryContext_1.MediaLibraryProvider, { value: mediaLibraryContext, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)('relative grid h-[calc(100vh-6rem)] min-h-0 grid-cols-1 overflow-hidden rounded-xl border md:grid-cols-[320px_1fr]', isModal ? 'h-[calc(100vh-14.2rem)]' : '', className), children: [(0, jsx_runtime_1.jsx)(FoldersTree_1.default, { isModal: isModal }), (0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)('h-[calc(100vh-6rem)] min-w-0 overflow-hidden p-4', isModal ? 'h-[calc(100vh-11rem)]' : ''), children: [(0, jsx_runtime_1.jsxs)("p", { className: 'mb-4 text-muted-foreground text-sm', children: ["Current folder:", ' ', (0, jsx_runtime_1.jsx)("span", { className: 'font-medium text-foreground', children: currentFolder?.path || '/' })] }), (0, jsx_runtime_1.jsx)(Previews_1.default, {})] })] }) }));
+}
+//# sourceMappingURL=MediaLibrary.js.map

package/dist/cjs/components/media/MediaLibrary.js.map

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

package/dist/cjs/components/media/contexts/MediaLibraryContext.js

@@ -0,0 +1,19 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MediaLibraryProvider = MediaLibraryProvider;
+exports.useMediaLibrary = useMediaLibrary;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const MediaLibraryContext = (0, react_1.createContext)(null);
+function MediaLibraryProvider({ value, children, }) {
+    return ((0, jsx_runtime_1.jsx)(MediaLibraryContext.Provider, { value: value, children: children }));
+}
+function useMediaLibrary() {
+    const context = (0, react_1.useContext)(MediaLibraryContext);
+    if (!context) {
+        throw new Error('useMediaLibrary must be used within <MediaLibraryProvider>');
+    }
+    return context;
+}
+//# sourceMappingURL=MediaLibraryContext.js.map

package/dist/cjs/components/media/contexts/MediaLibraryContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaLibraryContext.js","sourceRoot":"","sources":["../../../../../src/components/media/contexts/MediaLibraryContext.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;AAuDZ,oDAYC;AAED,0CAMC;;AAzED,iCAAiD;AAiDjD,MAAM,mBAAmB,GAAG,IAAA,qBAAa,EACvC,IAAI,CACL,CAAA;AAED,SAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,QAAQ,GAIT;IACC,OAAO,CACL,uBAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACvC,QAAQ,GACoB,CAChC,CAAA;AACH,CAAC;AAED,SAAgB,eAAe;IAC7B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,mBAAmB,CAAC,CAAA;IAC/C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,4DAA4D,CAAC,CAAA;IAC/E,CAAC;IACD,OAAO,OAAO,CAAA;AAChB,CAAC"}

package/dist/cjs/components/media/folders/FoldersTree.js

@@ -0,0 +1,105 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = FoldersTree;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lucide_react_1 = require("lucide-react");
+const react_1 = require("react");
+const collapsible_1 = require("../../ui/collapsible.js");
+const context_menu_1 = require("../../ui/context-menu.js");
+const skeleton_1 = require("../../ui/skeleton.js");
+const MediaLibraryContext_1 = require("../contexts/MediaLibraryContext.js");
+const utils_1 = require("../../../lib/utils.js");
+const buildFolderTree = (items) => {
+    const map = new Map();
+    const roots = [];
+    items.forEach((item) => {
+        map.set(item._id, {
+            ...item,
+            children: [],
+        });
+    });
+    map.forEach((node) => {
+        if (node.parentId && map.has(node.parentId)) {
+            map.get(node.parentId)?.children.push(node);
+            return;
+        }
+        roots.push(node);
+    });
+    const sortNodes = (nodes) => {
+        nodes.sort((a, b) => a.name.localeCompare(b.name));
+        nodes.forEach((node) => sortNodes(node.children));
+    };
+    sortNodes(roots);
+    return roots;
+};
+const folderHasMatch = (node, search) => {
+    if (!search)
+        return true;
+    if (node.name.toLowerCase().includes(search))
+        return true;
+    if (node.path.toLowerCase().includes(search))
+        return true;
+    return node.children.some((child) => folderHasMatch(child, search));
+};
+function FoldersTree({ isModal = false }) {
+    const { folders, isLoadingFolders, currentFolderId, setCurrentFolderId, requestEditFolder, requestDeleteFolder, } = (0, MediaLibraryContext_1.useMediaLibrary)();
+    const folderTree = (0, react_1.useMemo)(() => buildFolderTree(folders ?? []), [folders]);
+    const [search, setSearch] = (0, react_1.useState)('');
+    const searchTerm = search.trim().toLowerCase();
+    const [expandedFolderIds, setExpandedFolderIds] = (0, react_1.useState)(() => new Set());
+    const toggleFolder = (folderId) => {
+        setExpandedFolderIds((prev) => {
+            const next = new Set(prev);
+            if (next.has(folderId)) {
+                next.delete(folderId);
+            }
+            else {
+                next.add(folderId);
+            }
+            return next;
+        });
+    };
+    const expandFolder = (folderId) => {
+        setExpandedFolderIds((prev) => {
+            if (prev.has(folderId))
+                return prev;
+            const next = new Set(prev);
+            next.add(folderId);
+            return next;
+        });
+    };
+    const renderFolders = (nodes, depth = 0) => nodes.map((node) => {
+        if (!folderHasMatch(node, searchTerm))
+            return null;
+        const hasChildren = node.children.length > 0;
+        const isOpen = searchTerm.length > 0 ||
+            expandedFolderIds.has(node._id) ||
+            currentFolderId === node._id;
+        return ((0, jsx_runtime_1.jsxs)(context_menu_1.ContextMenu, { children: [(0, jsx_runtime_1.jsx)(context_menu_1.ContextMenuTrigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)(collapsible_1.Collapsible, { open: isOpen, className: 'mt-2 block', children: [(0, jsx_runtime_1.jsxs)("div", { style: { marginLeft: depth * 12 }, role: 'button', tabIndex: 0, className: `flex items-center gap-2 rounded px-3 py-1.5 text-left font-medium text-sm transition-colors ${node._id === currentFolderId
+                                    ? 'bg-accent text-accent-foreground'
+                                    : 'text-muted-foreground hover:bg-accent hover:text-accent-foreground'}`, onClick: () => {
+                                    setCurrentFolderId(node._id);
+                                    if (hasChildren)
+                                        expandFolder(node._id);
+                                }, onDoubleClick: () => {
+                                    if (hasChildren)
+                                        toggleFolder(node._id);
+                                }, onKeyDown: (event) => {
+                                    if (event.key === 'Enter' || event.key === ' ') {
+                                        event.preventDefault();
+                                        setCurrentFolderId(node._id);
+                                        if (hasChildren)
+                                            expandFolder(node._id);
+                                    }
+                                }, children: [node._id === currentFolderId ? ((0, jsx_runtime_1.jsx)(lucide_react_1.FolderOpen, { className: 'size-4' })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.Folder, { className: 'size-4' })), node.name, hasChildren ? ((0, jsx_runtime_1.jsx)("button", { type: 'button', onClick: (event) => {
+                                            event.preventDefault();
+                                            event.stopPropagation();
+                                            toggleFolder(node._id);
+                                        }, className: 'ml-auto inline-flex items-center justify-center rounded-sm p-0.5 hover:bg-background/60', "aria-label": isOpen ? 'Collapse folder' : 'Expand folder', children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: (0, utils_1.cn)('size-3 transition-transform', isOpen && 'rotate-90') }) })) : null] }), (0, jsx_runtime_1.jsx)(collapsible_1.CollapsibleContent, { className: 'flex flex-col', children: hasChildren ? renderFolders(node.children, depth + 1) : null })] }) }), (0, jsx_runtime_1.jsxs)(context_menu_1.ContextMenuContent, { children: [(0, jsx_runtime_1.jsx)(context_menu_1.ContextMenuItem, { onSelect: () => requestEditFolder(node), children: "Edit" }), (0, jsx_runtime_1.jsx)(context_menu_1.ContextMenuItem, { variant: 'destructive', onSelect: () => requestDeleteFolder(node), children: "Delete" })] })] }, node._id));
+    });
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)('relative min-h-80 overflow-y-auto overflow-x-hidden border-r border-b p-4 lg:h-[calc(100vh-6rem)] lg:border-b-0', isModal ? 'h-[calc(100vh-11rem)]' : ''), children: [(0, jsx_runtime_1.jsxs)("div", { className: 'sticky top-0 z-10 mb-3 flex h-9 items-center gap-2 rounded-md border border-input bg-card px-3 py-1 text-sm shadow-xs transition-[color,box-shadow] focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50', children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Search, { className: 'size-4 text-muted-foreground' }), (0, jsx_runtime_1.jsx)("input", { value: search, onChange: (e) => setSearch(e.target.value), className: 'w-full bg-transparent text-sm outline-none', type: 'text', placeholder: 'Search folders...' })] }), (0, jsx_runtime_1.jsxs)("button", { type: 'button', onClick: () => setCurrentFolderId(null), className: `mb-2 flex w-full items-center gap-2 rounded px-3 py-1.5 text-left font-medium text-sm transition-colors ${currentFolderId === null
+                    ? 'bg-accent text-accent-foreground'
+                    : 'text-muted-foreground hover:bg-accent hover:text-accent-foreground'}`, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Folder, { className: 'size-4' }), "Base folder"] }), isLoadingFolders ? ((0, jsx_runtime_1.jsx)("div", { className: 'space-y-2 px-1 py-2', children: Array.from({ length: 7 }).map((_, index) => ((0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: 'h-8 w-full rounded-md' }, `folder-skeleton-${index}`))) })) : (renderFolders(folderTree))] }));
+}
+//# sourceMappingURL=FoldersTree.js.map

package/dist/cjs/components/media/folders/FoldersTree.js.map

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

package/dist/cjs/components/media/previews/MediaContextMenuContent.js

@@ -0,0 +1,14 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = MediaContextMenuContent;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lucide_react_1 = require("lucide-react");
+const context_menu_1 = require("../../ui/context-menu.js");
+const MediaPreviewContext_1 = require("./context/MediaPreviewContext.js");
+function MediaContextMenuContent({ item, }) {
+    const { onRequestEdit, onRequestMove, onRequestDelete } = (0, MediaPreviewContext_1.useMediaPreview)();
+    const isMediaItem = '_type' in item && item._type === 'Media';
+    return ((0, jsx_runtime_1.jsxs)(context_menu_1.ContextMenuContent, { children: [(0, jsx_runtime_1.jsxs)(context_menu_1.ContextMenuItem, { onSelect: () => onRequestEdit?.(item), children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Pencil, { className: 'size-4' }), "Edit"] }), isMediaItem ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(context_menu_1.ContextMenuItem, { onSelect: () => onRequestMove(item), children: [(0, jsx_runtime_1.jsx)(lucide_react_1.FolderInput, { className: 'size-4' }), "Move to folder"] }), (0, jsx_runtime_1.jsx)(context_menu_1.ContextMenuSeparator, {})] })) : null, (0, jsx_runtime_1.jsxs)(context_menu_1.ContextMenuItem, { variant: 'destructive', onSelect: () => onRequestDelete?.(item), children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Trash2, { className: 'size-4' }), "Delete"] })] }));
+}
+//# sourceMappingURL=MediaContextMenuContent.js.map

package/dist/cjs/components/media/previews/MediaContextMenuContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaContextMenuContent.js","sourceRoot":"","sources":["../../../../../src/components/media/previews/MediaContextMenuContent.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;AAkBZ,0CA8BC;;AA9CD,+CAA0D;AAE1D,wDAI8B;AAC9B,uEAA+D;AAS/D,SAAwB,uBAAuB,CAAC,EAC9C,IAAI,GACyB;IAC7B,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,eAAe,EAAE,GAAG,IAAA,qCAAe,GAAE,CAAA;IAC3E,MAAM,WAAW,GAAG,OAAO,IAAI,IAAI,IAAI,IAAI,CAAC,KAAK,KAAK,OAAO,CAAA;IAE7D,OAAO,CACL,wBAAC,iCAAkB,eACjB,wBAAC,8BAAe,IAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,aACpD,uBAAC,qBAAM,IAAC,SAAS,EAAC,QAAQ,GAAG,YAEb,EACjB,WAAW,CAAC,CAAC,CAAC,CACb,6DACE,wBAAC,8BAAe,IAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,aAClD,uBAAC,0BAAW,IAAC,SAAS,EAAC,QAAQ,GAAG,sBAElB,EAClB,uBAAC,mCAAoB,KAAG,IACvB,CACJ,CAAC,CAAC,CAAC,IAAI,EACR,wBAAC,8BAAe,IACd,OAAO,EAAC,aAAa,EACrB,QAAQ,EAAE,GAAG,EAAE,CAAC,eAAe,EAAE,CAAC,IAAI,CAAC,aAEvC,uBAAC,qBAAM,IAAC,SAAS,EAAC,QAAQ,GAAG,cAEb,IACC,CACtB,CAAA;AACH,CAAC"}