@burdenoff/microfe-files 2026.510.101

package/dist/files/components/ContextMenu.js

@@ -0,0 +1,136 @@
+import { tWithFallback as e } from "../utils/i18n.js";
+import { useEffect as t, useRef as n } from "react";
+import { Clock as r, Copy as i, Download as a, Edit3 as o, FolderInput as s, Info as c, RotateCcw as l, Share2 as u, Star as d, Trash2 as f } from "lucide-react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/files/components/ContextMenu.tsx
+function h({ x: e, y: r, onClose: i, items: a }) {
+	let o = n(null);
+	return t(() => {
+		let e = (e) => {
+			o.current && !o.current.contains(e.target) && i();
+		}, t = (e) => {
+			e.key === "Escape" && i();
+		};
+		return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
+			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
+		};
+	}, [i]), /* @__PURE__ */ p("div", {
+		ref: o,
+		className: "fixed bg-bg-elevated rounded-lg shadow-xl border border-border-default py-1 min-w-48 z-50 animate-in fade-in-0 zoom-in-95 duration-150",
+		style: {
+			left: `${e}px`,
+			top: `${r}px`
+		},
+		children: a.map((e, t) => /* @__PURE__ */ m("button", {
+			onClick: () => {
+				e.onClick(), i();
+			},
+			disabled: e.disabled,
+			className: `
+            w-full flex items-center gap-3 px-4 py-2 text-sm transition-all duration-150 text-left
+            ${e.variant === "danger" ? "text-status-error-text hover:bg-status-error-bg-subtle" : "text-text-primary hover:bg-action-ghost-bg-hover"}
+            ${e.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}
+          `,
+			children: [e.icon, e.label]
+		}, t))
+	});
+}
+function g(t, n) {
+	return [
+		...t.onShare ? [{
+			label: e(n, "files.contextMenu.share", "Share"),
+			icon: /* @__PURE__ */ p(u, { className: "size-4" }),
+			onClick: t.onShare
+		}] : [],
+		...t.onDownload ? [{
+			label: e(n, "files.contextMenu.download", "Download"),
+			icon: /* @__PURE__ */ p(a, { className: "size-4" }),
+			onClick: t.onDownload
+		}] : [],
+		...t.onCopy ? [{
+			label: e(n, "files.contextMenu.makeCopy", "Make a copy"),
+			icon: /* @__PURE__ */ p(i, { className: "size-4" }),
+			onClick: t.onCopy
+		}] : [],
+		...t.onRename ? [{
+			label: e(n, "files.contextMenu.rename", "Rename"),
+			icon: /* @__PURE__ */ p(o, { className: "size-4" }),
+			onClick: t.onRename
+		}] : [],
+		...t.onStar ? [{
+			label: t.isStarred ? e(n, "files.contextMenu.removeStar", "Remove star") : e(n, "files.contextMenu.addToStarred", "Add to starred"),
+			icon: /* @__PURE__ */ p(d, { className: "size-4" }),
+			onClick: t.onStar
+		}] : [],
+		...t.onMove ? [{
+			label: e(n, "files.contextMenu.moveTo", "Move to"),
+			icon: /* @__PURE__ */ p(s, { className: "size-4" }),
+			onClick: t.onMove
+		}] : [],
+		...t.onInfo ? [{
+			label: e(n, "files.contextMenu.fileInfo", "File information"),
+			icon: /* @__PURE__ */ p(c, { className: "size-4" }),
+			onClick: t.onInfo
+		}] : [],
+		...t.onActivity ? [{
+			label: e(n, "files.contextMenu.activity", "Activity"),
+			icon: /* @__PURE__ */ p(r, { className: "size-4" }),
+			onClick: t.onActivity
+		}] : [],
+		...t.onRestore ? [{
+			label: e(n, "files.contextMenu.restore", "Restore"),
+			icon: /* @__PURE__ */ p(l, { className: "size-4" }),
+			onClick: t.onRestore
+		}] : [],
+		...t.onDelete ? [{
+			label: e(n, "files.contextMenu.delete", "Delete"),
+			icon: /* @__PURE__ */ p(f, { className: "size-4" }),
+			onClick: t.onDelete,
+			variant: "danger"
+		}] : []
+	];
+}
+function _(t, n) {
+	return [
+		...t.onShare ? [{
+			label: e(n, "files.contextMenu.share", "Share"),
+			icon: /* @__PURE__ */ p(u, { className: "size-4" }),
+			onClick: t.onShare
+		}] : [],
+		...t.onRename ? [{
+			label: e(n, "files.contextMenu.rename", "Rename"),
+			icon: /* @__PURE__ */ p(o, { className: "size-4" }),
+			onClick: t.onRename
+		}] : [],
+		...t.onStar ? [{
+			label: t.isStarred ? e(n, "files.contextMenu.removeStar", "Remove star") : e(n, "files.contextMenu.addToStarred", "Add to starred"),
+			icon: /* @__PURE__ */ p(d, { className: "size-4" }),
+			onClick: t.onStar
+		}] : [],
+		...t.onMove ? [{
+			label: e(n, "files.contextMenu.moveTo", "Move to"),
+			icon: /* @__PURE__ */ p(s, { className: "size-4" }),
+			onClick: t.onMove
+		}] : [],
+		...t.onInfo ? [{
+			label: e(n, "files.contextMenu.folderInfo", "Folder information"),
+			icon: /* @__PURE__ */ p(c, { className: "size-4" }),
+			onClick: t.onInfo
+		}] : [],
+		...t.onRestore ? [{
+			label: e(n, "files.contextMenu.restore", "Restore"),
+			icon: /* @__PURE__ */ p(l, { className: "size-4" }),
+			onClick: t.onRestore
+		}] : [],
+		...t.onDelete ? [{
+			label: e(n, "files.contextMenu.delete", "Delete"),
+			icon: /* @__PURE__ */ p(f, { className: "size-4" }),
+			onClick: t.onDelete,
+			variant: "danger"
+		}] : []
+	];
+}
+//#endregion
+export { h as ContextMenu, g as createFileMenuItems, _ as createFolderMenuItems };
+
+//# sourceMappingURL=ContextMenu.js.map

