@burdenoff/microfe-files 2026.527.2 → 2026.527.4

package/dist/files/components/ActionMenu.js

@@ -1,75 +1,79 @@
 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";
+import { useCallback as t, useEffect as n, useEffectEvent as r, useRef as i, useState as a } from "react";
+import { MoreVertical as o } from "lucide-react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { createPortal as d } 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({
+var f = ({ items: f, triggerClassName: p = "", menuClassName: m = "", align: h = "right", isOpen: g, onToggle: _ }) => {
+	let { t: v } = u(), [y, b] = a(!1), [x, S] = a(null), C = i(null), w = i(null), T = g === void 0 ? y : g, E = t((e) => {
+		_ ? _(e) : b(e);
+	}, [_]);
+	n(() => {
+		if (T && C.current) {
+			let e = C.current.getBoundingClientRect(), t = h === "right" ? e.right - 200 : e.left;
+			t < 10 && (t = 10), t + 200 > window.innerWidth - 10 && (t = window.innerWidth - 200 - 10), S({
 				top: e.bottom + 4,
 				left: t
 			});
 		}
-	}, [C, p]), t(() => {
+	}, [T, h]);
+	let D = r(() => {
+		E(!1);
+	});
+	n(() => {
 		let e = (e) => {
-			S.current && !S.current.contains(e.target) && w(!1);
+			w.current && !w.current.contains(e.target) && D();
 		};
-		if (C) return document.addEventListener("mousedown", e), () => {
+		if (T) return document.addEventListener("mousedown", e), () => {
 			document.removeEventListener("mousedown", e);
 		};
-	}, [C]), t(() => {
+	}, [T]), n(() => {
 		let e = (e) => {
-			e.key === "Escape" && w(!1);
+			e.key === "Escape" && D();
 		};
-		if (C) return document.addEventListener("keydown", e), () => {
+		if (T) return document.addEventListener("keydown", e), () => {
 			document.removeEventListener("keydown", e);
 		};
-	}, [C]);
-	let T = (e) => {
-		e.onClick(), w(!1);
+	}, [T]);
+	let O = (e) => {
+		e.onClick(), E(!1);
 	};
-	return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("button", {
+	return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("button", {
 		type: "button",
-		ref: x,
+		ref: C,
 		onClick: (e) => {
-			e.stopPropagation(), w(!C);
+			e.stopPropagation(), E(!T);
 		},
-		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,
+		className: `p-1.5 hover:bg-action-ghost-bg-hover rounded transition-colors ${p}`,
+		"aria-label": e(v, "files.actionMenu.moreActions", "More actions"),
+		title: e(v, "files.actionMenu.moreActions", "More actions"),
+		"aria-expanded": T,
 		"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}`,
+		children: /* @__PURE__ */ c(o, { className: "size-4 text-text-primary" })
+	}), !T || !x ? null : d(/* @__PURE__ */ c("div", {
+		ref: w,
+		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 ${m}`,
 		style: {
-			top: `${y.top}px`,
-			left: `${y.left}px`
+			top: `${x.top}px`,
+			left: `${x.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", {
+		children: f.map((e, t) => /* @__PURE__ */ l("div", { children: [e.divider && t > 0 && /* @__PURE__ */ c("div", { className: "h-px bg-border-subtle my-1" }), /* @__PURE__ */ l("button", {
 			type: "button",
 			onClick: (t) => {
-				t.stopPropagation(), T(e);
+				t.stopPropagation(), O(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", {
+			children: [e.icon && /* @__PURE__ */ c("span", {
 				className: "flex-shrink-0",
 				children: e.icon
-			}), /* @__PURE__ */ o("span", { children: e.label })]
+			}), /* @__PURE__ */ c("span", { children: e.label })]
 		})] }, e.label))
 	}), document.body)] });
 };
 //#endregion
-export { u as ActionMenu };
+export { f as ActionMenu };
 
 //# sourceMappingURL=ActionMenu.js.map

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

