@burdenoff/microfe-files 2026.510.101

package/README.md

@@ -0,0 +1,12 @@
+# microfe-files
+
+Part of the [Burdenoff](https://burdenoff.com) platform by
+[AlgoShred](https://github.com/algoshred).
+
+## Getting Started
+
+See `AGENTS.md` for development commands and architecture details.
+
+## License
+
+Proprietary — Copyright Burdenoff Consultancy Services Pvt. Ltd.

package/dist/config/index.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Configuration module for files microfrontend
+ * This config is typically injected by the shell application at runtime
+ */
+export interface FilesConfig {
+    /** Full GraphQL endpoint URL (e.g., http://localhost:4003/workspaces/graphql) */
+    apiGatewayUrl: string;
+    /** Base URL for gateway (optional, used to construct full endpoint) */
+    apiGatewayBaseUrl?: string;
+    /** Auth token for API requests */
+    authToken?: string;
+}
+/**
+ * Get current configuration
+ */
+export declare const config: FilesConfig;
+/**
+ * Set runtime configuration (called by shell app)
+ * @param newConfig - Configuration object
+ */
+export declare function setFilesConfig(newConfig: Partial<FilesConfig>): void;
+/**
+ * Build full GraphQL endpoint URL from base URL
+ * @param baseUrl - Base gateway URL (e.g., http://localhost:4003)
+ * @param supergraph - Supergraph name (workspaces or global)
+ * @returns Full GraphQL endpoint URL
+ */
+export declare function buildGraphQLEndpoint(baseUrl: string, supergraph?: "workspaces" | "global"): string;
+/**
+ * Reset configuration to defaults
+ */
+export declare function resetFilesConfig(): void;
+//# sourceMappingURL=index.d.ts.map

package/dist/config/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/config/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,WAAW;IAC1B,iFAAiF;IACjF,aAAa,EAAE,MAAM,CAAC;IACtB,uEAAuE;IACvE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAYD;;GAEG;AACH,eAAO,MAAM,MAAM,aAIjB,CAAC;AAEH;;;GAGG;AACH,wBAAgB,cAAc,CAAC,SAAS,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,IAAI,CAEpE;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,MAAM,EACf,UAAU,GAAE,YAAY,GAAG,QAAuB,GACjD,MAAM,CAKR;AAED;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,IAAI,CAMvC"}

package/dist/config/index.js

@@ -0,0 +1,28 @@
+//#region src/config/index.ts
+var e = {
+	apiGatewayUrl: "",
+	apiGatewayBaseUrl: "",
+	authToken: void 0
+}, t = new Proxy({}, { get(t, n) {
+	return e[n];
+} });
+function n(t) {
+	e = {
+		...e,
+		...t
+	};
+}
+function r(e, t = "workspaces") {
+	return `${e.endsWith("/") ? e.slice(0, -1) : e}${t === "workspaces" ? "/workspaces/graphql" : "/global/graphql"}`;
+}
+function i() {
+	e = {
+		apiGatewayUrl: "",
+		apiGatewayBaseUrl: "",
+		authToken: void 0
+	};
+}
+//#endregion
+export { r as buildGraphQLEndpoint, t as config, i as resetFilesConfig, n as setFilesConfig };
+
+//# sourceMappingURL=index.js.map

package/dist/config/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/config/index.ts"],"sourcesContent":["/**\n * Configuration module for files microfrontend\n * This config is typically injected by the shell application at runtime\n */\n\nexport interface FilesConfig {\n  /** Full GraphQL endpoint URL (e.g., http://localhost:4003/workspaces/graphql) */\n  apiGatewayUrl: string;\n  /** Base URL for gateway (optional, used to construct full endpoint) */\n  apiGatewayBaseUrl?: string;\n  /** Auth token for API requests */\n  authToken?: string;\n}\n\n// Default configuration: empty strings so unconfigured callers fail loudly\n// (network error with an obviously-invalid URL) instead of silently hitting\n// `localhost:4003`, which can't be reached from inside containers and\n// previously manifested as a blank screen on /files.\nlet runtimeConfig: FilesConfig = {\n  apiGatewayUrl: \"\",\n  apiGatewayBaseUrl: \"\",\n  authToken: undefined,\n};\n\n/**\n * Get current configuration\n */\nexport const config = new Proxy({} as FilesConfig, {\n  get(_, prop: keyof FilesConfig) {\n    return runtimeConfig[prop];\n  },\n});\n\n/**\n * Set runtime configuration (called by shell app)\n * @param newConfig - Configuration object\n */\nexport function setFilesConfig(newConfig: Partial<FilesConfig>): void {\n  runtimeConfig = { ...runtimeConfig, ...newConfig };\n}\n\n/**\n * Build full GraphQL endpoint URL from base URL\n * @param baseUrl - Base gateway URL (e.g., http://localhost:4003)\n * @param supergraph - Supergraph name (workspaces or global)\n * @returns Full GraphQL endpoint URL\n */\nexport function buildGraphQLEndpoint(\n  baseUrl: string,\n  supergraph: \"workspaces\" | \"global\" = \"workspaces\",\n): string {\n  const cleanBase = baseUrl.endsWith(\"/\") ? baseUrl.slice(0, -1) : baseUrl;\n  const path =\n    supergraph === \"workspaces\" ? \"/workspaces/graphql\" : \"/global/graphql\";\n  return `${cleanBase}${path}`;\n}\n\n/**\n * Reset configuration to defaults\n */\nexport function resetFilesConfig(): void {\n  runtimeConfig = {\n    apiGatewayUrl: \"\",\n    apiGatewayBaseUrl: \"\",\n    authToken: undefined,\n  };\n}\n"],"mappings":";AAkBA,IAAI,IAA6B;CAC/B,eAAe;CACf,mBAAmB;CACnB,WAAW,KAAA;CACZ,EAKY,IAAS,IAAI,MAAM,EAAE,EAAiB,EACjD,IAAI,GAAG,GAAyB;AAC9B,QAAO,EAAc;GAExB,CAAC;AAMF,SAAgB,EAAe,GAAuC;AACpE,KAAgB;EAAE,GAAG;EAAe,GAAG;EAAW;;AASpD,SAAgB,EACd,GACA,IAAsC,cAC9B;AAIR,QAAO,GAHW,EAAQ,SAAS,IAAI,GAAG,EAAQ,MAAM,GAAG,GAAG,GAAG,IAE/D,MAAe,eAAe,wBAAwB;;AAO1D,SAAgB,IAAyB;AACvC,KAAgB;EACd,eAAe;EACf,mBAAmB;EACnB,WAAW,KAAA;EACZ"}

package/dist/dev/main.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=main.d.ts.map

package/dist/dev/main.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../src/dev/main.tsx"],"names":[],"mappings":"AAQA,OAAO,uBAAuB,CAAC"}

package/dist/files/FilesRoot.d.ts

@@ -0,0 +1,31 @@
+import { FC } from 'react';
+import { FilesRootProps } from './types';
+/**
+ * Root component for the Files microfrontend.
+ *
+ * This is the main entry point that host applications import and render.
+ * It sets up the necessary providers and renders the internal routing.
+ * Automatically registers navigation items with the shell if registration functions are provided.
+ *
+ * @example
+ * ```tsx
+ * import { FilesRoot } from '@burdenoff/micro-fe/files';
+ *
+ * function App() {
+ *   return (
+ *     <Route path="/files/*" element={
+ *       <FilesRoot
+ *         basePath="/files"
+ *         navigate={navigate}
+ *         currentUser={user}
+ *         workspaceId="ws-123"
+ *         apiGatewayUrl="https://api.example.com"
+ *         authToken="token"
+ *       />
+ *     } />
+ *   );
+ * }
+ * ```
+ */
+export declare const FilesRoot: FC<FilesRootProps>;
+//# sourceMappingURL=FilesRoot.d.ts.map

package/dist/files/FilesRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilesRoot.d.ts","sourceRoot":"","sources":["../../src/files/FilesRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAOhC,OAAO,KAAK,EAAW,cAAc,EAAE,MAAM,SAAS,CAAC;AAcvD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA6FxC,CAAC"}

package/dist/files/FilesRoot.js

@@ -0,0 +1,63 @@
+import { FilesProvider as e } from "./providers/FilesProvider.js";
+import { buildGraphQLEndpoint as t, setFilesConfig as n } from "../config/index.js";
+import { FilesRoutes as r } from "./FilesRoutes.js";
+import { useEffect as i } from "react";
+import { ErrorBoundary as a } from "@burdenoff/fe-libs/shared/components";
+import { QueryClient as o, QueryClientProvider as s } from "@tanstack/react-query";
+import { FolderOpen as c } from "lucide-react";
+import { FeatureFlagProvider as l } from "@burdenoff/fe-libs/shared/feature-flags";
+import { jsx as u } from "react/jsx-runtime";
+//#region src/files/FilesRoot.tsx
+var d = new o({ defaultOptions: { queries: {
+	staleTime: 1e3 * 60 * 5,
+	refetchOnWindowFocus: !1
+} } }), f = (o) => {
+	let { registerNavItems: f, registerFooterItems: p, basePath: m = "/", apiGatewayUrl: h, authToken: g, workspaceId: _ } = o;
+	i(() => {
+		h && n({
+			apiGatewayUrl: h.includes("/graphql") ? h : t(h, "workspaces"),
+			apiGatewayBaseUrl: h,
+			authToken: g
+		});
+	}, [h, g]);
+	let v = (e, t) => (e.endsWith("/") ? e.slice(0, -1) : e) + (t.startsWith("/") ? t : `/${t}`);
+	return i(() => {
+		if (f) return f([{
+			id: "files-browse",
+			label: "All Files",
+			path: v(m, "browse"),
+			icon: /* @__PURE__ */ u(c, { size: 20 }),
+			order: 10,
+			group: "files"
+		}]);
+	}, [f, m]), i(() => {
+		if (p) return p([{
+			id: "files-status",
+			label: "Files Ready",
+			type: "status",
+			order: 10,
+			section: "left"
+		}]);
+	}, [p]), /* @__PURE__ */ u(a, {
+		fallback: /* @__PURE__ */ u("div", {
+			className: "p-6 text-center text-text-secondary",
+			children: "Something went wrong loading this module. Please refresh the page."
+		}),
+		children: /* @__PURE__ */ u(s, {
+			client: d,
+			children: /* @__PURE__ */ u(l, {
+				workspaceId: _ ?? null,
+				gateway: "global",
+				defaultEnabled: !1,
+				children: /* @__PURE__ */ u(e, {
+					...o,
+					children: /* @__PURE__ */ u(r, {})
+				})
+			})
+		})
+	});
+};
+//#endregion
+export { f as FilesRoot };
+
+//# sourceMappingURL=FilesRoot.js.map

package/dist/files/FilesRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilesRoot.js","names":[],"sources":["../../src/files/FilesRoot.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useEffect } from \"react\";\nimport { ErrorBoundary } from \"@burdenoff/fe-libs/shared/components\";\nimport { QueryClient, QueryClientProvider } from \"@tanstack/react-query\";\nimport { FolderOpen } from \"lucide-react\";\nimport { FeatureFlagProvider } from \"@burdenoff/fe-libs/shared/feature-flags\";\nimport { FilesProvider } from \"./providers/FilesProvider\";\nimport type { NavItem, FilesRootProps } from \"./types\";\nimport { FilesRoutes } from \"./FilesRoutes\";\nimport { setFilesConfig, buildGraphQLEndpoint } from \"../config\";\n\n// Create a query client instance\nconst queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      staleTime: 1000 * 60 * 5, // 5 minutes\n      refetchOnWindowFocus: false,\n    },\n  },\n});\n\n/**\n * Root component for the Files microfrontend.\n *\n * This is the main entry point that host applications import and render.\n * It sets up the necessary providers and renders the internal routing.\n * Automatically registers navigation items with the shell if registration functions are provided.\n *\n * @example\n * ```tsx\n * import { FilesRoot } from '@burdenoff/micro-fe/files';\n *\n * function App() {\n *   return (\n *     <Route path=\"/files/*\" element={\n *       <FilesRoot\n *         basePath=\"/files\"\n *         navigate={navigate}\n *         currentUser={user}\n *         workspaceId=\"ws-123\"\n *         apiGatewayUrl=\"https://api.example.com\"\n *         authToken=\"token\"\n *       />\n *     } />\n *   );\n * }\n * ```\n */\nexport const FilesRoot: FC<FilesRootProps> = (props) => {\n  const {\n    registerNavItems,\n    registerFooterItems,\n    basePath = \"/\",\n    apiGatewayUrl,\n    authToken,\n    workspaceId,\n  } = props;\n\n  // Initialize runtime configuration from props\n  useEffect(() => {\n    if (apiGatewayUrl) {\n      const fullEndpoint = apiGatewayUrl.includes(\"/graphql\")\n        ? apiGatewayUrl\n        : buildGraphQLEndpoint(apiGatewayUrl, \"workspaces\");\n\n      setFilesConfig({\n        apiGatewayUrl: fullEndpoint,\n        apiGatewayBaseUrl: apiGatewayUrl,\n        authToken,\n      });\n    }\n  }, [apiGatewayUrl, authToken]);\n\n  // Helper to join paths correctly, avoiding double slashes\n  const joinPath = (base: string, path: string): string => {\n    const cleanBase = base.endsWith(\"/\") ? base.slice(0, -1) : base;\n    const cleanPath = path.startsWith(\"/\") ? path : `/${path}`;\n    return cleanBase + cleanPath;\n  };\n\n  // Register navigation items with the shell\n  useEffect(() => {\n    if (!registerNavItems) return;\n\n    const navItems: NavItem[] = [\n      {\n        id: \"files-browse\",\n        label: \"All Files\",\n        path: joinPath(basePath, \"browse\"),\n        icon: <FolderOpen size={20} />,\n        order: 10,\n        group: \"files\",\n      },\n    ];\n\n    // Register and get cleanup function\n    const cleanup = registerNavItems(navItems);\n\n    // Return cleanup function to unregister on unmount\n    return cleanup;\n  }, [registerNavItems, basePath]);\n\n  // Register footer items (example: storage status in left section)\n  useEffect(() => {\n    if (!registerFooterItems) return;\n\n    const footerItems = [\n      {\n        id: \"files-status\",\n        label: \"Files Ready\",\n        type: \"status\" as const,\n        order: 10,\n        section: \"left\" as const,\n      },\n    ];\n\n    const cleanup = registerFooterItems(footerItems);\n    return cleanup;\n  }, [registerFooterItems]);\n\n  return (\n    <ErrorBoundary\n      fallback={\n        <div className=\"p-6 text-center text-text-secondary\">\n          Something went wrong loading this module. Please refresh the page.\n        </div>\n      }\n    >\n      <QueryClientProvider client={queryClient}>\n        <FeatureFlagProvider\n          workspaceId={workspaceId ?? null}\n          gateway=\"global\"\n          defaultEnabled={false}\n        >\n          <FilesProvider {...props}>\n            <FilesRoutes />\n          </FilesProvider>\n        </FeatureFlagProvider>\n      </QueryClientProvider>\n    </ErrorBoundary>\n  );\n};\n"],"mappings":";;;;;;;;;;AAYA,IAAM,IAAc,IAAI,EAAY,EAClC,gBAAgB,EACd,SAAS;CACP,WAAW,MAAO,KAAK;CACvB,sBAAsB;CACvB,EACF,EACF,CAAC,EA6BW,KAAiC,MAAU;CACtD,IAAM,EACJ,qBACA,wBACA,cAAW,KACX,kBACA,cACA,mBACE;AAGJ,SAAgB;AACd,EAAI,KAKF,EAAe;GACb,eALmB,EAAc,SAAS,WAAW,GACnD,IACA,EAAqB,GAAe,aAAa;GAInD,mBAAmB;GACnB;GACD,CAAC;IAEH,CAAC,GAAe,EAAU,CAAC;CAG9B,IAAM,KAAY,GAAc,OACZ,EAAK,SAAS,IAAI,GAAG,EAAK,MAAM,GAAG,GAAG,GAAG,MACzC,EAAK,WAAW,IAAI,GAAG,IAAO,IAAI;AA4CtD,QAvCA,QAAgB;AACT,QAiBL,QAHgB,EAZY,CAC1B;GACE,IAAI;GACJ,OAAO;GACP,MAAM,EAAS,GAAU,SAAS;GAClC,MAAM,kBAAC,GAAD,EAAY,MAAM,IAAM,CAAA;GAC9B,OAAO;GACP,OAAO;GACR,CACF,CAGyC;IAIzC,CAAC,GAAkB,EAAS,CAAC,EAGhC,QAAgB;AACT,QAaL,QADgB,EAVI,CAClB;GACE,IAAI;GACJ,OAAO;GACP,MAAM;GACN,OAAO;GACP,SAAS;GACV,CACF,CAE+C;IAE/C,CAAC,EAAoB,CAAC,EAGvB,kBAAC,GAAD;EACE,UACE,kBAAC,OAAD;GAAK,WAAU;aAAsC;GAE/C,CAAA;YAGR,kBAAC,GAAD;GAAqB,QAAQ;aAC3B,kBAAC,GAAD;IACE,aAAa,KAAe;IAC5B,SAAQ;IACR,gBAAgB;cAEhB,kBAAC,GAAD;KAAe,GAAI;eACjB,kBAAC,GAAD,EAAe,CAAA;KACD,CAAA;IACI,CAAA;GACF,CAAA;EACR,CAAA"}