package/dist/files/components/ContextMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.js","names":[],"sources":["../../../src/files/components/ContextMenu.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport {\n  Share2,\n  Download,\n  Copy,\n  Trash2,\n  Edit3,\n  Star,\n  FolderInput,\n  Info,\n  Clock,\n  RotateCcw,\n} from \"lucide-react\";\nimport type { I18nContextValue } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { tWithFallback } from \"../utils/i18n\";\n\ninterface ContextMenuProps {\n  x: number;\n  y: number;\n  onClose: () => void;\n  items: {\n    label: string;\n    icon: React.ReactNode;\n    onClick: () => void;\n    variant?: \"default\" | \"danger\";\n    disabled?: boolean;\n  }[];\n}\n\nexport function ContextMenu({ x, y, onClose, items }: ContextMenuProps) {\n  const menuRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (menuRef.current && !menuRef.current.contains(event.target as Node)) {\n        onClose();\n      }\n    };\n\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        onClose();\n      }\n    };\n\n    document.addEventListener(\"mousedown\", handleClickOutside);\n    document.addEventListener(\"keydown\", handleEscape);\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n      document.removeEventListener(\"keydown\", handleEscape);\n    };\n  }, [onClose]);\n\n  return (\n    <div\n      ref={menuRef}\n      className=\"fixed bg-bg-elevated rounded-lg shadow-xl border border-border-default py-1 min-w-48 z-50 animate-in fade-in-0 zoom-in-95 duration-150\"\n      style={{\n        left: `${x}px`,\n        top: `${y}px`,\n      }}\n    >\n      {items.map((item, index) => (\n        <button\n          key={index}\n          onClick={() => {\n            item.onClick();\n            onClose();\n          }}\n          disabled={item.disabled}\n          className={`\n            w-full flex items-center gap-3 px-4 py-2 text-sm transition-all duration-150 text-left\n            ${\n              item.variant === \"danger\"\n                ? \"text-status-error-text hover:bg-status-error-bg-subtle\"\n                : \"text-text-primary hover:bg-action-ghost-bg-hover\"\n            }\n            ${item.disabled ? \"opacity-50 cursor-not-allowed\" : \"cursor-pointer\"}\n          `}\n        >\n          {item.icon}\n          {item.label}\n        </button>\n      ))}\n    </div>\n  );\n}\n\n// Helper to create menu items\nexport function createFileMenuItems(\n  options: {\n    onShare?: () => void;\n    onDownload?: () => void;\n    onCopy?: () => void;\n    onRename?: () => void;\n    onStar?: () => void;\n    onMove?: () => void;\n    onInfo?: () => void;\n    onActivity?: () => void;\n    onRestore?: () => void;\n    onDelete?: () => void;\n    isStarred?: boolean;\n  },\n  t: I18nContextValue[\"t\"],\n) {\n  return [\n    ...(options.onShare\n      ? [\n          {\n            label: tWithFallback(t, \"files.contextMenu.share\", \"Share\"),\n            icon: <Share2 className=\"size-4\" />,\n            onClick: options.onShare,\n          },\n        ]\n      : []),\n    ...(options.onDownload\n      ? [\n          {\n            label: tWithFallback(t, \"files.contextMenu.download\", \"Download\"),\n            icon: <Download className=\"size-4\" />,\n            onClick: options.onDownload,\n          },\n        ]\n      : []),\n    ...(options.onCopy\n      ? [\n          {\n            label: tWithFallback(\n              t,\n              \"files.contextMenu.makeCopy\",\n              \"Make a copy\",\n            ),\n            icon: <Copy className=\"size-4\" />,\n            onClick: options.onCopy,\n          },\n        ]\n      : []),\n    ...(options.onRename\n      ? [\n          {\n            label: tWithFallback(t, \"files.contextMenu.rename\", \"Rename\"),\n            icon: <Edit3 className=\"size-4\" />,\n            onClick: options.onRename,\n          },\n        ]\n      : []),\n    ...(options.onStar\n      ? [\n          {\n            label: options.isStarred\n              ? tWithFallback(t, \"files.contextMenu.removeStar\", \"Remove star\")\n              : tWithFallback(\n                  t,\n                  \"files.contextMenu.addToStarred\",\n                  \"Add to starred\",\n                ),\n            icon: <Star className=\"size-4\" />,\n            onClick: options.onStar,\n          },\n        ]\n      : []),\n    ...(options.onMove\n      ? [\n          {\n            label: tWithFallback(t, \"files.contextMenu.moveTo\", \"Move to\"),\n            icon: <FolderInput className=\"size-4\" />,\n            onClick: options.onMove,\n          },\n        ]\n      : []),\n    ...(options.onInfo\n      ? [\n          {\n            label: tWithFallback(\n              t,\n              \"files.contextMenu.fileInfo\",\n              \"File information\",\n            ),\n            icon: <Info className=\"size-4\" />,\n            onClick: options.onInfo,\n          },\n        ]\n      : []),\n    ...(options.onActivity\n      ? [\n          {\n            label: tWithFallback(t, \"files.contextMenu.activity\", \"Activity\"),\n            icon: <Clock className=\"size-4\" />,\n            onClick: options.onActivity,\n          },\n        ]\n      : []),\n    ...(options.onRestore\n      ? [\n          {\n            label: tWithFallback(t, \"files.contextMenu.restore\", \"Restore\"),\n            icon: <RotateCcw className=\"size-4\" />,\n            onClick: options.onRestore,\n          },\n        ]\n      : []),\n    ...(options.onDelete\n      ? [\n          {\n            label: tWithFallback(t, \"files.contextMenu.delete\", \"Delete\"),\n            icon: <Trash2 className=\"size-4\" />,\n            onClick: options.onDelete,\n            variant: \"danger\" as const,\n          },\n        ]\n      : []),\n  ];\n}\n\nexport function createFolderMenuItems(\n  options: {\n    onShare?: () => void;\n    onRename?: () => void;\n    onStar?: () => void;\n    onMove?: () => void;\n    onInfo?: () => void;\n    onRestore?: () => void;\n    onDelete?: () => void;\n    isStarred?: boolean;\n  },\n  t: I18nContextValue[\"t\"],\n) {\n  return [\n    ...(options.onShare\n      ? [\n          {\n            label: tWithFallback(t, \"files.contextMenu.share\", \"Share\"),\n            icon: <Share2 className=\"size-4\" />,\n            onClick: options.onShare,\n          },\n        ]\n      : []),\n    ...(options.onRename\n      ? [\n          {\n            label: tWithFallback(t, \"files.contextMenu.rename\", \"Rename\"),\n            icon: <Edit3 className=\"size-4\" />,\n            onClick: options.onRename,\n          },\n        ]\n      : []),\n    ...(options.onStar\n      ? [\n          {\n            label: options.isStarred\n              ? tWithFallback(t, \"files.contextMenu.removeStar\", \"Remove star\")\n              : tWithFallback(\n                  t,\n                  \"files.contextMenu.addToStarred\",\n                  \"Add to starred\",\n                ),\n            icon: <Star className=\"size-4\" />,\n            onClick: options.onStar,\n          },\n        ]\n      : []),\n    ...(options.onMove\n      ? [\n          {\n            label: tWithFallback(t, \"files.contextMenu.moveTo\", \"Move to\"),\n            icon: <FolderInput className=\"size-4\" />,\n            onClick: options.onMove,\n          },\n        ]\n      : []),\n    ...(options.onInfo\n      ? [\n          {\n            label: tWithFallback(\n              t,\n              \"files.contextMenu.folderInfo\",\n              \"Folder information\",\n            ),\n            icon: <Info className=\"size-4\" />,\n            onClick: options.onInfo,\n          },\n        ]\n      : []),\n    ...(options.onRestore\n      ? [\n          {\n            label: tWithFallback(t, \"files.contextMenu.restore\", \"Restore\"),\n            icon: <RotateCcw className=\"size-4\" />,\n            onClick: options.onRestore,\n          },\n        ]\n      : []),\n    ...(options.onDelete\n      ? [\n          {\n            label: tWithFallback(t, \"files.contextMenu.delete\", \"Delete\"),\n            icon: <Trash2 className=\"size-4\" />,\n            onClick: options.onDelete,\n            variant: \"danger\" as const,\n          },\n        ]\n      : []),\n  ];\n}\n"],"mappings":"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"}