@@ -1 +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={item.label}>\n            {item.divider && index > 0 && (\n              <div className=\"h-px bg-border-subtle my-1\" />\n            )}\n            <button\n              type=\"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        type=\"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;;AA6ClB,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,UAAD;EACE,MAAK;EACL,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,EA5DP,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,MAAK;GACL,UAAU,MAAM;AAEd,IADA,EAAE,iBAAiB,EACnB,EAAgB,EAAK;;GAEvB,WAAW,gFACT,EAAK,YAAY,WACb,2DACA;GAEN,MAAK;aAXP,CAaG,EAAK,QAAQ,kBAAC,QAAD;IAAM,WAAU;cAAiB,EAAK;IAAY,CAAA,EAChE,kBAAC,QAAD,EAAA,UAAO,EAAK,OAAa,CAAA,CAClB;KACL,EAAA,EApBI,EAAK,MAoBT,CACN;EACE,CAAA,EACN,SAAS,KACV,CAyBE,EAAA,CAAA"}
+{"version":3,"file":"ActionMenu.js","names":[],"sources":["../../../src/files/components/ActionMenu.tsx"],"sourcesContent":["import {\n  type FC,\n  useState,\n  useRef,\n  useEffect,\n  useEffectEvent,\n  useCallback,\n} 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 = useCallback(\n    (open: boolean) => {\n      if (onToggle) {\n        onToggle(open);\n      } else {\n        setInternalIsOpen(open);\n      }\n    },\n    [onToggle],\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  const closeMenu = useEffectEvent(() => {\n    setIsOpen(false);\n  });\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        closeMenu();\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        closeMenu();\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={item.label}>\n            {item.divider && index > 0 && (\n              <div className=\"h-px bg-border-subtle my-1\" />\n            )}\n            <button\n              type=\"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        type=\"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":";;;;;;;AA8BA,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,IAAY,GACf,MAAkB;AACjB,EAAI,IACF,EAAS,EAAK,GAEd,EAAkB,EAAK;IAG3B,CAAC,EAAS,CACX;AAGD,SAAgB;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;CAEnB,IAAM,IAAY,QAAqB;AACrC,IAAU,GAAM;GAChB;AAmBF,CAhBA,QAAgB;EACd,IAAM,KAAsB,MAAsB;AAChD,GAAI,EAAQ,WAAW,CAAC,EAAQ,QAAQ,SAAS,EAAM,OAAe,IACpE,GAAW;;AAIf,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,GAAW;;AAIf,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;;AA6ClB,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,UAAD;EACE,MAAK;EACL,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,EA5DP,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,MAAK;GACL,UAAU,MAAM;AAEd,IADA,EAAE,iBAAiB,EACnB,EAAgB,EAAK;;GAEvB,WAAW,gFACT,EAAK,YAAY,WACb,2DACA;GAEN,MAAK;aAXP,CAaG,EAAK,QAAQ,kBAAC,QAAD;IAAM,WAAU;cAAiB,EAAK;IAAY,CAAA,EAChE,kBAAC,QAAD,EAAA,UAAO,EAAK,OAAa,CAAA,CAClB;KACL,EAAA,EApBI,EAAK,MAoBT,CACN;EACE,CAAA,EACN,SAAS,KACV,CAyBE,EAAA,CAAA"}

package/dist/files/components/ConfirmDialog.js

@@ -1,85 +1,87 @@
-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";
+import { useEffect as e, useEffectEvent as t, useId as n, useRef as r } from "react";
+import { AlertTriangle as i, Loader2 as a, X as o } from "lucide-react";
+import { jsx as s, jsxs as c } 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);
+function l({ title: l, description: u, confirmLabel: d, cancelLabel: f, variant: p = "default", loading: m = !1, onConfirm: h, onCancel: g }) {
+	let _ = n(), v = n(), y = r(null), b = t(() => {
+		m || g();
+	});
 	return e(() => {
-		v.current?.focus();
+		y.current?.focus();
 		let e = (e) => {
-			e.key === "Escape" && !p && h();
+			e.key === "Escape" && b();
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [p, h]), /* @__PURE__ */ o("div", {
+	}, []), /* @__PURE__ */ s("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();
+			e.target === e.currentTarget && !m && g();
 		},
-		children: /* @__PURE__ */ s("section", {
+		children: /* @__PURE__ */ c("section", {
 			role: "alertdialog",
 			"aria-modal": "true",
-			"aria-labelledby": g,
-			"aria-describedby": _,
+			"aria-labelledby": _,
+			"aria-describedby": v,
 			className: "w-full max-w-md rounded-2xl border border-border-default bg-bg-surface p-5 shadow-elevation-3",
-			children: [/* @__PURE__ */ s("div", {
+			children: [/* @__PURE__ */ c("div", {
 				className: "flex items-start gap-3",
 				children: [
-					/* @__PURE__ */ o("div", {
+					/* @__PURE__ */ s("div", {
 						className: "rounded-full bg-status-warning-bg-subtle p-2 text-status-warning-text",
-						children: /* @__PURE__ */ o(r, {
+						children: /* @__PURE__ */ s(i, {
 							className: "size-5",
 							"aria-hidden": "true"
 						})
 					}),
-					/* @__PURE__ */ s("div", {
+					/* @__PURE__ */ c("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", {
+						children: [/* @__PURE__ */ s("h2", {
 							id: _,
-							className: "mt-2 text-sm leading-6 text-text-secondary",
+							className: "text-base font-semibold text-text-primary",
 							children: l
+						}), /* @__PURE__ */ s("div", {
+							id: v,
+							className: "mt-2 text-sm leading-6 text-text-secondary",
+							children: u
 						})]
 					}),
-					/* @__PURE__ */ o("button", {
+					/* @__PURE__ */ s("button", {
 						type: "button",
-						onClick: h,
-						disabled: p,
+						onClick: g,
+						disabled: m,
 						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, {
+						"aria-label": f,
+						children: /* @__PURE__ */ s(o, {
 							className: "size-4",
 							"aria-hidden": "true"
 						})
 					})
 				]
-			}), /* @__PURE__ */ s("div", {
+			}), /* @__PURE__ */ c("div", {
 				className: "mt-6 flex flex-col-reverse gap-3 sm:flex-row sm:justify-end",
-				children: [/* @__PURE__ */ o("button", {
-					ref: v,
+				children: [/* @__PURE__ */ s("button", {
+					ref: y,
 					type: "button",
-					onClick: h,
-					disabled: p,
+					onClick: g,
+					disabled: m,
 					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", {
+					children: f
+				}), /* @__PURE__ */ c("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, {
+					onClick: h,
+					disabled: m,
+					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 ${p === "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: [m && /* @__PURE__ */ s(a, {
 						className: "size-4 animate-spin",
 						"aria-hidden": "true"
-					}), u]
+					}), d]
 				})]
 			})]
 		})
 	});
 }
 //#endregion
-export { c as ConfirmDialog };
+export { l as ConfirmDialog };
 
 //# sourceMappingURL=ConfirmDialog.js.map

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

@@ -1 +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"}
+{"version":3,"file":"ConfirmDialog.js","names":[],"sources":["../../../src/files/components/ConfirmDialog.tsx"],"sourcesContent":["import {\n  type ReactNode,\n  useEffect,\n  useEffectEvent,\n  useId,\n  useRef,\n} 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  const onEscape = useEffectEvent(() => {\n    if (!loading) {\n      onCancel();\n    }\n  });\n\n  useEffect(() => {\n    cancelButtonRef.current?.focus();\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        onEscape();\n      }\n    };\n\n    document.addEventListener(\"keydown\", handleKeyDown);\n    return () => document.removeEventListener(\"keydown\", handleKeyDown);\n  }, []);\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":";;;;AAoBA,SAAgB,EAAc,EAC5B,UACA,gBACA,iBACA,gBACA,aAAU,WACV,aAAU,IACV,cACA,eACqB;CACrB,IAAM,IAAU,GAAO,EACjB,IAAgB,GAAO,EACvB,IAAkB,EAA0B,KAAK,EAEjD,IAAW,QAAqB;AACpC,EAAK,KACH,GAAU;GAEZ;AAoBF,QAlBA,QAAgB;AACd,IAAgB,SAAS,OAAO;EAEhC,IAAM,KAAiB,MAAyB;AAC9C,GAAI,EAAM,QAAQ,YAChB,GAAU;;AAKd,SADA,SAAS,iBAAiB,WAAW,EAAc,QACtC,SAAS,oBAAoB,WAAW,EAAc;IAClE,EAAE,CAAC,EAQJ,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/CopyDialog.js

@@ -54,6 +54,7 @@ var d = ({ item: d, type: f, onClose: p, onCopy: m, isLoading: h = !1 }) => {
 						type: "text",
 						value: C,
 						onChange: (e) => w(e.target.value),
+						"aria-label": e(g, "files.copyDialog.name", "Name"),
 						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")
 					})]

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

@@ -1 +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            type=\"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              type=\"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                  type=\"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                type=\"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                    type=\"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                    type=\"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            type=\"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            type=\"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":"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"}
+{"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            type=\"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            aria-label={tWithFallback(t, \"files.copyDialog.name\", \"Name\")}\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              type=\"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                  type=\"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                type=\"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                    type=\"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                    type=\"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            type=\"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            type=\"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":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"FileCard.js","names":[],"sources":["../../../src/files/components/FileCard.tsx"],"sourcesContent":["import { type FC, useState, useMemo } from \"react\";\nimport {\n  Download,\n  Share2,\n  Trash2,\n  Star,\n  RotateCcw,\n  Copy,\n  Edit,\n  FolderInput,\n  Info,\n  Activity,\n} from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport type { FileItem } from \"../types\";\nimport { formatFileSize, formatFileDate, getFileIcon } from \"../utils\";\nimport { useFilesStore } from \"../store/filesStore\";\nimport { ActionMenu } from \"./ActionMenu\";\nimport { getDragOperation } from \"../hooks/useDragDrop\";\nimport { tWithFallback } from \"../utils/i18n\";\n\ninterface FileCardProps {\n  file: FileItem;\n  isSelected?: boolean;\n  isDragging?: boolean;\n  onSelect?: (fileId: string) => void;\n  onPreview?: (file: FileItem) => void;\n  onShare?: (file: FileItem) => void;\n  onDelete?: (file: FileItem) => void;\n  onRestore?: (file: FileItem) => void;\n  onFavorite?: (file: FileItem) => void;\n  onRename?: (file: FileItem) => void;\n  onDownload?: (file: FileItem) => void;\n  onCopy?: (file: FileItem) => void;\n  onMove?: (file: FileItem) => void;\n  onInfo?: (file: FileItem) => void;\n  onActivity?: (file: FileItem) => void;\n  onDragStart?: (file: FileItem, operation: \"move\" | \"copy\") => void;\n  onDragEnd?: () => void;\n  onContextMenu?: (file: FileItem, x: number, y: number) => void;\n}\n\ninterface DraggableFileCardProps extends Omit<\n  FileCardProps,\n  \"onDragStart\" | \"onDragEnd\"\n> {\n  onDragStart?: (file: FileItem, operation: \"move\" | \"copy\") => void;\n  onDragEnd?: () => void;\n  onContextMenu?: (file: FileItem, x: number, y: number) => void;\n}\n\nexport const FileCard: FC<DraggableFileCardProps> = ({\n  file,\n  isSelected = false,\n  isDragging = false,\n  onSelect,\n  onPreview,\n  onShare,\n  onDelete,\n  onRestore,\n  onFavorite,\n  onRename,\n  onDownload,\n  onCopy,\n  onMove,\n  onInfo,\n  onActivity,\n  onDragStart,\n  onDragEnd,\n  onContextMenu,\n}) => {\n  const { t } = useI18n();\n  const [showActions, setShowActions] = useState(false);\n  const [menuOpen, setMenuOpen] = useState(false);\n  const { toggleFileSelection } = useFilesStore();\n\n  const handleClick = () => {\n    if (onPreview) {\n      onPreview(file);\n    }\n  };\n\n  const handleCheckboxChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    e.stopPropagation();\n    if (onSelect) {\n      onSelect(file.id);\n    } else {\n      toggleFileSelection(file.id);\n    }\n  };\n\n  const handleActionClick = (e: React.MouseEvent, action: () => void) => {\n    e.stopPropagation();\n    action();\n    setShowActions(false);\n  };\n\n  const handleDragStart = (e: React.DragEvent<HTMLDivElement>) => {\n    e.dataTransfer.effectAllowed = \"copyMove\";\n    e.dataTransfer.setData(\"application/x-file-id\", file.id);\n    e.dataTransfer.setData(\"application/x-file-type\", \"file\");\n    const operation = getDragOperation(e);\n    e.dataTransfer.setData(\"application/x-drag-operation\", operation);\n    onDragStart?.(file, operation);\n  };\n\n  const handleDragEnd = () => {\n    onDragEnd?.();\n  };\n\n  const handleContextMenu = (e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    onContextMenu?.(file, e.clientX, e.clientY);\n  };\n\n  const FileIconComponent = getFileIcon(file.mimeType);\n\n  // Memoize menu items to prevent re-renders\n  const menuItems = useMemo(\n    () => [\n      ...(onDownload\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.download\", \"Download\"),\n              icon: <Download className=\"size-4\" />,\n              onClick: () => onDownload(file),\n            },\n          ]\n        : []),\n      ...(onShare\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.share\", \"Share\"),\n              icon: <Share2 className=\"size-4\" />,\n              onClick: () => onShare(file),\n            },\n          ]\n        : []),\n      ...(onCopy\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.makeCopy\", \"Make a copy\"),\n              icon: <Copy className=\"size-4\" />,\n              onClick: () => onCopy(file),\n            },\n          ]\n        : []),\n      ...(onMove\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.moveTo\", \"Move to\"),\n              icon: <FolderInput className=\"size-4\" />,\n              onClick: () => onMove(file),\n            },\n          ]\n        : []),\n      ...(onRename\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.rename\", \"Rename\"),\n              icon: <Edit className=\"size-4\" />,\n              onClick: () => onRename(file),\n              divider: true,\n            },\n          ]\n        : []),\n      ...(onFavorite\n        ? [\n            {\n              label: file.starred\n                ? tWithFallback(\n                    t,\n                    \"files.card.removeFromStarred\",\n                    \"Remove from starred\",\n                  )\n                : tWithFallback(t, \"files.card.addToStarred\", \"Add to starred\"),\n              icon: <Star className=\"size-4\" />,\n              onClick: () => onFavorite(file),\n            },\n          ]\n        : []),\n      ...(onInfo\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.details\", \"Details\"),\n              icon: <Info className=\"size-4\" />,\n              onClick: () => onInfo(file),\n            },\n          ]\n        : []),\n      ...(onActivity\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.activity\", \"Activity\"),\n              icon: <Activity className=\"size-4\" />,\n              onClick: () => onActivity(file),\n            },\n          ]\n        : []),\n      ...(onDelete\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.delete\", \"Delete\"),\n              icon: <Trash2 className=\"size-4\" />,\n              onClick: () => onDelete(file),\n              variant: \"danger\" as const,\n              divider: true,\n            },\n          ]\n        : []),\n      ...(onRestore\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.restore\", \"Restore\"),\n              icon: <RotateCcw className=\"size-4\" />,\n              onClick: () => onRestore(file),\n            },\n          ]\n        : []),\n    ],\n    [\n      file,\n      onDownload,\n      onShare,\n      onCopy,\n      onMove,\n      onRename,\n      onFavorite,\n      onInfo,\n      onActivity,\n      onDelete,\n      onRestore,\n      t,\n    ],\n  );\n\n  return (\n    <div\n      className={`@container group relative cursor-pointer overflow-hidden rounded-card border bg-bg-surface shadow-elevation-1 transition-shadow hover:shadow-elevation-2 focus-within:shadow-elevation-2 ${isDragging ? \"opacity-50\" : \"border-border-subtle\"}`}\n      onClick={handleClick}\n      onContextMenu={handleContextMenu}\n      onMouseEnter={() => setShowActions(true)}\n      onMouseLeave={() => setShowActions(false)}\n      onFocus={() => setShowActions(true)}\n      onBlur={(event) => {\n        if (!event.currentTarget.contains(event.relatedTarget)) {\n          setShowActions(false);\n        }\n      }}\n      onKeyDown={(event) => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n          event.preventDefault();\n          handleClick();\n        }\n      }}\n      draggable={Boolean(onDragStart)}\n      onDragStart={handleDragStart}\n      onDragEnd={handleDragEnd}\n      role=\"button\"\n      tabIndex={0}\n      aria-label={`Preview ${file.name}`}\n    >\n      {/* Selection checkbox */}\n      <div\n        className={`absolute top-2 left-2 z-10 transition-opacity ${\n          isSelected\n            ? \"opacity-100\"\n            : \"opacity-0 group-hover:opacity-100 group-focus-within:opacity-100\"\n        }`}\n      >\n        <input\n          type=\"checkbox\"\n          checked={isSelected}\n          onChange={handleCheckboxChange}\n          className=\"size-4 rounded border-border-default bg-bg-surface text-action-primary-bg focus:ring-2 focus:ring-action-primary-bg focus:ring-offset-2\"\n          aria-label={`Select ${file.name}`}\n        />\n      </div>\n\n      {/* Favorite indicator */}\n      {file.starred && (\n        <div className=\"absolute top-2 right-2 z-10\">\n          <Star className=\"size-4 fill-yellow-400 text-yellow-400\" />\n        </div>\n      )}\n\n      {/* Thumbnail or icon */}\n      <div className=\"aspect-[4/3] bg-bg-sunken flex items-center justify-center overflow-hidden\">\n        {file.thumbnailUrl ? (\n          <img\n            src={file.thumbnailUrl}\n            alt={file.name}\n            className=\"h-full w-full object-contain p-2\"\n          />\n        ) : (\n          <FileIconComponent className=\"size-12 @md:size-16 text-text-muted\" />\n        )}\n      </div>\n\n      {/* File info */}\n      <div className=\"p-3 @md:p-4\">\n        <h3 className=\"font-text-md font-weight-medium text-text-primary truncate mb-1\">\n          {file.name}\n        </h3>\n\n        <div className=\"hidden @sm:flex items-center gap-2 text-text-secondary font-text-sm\">\n          <span>{formatFileSize(file.size)}</span>\n          <span className=\"text-border-subtle\">•</span>\n          <span>{formatFileDate(file.updatedAt)}</span>\n        </div>\n\n        {/* Extended metadata on larger containers */}\n        <div className=\"hidden @md:flex items-center gap-2 mt-2 text-text-muted font-text-xs\">\n          {file.createdBy && (\n            <div className=\"flex items-center gap-1\">\n              {file.createdBy.avatar && (\n                <img\n                  src={file.createdBy.avatar}\n                  alt={file.createdBy.name}\n                  className=\"size-4 rounded-full\"\n                />\n              )}\n              <span>{file.createdBy.name}</span>\n            </div>\n          )}\n          {file.isShared && (\n            <>\n              <span className=\"text-border-subtle\">•</span>\n              <Share2 className=\"size-3\" />\n              <span>{tWithFallback(t, \"files.card.shared\", \"Shared\")}</span>\n            </>\n          )}\n        </div>\n\n        {/* Tags */}\n        {file.tags && file.tags.length > 0 && (\n          <div className=\"hidden @lg:flex flex-wrap gap-1 mt-2\">\n            {file.tags.slice(0, 3).map((tag) => (\n              <span\n                key={tag}\n                className=\"px-2 py-0.5 bg-bg-accent text-text-primary font-text-xs rounded-sm\"\n              >\n                {tag}\n              </span>\n            ))}\n            {file.tags.length > 3 && (\n              <span className=\"px-2 py-0.5 text-text-muted font-text-xs\">\n                +{file.tags.length - 3}\n              </span>\n            )}\n          </div>\n        )}\n      </div>\n\n      {/* Action buttons (on hover) with dropdown menu */}\n      {showActions && (\n        <div className=\"absolute bottom-3 right-3 flex items-center gap-1 bg-bg-elevated border border-border-subtle rounded shadow-elevation-2 p-1\">\n          {onDownload && (\n            <button\n              type=\"button\"\n              onClick={(e) => handleActionClick(e, () => onDownload(file))}\n              className=\"p-1.5 hover:bg-action-ghost-bg-hover rounded transition-colors\"\n              aria-label={tWithFallback(t, \"files.card.download\", \"Download\")}\n              title={tWithFallback(t, \"files.card.download\", \"Download\")}\n            >\n              <Download className=\"size-4 text-text-primary\" />\n            </button>\n          )}\n\n          {onShare && (\n            <button\n              type=\"button\"\n              onClick={(e) => handleActionClick(e, () => onShare(file))}\n              className=\"p-1.5 hover:bg-action-ghost-bg-hover rounded transition-colors\"\n              aria-label={tWithFallback(t, \"files.card.share\", \"Share\")}\n              title={tWithFallback(t, \"files.card.share\", \"Share\")}\n            >\n              <Share2 className=\"size-4 text-text-primary\" />\n            </button>\n          )}\n\n          {onFavorite && (\n            <button\n              type=\"button\"\n              onClick={(e) => handleActionClick(e, () => onFavorite(file))}\n              className=\"p-1.5 hover:bg-action-ghost-bg-hover rounded transition-colors\"\n              aria-label={\n                file.starred\n                  ? tWithFallback(t, \"files.card.unfavorite\", \"Unfavorite\")\n                  : tWithFallback(t, \"files.card.favorite\", \"Favorite\")\n              }\n              title={\n                file.starred\n                  ? tWithFallback(t, \"files.card.unfavorite\", \"Unfavorite\")\n                  : tWithFallback(t, \"files.card.favorite\", \"Favorite\")\n              }\n            >\n              <Star\n                className={`size-4 ${\n                  file.starred\n                    ? \"fill-status-warning-text text-status-warning-text\"\n                    : \"text-text-primary\"\n                }`}\n              />\n            </button>\n          )}\n\n          {onRestore && (\n            <button\n              type=\"button\"\n              onClick={(e) => handleActionClick(e, () => onRestore(file))}\n              className=\"p-1.5 hover:bg-status-success-bg-subtle rounded transition-colors\"\n              aria-label={tWithFallback(t, \"files.card.restore\", \"Restore\")}\n              title={tWithFallback(t, \"files.card.restore\", \"Restore\")}\n            >\n              <RotateCcw className=\"size-4 text-status-success-text\" />\n            </button>\n          )}\n\n          {/* More options dropdown */}\n          <div onClick={(e) => e.stopPropagation()}>\n            <ActionMenu\n              items={menuItems}\n              align=\"right\"\n              triggerClassName=\"p-1.5\"\n              isOpen={menuOpen}\n              onToggle={setMenuOpen}\n            />\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"FileCard.js","names":[],"sources":["../../../src/files/components/FileCard.tsx"],"sourcesContent":["import { type FC, useState, useMemo } from \"react\";\nimport {\n  Download,\n  Share2,\n  Trash2,\n  Star,\n  RotateCcw,\n  Copy,\n  Edit,\n  FolderInput,\n  Info,\n  Activity,\n} from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport type { FileItem } from \"../types\";\nimport { formatFileSize, formatFileDate, getFileIcon } from \"../utils\";\nimport { useFilesStore } from \"../store/filesStore\";\nimport { ActionMenu } from \"./ActionMenu\";\nimport { getDragOperation } from \"../hooks/useDragDrop\";\nimport { tWithFallback } from \"../utils/i18n\";\n\ninterface FileCardProps {\n  file: FileItem;\n  isSelected?: boolean;\n  isDragging?: boolean;\n  onSelect?: (fileId: string) => void;\n  onPreview?: (file: FileItem) => void;\n  onShare?: (file: FileItem) => void;\n  onDelete?: (file: FileItem) => void;\n  onRestore?: (file: FileItem) => void;\n  onFavorite?: (file: FileItem) => void;\n  onRename?: (file: FileItem) => void;\n  onDownload?: (file: FileItem) => void;\n  onCopy?: (file: FileItem) => void;\n  onMove?: (file: FileItem) => void;\n  onInfo?: (file: FileItem) => void;\n  onActivity?: (file: FileItem) => void;\n  onDragStart?: (file: FileItem, operation: \"move\" | \"copy\") => void;\n  onDragEnd?: () => void;\n  onContextMenu?: (file: FileItem, x: number, y: number) => void;\n}\n\ninterface DraggableFileCardProps extends Omit<\n  FileCardProps,\n  \"onDragStart\" | \"onDragEnd\"\n> {\n  onDragStart?: (file: FileItem, operation: \"move\" | \"copy\") => void;\n  onDragEnd?: () => void;\n  onContextMenu?: (file: FileItem, x: number, y: number) => void;\n}\n\nexport const FileCard: FC<DraggableFileCardProps> = ({\n  file,\n  isSelected = false,\n  isDragging = false,\n  onSelect,\n  onPreview,\n  onShare,\n  onDelete,\n  onRestore,\n  onFavorite,\n  onRename,\n  onDownload,\n  onCopy,\n  onMove,\n  onInfo,\n  onActivity,\n  onDragStart,\n  onDragEnd,\n  onContextMenu,\n}) => {\n  const { t } = useI18n();\n  const [showActions, setShowActions] = useState(false);\n  const [menuOpen, setMenuOpen] = useState(false);\n  const { toggleFileSelection } = useFilesStore();\n\n  const openPreview = () => {\n    if (onPreview) {\n      onPreview(file);\n    }\n  };\n\n  const handleCheckboxChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    e.stopPropagation();\n    if (onSelect) {\n      onSelect(file.id);\n    } else {\n      toggleFileSelection(file.id);\n    }\n  };\n\n  const handleActionClick = (e: React.MouseEvent, action: () => void) => {\n    e.stopPropagation();\n    action();\n    setShowActions(false);\n  };\n\n  const handleDragStart = (e: React.DragEvent<HTMLDivElement>) => {\n    e.dataTransfer.effectAllowed = \"copyMove\";\n    e.dataTransfer.setData(\"application/x-file-id\", file.id);\n    e.dataTransfer.setData(\"application/x-file-type\", \"file\");\n    const operation = getDragOperation(e);\n    e.dataTransfer.setData(\"application/x-drag-operation\", operation);\n    onDragStart?.(file, operation);\n  };\n\n  const handleDragEnd = () => {\n    onDragEnd?.();\n  };\n\n  const handleContextMenu = (e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    onContextMenu?.(file, e.clientX, e.clientY);\n  };\n\n  const FileIconComponent = getFileIcon(file.mimeType);\n\n  // Memoize menu items to prevent re-renders\n  const menuItems = useMemo(\n    () => [\n      ...(onDownload\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.download\", \"Download\"),\n              icon: <Download className=\"size-4\" />,\n              onClick: () => onDownload(file),\n            },\n          ]\n        : []),\n      ...(onShare\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.share\", \"Share\"),\n              icon: <Share2 className=\"size-4\" />,\n              onClick: () => onShare(file),\n            },\n          ]\n        : []),\n      ...(onCopy\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.makeCopy\", \"Make a copy\"),\n              icon: <Copy className=\"size-4\" />,\n              onClick: () => onCopy(file),\n            },\n          ]\n        : []),\n      ...(onMove\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.moveTo\", \"Move to\"),\n              icon: <FolderInput className=\"size-4\" />,\n              onClick: () => onMove(file),\n            },\n          ]\n        : []),\n      ...(onRename\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.rename\", \"Rename\"),\n              icon: <Edit className=\"size-4\" />,\n              onClick: () => onRename(file),\n              divider: true,\n            },\n          ]\n        : []),\n      ...(onFavorite\n        ? [\n            {\n              label: file.starred\n                ? tWithFallback(\n                    t,\n                    \"files.card.removeFromStarred\",\n                    \"Remove from starred\",\n                  )\n                : tWithFallback(t, \"files.card.addToStarred\", \"Add to starred\"),\n              icon: <Star className=\"size-4\" />,\n              onClick: () => onFavorite(file),\n            },\n          ]\n        : []),\n      ...(onInfo\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.details\", \"Details\"),\n              icon: <Info className=\"size-4\" />,\n              onClick: () => onInfo(file),\n            },\n          ]\n        : []),\n      ...(onActivity\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.activity\", \"Activity\"),\n              icon: <Activity className=\"size-4\" />,\n              onClick: () => onActivity(file),\n            },\n          ]\n        : []),\n      ...(onDelete\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.delete\", \"Delete\"),\n              icon: <Trash2 className=\"size-4\" />,\n              onClick: () => onDelete(file),\n              variant: \"danger\" as const,\n              divider: true,\n            },\n          ]\n        : []),\n      ...(onRestore\n        ? [\n            {\n              label: tWithFallback(t, \"files.card.restore\", \"Restore\"),\n              icon: <RotateCcw className=\"size-4\" />,\n              onClick: () => onRestore(file),\n            },\n          ]\n        : []),\n    ],\n    [\n      file,\n      onDownload,\n      onShare,\n      onCopy,\n      onMove,\n      onRename,\n      onFavorite,\n      onInfo,\n      onActivity,\n      onDelete,\n      onRestore,\n      t,\n    ],\n  );\n\n  return (\n    <div\n      className={`@container group relative cursor-pointer overflow-hidden rounded-card border bg-bg-surface shadow-elevation-1 transition-shadow hover:shadow-elevation-2 focus-within:shadow-elevation-2 ${isDragging ? \"opacity-50\" : \"border-border-subtle\"}`}\n      onClick={openPreview}\n      onContextMenu={handleContextMenu}\n      onMouseEnter={() => setShowActions(true)}\n      onMouseLeave={() => setShowActions(false)}\n      onFocus={() => setShowActions(true)}\n      onBlur={(event) => {\n        if (!event.currentTarget.contains(event.relatedTarget)) {\n          setShowActions(false);\n        }\n      }}\n      onKeyDown={(event) => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n          event.preventDefault();\n          openPreview();\n        }\n      }}\n      draggable={Boolean(onDragStart)}\n      onDragStart={handleDragStart}\n      onDragEnd={handleDragEnd}\n      role=\"button\"\n      tabIndex={0}\n      aria-label={`Preview ${file.name}`}\n    >\n      {/* Selection checkbox */}\n      <div\n        className={`absolute top-2 left-2 z-10 transition-opacity ${\n          isSelected\n            ? \"opacity-100\"\n            : \"opacity-0 group-hover:opacity-100 group-focus-within:opacity-100\"\n        }`}\n      >\n        <input\n          type=\"checkbox\"\n          checked={isSelected}\n          onChange={handleCheckboxChange}\n          className=\"size-4 rounded border-border-default bg-bg-surface text-action-primary-bg focus:ring-2 focus:ring-action-primary-bg focus:ring-offset-2\"\n          aria-label={`Select ${file.name}`}\n        />\n      </div>\n\n      {/* Favorite indicator */}\n      {file.starred && (\n        <div className=\"absolute top-2 right-2 z-10\">\n          <Star className=\"size-4 fill-yellow-400 text-yellow-400\" />\n        </div>\n      )}\n\n      {/* Thumbnail or icon */}\n      <div className=\"aspect-[4/3] bg-bg-sunken flex items-center justify-center overflow-hidden\">\n        {file.thumbnailUrl ? (\n          <img\n            src={file.thumbnailUrl}\n            alt={file.name}\n            className=\"h-full w-full object-contain p-2\"\n          />\n        ) : (\n          <FileIconComponent className=\"size-12 @md:size-16 text-text-muted\" />\n        )}\n      </div>\n\n      {/* File info */}\n      <div className=\"p-3 @md:p-4\">\n        <h3 className=\"font-text-md font-weight-medium text-text-primary truncate mb-1\">\n          {file.name}\n        </h3>\n\n        <div className=\"hidden @sm:flex items-center gap-2 text-text-secondary font-text-sm\">\n          <span>{formatFileSize(file.size)}</span>\n          <span className=\"text-border-subtle\">•</span>\n          <span>{formatFileDate(file.updatedAt)}</span>\n        </div>\n\n        {/* Extended metadata on larger containers */}\n        <div className=\"hidden @md:flex items-center gap-2 mt-2 text-text-muted font-text-xs\">\n          {file.createdBy && (\n            <div className=\"flex items-center gap-1\">\n              {file.createdBy.avatar && (\n                <img\n                  src={file.createdBy.avatar}\n                  alt={file.createdBy.name}\n                  className=\"size-4 rounded-full\"\n                />\n              )}\n              <span>{file.createdBy.name}</span>\n            </div>\n          )}\n          {file.isShared && (\n            <>\n              <span className=\"text-border-subtle\">•</span>\n              <Share2 className=\"size-3\" />\n              <span>{tWithFallback(t, \"files.card.shared\", \"Shared\")}</span>\n            </>\n          )}\n        </div>\n\n        {/* Tags */}\n        {file.tags && file.tags.length > 0 && (\n          <div className=\"hidden @lg:flex flex-wrap gap-1 mt-2\">\n            {file.tags.slice(0, 3).map((tag) => (\n              <span\n                key={tag}\n                className=\"px-2 py-0.5 bg-bg-accent text-text-primary font-text-xs rounded-sm\"\n              >\n                {tag}\n              </span>\n            ))}\n            {file.tags.length > 3 && (\n              <span className=\"px-2 py-0.5 text-text-muted font-text-xs\">\n                +{file.tags.length - 3}\n              </span>\n            )}\n          </div>\n        )}\n      </div>\n\n      {/* Action buttons (on hover) with dropdown menu */}\n      {showActions && (\n        <div className=\"absolute bottom-3 right-3 flex items-center gap-1 bg-bg-elevated border border-border-subtle rounded shadow-elevation-2 p-1\">\n          {onDownload && (\n            <button\n              type=\"button\"\n              onClick={(e) => handleActionClick(e, () => onDownload(file))}\n              className=\"p-1.5 hover:bg-action-ghost-bg-hover rounded transition-colors\"\n              aria-label={tWithFallback(t, \"files.card.download\", \"Download\")}\n              title={tWithFallback(t, \"files.card.download\", \"Download\")}\n            >\n              <Download className=\"size-4 text-text-primary\" />\n            </button>\n          )}\n\n          {onShare && (\n            <button\n              type=\"button\"\n              onClick={(e) => handleActionClick(e, () => onShare(file))}\n              className=\"p-1.5 hover:bg-action-ghost-bg-hover rounded transition-colors\"\n              aria-label={tWithFallback(t, \"files.card.share\", \"Share\")}\n              title={tWithFallback(t, \"files.card.share\", \"Share\")}\n            >\n              <Share2 className=\"size-4 text-text-primary\" />\n            </button>\n          )}\n\n          {onFavorite && (\n            <button\n              type=\"button\"\n              onClick={(e) => handleActionClick(e, () => onFavorite(file))}\n              className=\"p-1.5 hover:bg-action-ghost-bg-hover rounded transition-colors\"\n              aria-label={\n                file.starred\n                  ? tWithFallback(t, \"files.card.unfavorite\", \"Unfavorite\")\n                  : tWithFallback(t, \"files.card.favorite\", \"Favorite\")\n              }\n              title={\n                file.starred\n                  ? tWithFallback(t, \"files.card.unfavorite\", \"Unfavorite\")\n                  : tWithFallback(t, \"files.card.favorite\", \"Favorite\")\n              }\n            >\n              <Star\n                className={`size-4 ${\n                  file.starred\n                    ? \"fill-status-warning-text text-status-warning-text\"\n                    : \"text-text-primary\"\n                }`}\n              />\n            </button>\n          )}\n\n          {onRestore && (\n            <button\n              type=\"button\"\n              onClick={(e) => handleActionClick(e, () => onRestore(file))}\n              className=\"p-1.5 hover:bg-status-success-bg-subtle rounded transition-colors\"\n              aria-label={tWithFallback(t, \"files.card.restore\", \"Restore\")}\n              title={tWithFallback(t, \"files.card.restore\", \"Restore\")}\n            >\n              <RotateCcw className=\"size-4 text-status-success-text\" />\n            </button>\n          )}\n\n          {/* More options dropdown */}\n          <div onClick={(e) => e.stopPropagation()}>\n            <ActionMenu\n              items={menuItems}\n              align=\"right\"\n              triggerClassName=\"p-1.5\"\n              isOpen={menuOpen}\n              onToggle={setMenuOpen}\n            />\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}