package/dist/files/FilesRoutes.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Internal router for the Files microfrontend.
+ * This component handles routing within the microfrontend using React Router v7.
+ *
+ * Routes:
+ * - / → Redirect to browse
+ * - /browse → File browser page (root folder) - eager loaded
+ * - /browse/:folderId → File browser page (specific folder) - eager loaded
+ * - /* → Catch-all redirects to browse
+ */
+export declare function FilesRoutes(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FilesRoutes.d.ts.map

package/dist/files/FilesRoutes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilesRoutes.d.ts","sourceRoot":"","sources":["../../src/files/FilesRoutes.tsx"],"names":[],"mappings":"AAKA;;;;;;;;;GASG;AACH,wBAAgB,WAAW,4CAgC1B"}

package/dist/files/FilesRoutes.js

@@ -0,0 +1,45 @@
+import { useFilesContext as e } from "./providers/FilesProvider.js";
+import { BrowserPage as t } from "./pages/BrowserPage.js";
+import { ShareAccessPage as n } from "./pages/ShareAccessPage.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Navigate as a, Route as o, Routes as s, useLocation as c } from "react-router-dom";
+//#region src/files/FilesRoutes.tsx
+function l() {
+	let { basePath: l } = e(), u = c(), d = l.replace(/\/+$/, "") || "/", f = `${d === "/" ? "" : d}/share/:token`, p = `${d === "/" ? "" : d}/share/`, m = `${d === "/" ? "" : d}/browse`;
+	return u.pathname.startsWith(p) ? /* @__PURE__ */ r(n, {}) : /* @__PURE__ */ i(s, { children: [
+		/* @__PURE__ */ r(o, {
+			index: !0,
+			element: /* @__PURE__ */ r(a, {
+				to: m,
+				replace: !0
+			})
+		}),
+		/* @__PURE__ */ r(o, {
+			path: "browse",
+			element: /* @__PURE__ */ r(t, {})
+		}),
+		/* @__PURE__ */ r(o, {
+			path: "browse/:folderId",
+			element: /* @__PURE__ */ r(t, {})
+		}),
+		/* @__PURE__ */ r(o, {
+			path: "share/:token",
+			element: /* @__PURE__ */ r(n, {})
+		}),
+		/* @__PURE__ */ r(o, {
+			path: f,
+			element: /* @__PURE__ */ r(n, {})
+		}),
+		/* @__PURE__ */ r(o, {
+			path: "*",
+			element: /* @__PURE__ */ r(a, {
+				to: m,
+				replace: !0
+			})
+		})
+	] });
+}
+//#endregion
+export { l as FilesRoutes };
+
+//# sourceMappingURL=FilesRoutes.js.map

package/dist/files/FilesRoutes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilesRoutes.js","names":[],"sources":["../../src/files/FilesRoutes.tsx"],"sourcesContent":["import { Navigate, Route, Routes, useLocation } from \"react-router-dom\";\nimport { BrowserPage } from \"./pages/BrowserPage\";\nimport { ShareAccessPage } from \"./pages/ShareAccessPage\";\nimport { useFilesContext } from \"./providers/FilesProvider\";\n\n/**\n * Internal router for the Files microfrontend.\n * This component handles routing within the microfrontend using React Router v7.\n *\n * Routes:\n * - / → Redirect to browse\n * - /browse → File browser page (root folder) - eager loaded\n * - /browse/:folderId → File browser page (specific folder) - eager loaded\n * - /* → Catch-all redirects to browse\n */\nexport function FilesRoutes() {\n  const { basePath } = useFilesContext();\n  const location = useLocation();\n  const normalizedBasePath = basePath.replace(/\\/+$/, \"\") || \"/\";\n  const absoluteSharePath = `${normalizedBasePath === \"/\" ? \"\" : normalizedBasePath}/share/:token`;\n  const absoluteSharePrefix = `${normalizedBasePath === \"/\" ? \"\" : normalizedBasePath}/share/`;\n  // Absolute target for default + catch-all redirects. Using a relative `to=\"browse\"`\n  // here causes an infinite path-compounding loop when a splat (`path=\"*\"`) matches a\n  // host-shell sibling route (e.g. `/files/shared`): React Router resolves the\n  // relative path against the splat-matched URL, so each render appends another\n  // `/browse` segment (`/files/shared/browse/browse/...`).\n  const absoluteBrowsePath = `${normalizedBasePath === \"/\" ? \"\" : normalizedBasePath}/browse`;\n\n  if (location.pathname.startsWith(absoluteSharePrefix)) {\n    return <ShareAccessPage />;\n  }\n\n  return (\n    <Routes>\n      {/* Default route - redirect to browse */}\n      <Route index element={<Navigate to={absoluteBrowsePath} replace />} />\n\n      {/* Main pages - BrowserPage is eager loaded (primary entry point) */}\n      <Route path=\"browse\" element={<BrowserPage />} />\n      <Route path=\"browse/:folderId\" element={<BrowserPage />} />\n      <Route path=\"share/:token\" element={<ShareAccessPage />} />\n      <Route path={absoluteSharePath} element={<ShareAccessPage />} />\n\n      {/* Catch-all route - redirect to browse (absolute to avoid splat-relative compounding) */}\n      <Route path=\"*\" element={<Navigate to={absoluteBrowsePath} replace />} />\n    </Routes>\n  );\n}\n"],"mappings":";;;;;;AAeA,SAAgB,IAAc;CAC5B,IAAM,EAAE,gBAAa,GAAiB,EAChC,IAAW,GAAa,EACxB,IAAqB,EAAS,QAAQ,QAAQ,GAAG,IAAI,KACrD,IAAoB,GAAG,MAAuB,MAAM,KAAK,EAAmB,gBAC5E,IAAsB,GAAG,MAAuB,MAAM,KAAK,EAAmB,UAM9E,IAAqB,GAAG,MAAuB,MAAM,KAAK,EAAmB;AAMnF,QAJI,EAAS,SAAS,WAAW,EAAoB,GAC5C,kBAAC,GAAD,EAAmB,CAAA,GAI1B,kBAAC,GAAD,EAAA,UAAA;EAEE,kBAAC,GAAD;GAAO,OAAA;GAAM,SAAS,kBAAC,GAAD;IAAU,IAAI;IAAoB,SAAA;IAAU,CAAA;GAAI,CAAA;EAGtE,kBAAC,GAAD;GAAO,MAAK;GAAS,SAAS,kBAAC,GAAD,EAAe,CAAA;GAAI,CAAA;EACjD,kBAAC,GAAD;GAAO,MAAK;GAAmB,SAAS,kBAAC,GAAD,EAAe,CAAA;GAAI,CAAA;EAC3D,kBAAC,GAAD;GAAO,MAAK;GAAe,SAAS,kBAAC,GAAD,EAAmB,CAAA;GAAI,CAAA;EAC3D,kBAAC,GAAD;GAAO,MAAM;GAAmB,SAAS,kBAAC,GAAD,EAAmB,CAAA;GAAI,CAAA;EAGhE,kBAAC,GAAD;GAAO,MAAK;GAAI,SAAS,kBAAC,GAAD;IAAU,IAAI;IAAoB,SAAA;IAAU,CAAA;GAAI,CAAA;EAClE,EAAA,CAAA"}

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

