@epam/ai-dial-react-file-manager 0.2.0-dev.5 → 0.2.0-dev.7

package/dist/ai-dial-react-file-manager.es.js

@@ -3,10 +3,10 @@ import { IconCircleFilled as Un, IconChevronDown as Qa, IconDotsVertical as rn,
 import an from "classnames";
 import * as Ve from "react";
 import { useState as z, useMemo as G, useCallback as d, useRef as de, useEffect as fe, createContext as us, useLayoutEffect as hs, useContext as ps, useImperativeHandle as fs } from "react";
-import { DialFolderName as Oo, DialFileName as Lo, Dropdown as ht, DropdownTrigger as fa, DIAL_ICON_SIZE as zo, Grid as ma, Popup as _o, PopupSize as Vn, RadioGroup as Jo, NeutralButton as $n, PrimaryButton as on, GhostIconButton as pt, BASE_ICON_PROPS as A, mergeClasses as Ee, NotificationVariant as Eo, ElementSize as ln, NOT_ALLOWED_SYMBOLS_REGEXP as ms, TooltipContainer as Cs, TooltipPlacement as gs, TooltipTrigger as vs, TooltipContent as ys, Notification as ws, ButtonAppearance as Ca, Switch as ga, Tooltip as Gn, FlexibleActionsDirection as tn, BASE_ICON_SIZE as va, ConfirmationPopup as Ns, ConfirmationPopupVariant as xs, DialBreadcrumb as bs, Search as Ds, ButtonVariant as Ts, Tabs as Rs, ButtonDropdown as ea, Skeleton as qt, SkeletonVariant as Yt, EllipsisTooltip as Rt, DialItemType as He, DialFileIcon as Fs, DialSharedEntityIndicator as ta, DialIcon as Is, Spinner as Es, editableContainerProps as Ss, Input as As, useEditableItem as Ps, NoDataContent as ya, DateCellRenderer as wa, convertToDate as Ms, DEFAULT_DATE_LOCALE as ks, DEFAULT_DATE_FORMAT_OPTIONS as Os, DropdownItemType as Na, ConditionalResizableContainer as Ls, CollapsibleSidebar as zs } from "@epam/ai-dial-ui-kit";
+import { DialFolderName as Oo, DialFileName as Lo, Dropdown as ht, DropdownTrigger as fa, DIAL_ICON_SIZE as zo, Grid as ma, Popup as _o, PopupSize as Vn, RadioGroup as Jo, NeutralButton as $n, PrimaryButton as on, GhostIconButton as pt, BASE_ICON_PROPS as A, mergeClasses as Ee, NotificationVariant as Eo, ElementSize as ln, NOT_ALLOWED_SYMBOLS_REGEXP as ms, TooltipContainer as Cs, TooltipPlacement as gs, TooltipTrigger as vs, TooltipContent as ys, Notification as ws, ButtonAppearance as Ca, Switch as ga, Tooltip as Gn, FlexibleActionsDirection as tn, BASE_ICON_SIZE as va, ConfirmationPopup as Ns, ConfirmationPopupVariant as bs, DialBreadcrumb as xs, Search as Ds, ButtonVariant as Ts, Tabs as Rs, ButtonDropdown as ea, Skeleton as qt, SkeletonVariant as Yt, EllipsisTooltip as Rt, DialItemType as He, DialFileIcon as Fs, DialSharedEntityIndicator as ta, DialIcon as Is, Spinner as Es, editableContainerProps as Ss, Input as As, useEditableItem as Ps, NoDataContent as ya, DateCellRenderer as wa, convertToDate as Ms, DEFAULT_DATE_LOCALE as ks, DEFAULT_DATE_FORMAT_OPTIONS as Os, DropdownItemType as Na, ConditionalResizableContainer as Ls, CollapsibleSidebar as zs } from "@epam/ai-dial-ui-kit";
 import { extensions as na } from "mime-types";
 import { createPortal as _s } from "react-dom";
-const xa = (e) => /* @__PURE__ */ Ve.createElement("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ Ve.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.1812 1.2002H2.80615C2.43319 1.2002 2.07551 1.34835 1.81178 1.61208C1.54806 1.8758 1.3999 2.23348 1.3999 2.60645V5.48145C1.3999 5.85441 1.54806 6.21209 1.81178 6.47581C2.07551 6.73954 2.43319 6.8877 2.80615 6.8877H15.1812C15.5541 6.8877 15.9118 6.73954 16.1755 6.47581C16.4392 6.21209 16.5874 5.85441 16.5874 5.48145V2.60645C16.5874 2.23348 16.4392 1.8758 16.1755 1.61208C15.9118 1.34835 15.5541 1.2002 15.1812 1.2002ZM14.8999 5.2002H3.0874V2.8877H14.8999V5.2002ZM12 7.80017C12.3107 7.80017 12.5625 8.05201 12.5625 8.36267V11.7377H15.9375C16.2482 11.7377 16.5 11.9895 16.5 12.3002C16.5 12.6108 16.2482 12.8627 15.9375 12.8627H12.5625V16.2377C12.5625 16.5483 12.3107 16.8002 12 16.8002C11.6893 16.8002 11.4375 16.5483 11.4375 16.2377V12.8627H8.0625C7.75184 12.8627 7.5 12.6108 7.5 12.3002C7.5 11.9895 7.75184 11.7377 8.0625 11.7377H11.4375V8.36267C11.4375 8.05201 11.6893 7.80017 12 7.80017ZM2.41188 12.5883C2.14816 12.3246 2 11.9669 2 11.5939V9.00018H3.6875V11.3127H6.1001V13.0002H3.40625C3.03329 13.0002 2.6756 12.852 2.41188 12.5883Z", fill: "currentColor" })), ba = (e) => /* @__PURE__ */ Ve.createElement("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ Ve.createElement("path", { d: "M9.00049 7.7998C9.3108 7.80007 9.56279 8.05198 9.56299 8.3623V11.7373H12.938C13.2483 11.7376 13.5003 11.9895 13.5005 12.2998C13.5005 12.6103 13.2484 12.862 12.938 12.8623H9.56299V16.2373C9.56299 16.5478 9.31092 16.7995 9.00049 16.7998C8.68983 16.7998 8.43799 16.548 8.43799 16.2373V12.8623H5.06299C4.75233 12.8623 4.50049 12.6105 4.50049 12.2998C4.50069 11.9893 4.75245 11.7373 5.06299 11.7373H8.43799V8.3623C8.43819 8.05181 8.68995 7.7998 9.00049 7.7998ZM15.1812 1.2002C15.5541 1.2002 15.9116 1.34858 16.1753 1.6123C16.439 1.87603 16.5874 2.23348 16.5874 2.60645V5.48145C16.5874 5.85441 16.439 6.21186 16.1753 6.47559C15.9116 6.73931 15.5541 6.8877 15.1812 6.8877H2.80615C2.43319 6.8877 2.07573 6.73931 1.81201 6.47559C1.54829 6.21186 1.3999 5.85441 1.3999 5.48145V2.60645C1.3999 2.23348 1.54829 1.87603 1.81201 1.6123C2.07573 1.34858 2.43319 1.2002 2.80615 1.2002H15.1812ZM3.0874 2.8877V5.2002H14.8999V2.8877H3.0874Z", fill: "currentColor" })), Wo = (e) => /* @__PURE__ */ Ve.createElement("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ Ve.createElement("path", { d: "M3.009 12.5527C2.77901 12.4216 2.5877 12.2321 2.45443 12.0034C2.32116 11.7746 2.25064 11.5147 2.25 11.25V3.75C2.25 2.925 2.925 2.25 3.75 2.25H11.25C11.8125 2.25 12.1185 2.53875 12.375 3M10.5 15.75H7.25025C6.98757 15.75 6.72747 15.6983 6.48479 15.5977C6.24211 15.4972 6.0216 15.3499 5.83586 15.1641C5.65012 14.9784 5.50278 14.7579 5.40226 14.5152C5.30174 14.2725 5.25 14.0124 5.25 13.7498V7.25025C5.25 6.71975 5.46074 6.21098 5.83586 5.83586C6.21098 5.46074 6.71975 5.25 7.25025 5.25H13.7498C14.0124 5.25 14.2725 5.30174 14.5152 5.40226C14.7579 5.50278 14.9784 5.65012 15.1641 5.83586C15.3499 6.0216 15.4972 6.24211 15.5977 6.48479C15.6983 6.72747 15.75 6.98757 15.75 7.25025V10.5M12.75 16.5L16.5 12.75M16.5 12.75V16.125M16.5 12.75H13.125", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), Ho = (e) => /* @__PURE__ */ Ve.createElement("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ Ve.createElement("path", { d: "M9.75 14.25H3.75C3.35218 14.25 2.97064 14.092 2.68934 13.8107C2.40804 13.5294 2.25 13.1478 2.25 12.75V4.5C2.25 4.10218 2.40804 3.72064 2.68934 3.43934C2.97064 3.15804 3.35218 3 3.75 3H6.75L9 5.25H14.25C14.6478 5.25 15.0294 5.40804 15.3107 5.68934C15.592 5.97064 15.75 6.35218 15.75 6.75V9.75M12 16.5L15.75 12.75M15.75 12.75V16.125M15.75 12.75H12.375", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), Bo = (e) => /* @__PURE__ */ Ve.createElement("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ Ve.createElement("path", { d: "M4.5 15.75V14.25C4.5 13.4544 4.81607 12.6913 5.37868 12.1287C5.94129 11.5661 6.70435 11.25 7.5 11.25H9.75M15.75 12.75L12 16.5M12 16.5V13.125M12 16.5H15.375M6 5.25C6 6.04565 6.31607 6.80871 6.87868 7.37132C7.44129 7.93393 8.20435 8.25 9 8.25C9.79565 8.25 10.5587 7.93393 11.1213 7.37132C11.6839 6.80871 12 6.04565 12 5.25C12 4.45435 11.6839 3.69129 11.1213 3.12868C10.5587 2.56607 9.79565 2.25 9 2.25C8.20435 2.25 7.44129 2.56607 6.87868 3.12868C6.31607 3.69129 6 4.45435 6 5.25Z", stroke: "#7F8792", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }));
+const ba = (e) => /* @__PURE__ */ Ve.createElement("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ Ve.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.1812 1.2002H2.80615C2.43319 1.2002 2.07551 1.34835 1.81178 1.61208C1.54806 1.8758 1.3999 2.23348 1.3999 2.60645V5.48145C1.3999 5.85441 1.54806 6.21209 1.81178 6.47581C2.07551 6.73954 2.43319 6.8877 2.80615 6.8877H15.1812C15.5541 6.8877 15.9118 6.73954 16.1755 6.47581C16.4392 6.21209 16.5874 5.85441 16.5874 5.48145V2.60645C16.5874 2.23348 16.4392 1.8758 16.1755 1.61208C15.9118 1.34835 15.5541 1.2002 15.1812 1.2002ZM14.8999 5.2002H3.0874V2.8877H14.8999V5.2002ZM12 7.80017C12.3107 7.80017 12.5625 8.05201 12.5625 8.36267V11.7377H15.9375C16.2482 11.7377 16.5 11.9895 16.5 12.3002C16.5 12.6108 16.2482 12.8627 15.9375 12.8627H12.5625V16.2377C12.5625 16.5483 12.3107 16.8002 12 16.8002C11.6893 16.8002 11.4375 16.5483 11.4375 16.2377V12.8627H8.0625C7.75184 12.8627 7.5 12.6108 7.5 12.3002C7.5 11.9895 7.75184 11.7377 8.0625 11.7377H11.4375V8.36267C11.4375 8.05201 11.6893 7.80017 12 7.80017ZM2.41188 12.5883C2.14816 12.3246 2 11.9669 2 11.5939V9.00018H3.6875V11.3127H6.1001V13.0002H3.40625C3.03329 13.0002 2.6756 12.852 2.41188 12.5883Z", fill: "currentColor" })), xa = (e) => /* @__PURE__ */ Ve.createElement("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ Ve.createElement("path", { d: "M9.00049 7.7998C9.3108 7.80007 9.56279 8.05198 9.56299 8.3623V11.7373H12.938C13.2483 11.7376 13.5003 11.9895 13.5005 12.2998C13.5005 12.6103 13.2484 12.862 12.938 12.8623H9.56299V16.2373C9.56299 16.5478 9.31092 16.7995 9.00049 16.7998C8.68983 16.7998 8.43799 16.548 8.43799 16.2373V12.8623H5.06299C4.75233 12.8623 4.50049 12.6105 4.50049 12.2998C4.50069 11.9893 4.75245 11.7373 5.06299 11.7373H8.43799V8.3623C8.43819 8.05181 8.68995 7.7998 9.00049 7.7998ZM15.1812 1.2002C15.5541 1.2002 15.9116 1.34858 16.1753 1.6123C16.439 1.87603 16.5874 2.23348 16.5874 2.60645V5.48145C16.5874 5.85441 16.439 6.21186 16.1753 6.47559C15.9116 6.73931 15.5541 6.8877 15.1812 6.8877H2.80615C2.43319 6.8877 2.07573 6.73931 1.81201 6.47559C1.54829 6.21186 1.3999 5.85441 1.3999 5.48145V2.60645C1.3999 2.23348 1.54829 1.87603 1.81201 1.6123C2.07573 1.34858 2.43319 1.2002 2.80615 1.2002H15.1812ZM3.0874 2.8877V5.2002H14.8999V2.8877H3.0874Z", fill: "currentColor" })), Wo = (e) => /* @__PURE__ */ Ve.createElement("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ Ve.createElement("path", { d: "M3.009 12.5527C2.77901 12.4216 2.5877 12.2321 2.45443 12.0034C2.32116 11.7746 2.25064 11.5147 2.25 11.25V3.75C2.25 2.925 2.925 2.25 3.75 2.25H11.25C11.8125 2.25 12.1185 2.53875 12.375 3M10.5 15.75H7.25025C6.98757 15.75 6.72747 15.6983 6.48479 15.5977C6.24211 15.4972 6.0216 15.3499 5.83586 15.1641C5.65012 14.9784 5.50278 14.7579 5.40226 14.5152C5.30174 14.2725 5.25 14.0124 5.25 13.7498V7.25025C5.25 6.71975 5.46074 6.21098 5.83586 5.83586C6.21098 5.46074 6.71975 5.25 7.25025 5.25H13.7498C14.0124 5.25 14.2725 5.30174 14.5152 5.40226C14.7579 5.50278 14.9784 5.65012 15.1641 5.83586C15.3499 6.0216 15.4972 6.24211 15.5977 6.48479C15.6983 6.72747 15.75 6.98757 15.75 7.25025V10.5M12.75 16.5L16.5 12.75M16.5 12.75V16.125M16.5 12.75H13.125", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), Ho = (e) => /* @__PURE__ */ Ve.createElement("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ Ve.createElement("path", { d: "M9.75 14.25H3.75C3.35218 14.25 2.97064 14.092 2.68934 13.8107C2.40804 13.5294 2.25 13.1478 2.25 12.75V4.5C2.25 4.10218 2.40804 3.72064 2.68934 3.43934C2.97064 3.15804 3.35218 3 3.75 3H6.75L9 5.25H14.25C14.6478 5.25 15.0294 5.40804 15.3107 5.68934C15.592 5.97064 15.75 6.35218 15.75 6.75V9.75M12 16.5L15.75 12.75M15.75 12.75V16.125M15.75 12.75H12.375", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), Bo = (e) => /* @__PURE__ */ Ve.createElement("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ Ve.createElement("path", { d: "M4.5 15.75V14.25C4.5 13.4544 4.81607 12.6913 5.37868 12.1287C5.94129 11.5661 6.70435 11.25 7.5 11.25H9.75M15.75 12.75L12 16.5M12 16.5V13.125M12 16.5H15.375M6 5.25C6 6.04565 6.31607 6.80871 6.87868 7.37132C7.44129 7.93393 8.20435 8.25 9 8.25C9.79565 8.25 10.5587 7.93393 11.1213 7.37132C11.6839 6.80871 12 6.04565 12 5.25C12 4.45435 11.6839 3.69129 11.1213 3.12868C10.5587 2.56607 9.79565 2.25 9 2.25C8.20435 2.25 7.44129 2.56607 6.87868 3.12868C6.31607 3.69129 6 4.45435 6 5.25Z", stroke: "#7F8792", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }));
 var nn = /* @__PURE__ */ ((e) => (e.MyFiles = "my_files", e.Shared = "shared", e.Organization = "organization", e.Review = "review", e))(nn || {}), N = /* @__PURE__ */ ((e) => (e.AddSibling = "addSibling", e.AddChild = "addChild", e.Duplicate = "duplicate", e.Copy = "copy", e.Move = "move", e.Download = "download", e.Delete = "delete", e.Rename = "rename", e.Info = "info", e.Unshare = "unshare", e.RemoveAccess = "removeAccess", e.ManagePermissions = "managePermissions", e.Preview = "preview", e.OpenInNewTab = "openInNewTab", e))(N || {}), Ce = /* @__PURE__ */ ((e) => (e.Replace = "replace", e.Duplicate = "duplicate", e.Cancel = "cancel", e))(Ce || {}), ze = /* @__PURE__ */ ((e) => (e.ReplaceAll = "replaceAll", e.DuplicateAll = "duplicateAll", e.DecideForEach = "decideForEach", e))(ze || {}), ge = /* @__PURE__ */ ((e) => (e.Copy = "copy", e.Move = "move", e))(ge || {}), Ft = /* @__PURE__ */ ((e) => (e.Tree = "tree", e.Grid = "grid", e))(Ft || {}), ut = /* @__PURE__ */ ((e) => (e.Tree = "tree", e.Grid = "grid", e))(ut || {}), We = /* @__PURE__ */ ((e) => (e.Folder = "folder", e.Child = "child", e.Sibling = "sibling", e))(We || {}), ye = /* @__PURE__ */ ((e) => (e.Name = "name", e.UpdatedAt = "updatedAt", e.Size = "size", e.Author = "author", e.Owner = "owner", e.Path = "path", e.Actions = "__actions", e.Version = "version", e))(ye || {});
 const Ws = "w-full h-full grid grid-rows-[auto_1fr] gap-5 p-6 overflow-hidden min-w-0 bg-layer-base", oa = "w-full text-secondary flex items-center gap-2", Hs = "flex min-h-0 min-w-0 h-full gap-4 overflow-hidden", Bs = "flex flex-col flex-1 min-h-0 min-w-0 h-full gap-4", Us = "h-full rounded bg-layer-raised text-secondary min-w-0", Vs = "flex-1 w-full rounded text-secondary overflow-auto min-h-0 min-w-0", $s = "opacity-0 pointer-events-none group-hover/grid-row:opacity-100 group-hover/grid-row:pointer-events-auto", Gs = 280, js = "Files", st = 20, Zs = "Files", Ro = ".dial_folder", aa = "New folder", Xs = 280, qs = 460, sa = 44, Ys = 800, Ks = [
   ye.Name,
@@ -33,7 +33,7 @@ const ra = ({
   nameColumnLabel: y = "Name",
   actionColumnLabel: g = "Action"
 }) => {
-  const m = s.length === 1, D = m ? s[0]?.name : "", b = C?.[Ce.Replace] ?? "Replace", h = C?.[Ce.Duplicate] ?? "Duplicate", f = C?.[Ce.Cancel] ?? "Cancel", I = c?.[ze.ReplaceAll] ?? "Replace all", w = c?.[ze.DuplicateAll] ?? "Duplicate all", R = c?.[ze.DecideForEach] ?? "Decide for each", [F, S] = z(
+  const m = s.length === 1, D = m ? s[0]?.name : "", x = C?.[Ce.Replace] ?? "Replace", h = C?.[Ce.Duplicate] ?? "Duplicate", f = C?.[Ce.Cancel] ?? "Cancel", I = c?.[ze.ReplaceAll] ?? "Replace all", w = c?.[ze.DuplicateAll] ?? "Duplicate all", R = c?.[ze.DecideForEach] ?? "Decide for each", [F, S] = z(
     Ce.Replace
   ), [L, W] = z(
     ze.ReplaceAll
@@ -59,14 +59,14 @@ const ra = ({
     () => [
       {
         value: Ce.Replace,
-        label: b
+        label: x
       },
       {
         value: Ce.Duplicate,
         label: h
       }
     ],
-    [b, h]
+    [x, h]
   ), ie = G(() => s.map((H) => ({
     id: H.path,
     name: H.name,
@@ -110,7 +110,7 @@ const ra = ({
         const De = [
           {
             key: Ce.Replace,
-            label: b,
+            label: x,
             icon: /* @__PURE__ */ a(Un, { size: 10, className: "text-violet-1" })
           },
           {
@@ -123,7 +123,7 @@ const ra = ({
             label: f,
             icon: /* @__PURE__ */ a(Un, { size: 10, className: "text-error" })
           }
-        ], xe = De.find(
+        ], be = De.find(
           (te) => te.key === H.data.action
         ), U = _ === H.data.path;
         return /* @__PURE__ */ a("div", { className: "flex items-center h-full", children: /* @__PURE__ */ a(
@@ -149,8 +149,8 @@ const ra = ({
             },
             children: /* @__PURE__ */ q("button", { type: "button", className: "flex items-center gap-2", children: [
               /* @__PURE__ */ q("span", { className: "flex items-center gap-2", children: [
-                xe?.icon,
-                xe?.label ?? b
+                be?.icon,
+                be?.label ?? x
               ] }),
               /* @__PURE__ */ a(
                 Qa,
@@ -170,11 +170,11 @@ const ra = ({
   ], [
     y,
     g,
-    b,
+    x,
     h,
     f,
     _
-  ]), be = G(
+  ]), xe = G(
     () => [
       {
         value: ze.ReplaceAll,
@@ -276,7 +276,7 @@ const ra = ({
           {
             id: "multiple-files-conflict",
             ariaLabel: M,
-            items: be,
+            items: xe,
             value: L,
             onChange: (H) => W(H),
             contentClassName: "ml-0"
@@ -599,7 +599,7 @@ const lr = (e) => {
     u,
     t,
     c
-  ]), b = d(() => {
+  ]), x = d(() => {
     if (!l) return;
     const { files: f, destinationFolder: I, metadata: w } = l, R = y(
       I,
@@ -651,7 +651,7 @@ const lr = (e) => {
     closeConflictResolution: c,
     handleReplaceAll: m,
     handleDuplicateAll: D,
-    handleCancelAll: b,
+    handleCancelAll: x,
     handleDecideForEach: h
   };
 }, Cr = ({
@@ -664,7 +664,7 @@ const lr = (e) => {
   getCopyHeader: l,
   getMoveHeader: i
 }) => {
-  const [p, C] = z(!1), [c, v] = z([]), [u, y] = z([]), [g, m] = z(ge.Copy), [D, b] = z(), [h, f] = z(null), {
+  const [p, C] = z(!1), [c, v] = z([]), [u, y] = z([]), [g, m] = z(ge.Copy), [D, x] = z(), [h, f] = z(null), {
     conflictingFiles: I,
     conflictResolutionOpen: w,
     hasActiveConflictRef: R,
@@ -686,7 +686,7 @@ const lr = (e) => {
       ), n?.()));
     }
   }), M = d(() => {
-    v([]), y([]), f(null), b(void 0);
+    v([]), y([]), f(null), x(void 0);
   }, []), Y = d(
     (U) => {
       const te = F(U, c, {
@@ -744,7 +744,7 @@ const lr = (e) => {
       j(U), M();
     },
     [j, M]
-  ), be = d(
+  ), xe = d(
     (U) => {
       const te = U.at(0)?.parentPath ?? "/", pe = S(
         te,
@@ -765,14 +765,14 @@ const lr = (e) => {
     (U) => {
       v(U);
       const te = U[0]?.parentPath ?? U[0]?.folderId;
-      b(te), l && U.length > 0 ? H(l(U.length, U[0]?.name)) : H(void 0);
+      x(te), l && U.length > 0 ? H(l(U.length, U[0]?.name)) : H(void 0);
     },
     [l]
-  ), xe = d(
+  ), be = d(
     (U) => {
       y(U);
       const te = U[0]?.parentPath ?? U[0]?.folderId;
-      b(te), f({
+      x(te), f({
         type: ge.Move,
         sourceFolder: te
       }), i && U.length > 0 ? H(i(U.length, U[0]?.name)) : H(void 0);
@@ -780,7 +780,7 @@ const lr = (e) => {
     [i]
   );
   return {
-    handleDuplicate: be,
+    handleDuplicate: xe,
     handleCloseDestinationFolderPopup: Te,
     handleOpenDestinationFolderPopup: he,
     handleCopyTo: Y,
@@ -789,7 +789,7 @@ const lr = (e) => {
     destinationFolderMode: g,
     destinationFolderTitle: Ne,
     handleSetCopiedFiles: De,
-    handleSetMovedFiles: xe,
+    handleSetMovedFiles: be,
     clearState: M,
     conflictingFiles: I,
     conflictResolutionOpen: w,
@@ -881,7 +881,7 @@ const lr = (e) => {
   uploadEnabled: i = !0,
   currentFolder: p
 } = {}) => {
-  const [C, c] = z(!1), [v, u] = z(!1), [y, g] = z(), m = de(null), D = de(""), b = de([]), h = G(() => !!p?.permissions?.includes(St.WRITE), [p]), [f, I] = z(/* @__PURE__ */ new Map()), [w, R] = z(null), F = d(
+  const [C, c] = z(!1), [v, u] = z(!1), [y, g] = z(), m = de(null), D = de(""), x = de([]), h = G(() => !!p?.permissions?.includes(St.WRITE), [p]), [f, I] = z(/* @__PURE__ */ new Map()), [w, R] = z(null), F = d(
     (T) => !o || o.includes("*/*") ? T : T.filter(
       ({ fileContent: B, name: $ }) => Uo(o, B.type, $)
     ),
@@ -900,7 +900,7 @@ const lr = (e) => {
     handleCancelAll: oe,
     handleDecideForEach: V
   } = Ta({
-    getDestinationFiles: () => b.current,
+    getDestinationFiles: () => x.current,
     onResolve: (T, B) => {
       if (!i || !h) {
         S();
@@ -964,7 +964,7 @@ const lr = (e) => {
   ), we = d(
     async (T, B, $) => {
       if (!i || !h) return !1;
-      g(void 0), b.current = $;
+      g(void 0), x.current = $;
       const J = l ? T.map((ae) => ({
         ...ae,
         name: l(ae.name)
@@ -1012,7 +1012,7 @@ const lr = (e) => {
       S,
       h
     ]
-  ), be = d(() => {
+  ), xe = d(() => {
     M(), S();
   }, [M, S]), he = d(() => {
     Y(), S();
@@ -1030,7 +1030,7 @@ const lr = (e) => {
       !i || !h || (T.preventDefault(), T.stopPropagation(), T.dataTransfer.types.includes("Files") && c(!0));
     },
     [i, h]
-  ), xe = d(
+  ), be = d(
     (T) => {
       if (!i || !h) return;
       T.preventDefault(), T.stopPropagation();
@@ -1108,7 +1108,7 @@ const lr = (e) => {
         await we(
           J,
           D.current,
-          b.current
+          x.current
         );
       } catch {
         g(n.validationError || "Upload failed");
@@ -1135,7 +1135,7 @@ const lr = (e) => {
   }, [o]);
   const _e = d(
     (T, B) => {
-      !i || !h || (D.current = T, b.current = B, m.current && m.current.click());
+      !i || !h || (D.current = T, x.current = B, m.current && m.current.click());
     },
     [i, h]
   ), ke = d(
@@ -1159,7 +1159,7 @@ const lr = (e) => {
           contentLength: X.size,
           contentType: X.type
         };
-        if (b.current = B, R({ destinationFolder: T }), I(
+        if (x.current = B, R({ destinationFolder: T }), I(
           /* @__PURE__ */ new Map([[Pe.path, { fileContent: X, name: Ae }]])
         ), P(T, [Pe], {
           destinationFolder: T
@@ -1190,7 +1190,7 @@ const lr = (e) => {
     isDraggingOverWindow: v,
     uploadError: y,
     handleDragEnter: De,
-    handleDragLeave: xe,
+    handleDragLeave: be,
     handleDragOver: U,
     handleDrop: te,
     clearError: Se,
@@ -1203,7 +1203,7 @@ const lr = (e) => {
     hasActiveUploadConflictRef: k,
     openUploadConflictResolution: j,
     closeUploadConflictResolution: H,
-    handleUploadConflictReplace: be,
+    handleUploadConflictReplace: xe,
     handleUploadConflictDuplicate: he,
     handleUploadConflictCancel: Te,
     handleUploadConflictDecideForEach: Ne
@@ -1212,19 +1212,19 @@ const lr = (e) => {
   hiddenItemWarning: `${Eo.Warning}__A dot at the start of the name will make the item hidden`
 }, Ia = {
   consecutiveDotsError: "Name cannot contain consecutive dots"
-}, xr = {
+}, br = {
   emptyName: "Name cannot be empty",
   duplicateName: "An item with this name already exists",
   hiddenItemWarning: Fa.hiddenItemWarning,
   consecutiveDotsError: Ia.consecutiveDotsError
 };
-function br(e) {
+function xr(e) {
   let t = e.length;
   for (; t > 0 && e[t - 1] === "/"; ) t--;
   return e.slice(0, t);
 }
 function Dr(e, t) {
-  const r = br(e), o = r.lastIndexOf("/");
+  const r = xr(e), o = r.lastIndexOf("/");
   return o === -1 ? t : r.slice(0, o + 1) + t;
 }
 function Tr(e) {
@@ -1243,7 +1243,7 @@ const Rr = ({
 }) => {
   const [n, s] = z(), l = G(
     () => ({
-      ...xr,
+      ...br,
       ...r
     }),
     [r]
@@ -1274,8 +1274,8 @@ const Rr = ({
       const D = Dr(
         n.path,
         m
-      ), b = n.parentPath;
-      if (!b) {
+      ), x = n.parentPath;
+      if (!x) {
         s(void 0);
         return;
       }
@@ -1284,7 +1284,7 @@ const Rr = ({
         destinationUrl: D,
         nodeType: n.nodeType
       };
-      o([h], b, b), s(void 0);
+      o([h], x, x), s(void 0);
     },
     [n, o]
   ), v = d(
@@ -1297,21 +1297,21 @@ const Rr = ({
       if (m.startsWith("."))
         return l.hiddenItemWarning;
       const D = g.nodeType === O.ITEM;
-      let b = m;
+      let x = m;
       if (D) {
         const f = la(g.name);
-        f && !b.endsWith(f) && (b = b + f);
+        f && !x.endsWith(f) && (x = x + f);
       }
       const h = g.parentPath;
       if (h) {
         const f = Ke(e, h);
         if (f && new Set(
           (f.items ?? []).filter((w) => w.path !== g.path).map((w) => w.name.toLowerCase())
-        ).has(b.toLowerCase()))
+        ).has(x.toLowerCase()))
           return l.duplicateName;
       }
       if (t) {
-        const f = t(b, g);
+        const f = t(x, g);
         if (f)
           return f;
       }
@@ -1448,7 +1448,7 @@ const Rr = ({
     We.Folder
   ), [v, u] = z(null), [y, g] = z(
     null
-  ), [m, D] = z(""), b = de(e?.path), h = G(
+  ), [m, D] = z(""), x = de(e?.path), h = G(
     () => ({
       ...Ir,
       ...o
@@ -1471,11 +1471,11 @@ const Rr = ({
   }, [C, v, e, n]);
   fe(() => {
     const P = f?.path;
-    b.current !== P && s && (l(!1), p(null), D("")), b.current = P;
+    x.current !== P && s && (l(!1), p(null), D("")), x.current = P;
   }, [f?.path, s]);
   const I = d(() => {
     if (s) return;
-    b.current = e?.path || "/";
+    x.current = e?.path || "/";
     const P = `__new_folder_${Date.now()}`, _ = (e?.items ?? []).filter(
       (M) => M.nodeType === O.FOLDER
     ), j = Kt(_);
@@ -1483,7 +1483,7 @@ const Rr = ({
   }, [s, e]), w = d(
     (P) => {
       if (s) return;
-      b.current = P?.parentPath || "/";
+      x.current = P?.parentPath || "/";
       const _ = `__new_folder_${Date.now()}`, M = (It(n, P?.parentPath || "/")?.items ?? []).filter(
         (oe) => oe.nodeType === O.FOLDER
       ), Y = Kt(M);
@@ -1493,7 +1493,7 @@ const Rr = ({
   ), R = d(
     (P) => {
       if (s) return;
-      b.current = P.path;
+      x.current = P.path;
       const _ = `__new_folder_${Date.now()}`, j = (P?.items ?? []).filter(
         (Y) => Y.nodeType === O.FOLDER
       ), M = Kt(j);
@@ -1503,7 +1503,7 @@ const Rr = ({
   ), F = d(
     (P) => {
       if (s) return;
-      b.current = P?.parentPath || "/";
+      x.current = P?.parentPath || "/";
       const j = (It(n, P?.parentPath || "/")?.items ?? []).filter(
         (Y) => Y.nodeType === O.FOLDER
       ), M = Kt(j);
@@ -1513,7 +1513,7 @@ const Rr = ({
   ), S = d(
     (P) => {
       if (s) return;
-      b.current = P.path;
+      x.current = P.path;
       const _ = (P?.items ?? []).filter(
         (M) => M.nodeType === O.FOLDER
       ), j = Kt(_);
@@ -1521,7 +1521,7 @@ const Rr = ({
     },
     [s]
   ), L = d(() => {
-    l(!1), p(null), c(We.Folder), u(null), g(null), b.current = void 0, D("");
+    l(!1), p(null), c(We.Folder), u(null), g(null), x.current = void 0, D("");
   }, []), W = d(
     (P) => {
       const _ = P.trim();
@@ -1639,7 +1639,7 @@ function Mr({
   }, [s]);
   const D = String(
     s ?? C ?? ""
-  ).trim(), b = u.current && (n || o.length > 0 || D !== ""), h = d(
+  ).trim(), x = u.current && (n || o.length > 0 || D !== ""), h = d(
     (R) => {
       const F = R.trim();
       if (!F) {
@@ -1685,7 +1685,7 @@ function Mr({
     i
   ]);
   return {
-    isSearchMode: b,
+    isSearchMode: x,
     searchValue: C,
     effectiveSearchValue: D,
     setSearchValue: c,
@@ -1737,7 +1737,7 @@ const Or = ({
   showNavigationPanel: g = !0,
   navigationPanelOptions: m,
   deleteConfirmationOptions: D,
-  gridOptions: b,
+  gridOptions: x,
   toolbarOptions: h,
   bulkActionsToolbarOptions: f,
   destinationFolderPopupOptions: I,
@@ -1758,13 +1758,13 @@ const Or = ({
   onValidateUpload: Z,
   uploadEnabled: ie,
   uploadValidationMessages: we,
-  maxFileSize: be,
+  maxFileSize: xe,
   onUploadArchive: he,
   prepareUploadFileName: Te,
   onCreateFolder: Ne,
   onCreateFolderValidate: H,
   folderCreationValidationMessages: De,
-  fileMetadataPopupOptions: xe,
+  fileMetadataPopupOptions: be,
   onGetInfo: U,
   onUnshareFiles: te,
   onRemoveFilesAccess: pe,
@@ -1874,9 +1874,9 @@ const Or = ({
       showFiles: E = !0,
       showFolders: Q = !0,
       ...ne
-    } = b || {};
+    } = x || {};
     return { showFiles: E, showFolders: Q, ...ne };
-  }, [b]), kt = Mt.showFiles, et = Mt.showFolders, [vt, no] = z(), vn = I?.destinationFolderPath ?? vt, tt = d(
+  }, [x]), kt = Mt.showFiles, et = Mt.showFolders, [vt, no] = z(), vn = I?.destinationFolderPath ?? vt, tt = d(
     (E) => {
       I?.setDestinationFolderPath ? I.setDestinationFolderPath(E) : no(E);
     },
@@ -1907,7 +1907,7 @@ const Or = ({
     setSearchValue: zt,
     handleSearchChange: _t,
     handleSearchClear: ce,
-    searchResultsRows: xn
+    searchResultsRows: bn
   } = Mr({
     onSearchFiles: Se,
     clearSearchResults: $,
@@ -1927,10 +1927,10 @@ const Or = ({
   ), Me = d(() => {
     Pt?.();
   }, [Pt]), {
-    handleCopyTo: bn,
+    handleCopyTo: xn,
     handleMoveTo: Dn,
     handleDuplicate: Tn,
-    handleOpenDestinationFolderPopup: xt,
+    handleOpenDestinationFolderPopup: bt,
     handleCloseDestinationFolderPopup: Rn,
     openDestinationFolderPopup: nt,
     handleSetCopiedFiles: co,
@@ -1963,7 +1963,7 @@ const Or = ({
     itemsToDelete: An,
     openDeleteConfirmation: Pn,
     closeDeleteConfirmation: Mn,
-    confirmDelete: bt
+    confirmDelete: xt
   } = vr({
     onDeleteFiles: P,
     onDeleteSuccess: Xe
@@ -1987,13 +1987,13 @@ const Or = ({
     uploadConflictResolutionOpen: No,
     closeUploadConflictResolution: Ln,
     handleUploadConflictReplace: $t,
-    handleUploadConflictDuplicate: xo,
-    handleUploadConflictCancel: bo,
+    handleUploadConflictDuplicate: bo,
+    handleUploadConflictCancel: xo,
     handleUploadConflictDecideForEach: Gt
   } = Nr({
     onUploadFiles: Jn,
     onValidateUpload: Z,
-    maxFileSize: be,
+    maxFileSize: xe,
     onUploadArchive: eo,
     prepareUploadFileName: Te,
     allowedFileTypes: J,
@@ -2030,7 +2030,7 @@ const Or = ({
     },
     [At]
   ), {
-    isCreatingFolder: x,
+    isCreatingFolder: b,
     newFolderTempId: ee,
     createdFolderPath: le,
     newFolderDefaultName: Re,
@@ -2073,7 +2073,7 @@ const Or = ({
     }
   ), La = G(() => {
     if (Nt) {
-      let K = xn;
+      let K = bn;
       kt || (K = K.filter(
         (re) => re.nodeType !== O.ITEM
       )), et || (K = K.filter(
@@ -2094,7 +2094,7 @@ const Or = ({
         owner: re.owner,
         folderId: re.folderId
       }));
-      return x && ee && Zt.unshift({
+      return b && ee && Zt.unshift({
         id: ee,
         name: Re,
         updatedAt: void 0,
@@ -2127,7 +2127,7 @@ const Or = ({
       contentLength: K.contentLength,
       folderId: K.folderId
     }));
-    if (x && ee && !E && Ye.unshift({
+    if (b && ee && !E && Ye.unshift({
       id: ee,
       name: Re,
       updatedAt: void 0,
@@ -2148,11 +2148,11 @@ const Or = ({
     });
   }, [
     Nt,
-    xn,
+    bn,
     se,
     Lt,
     lt,
-    x,
+    b,
     ee,
     Re,
     kt,
@@ -2283,8 +2283,8 @@ const Or = ({
     openMetadataPopup: Xa,
     closeMetadataPopup: Yo
   } = Ar({ onGetInfo: U }), qa = d(() => {
-    Yo(), xe?.clearMetadata?.();
-  }, [Yo, xe]), Ya = G(() => {
+    Yo(), be?.clearMetadata?.();
+  }, [Yo, be]), Ya = G(() => {
     if (Y)
       return Zn(Y);
   }, [Y]), Ka = {
@@ -2333,14 +2333,14 @@ const Or = ({
     clearSelection: Xe,
     currentFolder: se,
     gridRows: La,
-    handleCopyTo: bn,
+    handleCopyTo: xn,
     handleMoveTo: Dn,
     handleDuplicate: At ? Do : Tn,
     handleSetCopiedFiles: co,
     handleSetMovedFiles: Fn,
     openDestinationFolderPopup: nt,
     handleCloseDestinationFolderPopup: Rn,
-    handleOpenDestinationFolderPopup: xt,
+    handleOpenDestinationFolderPopup: bt,
     destinationFolderMode: In,
     handleGridAddSibling: Ua,
     handleGridAddChild: Va,
@@ -2358,7 +2358,7 @@ const Or = ({
     getDisplayName: Ot,
     openDeleteConfirmation: Kn || Pn,
     closeDeleteConfirmation: Mn,
-    confirmDelete: bt,
+    confirmDelete: xt,
     deleteConfirmationOpen: go,
     itemsToDelete: An,
     handlePathChange: qe,
@@ -2378,14 +2378,14 @@ const Or = ({
     clearUploadError: kn,
     onUploadFiles: V,
     onValidateUpload: Z,
-    maxFileSize: be,
+    maxFileSize: xe,
     isDraggingOverWindow: Le,
     openFileDialog: dt,
     fileInputRef: On,
     newActions: Ma,
     isNewButtonVisible: ka,
     isNewButtonDisabled: Oa,
-    isCreatingFolder: x,
+    isCreatingFolder: b,
     newFolderTempId: ee,
     createdFolderPath: le,
     newFolderDefaultName: Re,
@@ -2405,10 +2405,10 @@ const Or = ({
     uploadConflictResolutionOpen: No,
     closeUploadConflictResolution: Ln,
     handleUploadConflictReplace: $t,
-    handleUploadConflictDuplicate: xo,
-    handleUploadConflictCancel: bo,
+    handleUploadConflictDuplicate: bo,
+    handleUploadConflictCancel: xo,
     handleUploadConflictDecideForEach: Gt,
-    fileMetadataPopupOptions: xe,
+    fileMetadataPopupOptions: be,
     isMetadataPopupOpen: ja,
     selectedFileForMetadata: Za,
     openMetadataPopup: Xa,
@@ -2464,18 +2464,18 @@ const Or = ({
     return window.addEventListener("scroll", u, !0), () => window.removeEventListener("scroll", u, !0);
   }, []), fe(() => {
     const u = (m) => {
-      const b = m.target.closest(
+      const x = m.target.closest(
         ".ag-row"
       );
-      if (!b) {
+      if (!x) {
         i((f) => f && null);
         return;
       }
       const h = new DOMParser().parseFromString(
-        b.getAttribute("row-id") || "",
+        x.getAttribute("row-id") || "",
         "text/html"
       ).documentElement.textContent;
-      h && e.has(h) ? i((f) => f !== h ? (C(b.getBoundingClientRect()), h) : f) : i((f) => f && null);
+      h && e.has(h) ? i((f) => f !== h ? (C(x.getBoundingClientRect()), h) : f) : i((f) => f && null);
     }, y = () => {
       i(null), C(null);
     }, g = document.querySelector(
@@ -2553,7 +2553,7 @@ const Or = ({
   maxFileSize: g,
   header: m,
   sourceFolder: D,
-  disabledPathTooltip: b = "Unavailable for the original path. Please select another folder",
+  disabledPathTooltip: x = "Unavailable for the original path. Please select another folder",
   path: h,
   collapsedFileTree: f = !1,
   alertProps: I,
@@ -2647,7 +2647,7 @@ const Or = ({
         ] }) }),
         /* @__PURE__ */ q("div", { className: "flex space-x-4 items-center", children: [
           /* @__PURE__ */ a($n, { onClick: e, label: "Cancel" }),
-          oe ? /* @__PURE__ */ a(Gn, { tooltip: b, children: /* @__PURE__ */ a(
+          oe ? /* @__PURE__ */ a(Gn, { tooltip: x, children: /* @__PURE__ */ a(
             on,
             {
               onClick: t,
@@ -2711,8 +2711,8 @@ function _r({
   dependencies: s = []
 }) {
   const l = de(null), i = de(null), p = de(null), C = de(null), c = de([]), [v, u] = z(0), y = d(
-    (D, b) => {
-      const h = p.current?.offsetWidth ?? 0, f = C.current?.offsetWidth ?? 0, I = h + f, R = b.getBoundingClientRect().width - I - r - o * 2 - n * 2;
+    (D, x) => {
+      const h = p.current?.offsetWidth ?? 0, f = C.current?.offsetWidth ?? 0, I = h + f, R = x.getBoundingClientRect().width - I - r - o * 2 - n * 2;
       let F = 0, S = 0;
       if (t === tn.Reverse)
         for (let L = D.length - 1; L >= 0 && (F += D[L] + o, !(F > R)); L--)
@@ -2729,10 +2729,10 @@ function _r({
   hs(
     () => {
       if (!i.current || !l.current) return;
-      const b = Array.from(i.current.children).map(
+      const x = Array.from(i.current.children).map(
         (h) => Math.ceil(h.getBoundingClientRect().width)
       );
-      c.current = b, b.length !== 0 && y(b, l.current);
+      c.current = x, x.length !== 0 && y(x, l.current);
     },
     // Re-measure when the action list or layout-affecting deps (e.g. isMobile) change
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -2740,14 +2740,14 @@ function _r({
   ), fe(() => {
     if (!l.current) return;
     let D = null;
-    const b = () => {
+    const x = () => {
       D && cancelAnimationFrame(D), D = requestAnimationFrame(() => {
         if (!l.current) return;
         const f = l.current, I = c.current;
         I.length !== 0 && y(I, f);
       });
-    }, h = new ResizeObserver(b);
-    return h.observe(l.current), b(), () => {
+    }, h = new ResizeObserver(x);
+    return h.observe(l.current), x(), () => {
       D && cancelAnimationFrame(D), h.disconnect();
     };
   }, [
@@ -2831,7 +2831,7 @@ const Wr = 12, Hr = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
                   label: g,
                   disabled: D,
                   tooltipProps: { tooltip: y },
-                  onClick: (b) => m?.({ key: v, domEvent: b })
+                  onClick: (x) => m?.({ key: v, domEvent: x })
                 },
                 v
               )
@@ -2884,7 +2884,7 @@ const Wr = 12, Hr = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
       ariaLabel: C,
       confirmLabel: s,
       cancelLabel: n,
-      variant: xs.Danger,
+      variant: bs.Danger,
       onClose: r,
       onConfirm: o,
       children: u
@@ -2908,7 +2908,7 @@ const Wr = 12, Hr = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
   invalid: g,
   onSearchChange: m,
   searchClassName: D,
-  searchContainerClassName: b,
+  searchContainerClassName: x,
   isCompactView: h = !1,
   backButtonLabel: f = "Back"
 }) => {
@@ -2987,7 +2987,7 @@ const Wr = 12, Hr = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
       }
     }
   ) : /* @__PURE__ */ a("div", { className: $r, children: /* @__PURE__ */ a(
-    bs,
+    xs,
     {
       pathItems: I,
       ariaLabel: e,
@@ -3038,7 +3038,7 @@ const Wr = 12, Hr = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
                 invalid: g,
                 className: D,
                 wrapperClassName: h && !w ? "pl-2.5" : "",
-                containerClassName: b
+                containerClassName: x
               }
             )
           }
@@ -3075,7 +3075,7 @@ const Wr = 12, Hr = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
     u,
     v,
     n
-  ]), b = () => e && t && r ? /* @__PURE__ */ a(
+  ]), x = () => e && t && r ? /* @__PURE__ */ a(
     Rs,
     {
       tabs: e,
@@ -3139,7 +3139,7 @@ const Wr = 12, Hr = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
     ) : null
   ] });
   return /* @__PURE__ */ q("div", { className: "flex w-full justify-between gap-4 items-center overflow-x-auto py-[2px] my-[-2px]", children: [
-    /* @__PURE__ */ a("div", { className: "flex-1 min-w-0", children: b() }),
+    /* @__PURE__ */ a("div", { className: "flex-1 min-w-0", children: x() }),
     /* @__PURE__ */ a("div", { className: "flex gap-2 shrink-0 items-center", children: m ? f() : h() })
   ] });
 }, Xr = 100, Qt = 16, Ue = "text-secondary", Bn = "text-primary min-w-0", qr = "text-primary break-words min-w-0", Jt = "bg-layer-sunken", Yr = ({
@@ -3326,7 +3326,7 @@ const Wr = 12, Hr = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
   inputRef: g,
   onChange: m,
   sharedIndicatorClassName: D,
-  sharedIndicatorTooltip: b,
+  sharedIndicatorTooltip: x,
   fileExtension: h
 }) => {
   const f = () => {
@@ -3369,7 +3369,7 @@ const Wr = 12, Hr = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
         shared: n,
         fileExtension: h,
         sharedIndicatorClassName: D,
-        sharedIndicatorTooltip: b
+        sharedIndicatorTooltip: x
       }
     ),
     /* @__PURE__ */ a(
@@ -3406,7 +3406,7 @@ const Wr = 12, Hr = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
   inputContainerClassName: g,
   sharedIndicatorClassName: m,
   sharedIndicatorTooltip: D,
-  hideTooltip: b = !1,
+  hideTooltip: x = !1,
   forbiddenSymbolsRegExp: h,
   forbiddenSymbolsTooltip: f,
   ...I
@@ -3440,7 +3440,7 @@ const Wr = 12, Hr = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
         iconSize: i,
         className: "max-w-[428px] truncate",
         sharedIndicatorClassName: m,
-        hideTooltip: b,
+        hideTooltip: x,
         isInvalidName: k,
         tooltipContent: W
       }
@@ -3453,7 +3453,7 @@ const Wr = 12, Hr = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
         shared: l,
         iconSize: i,
         sharedIndicatorClassName: m,
-        hideTooltip: b,
+        hideTooltip: x,
         isInvalidName: k,
         tooltipContent: W
       }
@@ -3494,7 +3494,7 @@ const Wr = 12, Hr = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
   rootItemPath: g,
   onItemClick: m,
   getContextMenuItems: D,
-  onRenameSave: b,
+  onRenameSave: x,
   onRenameCancel: h,
   onRenameValidate: f,
   onExpandedPathsChange: I,
@@ -3523,10 +3523,10 @@ const Wr = 12, Hr = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
       },
       ...j
     ]), oe.map((V) => {
-      const { path: Z, nodeType: ie, name: we, items: be } = V, he = ie === O.FOLDER;
+      const { path: Z, nodeType: ie, name: we, items: xe } = V, he = ie === O.FOLDER;
       if (!c && Da(V)) return null;
       if (!he && !t) return;
-      const Te = Array.isArray(be) && be.length > 0 && be.some((B) => B.nodeType === O.FOLDER || t), Ne = W.has(Z), H = l === Z, De = o.has(Z), xe = v === Z || Z === `${u}/${en}`, U = n.has(Z), te = s.has(Z), pe = g && y && Z === g && he, _e = f && ((B) => f(B, V)), ke = H ? "bg-control-accent-alpha rounded" : "", Se = pe ? [] : D?.(V) ?? [], T = F ? Vo(
+      const Te = Array.isArray(xe) && xe.length > 0 && xe.some((B) => B.nodeType === O.FOLDER || t), Ne = W.has(Z), H = l === Z, De = o.has(Z), be = v === Z || Z === `${u}/${en}`, U = n.has(Z), te = s.has(Z), pe = g && y && Z === g && he, _e = f && ((B) => f(B, V)), ke = H ? "bg-control-accent-alpha rounded" : "", Se = pe ? [] : D?.(V) ?? [], T = F ? Vo(
         { name: V.name, isFolder: he },
         F,
         S
@@ -3549,7 +3549,7 @@ const Wr = 12, Hr = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
                 ),
                 "aria-selected": H,
                 children: [
-                  !xe && /* @__PURE__ */ a(
+                  !be && /* @__PURE__ */ a(
                     "div",
                     {
                       className: "absolute size-full left-0 top-0 z-0",
@@ -3560,7 +3560,7 @@ const Wr = 12, Hr = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
                     "div",
                     {
                       className: "relative flex flex-row truncate items-center w-fit h-6 gap-x-1 pl-1",
-                      onClick: () => !xe && P(V),
+                      onClick: () => !be && P(V),
                       children: /* @__PURE__ */ q(Fe, { children: [
                         he && /* @__PURE__ */ a(
                           ls,
@@ -3589,9 +3589,9 @@ const Wr = 12, Hr = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
                             forbiddenSymbolsRegExp: F,
                             forbiddenSymbolsTooltip: T,
                             ...!pe && {
-                              editing: xe,
+                              editing: be,
                               creating: Z === `${u}/${en}`,
-                              onSave: b,
+                              onSave: x,
                               onCancel: h,
                               validate: _e,
                               onCreateFolderSave: w,
@@ -3602,7 +3602,7 @@ const Wr = 12, Hr = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
                       ] })
                     }
                   ),
-                  Se.length > 0 && !xe && !pe && /* @__PURE__ */ a("div", { className: "flex-1 flex justify-end", children: /* @__PURE__ */ a(
+                  Se.length > 0 && !be && !pe && /* @__PURE__ */ a("div", { className: "flex-1 flex justify-end", children: /* @__PURE__ */ a(
                     ht,
                     {
                       placement: "bottom-start",
@@ -3624,7 +3624,7 @@ const Wr = 12, Hr = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
             )
           }
         ),
-        Ne && (be || V?.path === u) && _(be || [], M + 1, V)
+        Ne && (xe || V?.path === u) && _(xe || [], M + 1, V)
       ] }) }, `${Z}-children`);
     });
   };
@@ -3655,7 +3655,7 @@ const Wr = 12, Hr = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
   const g = [], m = Array.from(e.values());
   if (!m.length || !t)
     return g;
-  const D = Zn(y), b = D ? m.some((h) => D.test(h.name)) : !1;
+  const D = Zn(y), x = D ? m.some((h) => D.test(h.name)) : !1;
   if (t[N.RemoveAccess] && i) {
     const h = m.some(
       (f) => !v?.has(f.path)
@@ -3665,13 +3665,13 @@ const Wr = 12, Hr = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
       label: t[N.RemoveAccess],
       title: t[N.RemoveAccess],
       disabled: h,
-      icon: /* @__PURE__ */ a(Ao, { size: A.size, className: "text-secondary" }),
+      icon: /* @__PURE__ */ a(Ao, { size: A.size }),
       onClick: () => {
         i(m), u();
       }
     });
   }
-  if (t[N.Move] && !b && g.push({
+  if (t[N.Move] && !x && g.push({
     key: N.Move,
     label: t[N.Move],
     title: t[N.Move],
@@ -3679,12 +3679,11 @@ const Wr = 12, Hr = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
       Ho,
       {
         width: A.size,
-        height: A.size,
-        className: "text-secondary"
+        height: A.size
       }
     ),
     onClick: () => n(m)
-  }), t[N.Copy] && !b && g.push({
+  }), t[N.Copy] && !x && g.push({
     key: N.Copy,
     label: t[N.Copy],
     title: t[N.Copy],
@@ -3692,16 +3691,15 @@ const Wr = 12, Hr = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
       Wo,
       {
         width: A.size,
-        height: A.size,
-        className: "text-secondary"
+        height: A.size
       }
     ),
     onClick: () => o(m)
-  }), t[N.Duplicate] && !b && g.push({
+  }), t[N.Duplicate] && !x && g.push({
     key: N.Duplicate,
     label: t[N.Duplicate],
     title: t[N.Duplicate],
-    icon: /* @__PURE__ */ a(Po, { ...A, className: "text-secondary" }),
+    icon: /* @__PURE__ */ a(Po, { ...A }),
     onClick: () => r(m)
   }), t[N.Delete]) {
     const h = m.some(
@@ -3711,7 +3709,7 @@ const Wr = 12, Hr = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
       key: N.Delete,
       label: t[N.Delete],
       title: t[N.Delete],
-      icon: /* @__PURE__ */ a(Mo, { ...A, className: "text-secondary" }),
+      icon: /* @__PURE__ */ a(Mo, { ...A }),
       disabled: h,
       tooltip: h ? "Selected items contain item which can not be deleted" : void 0,
       onClick: () => {
@@ -3720,11 +3718,11 @@ const Wr = 12, Hr = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
       }
     });
   }
-  if (t[N.Download] && !b && g.push({
+  if (t[N.Download] && !x && g.push({
     key: N.Download,
     label: t[N.Download],
     title: t[N.Download],
-    icon: /* @__PURE__ */ a(ko, { ...A, className: "text-secondary" }),
+    icon: /* @__PURE__ */ a(ko, { ...A }),
     onClick: () => s(m)
   }), t[N.Unshare] && l) {
     const h = m.some(
@@ -3740,8 +3738,7 @@ const Wr = 12, Hr = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
         Bo,
         {
           width: A.size,
-          height: A.size,
-          className: "text-secondary"
+          height: A.size
         }
       ),
       onClick: () => {
@@ -3821,7 +3818,7 @@ const Wr = 12, Hr = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
       selectedPaths: v,
       disabledRowIds: u,
       filesLoading: y
-    } = n.context, g = c?.has(n.data.path), m = v?.has(n.data.path), D = u?.has(n.data.path) ?? !1, b = Ee([
+    } = n.context, g = c?.has(n.data.path), m = v?.has(n.data.path), D = u?.has(n.data.path) ?? !1, x = Ee([
       "group-hover/grid-row:bg-control-accent-alpha-hover",
       m && "bg-control-accent-alpha"
     ]);
@@ -3836,7 +3833,7 @@ const Wr = 12, Hr = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
           creating: !0,
           loading: y,
           shared: g,
-          sharedIndicatorClassName: b,
+          sharedIndicatorClassName: x,
           iconSize: st,
           validate: i,
           onSave: l,
@@ -3869,7 +3866,7 @@ const Wr = 12, Hr = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
           elementId: `rename-${n.data.id}`,
           editing: !0,
           shared: g,
-          sharedIndicatorClassName: b,
+          sharedIndicatorClassName: x,
           iconSize: st,
           validate: (P) => R(P, I),
           onSave: F,
@@ -3891,7 +3888,7 @@ const Wr = 12, Hr = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
           nodeType: s,
           size: n.data.size,
           shared: g,
-          sharedIndicatorClassName: b,
+          sharedIndicatorClassName: x,
           updatedAt: n.data.updatedAt,
           dateLocale: t,
           dateOptions: r,
@@ -3913,7 +3910,7 @@ const Wr = 12, Hr = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
       {
         name: n.data.name,
         shared: g,
-        sharedIndicatorClassName: b,
+        sharedIndicatorClassName: x,
         iconSize: st,
         hideTooltip: D,
         isInvalidName: !!W,
@@ -3924,7 +3921,7 @@ const Wr = 12, Hr = 8, Br = ({ getSelectionLabel: e, onClearSelection: t, action
       {
         name: n.data.name,
         shared: g,
-        sharedIndicatorClassName: b,
+        sharedIndicatorClassName: x,
         iconSize: st,
         hideTooltip: D,
         isInvalidName: !!W,
@@ -4078,7 +4075,7 @@ const ci = () => {
   onOpenInNewTab: g,
   previewExtensions: m,
   isRenameFileAvailable: D = !0,
-  isDuplicateFolderAvailable: b = !0,
+  isDuplicateFolderAvailable: x = !0,
   forbiddenSymbolsRegExp: h,
   onGridCreateSiblingFolder: f,
   onGridCreateChildFolder: I
@@ -4093,7 +4090,7 @@ const ci = () => {
     key: "addSibling",
     label: e[N.AddSibling],
     icon: /* @__PURE__ */ a(
-      ba,
+      xa,
       {
         width: A.size,
         height: A.size,
@@ -4106,7 +4103,7 @@ const ci = () => {
       key: "addChild",
       label: e[N.AddChild],
       icon: /* @__PURE__ */ a(
-        xa,
+        ba,
         {
           width: A.size,
           height: A.size,
@@ -4125,7 +4122,7 @@ const ci = () => {
     icon: /* @__PURE__ */ a(Io, { ...A, className: "text-secondary" }),
     onClick: () => g?.(w)
   });
-  const S = w.nodeType === O.ITEM || w.nodeType === O.FOLDER && b;
+  const S = w.nodeType === O.ITEM || w.nodeType === O.FOLDER && x;
   e[N.Duplicate] && S && !F && R.push({
     key: N.Duplicate,
     label: e[N.Duplicate],
@@ -4227,7 +4224,7 @@ const ci = () => {
   g,
   m,
   D,
-  b,
+  x,
   h,
   I,
   f
@@ -4286,7 +4283,7 @@ const ci = () => {
     compactViewWidthBreakpoint: g = Ys,
     customBreakpointRef: m,
     sharedByMePaths: D,
-    allowedFileTypes: b,
+    allowedFileTypes: x,
     maxSelectableFileSize: h,
     areHiddenFilesVisible: f,
     toggleHiddenFilesVisibility: I,
@@ -4307,13 +4304,13 @@ const ci = () => {
     onGridApiChange: Z,
     handleOpenDestinationFolderPopup: ie,
     handleCloseDestinationFolderPopup: we,
-    openDestinationFolderPopup: be,
+    openDestinationFolderPopup: xe,
     destinationFolderMode: he,
     handleSetCopiedFiles: Te,
     handleSetMovedFiles: Ne,
     handleDuplicate: H,
     handleCopyTo: De,
-    handleMoveTo: xe,
+    handleMoveTo: be,
     handleGridAddSibling: U,
     handleGridAddChild: te,
     handleTreeAddSibling: pe,
@@ -4391,15 +4388,15 @@ const ci = () => {
     nonClickableTableColumns: zt,
     hideSearchPathItemName: _t,
     showHiddenFileSwitcherInDestinationPopup: ce,
-    showCreateFolderButtonInDestinationPopup: xn,
+    showCreateFolderButtonInDestinationPopup: bn,
     newFolderDefaultName: se
   } = ci(), {
     width: Oe = Gs,
     header: Me = js,
-    containerClassName: bn = Us,
+    containerClassName: xn = Us,
     additionalButtons: Dn,
     ...Tn
-  } = s ?? {}, [xt, Rn] = z(Oe), { renameTriggerView: nt, onGridRename: co, onTreeRename: Fn } = er({ onRename: Ae }), {
+  } = s ?? {}, [bt, Rn] = z(Oe), { renameTriggerView: nt, onGridRename: co, onTreeRename: Fn } = er({ onRename: Ae }), {
     createFolderTriggerView: In,
     onGridCreateSiblingFolder: uo,
     onTreeCreateSiblingFolder: En,
@@ -4410,9 +4407,9 @@ const ci = () => {
     onGridAddChild: te,
     onTreeAddSibling: pe,
     onTreeAddChild: _e
-  }), Wt = de(null), po = (x) => {
+  }), Wt = de(null), po = (b) => {
     Wt.current === null && (Wt.current = requestAnimationFrame(() => {
-      Rn(x), Wt.current = null;
+      Rn(b), Wt.current = null;
     }));
   }, {
     columnDefs: fo,
@@ -4422,7 +4419,7 @@ const ci = () => {
     selectionMode: An,
     wrapCustomCellRenderers: Pn,
     visibleColumns: Mn = Ks,
-    allowDisabledContextMenu: bt = !1,
+    allowDisabledContextMenu: xt = !1,
     ...ot
   } = p ?? {}, { containerRef: vo, isBelowBreakpoint: Le } = tr(
     g,
@@ -4432,8 +4429,8 @@ const ci = () => {
     ye.Path,
     ye.Actions
   ] : Mn, [tt, Mn]), Ht = d(
-    (x, ee, le) => dr(
-      x,
+    (b, ee, le) => dr(
+      b,
       ee,
       le,
       Nn,
@@ -4441,47 +4438,47 @@ const ci = () => {
     ),
     [Nt, Nn]
   ), Dt = d(
-    (x, ee, le) => !!Ot?.(x) || !!Ht(x, ee, le),
+    (b, ee, le) => !!Ot?.(b) || !!Ht(b, ee, le),
     [Ht, Ot]
   ), ct = G(() => {
-    const x = /* @__PURE__ */ new Set();
+    const b = /* @__PURE__ */ new Set();
     for (const ee of S)
-      Dt(ee, b, h) && x.add(ee.path);
-    return x;
-  }, [b, h, S, Dt]), Bt = d(
-    (x) => {
-      const ee = [], le = [], Re = !x.parentPath, at = Be?.test(
-        x.name
+      Dt(ee, x, h) && b.add(ee.path);
+    return b;
+  }, [x, h, S, Dt]), Bt = d(
+    (b) => {
+      const ee = [], le = [], Re = !b.parentPath, at = Be?.test(
+        b.name
       );
-      return s?.actionLabels && (s.actionLabels[N.AddSibling] && x.nodeType === O.FOLDER && !Re && ee.push({
+      return s?.actionLabels && (s.actionLabels[N.AddSibling] && b.nodeType === O.FOLDER && !Re && ee.push({
         key: "addSibling",
         label: s.actionLabels[N.AddSibling],
         icon: /* @__PURE__ */ a(
-          ba,
+          xa,
           {
             width: A.size,
             height: A.size,
             className: "text-secondary"
           }
         ),
-        onClick: () => En([x])
-      }), s.actionLabels[N.AddChild] && x.nodeType === O.FOLDER && !at && ee.push({
+        onClick: () => En([b])
+      }), s.actionLabels[N.AddChild] && b.nodeType === O.FOLDER && !at && ee.push({
         key: "addChild",
         label: s.actionLabels[N.AddChild],
         icon: /* @__PURE__ */ a(
-          xa,
+          ba,
           {
             width: A.size,
             height: A.size,
             className: "text-secondary"
           }
         ),
-        onClick: () => Sn([x])
+        onClick: () => Sn([b])
       }), s.actionLabels[N.Duplicate] && !Re && !at && le.push({
         key: "duplicate",
         label: s.actionLabels[N.Duplicate],
         icon: /* @__PURE__ */ a(Po, { ...A, className: "text-secondary" }),
-        onClick: () => H([x])
+        onClick: () => H([b])
       }), s.actionLabels[N.Copy] && !Re && !at && le.push({
         key: ge.Copy,
         label: s.actionLabels[N.Copy],
@@ -4494,7 +4491,7 @@ const ci = () => {
           }
         ),
         onClick: () => {
-          Te([x]), ie(ge.Copy);
+          Te([b]), ie(ge.Copy);
         }
       }), s.actionLabels[N.Move] && !Re && !at && le.push({
         key: ge.Move,
@@ -4508,14 +4505,14 @@ const ci = () => {
           }
         ),
         onClick: () => {
-          Ne([x]), ie(ge.Move);
+          Ne([b]), ie(ge.Move);
         }
       }), s.actionLabels[N.Download] && !Re && !at && le.push({
         key: "download",
         label: s.actionLabels[N.Download],
         icon: /* @__PURE__ */ a(ko, { ...A, className: "text-secondary" }),
-        onClick: () => ke([x])
-      }), s.actionLabels[N.ManagePermissions] && typeof wt == "function" && x.nodeType === O.FOLDER && !Re && le.push({
+        onClick: () => ke([b])
+      }), s.actionLabels[N.ManagePermissions] && typeof wt == "function" && b.nodeType === O.FOLDER && !Re && le.push({
         key: N.ManagePermissions,
         label: s.actionLabels[N.ManagePermissions],
         icon: /* @__PURE__ */ a(
@@ -4525,12 +4522,12 @@ const ci = () => {
             className: "text-secondary"
           }
         ),
-        onClick: () => wt?.(x.path)
-      }), s.actionLabels[N.Delete] && x.permissions?.includes(St.WRITE) && !Re && le.push({
+        onClick: () => wt?.(b.path)
+      }), s.actionLabels[N.Delete] && b.permissions?.includes(St.WRITE) && !Re && le.push({
         key: "delete",
         label: s.actionLabels[N.Delete],
         icon: /* @__PURE__ */ a(Mo, { ...A, className: "text-secondary" }),
-        onClick: () => Se([x], x.parentPath ?? "")
+        onClick: () => Se([b], b.parentPath ?? "")
       }), s.actionLabels[N.Rename] && !Re && le.push({
         key: "rename",
         label: s.actionLabels[N.Rename],
@@ -4541,8 +4538,8 @@ const ci = () => {
             className: "text-secondary"
           }
         ),
-        onClick: () => Fn(x.path)
-      }), s.actionLabels[N.Unshare] && yt?.includes(x.path) && !Re && le.push({
+        onClick: () => Fn(b.path)
+      }), s.actionLabels[N.Unshare] && yt?.includes(b.path) && !Re && le.push({
         key: "unshare",
         label: s.actionLabels[N.Unshare],
         icon: /* @__PURE__ */ a(
@@ -4553,8 +4550,8 @@ const ci = () => {
             className: "text-secondary"
           }
         ),
-        onClick: () => et?.([x])
-      }), s.actionLabels[N.RemoveAccess] && D?.has(x.path) && !Re && le.push({
+        onClick: () => et?.([b])
+      }), s.actionLabels[N.RemoveAccess] && D?.has(b.path) && !Re && le.push({
         key: N.RemoveAccess,
         label: s.actionLabels[N.RemoveAccess],
         icon: /* @__PURE__ */ a(
@@ -4564,7 +4561,7 @@ const ci = () => {
             className: "text-secondary"
           }
         ),
-        onClick: () => vt?.([x])
+        onClick: () => vt?.([b])
       })), ee.length ? le.length === 0 ? ee : ee.length === 0 ? le : [
         ...ee,
         { key: "divider", type: Na.Divider },
@@ -4590,22 +4587,22 @@ const ci = () => {
       En
     ]
   ), kn = G(() => {
-    const x = /* @__PURE__ */ new Set();
-    return W.forEach((ee, le) => x.add(le)), x;
+    const b = /* @__PURE__ */ new Set();
+    return W.forEach((ee, le) => b.add(le)), b;
   }, [W]), Ut = d(
-    (x, ee) => {
-      P(x), V?.(ee);
+    (b, ee) => {
+      P(b), V?.(ee);
     },
     [V, P]
   ), On = ni({
     selectedFiles: W,
     actionLabels: c?.actionLabels,
     onDuplicate: H,
-    onCopy: (x) => {
-      Te(x), ie(ge.Copy);
+    onCopy: (b) => {
+      Te(b), ie(ge.Copy);
     },
-    onMove: (x) => {
-      Ne(x), ie(ge.Move);
+    onMove: (b) => {
+      Ne(b), ie(ge.Move);
     },
     onDownload: ke,
     onDelete: Se,
@@ -4617,8 +4614,8 @@ const ci = () => {
     onClearSelection: k,
     forbiddenSymbolsRegExp: Be
   }), Vt = d(
-    (x) => {
-      C?.onTabChange?.(x), Qe();
+    (b) => {
+      C?.onTabChange?.(b), Qe();
     },
     [C, Qe]
   ), wo = d(() => C && L.size === 0 ? /* @__PURE__ */ q(
@@ -4683,8 +4680,8 @@ const ci = () => {
   const No = d(() => Le ? null : /* @__PURE__ */ a("div", { className: "min-h-0 min-w-0 h-full flex-none", children: /* @__PURE__ */ a(
     Ls,
     {
-      defaultWidth: xt,
-      width: xt,
+      defaultWidth: bt,
+      width: bt,
       onResizeStop: Rn,
       onResize: po,
       minWidth: Xs,
@@ -4693,10 +4690,10 @@ const ci = () => {
       children: /* @__PURE__ */ a(
         zs,
         {
-          width: xt,
+          width: bt,
           title: Me,
           ariaLabel: "File Manager Tree Navigation",
-          className: bn,
+          className: xn,
           titleClassName: "dial-body-text text-primary",
           additionalButtons: Dn,
           isOpened: !w,
@@ -4730,10 +4727,10 @@ const ci = () => {
     }
   ) }), [
     Le,
-    xt,
+    bt,
     w,
     Me,
-    bn,
+    xn,
     Dn,
     R,
     Tn,
@@ -4759,24 +4756,24 @@ const ci = () => {
     se
   ]), Ln = di({
     actionLabels: p?.actionLabels,
-    onDuplicate: (x) => H([x]),
-    onCopy: (x) => {
-      Te([x]), ie(ge.Copy);
+    onDuplicate: (b) => H([b]),
+    onCopy: (b) => {
+      Te([b]), ie(ge.Copy);
     },
-    onMove: (x) => {
-      Ne([x]), ie(ge.Move);
+    onMove: (b) => {
+      Ne([b]), ie(ge.Move);
     },
-    onDownload: (x) => ke([x]),
+    onDownload: (b) => ke([b]),
     onRename: co,
-    onDelete: (x, ee) => Se([x], ee),
-    onInfo: (x) => ue(x),
-    onUnshare: (x) => et?.([x]),
-    onRemoveAccess: (x) => vt?.([x]),
+    onDelete: (b, ee) => Se([b], ee),
+    onInfo: (b) => ue(b),
+    onUnshare: (b) => et?.([b]),
+    onRemoveAccess: (b) => vt?.([b]),
     sharedWithMeIds: yt,
     sharedByMePaths: D,
-    onManagePermissions: (x) => wt?.(x),
-    onPreview: (x) => ao?.(x),
-    onOpenInNewTab: (x) => so?.(x),
+    onManagePermissions: (b) => wt?.(b),
+    onPreview: (b) => ao?.(b),
+    onOpenInNewTab: (b) => so?.(b),
     previewExtensions: ro,
     isRenameFileAvailable: io,
     isDuplicateFolderAvailable: lo,
@@ -4784,18 +4781,18 @@ const ci = () => {
     onGridCreateSiblingFolder: uo,
     onGridCreateChildFolder: ho
   }), $t = d(
-    (x) => {
-      const ee = Ke(r, x.path);
+    (b) => {
+      const ee = Ke(r, b.path);
       return ee ? Ln(ee) : [];
     },
     [r, Ln]
-  ), xo = d(
-    (x, ee, le) => bt ? !1 : Dt(x, ee, le),
-    [bt, Dt]
-  ), { actionsColumnDef: bo } = Js({
+  ), bo = d(
+    (b, ee, le) => xt ? !1 : Dt(b, ee, le),
+    [xt, Dt]
+  ), { actionsColumnDef: xo } = Js({
     getContextMenuItems: $t,
-    isRowDisabled: xo,
-    allowedFileTypes: b,
+    isRowDisabled: bo,
+    allowedFileTypes: x,
     buttonClassName: Le ? "" : $s
   }), { columnDefs: Gt } = li({
     userColumnDefs: fo,
@@ -4805,14 +4802,14 @@ const ci = () => {
     effectiveVisibleColumns: yo,
     isCompactView: Le,
     hasActions: !!p?.actionLabels,
-    actionsColumnDef: bo,
+    actionsColumnDef: xo,
     rootItemLabel: o?.label,
     rootItemPath: o?.path
   }), zn = d(
-    (x) => {
-      x.colDef.colId === "ag-Grid-SelectionColumn" || x.colDef.colId === ye.Actions || X && x.data?.path === X || x.data?.isTemporary || zt && zt.includes(
-        x.colDef.colId
-      ) || x.data && oe(x.data);
+    (b) => {
+      b.colDef.colId === "ag-Grid-SelectionColumn" || b.colDef.colId === ye.Actions || X && b.data?.path === X || b.data?.isTemporary || zt && zt.includes(
+        b.colDef.colId
+      ) || b.data && oe(b.data);
     },
     [X, oe, zt]
   ), dt = d(
@@ -4835,7 +4832,7 @@ const ci = () => {
       }
     ),
     [wn, lt, yn]
-  ), _n = G(() => (x) => x.path, []), Wn = G(
+  ), _n = G(() => (b) => b.path, []), Wn = G(
     () => an(
       "min-h-[248px] overflow-auto md:min-h-[266px]",
       rt ? "border border-dashed border-info" : "",
@@ -4922,7 +4919,7 @@ const ci = () => {
         onSelectionChange: Ut,
         wrapperBorder: !rt && !mt,
         disabledRowIds: ct,
-        allowDisabledContextMenu: bt
+        allowDisabledContextMenu: xt
       }
     ),
     [
@@ -4946,7 +4943,7 @@ const ci = () => {
       rt,
       mt,
       ct,
-      bt
+      xt
     ]
   );
   return /* @__PURE__ */ a("section", { ref: vo, className: "size-full", children: /* @__PURE__ */ q(
@@ -4976,7 +4973,7 @@ const ci = () => {
                   jr,
                   {
                     ...i ?? {},
-                    makeHref: (x) => x.join("/"),
+                    makeHref: (b) => b.join("/"),
                     path: F,
                     onItemClick: j,
                     rootItemPath: o?.path,
@@ -5006,7 +5003,7 @@ const ci = () => {
                           gridRows: S,
                           getDisabledTooltip: Ot,
                           getRowDisabledTooltip: Ht,
-                          allowedFileTypes: b,
+                          allowedFileTypes: x,
                           maxSelectableFileSize: h
                         }
                       )
@@ -5031,18 +5028,18 @@ const ci = () => {
           zr,
           {
             ...u,
-            open: be,
+            open: xe,
             onClose: we,
             onConfirm: () => {
-              const x = u?.destinationFolderPath ?? "/";
-              he === ge.Copy ? De(x) : xe(x), we();
+              const b = u?.destinationFolderPath ?? "/";
+              he === ge.Copy ? De(b) : be(b), we();
             },
             mode: he,
             items: r,
             rootItem: o,
             gridOptions: {
               columnDefs: Gt.filter(
-                (x) => x.colId !== ye.Actions
+                (b) => b.colId !== ye.Actions
               ),
               loading: n
             },
@@ -5050,14 +5047,18 @@ const ci = () => {
             onValidateUpload: At,
             maxFileSize: Kn,
             path: u?.destinationFolderPath ?? u?.sourceFolder ?? F,
-            onPathChange: (x) => {
-              u?.setDestinationFolderPath?.(x);
+            onPathChange: (b) => {
+              u?.setDestinationFolderPath?.(b);
             },
             sourceFolder: u?.sourceFolder ?? F,
-            treeOptions: { header: s?.header },
+            treeOptions: {
+              header: s?.header,
+              loadedPaths: s?.loadedPaths,
+              loadingPaths: s?.loadingPaths
+            },
             onFolderPopupPathChange: oo,
             showHiddenFileSwitcher: ce,
-            showCreateFolderButton: xn,
+            showCreateFolderButton: bn,
             hideSearchPathItemName: _t
           }
         ),