package/dist/files/components/CopyDialog.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { FileItem, FolderItem } from '../types';
+interface CopyDialogProps {
+    item: FileItem | FolderItem;
+    type: "file" | "folder";
+    onClose: () => void;
+    onCopy: (destinationFolderId: string | null, newName?: string) => Promise<void>;
+    isLoading?: boolean;
+}
+export declare const CopyDialog: FC<CopyDialogProps>;
+export {};
+//# sourceMappingURL=CopyDialog.d.ts.map

package/dist/files/components/CopyDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyDialog.d.ts","sourceRoot":"","sources":["../../../src/files/components/CopyDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAY,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAIrD,UAAU,eAAe;IACvB,IAAI,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC5B,IAAI,EAAE,MAAM,GAAG,QAAQ,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,CACN,mBAAmB,EAAE,MAAM,GAAG,IAAI,EAClC,OAAO,CAAC,EAAE,MAAM,KACb,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA4N1C,CAAC"}

package/dist/files/components/CopyDialog.js

@@ -0,0 +1,139 @@
+import { tWithFallback as e } from "../utils/i18n.js";
+import { useFoldersQuery as t } from "../hooks/useFoldersQuery.js";
+import { useState as n } from "react";
+import { ChevronRight as r, Folder as i, Home as a, Loader2 as o, X as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/files/components/CopyDialog.tsx
+var d = ({ item: d, type: f, onClose: p, onCopy: m, isLoading: h = !1 }) => {
+	let { t: g } = u(), [_, v] = n(null), [y, b] = n([]), [x, S] = n(null), [C, w] = n(`${e(g, "files.copyDialog.copyOf", "Copy of")} ${d.name}`), { data: T, loading: E } = t(_ || void 0), D = T?.getFolders?.folders || [], O = (e) => {
+		v(e.id), b([...y, {
+			id: e.id,
+			name: e.name
+		}]);
+	}, k = (e) => {
+		if (e === -1) v(null), b([]);
+		else {
+			let t = y[e];
+			v(t.id), b(y.slice(0, e + 1));
+		}
+	};
+	return /* @__PURE__ */ c("div", {
+		className: "fixed inset-0 backdrop-blur-sm flex items-center justify-center z-[100] animate-in fade-in duration-200",
+		role: "dialog",
+		"aria-modal": "true",
+		"aria-label": e(g, "files.copyDialog.title", "Copy"),
+		children: /* @__PURE__ */ l("div", {
+			className: "bg-bg-surface rounded-lg shadow-xl w-full max-w-md mx-4 max-h-[80vh] flex flex-col animate-in zoom-in-95 duration-200",
+			children: [
+				/* @__PURE__ */ l("div", {
+					className: "flex items-center justify-between px-6 py-4 border-b border-border-default",
+					children: [/* @__PURE__ */ l("h2", {
+						className: "text-lg font-semibold text-text-primary",
+						children: [
+							e(g, "files.copyDialog.makeCopyOf", "Make a copy of"),
+							" ",
+							"\"",
+							d.name,
+							"\""
+						]
+					}), /* @__PURE__ */ c("button", {
+						onClick: p,
+						className: "p-1 text-text-tertiary hover:text-text-secondary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200",
+						"aria-label": e(g, "files.copyDialog.close", "Close copy dialog"),
+						children: /* @__PURE__ */ c(s, { className: "size-5" })
+					})]
+				}),
+				/* @__PURE__ */ l("div", {
+					className: "px-6 py-4 border-b border-border-default",
+					children: [/* @__PURE__ */ c("label", {
+						className: "block text-sm font-medium text-text-primary mb-2",
+						children: e(g, "files.copyDialog.name", "Name")
+					}), /* @__PURE__ */ c("input", {
+						type: "text",
+						value: C,
+						onChange: (e) => w(e.target.value),
+						className: "w-full px-3 py-2 border border-border-default rounded-lg focus:outline-none focus:ring-2 focus:ring-action-primary-border text-sm transition-colors duration-200",
+						placeholder: e(g, "files.copyDialog.enterName", "Enter name for the copy")
+					})]
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "px-6 py-3 border-b border-border-default bg-bg-muted",
+					children: /* @__PURE__ */ l("div", {
+						className: "flex items-center gap-2 text-sm overflow-x-auto",
+						children: [/* @__PURE__ */ l("button", {
+							onClick: () => k(-1),
+							className: "flex items-center gap-1.5 text-text-primary hover:bg-action-ghost-bg-hover px-2 py-1 rounded transition-colors duration-200 whitespace-nowrap",
+							children: [/* @__PURE__ */ c(a, { className: "size-4" }), /* @__PURE__ */ c("span", { children: e(g, "files.copyDialog.myDrive", "My Drive") })]
+						}), y.map((e, t) => /* @__PURE__ */ l("div", {
+							className: "flex items-center gap-2 whitespace-nowrap",
+							children: [/* @__PURE__ */ c(r, { className: "size-4 text-text-tertiary" }), /* @__PURE__ */ c("button", {
+								onClick: () => k(t),
+								className: `hover:bg-action-ghost-bg-hover px-2 py-1 rounded transition-colors duration-200 ${t === y.length - 1 ? "text-text-primary font-medium" : "text-text-secondary"}`,
+								children: e.name
+							})]
+						}, e.id))]
+					})
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "flex-1 overflow-y-auto px-6 py-4",
+					children: E ? /* @__PURE__ */ c("div", {
+						className: "flex items-center justify-center py-8",
+						children: /* @__PURE__ */ c(o, { className: "size-6 text-text-tertiary animate-spin" })
+					}) : D.length === 0 ? /* @__PURE__ */ l("div", {
+						className: "text-center py-8",
+						children: [/* @__PURE__ */ c(i, { className: "size-12 text-text-tertiary mx-auto mb-3" }), /* @__PURE__ */ c("p", {
+							className: "text-sm text-text-secondary",
+							children: e(g, "files.copyDialog.noFolders", "No folders here")
+						})]
+					}) : /* @__PURE__ */ l("div", {
+						className: "space-y-1",
+						children: [/* @__PURE__ */ l("button", {
+							onClick: () => S(_),
+							className: `w-full flex items-center gap-3 px-3 py-2.5 rounded-lg text-left transition-all duration-200 ${x === _ ? "bg-bg-accent border-2 border-action-primary-border" : "hover:bg-action-ghost-bg-hover border-2 border-transparent"}`,
+							children: [/* @__PURE__ */ c(i, { className: "size-5 text-text-link" }), /* @__PURE__ */ c("span", {
+								className: "font-medium text-text-primary",
+								children: e(g, "files.copyDialog.copyHere", "Copy here")
+							})]
+						}), D.map((t) => /* @__PURE__ */ l("div", {
+							className: `flex items-center justify-between gap-3 px-3 py-2.5 rounded-lg transition-all duration-200 ${x === t.id ? "bg-bg-accent border-2 border-action-primary-border" : "hover:bg-action-ghost-bg-hover border-2 border-transparent"}`,
+							children: [/* @__PURE__ */ l("button", {
+								onClick: () => S(t.id),
+								className: "flex items-center gap-3 flex-1 min-w-0",
+								children: [/* @__PURE__ */ c(i, { className: "size-5 text-text-link flex-shrink-0" }), /* @__PURE__ */ c("span", {
+									className: "font-medium text-text-primary truncate",
+									children: t.name
+								})]
+							}), /* @__PURE__ */ c("button", {
+								onClick: () => O(t),
+								className: "p-1.5 text-text-tertiary hover:text-text-secondary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200 flex-shrink-0",
+								title: e(g, "files.copyDialog.openFolder", "Open folder"),
+								"aria-label": `Open ${t.name}`,
+								children: /* @__PURE__ */ c(r, { className: "size-4" })
+							})]
+						}, t.id))]
+					})
+				}),
+				/* @__PURE__ */ l("div", {
+					className: "flex items-center justify-end gap-2 px-6 py-4 border-t border-border-default",
+					children: [/* @__PURE__ */ c("button", {
+						onClick: p,
+						className: "px-4 py-2 text-sm font-medium text-text-primary hover:bg-action-ghost-bg-hover rounded-lg transition-colors duration-200",
+						children: e(g, "files.common.actions.cancel", "Cancel")
+					}), /* @__PURE__ */ l("button", {
+						onClick: async () => {
+							await m(x, C.trim() || void 0), p();
+						},
+						disabled: h || x === void 0 || !C.trim(),
+						className: "px-4 py-2 text-sm font-medium text-text-inverse bg-action-primary-bg rounded-lg hover:bg-action-primary-bg-hover disabled:bg-bg-muted disabled:text-text-tertiary disabled:cursor-not-allowed transition-colors duration-200 flex items-center gap-2",
+						children: [h && /* @__PURE__ */ c(o, { className: "size-4 animate-spin" }), h ? e(g, "files.copyDialog.copying", "Copying...") : e(g, "files.copyDialog.copy", "Copy")]
+					})]
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { d as CopyDialog };
+
+//# sourceMappingURL=CopyDialog.js.map

package/dist/files/components/CopyDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyDialog.js","names":[],"sources":["../../../src/files/components/CopyDialog.tsx"],"sourcesContent":["import { type FC, useState } from \"react\";\nimport { Folder, Home, ChevronRight, Loader2, X } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport type { FileItem, FolderItem } from \"../types\";\nimport { useFoldersQuery } from \"../hooks/useFoldersQuery\";\nimport { tWithFallback } from \"../utils/i18n\";\n\ninterface CopyDialogProps {\n  item: FileItem | FolderItem;\n  type: \"file\" | \"folder\";\n  onClose: () => void;\n  onCopy: (\n    destinationFolderId: string | null,\n    newName?: string,\n  ) => Promise<void>;\n  isLoading?: boolean;\n}\n\nexport const CopyDialog: FC<CopyDialogProps> = ({\n  item,\n  type,\n  onClose,\n  onCopy,\n  isLoading = false,\n}) => {\n  const { t } = useI18n();\n  const [currentFolderId, setCurrentFolderId] = useState<string | null>(null);\n  const [breadcrumbs, setBreadcrumbs] = useState<\n    Array<{ id: string; name: string }>\n  >([]);\n  const [selectedDestination, setSelectedDestination] = useState<string | null>(\n    null,\n  );\n  const [newName, setNewName] = useState(\n    `${tWithFallback(t, \"files.copyDialog.copyOf\", \"Copy of\")} ${item.name}`,\n  );\n\n  // Fetch folders in current location\n  const { data, loading: loadingFolders } = useFoldersQuery(\n    currentFolderId || undefined,\n  );\n  const folders = (data?.getFolders?.folders || []) as FolderItem[];\n\n  const handleFolderClick = (folder: FolderItem) => {\n    setCurrentFolderId(folder.id);\n    setBreadcrumbs([...breadcrumbs, { id: folder.id, name: folder.name }]);\n  };\n\n  const handleBreadcrumbClick = (index: number) => {\n    if (index === -1) {\n      // Go to root\n      setCurrentFolderId(null);\n      setBreadcrumbs([]);\n    } else {\n      const crumb = breadcrumbs[index];\n      setCurrentFolderId(crumb.id);\n      setBreadcrumbs(breadcrumbs.slice(0, index + 1));\n    }\n  };\n\n  const handleCopy = async () => {\n    await onCopy(selectedDestination, newName.trim() || undefined);\n    onClose();\n  };\n\n  return (\n    <div\n      className=\"fixed inset-0 backdrop-blur-sm flex items-center justify-center z-[100] animate-in fade-in duration-200\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-label={tWithFallback(t, \"files.copyDialog.title\", \"Copy\")}\n    >\n      <div className=\"bg-bg-surface rounded-lg shadow-xl w-full max-w-md mx-4 max-h-[80vh] flex flex-col animate-in zoom-in-95 duration-200\">\n        {/* Header */}\n        <div className=\"flex items-center justify-between px-6 py-4 border-b border-border-default\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">\n            {tWithFallback(t, \"files.copyDialog.makeCopyOf\", \"Make a copy of\")}{\" \"}\n            \"{item.name}\"\n          </h2>\n          <button\n            onClick={onClose}\n            className=\"p-1 text-text-tertiary hover:text-text-secondary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200\"\n            aria-label={tWithFallback(\n              t,\n              \"files.copyDialog.close\",\n              \"Close copy dialog\",\n            )}\n          >\n            <X className=\"size-5\" />\n          </button>\n        </div>\n\n        {/* Name input */}\n        <div className=\"px-6 py-4 border-b border-border-default\">\n          <label className=\"block text-sm font-medium text-text-primary mb-2\">\n            {tWithFallback(t, \"files.copyDialog.name\", \"Name\")}\n          </label>\n          <input\n            type=\"text\"\n            value={newName}\n            onChange={(e) => setNewName(e.target.value)}\n            className=\"w-full px-3 py-2 border border-border-default rounded-lg focus:outline-none focus:ring-2 focus:ring-action-primary-border text-sm transition-colors duration-200\"\n            placeholder={tWithFallback(\n              t,\n              \"files.copyDialog.enterName\",\n              \"Enter name for the copy\",\n            )}\n          />\n        </div>\n\n        {/* Breadcrumb navigation */}\n        <div className=\"px-6 py-3 border-b border-border-default bg-bg-muted\">\n          <div className=\"flex items-center gap-2 text-sm overflow-x-auto\">\n            <button\n              onClick={() => handleBreadcrumbClick(-1)}\n              className=\"flex items-center gap-1.5 text-text-primary hover:bg-action-ghost-bg-hover px-2 py-1 rounded transition-colors duration-200 whitespace-nowrap\"\n            >\n              <Home className=\"size-4\" />\n              <span>\n                {tWithFallback(t, \"files.copyDialog.myDrive\", \"My Drive\")}\n              </span>\n            </button>\n            {breadcrumbs.map((crumb, index) => (\n              <div\n                key={crumb.id}\n                className=\"flex items-center gap-2 whitespace-nowrap\"\n              >\n                <ChevronRight className=\"size-4 text-text-tertiary\" />\n                <button\n                  onClick={() => handleBreadcrumbClick(index)}\n                  className={`hover:bg-action-ghost-bg-hover px-2 py-1 rounded transition-colors duration-200 ${\n                    index === breadcrumbs.length - 1\n                      ? \"text-text-primary font-medium\"\n                      : \"text-text-secondary\"\n                  }`}\n                >\n                  {crumb.name}\n                </button>\n              </div>\n            ))}\n          </div>\n        </div>\n\n        {/* Folder list */}\n        <div className=\"flex-1 overflow-y-auto px-6 py-4\">\n          {loadingFolders ? (\n            <div className=\"flex items-center justify-center py-8\">\n              <Loader2 className=\"size-6 text-text-tertiary animate-spin\" />\n            </div>\n          ) : folders.length === 0 ? (\n            <div className=\"text-center py-8\">\n              <Folder className=\"size-12 text-text-tertiary mx-auto mb-3\" />\n              <p className=\"text-sm text-text-secondary\">\n                {tWithFallback(\n                  t,\n                  \"files.copyDialog.noFolders\",\n                  \"No folders here\",\n                )}\n              </p>\n            </div>\n          ) : (\n            <div className=\"space-y-1\">\n              {/* Option to copy to current folder */}\n              <button\n                onClick={() => setSelectedDestination(currentFolderId)}\n                className={`w-full flex items-center gap-3 px-3 py-2.5 rounded-lg text-left transition-all duration-200 ${\n                  selectedDestination === currentFolderId\n                    ? \"bg-bg-accent border-2 border-action-primary-border\"\n                    : \"hover:bg-action-ghost-bg-hover border-2 border-transparent\"\n                }`}\n              >\n                <Folder className=\"size-5 text-text-link\" />\n                <span className=\"font-medium text-text-primary\">\n                  {tWithFallback(t, \"files.copyDialog.copyHere\", \"Copy here\")}\n                </span>\n              </button>\n\n              {/* List of subfolders */}\n              {folders.map((folder) => (\n                <div\n                  key={folder.id}\n                  className={`flex items-center justify-between gap-3 px-3 py-2.5 rounded-lg transition-all duration-200 ${\n                    selectedDestination === folder.id\n                      ? \"bg-bg-accent border-2 border-action-primary-border\"\n                      : \"hover:bg-action-ghost-bg-hover border-2 border-transparent\"\n                  }`}\n                >\n                  <button\n                    onClick={() => setSelectedDestination(folder.id)}\n                    className=\"flex items-center gap-3 flex-1 min-w-0\"\n                  >\n                    <Folder className=\"size-5 text-text-link flex-shrink-0\" />\n                    <span className=\"font-medium text-text-primary truncate\">\n                      {folder.name}\n                    </span>\n                  </button>\n                  <button\n                    onClick={() => handleFolderClick(folder)}\n                    className=\"p-1.5 text-text-tertiary hover:text-text-secondary hover:bg-action-ghost-bg-hover rounded transition-colors duration-200 flex-shrink-0\"\n                    title={tWithFallback(\n                      t,\n                      \"files.copyDialog.openFolder\",\n                      \"Open folder\",\n                    )}\n                    aria-label={`Open ${folder.name}`}\n                  >\n                    <ChevronRight className=\"size-4\" />\n                  </button>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n\n        {/* Footer */}\n        <div className=\"flex items-center justify-end gap-2 px-6 py-4 border-t border-border-default\">\n          <button\n            onClick={onClose}\n            className=\"px-4 py-2 text-sm font-medium text-text-primary hover:bg-action-ghost-bg-hover rounded-lg transition-colors duration-200\"\n          >\n            {tWithFallback(t, \"files.common.actions.cancel\", \"Cancel\")}\n          </button>\n          <button\n            onClick={handleCopy}\n            disabled={\n              isLoading || selectedDestination === undefined || !newName.trim()\n            }\n            className=\"px-4 py-2 text-sm font-medium text-text-inverse bg-action-primary-bg rounded-lg hover:bg-action-primary-bg-hover disabled:bg-bg-muted disabled:text-text-tertiary disabled:cursor-not-allowed transition-colors duration-200 flex items-center gap-2\"\n          >\n            {isLoading && <Loader2 className=\"size-4 animate-spin\" />}\n            {isLoading\n              ? tWithFallback(t, \"files.copyDialog.copying\", \"Copying...\")\n              : tWithFallback(t, \"files.copyDialog.copy\", \"Copy\")}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;AAkBA,IAAa,KAAmC,EAC9C,SACA,SACA,YACA,WACA,eAAY,SACR;CACJ,IAAM,EAAE,SAAM,GAAS,EACjB,CAAC,GAAiB,KAAsB,EAAwB,KAAK,EACrE,CAAC,GAAa,KAAkB,EAEpC,EAAE,CAAC,EACC,CAAC,GAAqB,KAA0B,EACpD,KACD,EACK,CAAC,GAAS,KAAc,EAC5B,GAAG,EAAc,GAAG,2BAA2B,UAAU,CAAC,GAAG,EAAK,OACnE,EAGK,EAAE,SAAM,SAAS,MAAmB,EACxC,KAAmB,KAAA,EACpB,EACK,IAAW,GAAM,YAAY,WAAW,EAAE,EAE1C,KAAqB,MAAuB;AAEhD,EADA,EAAmB,EAAO,GAAG,EAC7B,EAAe,CAAC,GAAG,GAAa;GAAE,IAAI,EAAO;GAAI,MAAM,EAAO;GAAM,CAAC,CAAC;IAGlE,KAAyB,MAAkB;AAC/C,MAAI,MAAU,GAGZ,CADA,EAAmB,KAAK,EACxB,EAAe,EAAE,CAAC;OACb;GACL,IAAM,IAAQ,EAAY;AAE1B,GADA,EAAmB,EAAM,GAAG,EAC5B,EAAe,EAAY,MAAM,GAAG,IAAQ,EAAE,CAAC;;;AASnD,QACE,kBAAC,OAAD;EACE,WAAU;EACV,MAAK;EACL,cAAW;EACX,cAAY,EAAc,GAAG,0BAA0B,OAAO;YAE9D,kBAAC,OAAD;GAAK,WAAU;aAAf;IAEE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,MAAD;MAAI,WAAU;gBAAd;OACG,EAAc,GAAG,+BAA+B,iBAAiB;OAAE;OAAI;OACtE,EAAK;OAAK;OACT;SACL,kBAAC,UAAD;MACE,SAAS;MACT,WAAU;MACV,cAAY,EACV,GACA,0BACA,oBACD;gBAED,kBAAC,GAAD,EAAG,WAAU,UAAW,CAAA;MACjB,CAAA,CACL;;IAGN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,SAAD;MAAO,WAAU;gBACd,EAAc,GAAG,yBAAyB,OAAO;MAC5C,CAAA,EACR,kBAAC,SAAD;MACE,MAAK;MACL,OAAO;MACP,WAAW,MAAM,EAAW,EAAE,OAAO,MAAM;MAC3C,WAAU;MACV,aAAa,EACX,GACA,8BACA,0BACD;MACD,CAAA,CACE;;IAGN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,UAAD;OACE,eAAe,EAAsB,GAAG;OACxC,WAAU;iBAFZ,CAIE,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA,EAC3B,kBAAC,QAAD,EAAA,UACG,EAAc,GAAG,4BAA4B,WAAW,EACpD,CAAA,CACA;UACR,EAAY,KAAK,GAAO,MACvB,kBAAC,OAAD;OAEE,WAAU;iBAFZ,CAIE,kBAAC,GAAD,EAAc,WAAU,6BAA8B,CAAA,EACtD,kBAAC,UAAD;QACE,eAAe,EAAsB,EAAM;QAC3C,WAAW,mFACT,MAAU,EAAY,SAAS,IAC3B,kCACA;kBAGL,EAAM;QACA,CAAA,CACL;SAdC,EAAM,GAcP,CACN,CACE;;KACF,CAAA;IAGN,kBAAC,OAAD;KAAK,WAAU;eACZ,IACC,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD,EAAS,WAAU,0CAA2C,CAAA;MAC1D,CAAA,GACJ,EAAQ,WAAW,IACrB,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,2CAA4C,CAAA,EAC9D,kBAAC,KAAD;OAAG,WAAU;iBACV,EACC,GACA,8BACA,kBACD;OACC,CAAA,CACA;UAEN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CAEE,kBAAC,UAAD;OACE,eAAe,EAAuB,EAAgB;OACtD,WAAW,+FACT,MAAwB,IACpB,uDACA;iBALR,CAQE,kBAAC,GAAD,EAAQ,WAAU,yBAA0B,CAAA,EAC5C,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAc,GAAG,6BAA6B,YAAY;QACtD,CAAA,CACA;UAGR,EAAQ,KAAK,MACZ,kBAAC,OAAD;OAEE,WAAW,8FACT,MAAwB,EAAO,KAC3B,uDACA;iBALR,CAQE,kBAAC,UAAD;QACE,eAAe,EAAuB,EAAO,GAAG;QAChD,WAAU;kBAFZ,CAIE,kBAAC,GAAD,EAAQ,WAAU,uCAAwC,CAAA,EAC1D,kBAAC,QAAD;SAAM,WAAU;mBACb,EAAO;SACH,CAAA,CACA;WACT,kBAAC,UAAD;QACE,eAAe,EAAkB,EAAO;QACxC,WAAU;QACV,OAAO,EACL,GACA,+BACA,cACD;QACD,cAAY,QAAQ,EAAO;kBAE3B,kBAAC,GAAD,EAAc,WAAU,UAAW,CAAA;QAC5B,CAAA,CACL;SA5BC,EAAO,GA4BR,CACN,CACE;;KAEJ,CAAA;IAGN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,UAAD;MACE,SAAS;MACT,WAAU;gBAET,EAAc,GAAG,+BAA+B,SAAS;MACnD,CAAA,EACT,kBAAC,UAAD;MACE,SAnKS,YAAY;AAE7B,OADA,MAAM,EAAO,GAAqB,EAAQ,MAAM,IAAI,KAAA,EAAU,EAC9D,GAAS;;MAkKD,UACE,KAAa,MAAwB,KAAA,KAAa,CAAC,EAAQ,MAAM;MAEnE,WAAU;gBALZ,CAOG,KAAa,kBAAC,GAAD,EAAS,WAAU,uBAAwB,CAAA,EACxD,IACG,EAAc,GAAG,4BAA4B,aAAa,GAC1D,EAAc,GAAG,yBAAyB,OAAO,CAC9C;QACL;;IACF;;EACF,CAAA"}

package/dist/files/components/EmptyState.d.ts

@@ -0,0 +1,8 @@
+interface EmptyStateProps {
+    type: "all" | "recent" | "starred" | "bin";
+    onUpload?: () => void;
+    onNewFolder?: () => void;
+}
+export declare function EmptyState({ type, onUpload, onNewFolder }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=EmptyState.d.ts.map

package/dist/files/components/EmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/files/components/EmptyState.tsx"],"names":[],"mappings":"AAIA,UAAU,eAAe;IACvB,IAAI,EAAE,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,KAAK,CAAC;IAC3C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,eAAe,2CAqF1E"}

package/dist/files/components/EmptyState.js

@@ -0,0 +1,66 @@
+import { tWithFallback as e } from "../utils/i18n.js";
+import { Clock as t, FolderOpen as n, Star as r, Trash2 as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useI18n as s } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/files/components/EmptyState.tsx
+function c({ type: c, onUpload: l, onNewFolder: u }) {
+	let { t: d } = s(), f = {
+		all: {
+			icon: /* @__PURE__ */ a(n, { className: "size-16 text-text-tertiary" }),
+			title: e(d, "files.empty.all.title", "No files or folders yet"),
+			description: e(d, "files.empty.all.description", "Upload files or create folders to get started"),
+			showActions: !0
+		},
+		recent: {
+			icon: /* @__PURE__ */ a(t, { className: "size-16 text-text-tertiary" }),
+			title: e(d, "files.empty.recent.title", "No recent files"),
+			description: e(d, "files.empty.recent.description", "Files you recently opened will appear here"),
+			showActions: !1
+		},
+		starred: {
+			icon: /* @__PURE__ */ a(r, { className: "size-16 text-text-tertiary" }),
+			title: e(d, "files.empty.starred.title", "No starred items"),
+			description: e(d, "files.empty.starred.description", "Star files and folders to find them easily"),
+			showActions: !1
+		},
+		bin: {
+			icon: /* @__PURE__ */ a(i, { className: "size-16 text-text-tertiary" }),
+			title: e(d, "files.empty.bin.title", "Bin is empty"),
+			description: e(d, "files.empty.bin.description", "Deleted files and folders will appear here"),
+			showActions: !1
+		}
+	}[c];
+	return /* @__PURE__ */ o("div", {
+		className: "flex flex-col items-center justify-center py-20 px-4 animate-in fade-in duration-500",
+		children: [
+			/* @__PURE__ */ a("div", {
+				className: "mb-4 animate-in zoom-in duration-300 delay-100",
+				children: f.icon
+			}),
+			/* @__PURE__ */ a("h3", {
+				className: "text-lg font-semibold text-text-primary mb-2",
+				children: f.title
+			}),
+			/* @__PURE__ */ a("p", {
+				className: "text-sm text-text-secondary mb-6 text-center max-w-md",
+				children: f.description
+			}),
+			f.showActions && /* @__PURE__ */ o("div", {
+				className: "flex gap-3 animate-in fade-in slide-in-from-bottom-2 duration-300 delay-200",
+				children: [u && /* @__PURE__ */ a("button", {
+					onClick: u,
+					className: "px-4 py-2 text-sm font-medium text-text-primary bg-bg-surface border border-border-default rounded-lg hover:bg-action-ghost-bg-hover transition-all duration-200",
+					children: e(d, "files.empty.newFolder", "New Folder")
+				}), l && /* @__PURE__ */ a("button", {
+					onClick: l,
+					className: "px-4 py-2 text-sm font-medium text-action-primary-text bg-action-primary-bg rounded-lg hover:bg-action-primary-bg-hover transition-all duration-200",
+					children: e(d, "files.empty.uploadFiles", "Upload Files")
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { c as EmptyState };
+
+//# sourceMappingURL=EmptyState.js.map

package/dist/files/components/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","names":[],"sources":["../../../src/files/components/EmptyState.tsx"],"sourcesContent":["import { FolderOpen, Star, Trash2, Clock } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { tWithFallback } from \"../utils/i18n\";\n\ninterface EmptyStateProps {\n  type: \"all\" | \"recent\" | \"starred\" | \"bin\";\n  onUpload?: () => void;\n  onNewFolder?: () => void;\n}\n\nexport function EmptyState({ type, onUpload, onNewFolder }: EmptyStateProps) {\n  const { t } = useI18n();\n  const configs = {\n    all: {\n      icon: <FolderOpen className=\"size-16 text-text-tertiary\" />,\n      title: tWithFallback(\n        t,\n        \"files.empty.all.title\",\n        \"No files or folders yet\",\n      ),\n      description: tWithFallback(\n        t,\n        \"files.empty.all.description\",\n        \"Upload files or create folders to get started\",\n      ),\n      showActions: true,\n    },\n    recent: {\n      icon: <Clock className=\"size-16 text-text-tertiary\" />,\n      title: tWithFallback(t, \"files.empty.recent.title\", \"No recent files\"),\n      description: tWithFallback(\n        t,\n        \"files.empty.recent.description\",\n        \"Files you recently opened will appear here\",\n      ),\n      showActions: false,\n    },\n    starred: {\n      icon: <Star className=\"size-16 text-text-tertiary\" />,\n      title: tWithFallback(t, \"files.empty.starred.title\", \"No starred items\"),\n      description: tWithFallback(\n        t,\n        \"files.empty.starred.description\",\n        \"Star files and folders to find them easily\",\n      ),\n      showActions: false,\n    },\n    bin: {\n      icon: <Trash2 className=\"size-16 text-text-tertiary\" />,\n      title: tWithFallback(t, \"files.empty.bin.title\", \"Bin is empty\"),\n      description: tWithFallback(\n        t,\n        \"files.empty.bin.description\",\n        \"Deleted files and folders will appear here\",\n      ),\n      showActions: false,\n    },\n  };\n\n  const config = configs[type];\n\n  return (\n    <div className=\"flex flex-col items-center justify-center py-20 px-4 animate-in fade-in duration-500\">\n      <div className=\"mb-4 animate-in zoom-in duration-300 delay-100\">\n        {config.icon}\n      </div>\n      <h3 className=\"text-lg font-semibold text-text-primary mb-2\">\n        {config.title}\n      </h3>\n      <p className=\"text-sm text-text-secondary mb-6 text-center max-w-md\">\n        {config.description}\n      </p>\n\n      {config.showActions && (\n        <div className=\"flex gap-3 animate-in fade-in slide-in-from-bottom-2 duration-300 delay-200\">\n          {onNewFolder && (\n            <button\n              onClick={onNewFolder}\n              className=\"px-4 py-2 text-sm font-medium text-text-primary bg-bg-surface border border-border-default rounded-lg hover:bg-action-ghost-bg-hover transition-all duration-200\"\n            >\n              {tWithFallback(t, \"files.empty.newFolder\", \"New Folder\")}\n            </button>\n          )}\n          {onUpload && (\n            <button\n              onClick={onUpload}\n              className=\"px-4 py-2 text-sm font-medium text-action-primary-text bg-action-primary-bg rounded-lg hover:bg-action-primary-bg-hover transition-all duration-200\"\n            >\n              {tWithFallback(t, \"files.empty.uploadFiles\", \"Upload Files\")}\n            </button>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAUA,SAAgB,EAAW,EAAE,SAAM,aAAU,kBAAgC;CAC3E,IAAM,EAAE,SAAM,GAAS,EAgDjB,IA/CU;EACd,KAAK;GACH,MAAM,kBAAC,GAAD,EAAY,WAAU,8BAA+B,CAAA;GAC3D,OAAO,EACL,GACA,yBACA,0BACD;GACD,aAAa,EACX,GACA,+BACA,gDACD;GACD,aAAa;GACd;EACD,QAAQ;GACN,MAAM,kBAAC,GAAD,EAAO,WAAU,8BAA+B,CAAA;GACtD,OAAO,EAAc,GAAG,4BAA4B,kBAAkB;GACtE,aAAa,EACX,GACA,kCACA,6CACD;GACD,aAAa;GACd;EACD,SAAS;GACP,MAAM,kBAAC,GAAD,EAAM,WAAU,8BAA+B,CAAA;GACrD,OAAO,EAAc,GAAG,6BAA6B,mBAAmB;GACxE,aAAa,EACX,GACA,mCACA,6CACD;GACD,aAAa;GACd;EACD,KAAK;GACH,MAAM,kBAAC,GAAD,EAAQ,WAAU,8BAA+B,CAAA;GACvD,OAAO,EAAc,GAAG,yBAAyB,eAAe;GAChE,aAAa,EACX,GACA,+BACA,6CACD;GACD,aAAa;GACd;EACF,CAEsB;AAEvB,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAO;IACJ,CAAA;GACN,kBAAC,MAAD;IAAI,WAAU;cACX,EAAO;IACL,CAAA;GACL,kBAAC,KAAD;IAAG,WAAU;cACV,EAAO;IACN,CAAA;GAEH,EAAO,eACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,KACC,kBAAC,UAAD;KACE,SAAS;KACT,WAAU;eAET,EAAc,GAAG,yBAAyB,aAAa;KACjD,CAAA,EAEV,KACC,kBAAC,UAAD;KACE,SAAS;KACT,WAAU;eAET,EAAc,GAAG,2BAA2B,eAAe;KACrD,CAAA,CAEP;;GAEJ"}

package/dist/files/components/FileBrowser.d.ts

@@ -0,0 +1,37 @@
+import { FC } from 'react';
+import { FileItem, FolderItem } from '../types';
+interface FileBrowserProps {
+    files: FileItem[];
+    folders: FolderItem[];
+    loading?: boolean;
+    error?: Error | null;
+    preserveSortOrder?: boolean;
+    onFilePreview?: (file: FileItem) => void;
+    onFileShare?: (file: FileItem) => void;
+    onFileDelete?: (file: FileItem) => void;
+    onFileRestore?: (file: FileItem) => void;
+    onFileFavorite?: (file: FileItem) => void;
+    onFileRename?: (file: FileItem) => void;
+    onFileDownload?: (file: FileItem) => void;
+    onFileCopy?: (file: FileItem) => void;
+    onFileMove?: (file: FileItem) => void;
+    onFileInfo?: (file: FileItem) => void;
+    onFileActivity?: (file: FileItem) => void;
+    onFolderOpen?: (folder: FolderItem) => void;
+    onFolderShare?: (folder: FolderItem) => void;
+    onFolderDelete?: (folder: FolderItem) => void;
+    onFolderRestore?: (folder: FolderItem) => void;
+    onFolderRename?: (folder: FolderItem) => void;
+    onFolderFavorite?: (folder: FolderItem) => void;
+    onFolderCopy?: (folder: FolderItem) => void;
+    onFolderMove?: (folder: FolderItem) => void;
+    onFolderInfo?: (folder: FolderItem) => void;
+    onFolderActivity?: (folder: FolderItem) => void;
+    onMoveFile?: (fileId: string, targetFolderId: string) => Promise<void>;
+    onCopyFile?: (fileId: string, targetFolderId: string) => Promise<void>;
+    onMoveFolder?: (folderId: string, targetFolderId: string) => Promise<void>;
+    onCopyFolder?: (folderId: string, targetFolderId: string) => Promise<void>;
+}
+export declare const FileBrowser: FC<FileBrowserProps>;
+export {};
+//# sourceMappingURL=FileBrowser.d.ts.map

package/dist/files/components/FileBrowser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileBrowser.d.ts","sourceRoot":"","sources":["../../../src/files/components/FileBrowser.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAY,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAmBrD,UAAU,gBAAgB;IACxB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACzC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACtC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACtC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACtC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1C,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAC5C,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAC7C,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAC9C,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAC/C,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAC9C,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAChD,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAC5C,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAChD,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACvE,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACvE,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3E,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC5E;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA0nB5C,CAAC"}