@@ -0,0 +1,19 @@
+import { FC } from 'react';
+export interface ActionMenuItem {
+    label: string;
+    icon?: React.ReactNode;
+    onClick: () => void;
+    variant?: "default" | "danger";
+    divider?: boolean;
+}
+interface ActionMenuProps {
+    items: ActionMenuItem[];
+    triggerClassName?: string;
+    menuClassName?: string;
+    align?: "left" | "right";
+    isOpen?: boolean;
+    onToggle?: (open: boolean) => void;
+}
+export declare const ActionMenu: FC<ActionMenuProps>;
+export {};
+//# sourceMappingURL=ActionMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionMenu.d.ts","sourceRoot":"","sources":["../../../src/files/components/ActionMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAA+B,MAAM,OAAO,CAAC;AAM7D,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,eAAe;IACvB,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAsJ1C,CAAC"}

package/dist/files/components/ActionMenu.js

@@ -0,0 +1,73 @@
+import { tWithFallback as e } from "../utils/i18n.js";
+import { useEffect as t, useRef as n, useState as r } from "react";
+import { MoreVertical as i } from "lucide-react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useI18n as c } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { createPortal as l } from "react-dom";
+//#region src/files/components/ActionMenu.tsx
+var u = ({ items: u, triggerClassName: d = "", menuClassName: f = "", align: p = "right", isOpen: m, onToggle: h }) => {
+	let { t: g } = c(), [_, v] = r(!1), [y, b] = r(null), x = n(null), S = n(null), C = m === void 0 ? _ : m, w = (e) => {
+		h ? h(e) : v(e);
+	};
+	t(() => {
+		if (C && x.current) {
+			let e = x.current.getBoundingClientRect(), t = p === "right" ? e.right - 200 : e.left;
+			t < 10 && (t = 10), t + 200 > window.innerWidth - 10 && (t = window.innerWidth - 200 - 10), b({
+				top: e.bottom + 4,
+				left: t
+			});
+		}
+	}, [C, p]), t(() => {
+		let e = (e) => {
+			S.current && !S.current.contains(e.target) && w(!1);
+		};
+		if (C) return document.addEventListener("mousedown", e), () => {
+			document.removeEventListener("mousedown", e);
+		};
+	}, [C]), t(() => {
+		let e = (e) => {
+			e.key === "Escape" && w(!1);
+		};
+		if (C) return document.addEventListener("keydown", e), () => {
+			document.removeEventListener("keydown", e);
+		};
+	}, [C]);
+	let T = (e) => {
+		e.onClick(), w(!1);
+	};
+	return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("button", {
+		ref: x,
+		onClick: (e) => {
+			e.stopPropagation(), w(!C);
+		},
+		className: `p-1.5 hover:bg-action-ghost-bg-hover rounded transition-colors ${d}`,
+		"aria-label": e(g, "files.actionMenu.moreActions", "More actions"),
+		title: e(g, "files.actionMenu.moreActions", "More actions"),
+		"aria-expanded": C,
+		"aria-haspopup": "true",
+		children: /* @__PURE__ */ o(i, { className: "size-4 text-text-primary" })
+	}), !C || !y ? null : l(/* @__PURE__ */ o("div", {
+		ref: S,
+		className: `fixed z-[9999] min-w-[200px] bg-bg-elevated rounded-lg shadow-lg border border-border-default py-1 animate-in fade-in-0 zoom-in-95 duration-150 ${f}`,
+		style: {
+			top: `${y.top}px`,
+			left: `${y.left}px`
+		},
+		role: "menu",
+		children: u.map((e, t) => /* @__PURE__ */ s("div", { children: [e.divider && t > 0 && /* @__PURE__ */ o("div", { className: "h-px bg-border-subtle my-1" }), /* @__PURE__ */ s("button", {
+			onClick: (t) => {
+				t.stopPropagation(), T(e);
+			},
+			className: `w-full flex items-center gap-3 px-4 py-2 text-sm transition-all duration-150 ${e.variant === "danger" ? "text-status-error-text hover:bg-status-error-bg-subtle" : "text-text-primary hover:bg-action-ghost-bg-hover"}`,
+			role: "menuitem",
+			children: [e.icon && /* @__PURE__ */ o("span", {
+				className: "flex-shrink-0",
+				children: e.icon
+			}), /* @__PURE__ */ o("span", { children: e.label })]
+		})] }, t))
+	}), document.body)] });
+};
+//#endregion
+export { u as ActionMenu };
+
+//# sourceMappingURL=ActionMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionMenu.js","names":[],"sources":["../../../src/files/components/ActionMenu.tsx"],"sourcesContent":["import { type FC, useState, useRef, useEffect } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { MoreVertical } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { tWithFallback } from \"../utils/i18n\";\n\nexport interface ActionMenuItem {\n  label: string;\n  icon?: React.ReactNode;\n  onClick: () => void;\n  variant?: \"default\" | \"danger\";\n  divider?: boolean;\n}\n\ninterface ActionMenuProps {\n  items: ActionMenuItem[];\n  triggerClassName?: string;\n  menuClassName?: string;\n  align?: \"left\" | \"right\";\n  isOpen?: boolean;\n  onToggle?: (open: boolean) => void;\n}\n\nexport const ActionMenu: FC<ActionMenuProps> = ({\n  items,\n  triggerClassName = \"\",\n  menuClassName = \"\",\n  align = \"right\",\n  isOpen: controlledIsOpen,\n  onToggle,\n}) => {\n  const { t } = useI18n();\n  const [internalIsOpen, setInternalIsOpen] = useState(false);\n  const [menuPosition, setMenuPosition] = useState<{\n    top: number;\n    left: number;\n  } | null>(null);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const menuRef = useRef<HTMLDivElement>(null);\n\n  // Use controlled state if provided, otherwise use internal state\n  const isOpen =\n    controlledIsOpen !== undefined ? controlledIsOpen : internalIsOpen;\n  const setIsOpen = (open: boolean) => {\n    if (onToggle) {\n      onToggle(open);\n    } else {\n      setInternalIsOpen(open);\n    }\n  };\n\n  // Calculate menu position when opening\n  useEffect(() => {\n    if (isOpen && buttonRef.current) {\n      const rect = buttonRef.current.getBoundingClientRect();\n      const menuWidth = 200; // Approximate menu width\n\n      let left = align === \"right\" ? rect.right - menuWidth : rect.left;\n\n      // Ensure menu doesn't go off-screen\n      if (left < 10) left = 10;\n      if (left + menuWidth > window.innerWidth - 10) {\n        left = window.innerWidth - menuWidth - 10;\n      }\n\n      setMenuPosition({\n        top: rect.bottom + 4, // 4px gap below button\n        left: left,\n      });\n    }\n  }, [isOpen, align]);\n\n  // Close menu when clicking outside\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (menuRef.current && !menuRef.current.contains(event.target as Node)) {\n        setIsOpen(false);\n      }\n    };\n\n    if (isOpen) {\n      document.addEventListener(\"mousedown\", handleClickOutside);\n      return () => {\n        document.removeEventListener(\"mousedown\", handleClickOutside);\n      };\n    }\n  }, [isOpen]);\n\n  // Close menu on Escape key\n  useEffect(() => {\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        setIsOpen(false);\n      }\n    };\n\n    if (isOpen) {\n      document.addEventListener(\"keydown\", handleEscape);\n      return () => {\n        document.removeEventListener(\"keydown\", handleEscape);\n      };\n    }\n  }, [isOpen]);\n\n  const handleItemClick = (item: ActionMenuItem) => {\n    item.onClick();\n    setIsOpen(false);\n  };\n\n  // Render menu dropdown\n  const renderMenu = () => {\n    if (!isOpen || !menuPosition) return null;\n\n    return createPortal(\n      <div\n        ref={menuRef}\n        className={`fixed z-[9999] min-w-[200px] bg-bg-elevated rounded-lg shadow-lg border border-border-default py-1 animate-in fade-in-0 zoom-in-95 duration-150 ${menuClassName}`}\n        style={{\n          top: `${menuPosition.top}px`,\n          left: `${menuPosition.left}px`,\n        }}\n        role=\"menu\"\n      >\n        {items.map((item, index) => (\n          <div key={index}>\n            {item.divider && index > 0 && (\n              <div className=\"h-px bg-border-subtle my-1\" />\n            )}\n            <button\n              onClick={(e) => {\n                e.stopPropagation();\n                handleItemClick(item);\n              }}\n              className={`w-full flex items-center gap-3 px-4 py-2 text-sm transition-all duration-150 ${\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              role=\"menuitem\"\n            >\n              {item.icon && <span className=\"flex-shrink-0\">{item.icon}</span>}\n              <span>{item.label}</span>\n            </button>\n          </div>\n        ))}\n      </div>,\n      document.body,\n    );\n  };\n\n  return (\n    <>\n      <button\n        ref={buttonRef}\n        onClick={(e) => {\n          e.stopPropagation();\n          setIsOpen(!isOpen);\n        }}\n        className={`p-1.5 hover:bg-action-ghost-bg-hover rounded transition-colors ${triggerClassName}`}\n        aria-label={tWithFallback(\n          t,\n          \"files.actionMenu.moreActions\",\n          \"More actions\",\n        )}\n        title={tWithFallback(t, \"files.actionMenu.moreActions\", \"More actions\")}\n        aria-expanded={isOpen}\n        aria-haspopup=\"true\"\n      >\n        <MoreVertical className=\"size-4 text-text-primary\" />\n      </button>\n      {renderMenu()}\n    </>\n  );\n};\n"],"mappings":";;;;;;;AAuBA,IAAa,KAAmC,EAC9C,UACA,sBAAmB,IACnB,mBAAgB,IAChB,WAAQ,SACR,QAAQ,GACR,kBACI;CACJ,IAAM,EAAE,SAAM,GAAS,EACjB,CAAC,GAAgB,KAAqB,EAAS,GAAM,EACrD,CAAC,GAAc,KAAmB,EAG9B,KAAK,EACT,IAAY,EAA0B,KAAK,EAC3C,IAAU,EAAuB,KAAK,EAGtC,IACJ,MAAqB,KAAA,IAA+B,IAAnB,GAC7B,KAAa,MAAkB;AACnC,EAAI,IACF,EAAS,EAAK,GAEd,EAAkB,EAAK;;AA0C3B,CArCA,QAAgB;AACd,MAAI,KAAU,EAAU,SAAS;GAC/B,IAAM,IAAO,EAAU,QAAQ,uBAAuB,EAGlD,IAAO,MAAU,UAAU,EAAK,QAAQ,MAAY,EAAK;AAQ7D,GALI,IAAO,OAAI,IAAO,KAClB,IAAO,MAAY,OAAO,aAAa,OACzC,IAAO,OAAO,aAAa,MAAY,KAGzC,EAAgB;IACd,KAAK,EAAK,SAAS;IACb;IACP,CAAC;;IAEH,CAAC,GAAQ,EAAM,CAAC,EAGnB,QAAgB;EACd,IAAM,KAAsB,MAAsB;AAChD,GAAI,EAAQ,WAAW,CAAC,EAAQ,QAAQ,SAAS,EAAM,OAAe,IACpE,EAAU,GAAM;;AAIpB,MAAI,EAEF,QADA,SAAS,iBAAiB,aAAa,EAAmB,QAC7C;AACX,YAAS,oBAAoB,aAAa,EAAmB;;IAGhE,CAAC,EAAO,CAAC,EAGZ,QAAgB;EACd,IAAM,KAAgB,MAAyB;AAC7C,GAAI,EAAM,QAAQ,YAChB,EAAU,GAAM;;AAIpB,MAAI,EAEF,QADA,SAAS,iBAAiB,WAAW,EAAa,QACrC;AACX,YAAS,oBAAoB,WAAW,EAAa;;IAGxD,CAAC,EAAO,CAAC;CAEZ,IAAM,KAAmB,MAAyB;AAEhD,EADA,EAAK,SAAS,EACd,EAAU,GAAM;;AA4ClB,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,UAAD;EACE,KAAK;EACL,UAAU,MAAM;AAEd,GADA,EAAE,iBAAiB,EACnB,EAAU,CAAC,EAAO;;EAEpB,WAAW,kEAAkE;EAC7E,cAAY,EACV,GACA,gCACA,eACD;EACD,OAAO,EAAc,GAAG,gCAAgC,eAAe;EACvE,iBAAe;EACf,iBAAc;YAEd,kBAAC,GAAD,EAAc,WAAU,4BAA6B,CAAA;EAC9C,CAAA,EA1DP,CAAC,KAAU,CAAC,IAAqB,OAE9B,EACL,kBAAC,OAAD;EACE,KAAK;EACL,WAAW,mJAAmJ;EAC9J,OAAO;GACL,KAAK,GAAG,EAAa,IAAI;GACzB,MAAM,GAAG,EAAa,KAAK;GAC5B;EACD,MAAK;YAEJ,EAAM,KAAK,GAAM,MAChB,kBAAC,OAAD,EAAA,UAAA,CACG,EAAK,WAAW,IAAQ,KACvB,kBAAC,OAAD,EAAK,WAAU,8BAA+B,CAAA,EAEhD,kBAAC,UAAD;GACE,UAAU,MAAM;AAEd,IADA,EAAE,iBAAiB,EACnB,EAAgB,EAAK;;GAEvB,WAAW,gFACT,EAAK,YAAY,WACb,2DACA;GAEN,MAAK;aAVP,CAYG,EAAK,QAAQ,kBAAC,QAAD;IAAM,WAAU;cAAiB,EAAK;IAAY,CAAA,EAChE,kBAAC,QAAD,EAAA,UAAO,EAAK,OAAa,CAAA,CAClB;KACL,EAAA,EAnBI,EAmBJ,CACN;EACE,CAAA,EACN,SAAS,KACV,CAwBE,EAAA,CAAA"}

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

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+interface ConfirmDialogProps {
+    title: string;
+    description: ReactNode;
+    confirmLabel: string;
+    cancelLabel: string;
+    variant?: "danger" | "default";
+    loading?: boolean;
+    onConfirm: () => void;
+    onCancel: () => void;
+}
+export declare function ConfirmDialog({ title, description, confirmLabel, cancelLabel, variant, loading, onConfirm, onCancel, }: ConfirmDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ConfirmDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../../../src/files/components/ConfirmDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAA4B,MAAM,OAAO,CAAC;AAGjE,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,SAAS,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,YAAY,EACZ,WAAW,EACX,OAAmB,EACnB,OAAe,EACf,SAAS,EACT,QAAQ,GACT,EAAE,kBAAkB,2CA8FpB"}

package/dist/files/components/ConfirmDialog.js

@@ -0,0 +1,85 @@
+import { useEffect as e, useId as t, useRef as n } from "react";
+import { AlertTriangle as r, Loader2 as i, X as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/files/components/ConfirmDialog.tsx
+function c({ title: c, description: l, confirmLabel: u, cancelLabel: d, variant: f = "default", loading: p = !1, onConfirm: m, onCancel: h }) {
+	let g = t(), _ = t(), v = n(null);
+	return e(() => {
+		v.current?.focus();
+		let e = (e) => {
+			e.key === "Escape" && !p && h();
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [p, h]), /* @__PURE__ */ o("div", {
+		className: "fixed inset-0 z-[140] flex items-center justify-center bg-bg-overlay p-4",
+		role: "presentation",
+		onMouseDown: (e) => {
+			e.target === e.currentTarget && !p && h();
+		},
+		children: /* @__PURE__ */ s("section", {
+			role: "alertdialog",
+			"aria-modal": "true",
+			"aria-labelledby": g,
+			"aria-describedby": _,
+			className: "w-full max-w-md rounded-2xl border border-border-default bg-bg-surface p-5 shadow-elevation-3",
+			children: [/* @__PURE__ */ s("div", {
+				className: "flex items-start gap-3",
+				children: [
+					/* @__PURE__ */ o("div", {
+						className: "rounded-full bg-status-warning-bg-subtle p-2 text-status-warning-text",
+						children: /* @__PURE__ */ o(r, {
+							className: "size-5",
+							"aria-hidden": "true"
+						})
+					}),
+					/* @__PURE__ */ s("div", {
+						className: "min-w-0 flex-1",
+						children: [/* @__PURE__ */ o("h2", {
+							id: g,
+							className: "text-base font-semibold text-text-primary",
+							children: c
+						}), /* @__PURE__ */ o("div", {
+							id: _,
+							className: "mt-2 text-sm leading-6 text-text-secondary",
+							children: l
+						})]
+					}),
+					/* @__PURE__ */ o("button", {
+						type: "button",
+						onClick: h,
+						disabled: p,
+						className: "rounded-lg p-1 text-text-tertiary transition-colors hover:bg-bg-muted hover:text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-border disabled:cursor-not-allowed disabled:opacity-50",
+						"aria-label": d,
+						children: /* @__PURE__ */ o(a, {
+							className: "size-4",
+							"aria-hidden": "true"
+						})
+					})
+				]
+			}), /* @__PURE__ */ s("div", {
+				className: "mt-6 flex flex-col-reverse gap-3 sm:flex-row sm:justify-end",
+				children: [/* @__PURE__ */ o("button", {
+					ref: v,
+					type: "button",
+					onClick: h,
+					disabled: p,
+					className: "inline-flex items-center justify-center rounded-lg border border-border-default bg-bg-surface px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-border disabled:cursor-not-allowed disabled:opacity-50",
+					children: d
+				}), /* @__PURE__ */ s("button", {
+					type: "button",
+					onClick: m,
+					disabled: p,
+					className: `inline-flex items-center justify-center gap-2 rounded-lg px-4 py-2 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 disabled:cursor-not-allowed disabled:opacity-60 ${f === "danger" ? "bg-status-error-bg text-text-inverse hover:bg-status-error-bg focus-visible:ring-status-error-border" : "bg-action-primary-bg text-text-inverse hover:bg-action-primary-bg-hover focus-visible:ring-action-primary-border"}`,
+					children: [p && /* @__PURE__ */ o(i, {
+						className: "size-4 animate-spin",
+						"aria-hidden": "true"
+					}), u]
+				})]
+			})]
+		})
+	});
+}
+//#endregion
+export { c as ConfirmDialog };
+
+//# sourceMappingURL=ConfirmDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.js","names":[],"sources":["../../../src/files/components/ConfirmDialog.tsx"],"sourcesContent":["import { type ReactNode, useEffect, useId, useRef } from \"react\";\nimport { AlertTriangle, Loader2, X } from \"lucide-react\";\n\ninterface ConfirmDialogProps {\n  title: string;\n  description: ReactNode;\n  confirmLabel: string;\n  cancelLabel: string;\n  variant?: \"danger\" | \"default\";\n  loading?: boolean;\n  onConfirm: () => void;\n  onCancel: () => void;\n}\n\nexport function ConfirmDialog({\n  title,\n  description,\n  confirmLabel,\n  cancelLabel,\n  variant = \"default\",\n  loading = false,\n  onConfirm,\n  onCancel,\n}: ConfirmDialogProps) {\n  const titleId = useId();\n  const descriptionId = useId();\n  const cancelButtonRef = useRef<HTMLButtonElement>(null);\n\n  useEffect(() => {\n    cancelButtonRef.current?.focus();\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\" && !loading) {\n        onCancel();\n      }\n    };\n\n    document.addEventListener(\"keydown\", handleKeyDown);\n    return () => document.removeEventListener(\"keydown\", handleKeyDown);\n  }, [loading, onCancel]);\n\n  const confirmClassName =\n    variant === \"danger\"\n      ? \"bg-status-error-bg text-text-inverse hover:bg-status-error-bg focus-visible:ring-status-error-border\"\n      : \"bg-action-primary-bg text-text-inverse hover:bg-action-primary-bg-hover focus-visible:ring-action-primary-border\";\n\n  return (\n    <div\n      className=\"fixed inset-0 z-[140] flex items-center justify-center bg-bg-overlay p-4\"\n      role=\"presentation\"\n      onMouseDown={(event) => {\n        if (event.target === event.currentTarget && !loading) {\n          onCancel();\n        }\n      }}\n    >\n      <section\n        role=\"alertdialog\"\n        aria-modal=\"true\"\n        aria-labelledby={titleId}\n        aria-describedby={descriptionId}\n        className=\"w-full max-w-md rounded-2xl border border-border-default bg-bg-surface p-5 shadow-elevation-3\"\n      >\n        <div className=\"flex items-start gap-3\">\n          <div className=\"rounded-full bg-status-warning-bg-subtle p-2 text-status-warning-text\">\n            <AlertTriangle className=\"size-5\" aria-hidden=\"true\" />\n          </div>\n          <div className=\"min-w-0 flex-1\">\n            <h2\n              id={titleId}\n              className=\"text-base font-semibold text-text-primary\"\n            >\n              {title}\n            </h2>\n            <div\n              id={descriptionId}\n              className=\"mt-2 text-sm leading-6 text-text-secondary\"\n            >\n              {description}\n            </div>\n          </div>\n          <button\n            type=\"button\"\n            onClick={onCancel}\n            disabled={loading}\n            className=\"rounded-lg p-1 text-text-tertiary transition-colors hover:bg-bg-muted hover:text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-border disabled:cursor-not-allowed disabled:opacity-50\"\n            aria-label={cancelLabel}\n          >\n            <X className=\"size-4\" aria-hidden=\"true\" />\n          </button>\n        </div>\n\n        <div className=\"mt-6 flex flex-col-reverse gap-3 sm:flex-row sm:justify-end\">\n          <button\n            ref={cancelButtonRef}\n            type=\"button\"\n            onClick={onCancel}\n            disabled={loading}\n            className=\"inline-flex items-center justify-center rounded-lg border border-border-default bg-bg-surface px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-border disabled:cursor-not-allowed disabled:opacity-50\"\n          >\n            {cancelLabel}\n          </button>\n          <button\n            type=\"button\"\n            onClick={onConfirm}\n            disabled={loading}\n            className={`inline-flex items-center justify-center gap-2 rounded-lg px-4 py-2 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 disabled:cursor-not-allowed disabled:opacity-60 ${confirmClassName}`}\n          >\n            {loading && (\n              <Loader2 className=\"size-4 animate-spin\" aria-hidden=\"true\" />\n            )}\n            {confirmLabel}\n          </button>\n        </div>\n      </section>\n    </div>\n  );\n}\n"],"mappings":";;;;AAcA,SAAgB,EAAc,EAC5B,UACA,gBACA,iBACA,gBACA,aAAU,WACV,aAAU,IACV,cACA,eACqB;CACrB,IAAM,IAAU,GAAO,EACjB,IAAgB,GAAO,EACvB,IAAkB,EAA0B,KAAK;AAoBvD,QAlBA,QAAgB;AACd,IAAgB,SAAS,OAAO;EAEhC,IAAM,KAAiB,MAAyB;AAC9C,GAAI,EAAM,QAAQ,YAAY,CAAC,KAC7B,GAAU;;AAKd,SADA,SAAS,iBAAiB,WAAW,EAAc,QACtC,SAAS,oBAAoB,WAAW,EAAc;IAClE,CAAC,GAAS,EAAS,CAAC,EAQrB,kBAAC,OAAD;EACE,WAAU;EACV,MAAK;EACL,cAAc,MAAU;AACtB,GAAI,EAAM,WAAW,EAAM,iBAAiB,CAAC,KAC3C,GAAU;;YAId,kBAAC,WAAD;GACE,MAAK;GACL,cAAW;GACX,mBAAiB;GACjB,oBAAkB;GAClB,WAAU;aALZ,CAOE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD;OAAe,WAAU;OAAS,eAAY;OAAS,CAAA;MACnD,CAAA;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OACE,IAAI;OACJ,WAAU;iBAET;OACE,CAAA,EACL,kBAAC,OAAD;OACE,IAAI;OACJ,WAAU;iBAET;OACG,CAAA,CACF;;KACN,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,UAAU;MACV,WAAU;MACV,cAAY;gBAEZ,kBAAC,GAAD;OAAG,WAAU;OAAS,eAAY;OAAS,CAAA;MACpC,CAAA;KACL;OAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,UAAD;KACE,KAAK;KACL,MAAK;KACL,SAAS;KACT,UAAU;KACV,WAAU;eAET;KACM,CAAA,EACT,kBAAC,UAAD;KACE,MAAK;KACL,SAAS;KACT,UAAU;KACV,WAAW,4MAhEnB,MAAY,WACR,yGACA;eA0DE,CAMG,KACC,kBAAC,GAAD;MAAS,WAAU;MAAsB,eAAY;MAAS,CAAA,EAE/D,EACM;OACL;MACE;;EACN,CAAA"}

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

@@ -0,0 +1,59 @@
+import { I18nContextValue } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';
+interface ContextMenuProps {
+    x: number;
+    y: number;
+    onClose: () => void;
+    items: {
+        label: string;
+        icon: React.ReactNode;
+        onClick: () => void;
+        variant?: "default" | "danger";
+        disabled?: boolean;
+    }[];
+}
+export declare function ContextMenu({ x, y, onClose, items }: ContextMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function createFileMenuItems(options: {
+    onShare?: () => void;
+    onDownload?: () => void;
+    onCopy?: () => void;
+    onRename?: () => void;
+    onStar?: () => void;
+    onMove?: () => void;
+    onInfo?: () => void;
+    onActivity?: () => void;
+    onRestore?: () => void;
+    onDelete?: () => void;
+    isStarred?: boolean;
+}, t: I18nContextValue["t"]): ({
+    label: string;
+    icon: import("react/jsx-runtime").JSX.Element;
+    onClick: () => void;
+    variant?: undefined;
+} | {
+    label: string;
+    icon: import("react/jsx-runtime").JSX.Element;
+    onClick: () => void;
+    variant: "danger";
+})[];
+export declare function createFolderMenuItems(options: {
+    onShare?: () => void;
+    onRename?: () => void;
+    onStar?: () => void;
+    onMove?: () => void;
+    onInfo?: () => void;
+    onRestore?: () => void;
+    onDelete?: () => void;
+    isStarred?: boolean;
+}, t: I18nContextValue["t"]): ({
+    label: string;
+    icon: import("react/jsx-runtime").JSX.Element;
+    onClick: () => void;
+    variant?: undefined;
+} | {
+    label: string;
+    icon: import("react/jsx-runtime").JSX.Element;
+    onClick: () => void;
+    variant: "danger";
+})[];
+export {};
+//# sourceMappingURL=ContextMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/files/components/ContextMenu.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wDAAwD,CAAC;AAG/F,UAAU,gBAAgB;IACxB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;QACtB,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;QAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,EAAE,CAAC;CACL;AAED,wBAAgB,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,gBAAgB,2CA0DrE;AAGD,wBAAgB,mBAAmB,CACjC,OAAO,EAAE;IACP,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,EACD,CAAC,EAAE,gBAAgB,CAAC,GAAG,CAAC;;;mBAZN,IAAI;;;;;mBASH,IAAI;;KAgHxB;AAED,wBAAgB,qBAAqB,CACnC,OAAO,EAAE;IACP,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,EACD,CAAC,EAAE,gBAAgB,CAAC,GAAG,CAAC;;;mBATN,IAAI;;;;;mBAMH,IAAI;;KAiFxB"}