@epam/ai-dial-ui-kit 0.5.0-rc.60 → 0.5.0-rc.61

package/dist/dial-ui-kit.es.js

@@ -2,11 +2,11 @@ import { jsx as C, jsxs as z, Fragment as $e } from "react/jsx-runtime";
 import J from "classnames";
 import { useFloating as oc, offset as Nh, flip as Hh, shift as Gh, arrow as RC, autoUpdate as Bh, useHover as Vh, useFocus as xC, useDismiss as nc, useRole as rc, useInteractions as ac, useMergeRefs as lc, FloatingPortal as cc, FloatingArrow as FC, autoPlacement as EC, size as DC, useClick as PC, FloatingFocusManager as zh, FloatingOverlay as TC } from "@floating-ui/react";
 import * as pe from "react";
-import U, { createContext as Mr, useState as k, useRef as L, useEffect as me, useMemo as V, useContext as Xe, isValidElement as dc, cloneElement as al, useCallback as I, memo as ut, useLayoutEffect as Vt, PureComponent as MC, useId as uc, Children as IC, createElement as So, useImperativeHandle as Ir, Component as kC, forwardRef as hc, Suspense as AC } from "react";
+import U, { createContext as Mr, useState as k, useRef as L, useEffect as me, useMemo as B, useContext as Je, isValidElement as dc, cloneElement as al, useCallback as I, memo as ut, useLayoutEffect as Vt, PureComponent as MC, useId as uc, Children as IC, createElement as So, useImperativeHandle as Ir, Component as kC, forwardRef as hc, Suspense as AC } from "react";
 import { IconInfoCircle as Wh, IconCircleCheck as LC, IconAlertTriangle as OC, IconAlertCircle as NC, IconX as Ji, IconMinus as HC, IconCheck as _h, IconExclamationCircle as gc, IconClipboardX as Uh, IconChevronsLeft as GC, IconChevronsRight as BC, IconGripVertical as VC, IconFile as $h, IconFileTypeZip as zC, IconFileTypeXml as WC, IconFileTypeXls as _C, IconFileTypeVue as UC, IconFileTypeTxt as $C, IconFileTypeTsx as jC, IconFileTypeTs as KC, IconFileTypeSvg as qC, IconFileTypeSql as YC, IconFileTypeRs as ZC, IconFileTypePpt as QC, IconFileTypePng as XC, IconFileTypePhp as JC, IconFileTypePdf as ev, IconFileTypeJsx as tv, IconFileTypeJs as sv, IconFileTypeJpg as iv, IconFileTypeHtml as ov, IconFileTypeDocx as nv, IconFileTypeDoc as rv, IconFileTypeCsv as av, IconFileTypeCss as lv, IconFileTypeBmp as cv, IconArrowUpRight as dv, IconFolder as pc, IconChevronLeft as uv, IconChevronRight as jh, IconChevronDown as kr, IconDotsVertical as Ar, IconDots as hv, IconTrashX as Yo, IconEyeOff as Kh, IconEye as qh, IconSearch as gv, IconPlus as pv, IconChevronUp as fv, IconAlertCircleFilled as mv, IconCaretRightFilled as Cv, IconZoomCancel as vv, IconFileZip as wv, IconCopyMinus as bv, IconFolderPlus as Sv, IconCopy as fc, IconDownload as mc, IconPencilMinus as Yh, IconCircleFilled as ua } from "@tabler/icons-react";
 import yv, { flushSync as Rv, createPortal as Cc } from "react-dom";
 const si = ({ errorText: e }) => e && /* @__PURE__ */ C("span", { className: "text-error dial-tiny mt-1", children: e }), He = ({ icon: e, className: t }) => e ? /* @__PURE__ */ C("span", { className: J("flex-shrink-0", t), children: e }) : null, xv = 7, Fv = 2, Zh = Mr(null), Qh = () => {
-  const e = Xe(Zh);
+  const e = Je(Zh);
   if (e == null)
     throw new Error("Tooltip components must be wrapped in <Tooltip />");
   return e;
@@ -53,7 +53,7 @@ const si = ({ errorText: e }) => e && /* @__PURE__ */ C("span", { className: "te
       { root: null, threshold: 0 }
     );
     return v.observe(m), () => v.disconnect();
-  }, [l, d.refs.reference, c]), V(
+  }, [l, d.refs.reference, c]), B(
     () => ({
       open: l,
       setOpen: c,
@@ -431,7 +431,7 @@ const Qe = (e) => {
     c,
     oe,
     ie
-  ], Q = () => ["", Se, po, zs], se = () => ["solid", "dashed", "dotted", "double"], de = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], B = () => [Se, ha, Md, Td], Ce = () => [
+  ], Q = () => ["", Se, po, zs], se = () => ["solid", "dashed", "dotted", "double"], de = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], V = () => [Se, ha, Md, Td], Ce = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -1923,10 +1923,10 @@ const Qe = (e) => {
         "mask-linear": [Se]
       }],
       "mask-image-linear-from-pos": [{
-        "mask-linear-from": B()
+        "mask-linear-from": V()
       }],
       "mask-image-linear-to-pos": [{
-        "mask-linear-to": B()
+        "mask-linear-to": V()
       }],
       "mask-image-linear-from-color": [{
         "mask-linear-from": N()
@@ -1935,10 +1935,10 @@ const Qe = (e) => {
         "mask-linear-to": N()
       }],
       "mask-image-t-from-pos": [{
-        "mask-t-from": B()
+        "mask-t-from": V()
       }],
       "mask-image-t-to-pos": [{
-        "mask-t-to": B()
+        "mask-t-to": V()
       }],
       "mask-image-t-from-color": [{
         "mask-t-from": N()
@@ -1947,10 +1947,10 @@ const Qe = (e) => {
         "mask-t-to": N()
       }],
       "mask-image-r-from-pos": [{
-        "mask-r-from": B()
+        "mask-r-from": V()
       }],
       "mask-image-r-to-pos": [{
-        "mask-r-to": B()
+        "mask-r-to": V()
       }],
       "mask-image-r-from-color": [{
         "mask-r-from": N()
@@ -1959,10 +1959,10 @@ const Qe = (e) => {
         "mask-r-to": N()
       }],
       "mask-image-b-from-pos": [{
-        "mask-b-from": B()
+        "mask-b-from": V()
       }],
       "mask-image-b-to-pos": [{
-        "mask-b-to": B()
+        "mask-b-to": V()
       }],
       "mask-image-b-from-color": [{
         "mask-b-from": N()
@@ -1971,10 +1971,10 @@ const Qe = (e) => {
         "mask-b-to": N()
       }],
       "mask-image-l-from-pos": [{
-        "mask-l-from": B()
+        "mask-l-from": V()
       }],
       "mask-image-l-to-pos": [{
-        "mask-l-to": B()
+        "mask-l-to": V()
       }],
       "mask-image-l-from-color": [{
         "mask-l-from": N()
@@ -1983,10 +1983,10 @@ const Qe = (e) => {
         "mask-l-to": N()
       }],
       "mask-image-x-from-pos": [{
-        "mask-x-from": B()
+        "mask-x-from": V()
       }],
       "mask-image-x-to-pos": [{
-        "mask-x-to": B()
+        "mask-x-to": V()
       }],
       "mask-image-x-from-color": [{
         "mask-x-from": N()
@@ -1995,10 +1995,10 @@ const Qe = (e) => {
         "mask-x-to": N()
       }],
       "mask-image-y-from-pos": [{
-        "mask-y-from": B()
+        "mask-y-from": V()
       }],
       "mask-image-y-to-pos": [{
-        "mask-y-to": B()
+        "mask-y-to": V()
       }],
       "mask-image-y-from-color": [{
         "mask-y-from": N()
@@ -2010,10 +2010,10 @@ const Qe = (e) => {
         "mask-radial": [oe, ie]
       }],
       "mask-image-radial-from-pos": [{
-        "mask-radial-from": B()
+        "mask-radial-from": V()
       }],
       "mask-image-radial-to-pos": [{
-        "mask-radial-to": B()
+        "mask-radial-to": V()
       }],
       "mask-image-radial-from-color": [{
         "mask-radial-from": N()
@@ -2037,10 +2037,10 @@ const Qe = (e) => {
         "mask-conic": [Se]
       }],
       "mask-image-conic-from-pos": [{
-        "mask-conic-from": B()
+        "mask-conic-from": V()
       }],
       "mask-image-conic-to-pos": [{
-        "mask-conic-to": B()
+        "mask-conic-to": V()
       }],
       "mask-image-conic-from-color": [{
         "mask-conic-from": N()
@@ -3042,10 +3042,10 @@ const lw = {
       window.removeEventListener("resize", f), m && m.disconnect(), d.current && cancelAnimationFrame(d.current);
     };
   }, [e, h]);
-  const g = V(
+  const g = B(
     () => typeof e == "string" ? e : l,
     [l, e]
-  ), p = V(() => i ? "" : r ? g : "", [g, i, r]);
+  ), p = B(() => i ? "" : r ? g : "", [g, i, r]);
   return /* @__PURE__ */ z(Xh, { ...o, children: [
     /* @__PURE__ */ C(
       eg,
@@ -3478,7 +3478,7 @@ const Sw = "flex", yw = "pb-1 mt-2", Rw = {
   isOpened: l,
   onToggle: c
 }) => {
-  const [d, u] = k(s), [h, g] = k(!0), p = V(() => typeof l == "boolean", [l]), f = p ? l : h;
+  const [d, u] = k(s), [h, g] = k(!0), p = B(() => typeof l == "boolean", [l]), f = p ? l : h;
   me(() => {
     p && u(l ? s : pa);
   }, [p, l, s]);
@@ -4761,10 +4761,10 @@ function bg(e, t) {
   const s = [
     ...t || []
   ];
-  return t == null && typeof e != "function" && s.push(e), V(() => typeof e == "function" ? e() : e, s);
+  return t == null && typeof e != "function" && s.push(e), B(() => typeof e == "function" ? e() : e, s);
 }
 function tb(e) {
-  return V(
+  return B(
     () => e.hooks.dragSource(),
     [
       e
@@ -4772,7 +4772,7 @@ function tb(e) {
   );
 }
 function sb(e) {
-  return V(
+  return B(
     () => e.hooks.dragPreview(),
     [
       e
@@ -5134,11 +5134,11 @@ class ub {
   }
 }
 function io() {
-  const { dragDropManager: e } = Xe(ug);
+  const { dragDropManager: e } = Je(ug);
   return ve(e != null, "Expected drag drop context"), e;
 }
 function hb(e, t) {
-  const s = io(), i = V(
+  const s = io(), i = B(
     () => new db(s.getBackend()),
     [
       s
@@ -5154,7 +5154,7 @@ function hb(e, t) {
 }
 function gb() {
   const e = io();
-  return V(
+  return B(
     () => new ib(e),
     [
       e
@@ -5184,7 +5184,7 @@ class pb {
   }
 }
 function fb(e, t, s) {
-  const i = V(
+  const i = B(
     () => new pb(e, t, s),
     [
       t,
@@ -5198,7 +5198,7 @@ function fb(e, t, s) {
   ]), i;
 }
 function mb(e) {
-  return V(() => {
+  return B(() => {
     const t = e.type;
     return ve(t != null, "spec.type must be defined"), t;
   }, [
@@ -5231,7 +5231,7 @@ function vb(e, t) {
   ];
 }
 function wb(e) {
-  return V(
+  return B(
     () => e.hooks.dropTarget(),
     [
       e
@@ -5239,7 +5239,7 @@ function wb(e) {
   );
 }
 function bb(e) {
-  const t = io(), s = V(
+  const t = io(), s = B(
     () => new ub(t.getBackend()),
     [
       t
@@ -5251,7 +5251,7 @@ function bb(e) {
 }
 function Sb() {
   const e = io();
-  return V(
+  return B(
     () => new ob(e),
     [
       e
@@ -5260,7 +5260,7 @@ function Sb() {
 }
 function yb(e) {
   const { accept: t } = e;
-  return V(() => (ve(e.accept != null, "accept must be defined"), Array.isArray(t) ? t : [
+  return B(() => (ve(e.accept != null, "accept must be defined"), Array.isArray(t) ? t : [
     t
   ]), [
     t
@@ -5285,7 +5285,7 @@ class Rb {
   }
 }
 function xb(e, t) {
-  const s = V(
+  const s = B(
     () => new Rb(e, t),
     [
       t
@@ -5554,7 +5554,7 @@ var ir = /* @__PURE__ */ ((e) => (e.Left = "left", e.Right = "right", e))(ir ||
     t(c, s);
   }, [t, s]), a = I(function(c) {
     t(c, s);
-  }, [t, s]), l = V(function() {
+  }, [t, s]), l = B(function() {
     return Ye(Ye({ position: "absolute", userSelect: "none" }, Ob[s]), o ?? {});
   }, [o, s]);
   return C("div", { className: n || void 0, style: l, onMouseDown: r, onTouchStart: a, children: i });
@@ -6008,7 +6008,7 @@ const Ub = ({ side: e, className: t }) => {
     u(!1);
     const S = m.current?.resizable?.getBoundingClientRect(), y = S ? Math.round(S.width) : t;
     p || g(y), n?.(y);
-  }, [n, p, t]), b = V(() => {
+  }, [n, p, t]), b = B(() => {
     const S = a === ir.Left, y = /* @__PURE__ */ C(
       $b,
       {
@@ -6094,7 +6094,7 @@ const Qb = ({
   emptyPlaceholder: i = "—",
   className: o
 }) => {
-  const n = xg(e), r = V(() => n ? new Intl.DateTimeFormat(t, s).format(n) : i, [n, i, t, s]), a = n ? n.toISOString() : void 0;
+  const n = xg(e), r = B(() => n ? new Intl.DateTimeFormat(t, s).format(n) : i, [n, i, t, s]), a = n ? n.toISOString() : void 0;
   return /* @__PURE__ */ C(
     ss,
     {
@@ -6153,11 +6153,11 @@ const Jb = J(
   maxDropdownHeight: w
 }) => {
   const [b, S] = k(a), y = r !== void 0, x = y ? !!r : b, F = L(null), R = I(
-    (B) => {
-      y || S(B), l?.(B);
+    (V) => {
+      y || S(V), l?.(V);
     },
     [y, l]
-  ), D = uc(), P = o === void 0, E = (B) => "clientWidth" in B ? B.clientWidth : B.getBoundingClientRect?.()?.width ?? 0, { refs: T, floatingStyles: O, context: j } = oc({
+  ), D = uc(), P = o === void 0, E = (V) => "clientWidth" in V ? V.clientWidth : V.getBoundingClientRect?.()?.width ?? 0, { refs: T, floatingStyles: O, context: j } = oc({
     placement: o,
     open: x,
     onOpenChange: R,
@@ -6173,7 +6173,7 @@ const Jb = J(
       Gh({ padding: fo }),
       DC({
         padding: fo,
-        apply({ availableWidth: B, availableHeight: Ce, elements: ye }) {
+        apply({ availableWidth: V, availableHeight: Ce, elements: ye }) {
           const ue = ye.floating, Ie = E(ye.reference);
           ue.style.setProperty(
             "--fui-available-height",
@@ -6181,7 +6181,7 @@ const Jb = J(
           ), ue.style.setProperty(
             "--reference-width",
             v ? `${Math.round(Ie)}px` : "0px"
-          ), v ? ue.style.minWidth = `${Math.round(Ie)}px` : ue.style.removeProperty("min-width"), ue.style.maxWidth = `${Math.floor(B)}px`;
+          ), v ? ue.style.minWidth = `${Math.round(Ie)}px` : ue.style.removeProperty("min-width"), ue.style.maxWidth = `${Math.floor(V)}px`;
           const Fe = Math.floor(Ce);
           ue.style.maxHeight = `${w ? Math.min(Fe, w) : Fe}px`;
         }
@@ -6197,9 +6197,9 @@ const Jb = J(
   }), ne = nc(j, {
     bubbles: !0,
     referencePress: !1,
-    outsidePress: (B) => {
+    outsidePress: (V) => {
       if (!p) return !1;
-      const Ce = B.target;
+      const Ce = V.target;
       return !(g?.current && Ce instanceof Node && g.current.contains(Ce));
     }
   }), N = rc(j, { role: "menu" }), { getReferenceProps: te, getFloatingProps: $ } = ac([
@@ -6208,34 +6208,34 @@ const Jb = J(
     ne,
     N
   ]), W = I(
-    (B, Ce) => {
+    (V, Ce) => {
       T.setPositionReference({
         getBoundingClientRect: () => ({
           width: 0,
           height: 0,
-          x: B,
+          x: V,
           y: Ce,
           top: Ce,
-          left: B,
-          right: B,
+          left: V,
+          right: V,
           bottom: Ce
         })
       });
     },
     [T]
   ), Y = I(
-    (B) => {
-      !i.includes(It.ContextMenu) || n || (B.preventDefault(), m && (W(B.clientX, B.clientY), F.current = document.elementFromPoint(
-        B.clientX,
-        B.clientY
+    (V) => {
+      !i.includes(It.ContextMenu) || n || (V.preventDefault(), m && (W(V.clientX, V.clientY), F.current = document.elementFromPoint(
+        V.clientX,
+        V.clientY
       )), R(!0));
     },
     [m, n, R, W, i]
   ), Z = I(
-    (B) => {
-      !m || n || (i.includes(It.ContextMenu) && x && R(!1), W(B.clientX, B.clientY), F.current = document.elementFromPoint(
-        B.clientX,
-        B.clientY
+    (V) => {
+      !m || n || (i.includes(It.ContextMenu) && x && R(!1), W(V.clientX, V.clientY), F.current = document.elementFromPoint(
+        V.clientX,
+        V.clientY
       ));
     },
     [m, n, W, x, i, R]
@@ -6244,52 +6244,52 @@ const Jb = J(
     n && x && R(!1);
   }, [n, x, R]);
   const Q = I(
-    (B) => (Ce) => {
-      B.disabled || (B.onClick?.({ key: B.key, domEvent: Ce }), t?.onClick?.({ key: B.key, domEvent: Ce }), R(!1));
+    (V) => (Ce) => {
+      V.disabled || (V.onClick?.({ key: V.key, domEvent: Ce }), t?.onClick?.({ key: V.key, domEvent: Ce }), R(!1));
     },
     [t, R]
-  ), se = V(() => s ? s() : t ? /* @__PURE__ */ z($e, { children: [
+  ), se = B(() => s ? s() : t ? /* @__PURE__ */ z($e, { children: [
     t.header && /* @__PURE__ */ C($e, { children: typeof t.header == "function" ? t.header() : t.header }),
-    /* @__PURE__ */ C("div", { role: "none", className: "py-1", children: t.items.map((B) => B.type === Cl.Divider ? /* @__PURE__ */ C(
+    /* @__PURE__ */ C("div", { role: "none", className: "py-1", children: t.items.map((V) => V.type === Cl.Divider ? /* @__PURE__ */ C(
       "div",
       {
         role: "separator",
         className: o0
       },
-      B.key
-    ) : B.type === Cl.PlainText ? /* @__PURE__ */ C(
+      V.key
+    ) : V.type === Cl.PlainText ? /* @__PURE__ */ C(
       "div",
       {
         className: be(
           "px-3 py-2 text-secondary dial-caption",
-          B.className
+          V.className
         ),
-        children: B.label
+        children: V.label
       },
-      B.key
+      V.key
     ) : /* @__PURE__ */ z(
       "button",
       {
         role: "menuitem",
         type: "button",
-        "aria-disabled": !!B.disabled,
+        "aria-disabled": !!V.disabled,
         className: J(
           t0,
-          B.disabled && s0,
-          B.danger && i0,
-          B.className
+          V.disabled && s0,
+          V.danger && i0,
+          V.className
         ),
-        disabled: B.disabled,
-        onClick: Q(B),
+        disabled: V.disabled,
+        onClick: Q(V),
         children: [
-          B.icon && /* @__PURE__ */ C(
+          V.icon && /* @__PURE__ */ C(
             "span",
             {
               className: J(
-                B.danger && "text-error",
-                B.disabled && "text-secondary"
+                V.danger && "text-error",
+                V.disabled && "text-secondary"
               ),
-              children: /* @__PURE__ */ C(He, { icon: B.icon })
+              children: /* @__PURE__ */ C(He, { icon: V.icon })
             }
           ),
           /* @__PURE__ */ C(
@@ -6297,15 +6297,15 @@ const Jb = J(
             {
               className: J(
                 "flex-1 truncate text-left",
-                B.danger && "text-error",
-                B.disabled && "text-secondary"
+                V.danger && "text-error",
+                V.disabled && "text-secondary"
               ),
-              children: B.label
+              children: V.label
             }
           )
         ]
       },
-      B.key
+      V.key
     )) }),
     t.footer && /* @__PURE__ */ C($e, { children: typeof t.footer == "function" ? t.footer() : t.footer })
   ] }) : null, [Q, t, s]), de = te({
@@ -6314,9 +6314,9 @@ const Jb = J(
   });
   return me(() => {
     if (!x) return;
-    const B = T.reference.current;
+    const V = T.reference.current;
     let Ce = null;
-    if (B instanceof Element ? Ce = B : F.current instanceof Element && (Ce = F.current), !Ce) return;
+    if (V instanceof Element ? Ce = V : F.current instanceof Element && (Ce = F.current), !Ce) return;
     const ye = new IntersectionObserver(
       ([ue]) => {
         ue.isIntersecting || R(!1);
@@ -6365,8 +6365,8 @@ const Jb = J(
                 Fg,
                 {
                   ariaLabel: "Close dropdown",
-                  onClose: (B) => {
-                    d?.(B), R(!1);
+                  onClose: (V) => {
+                    d?.(V), R(!1);
                   }
                 }
               ) }),
@@ -6441,7 +6441,7 @@ const Zd = () => typeof window < "u" && window.innerWidth < 640, Qd = () => {
   smallScreenContainerClassName: n,
   smallScreenDropdownItemClassName: r
 }) => {
-  const [a, l] = k(!1), [c, d] = k(!1), [u, h] = k(!1), g = n0(), p = g === $s.Mobile || o === or.Tablet && g === $s.Tablet, f = i === ml.Horizontal, m = L(null), v = L(null), w = L(null), b = e.find((x) => x.id === t), S = V(
+  const [a, l] = k(!1), [c, d] = k(!1), [u, h] = k(!1), g = n0(), p = g === $s.Mobile || o === or.Tablet && g === $s.Tablet, f = i === ml.Horizontal, m = L(null), v = L(null), w = L(null), b = e.find((x) => x.id === t), S = B(
     () => J(
       "flex gap-2",
       f ? "flex-row flex-nowrap overflow-x-auto" : "flex-col flex-wrap w-full"
@@ -6633,7 +6633,7 @@ const Zd = () => typeof window < "u" && window.innerWidth < 640, Qd = () => {
   children: o,
   titleClassName: n
 }) => {
-  const r = V(() => e?.length ? e : IC.toArray(o).filter(dc).map((c) => {
+  const r = B(() => e?.length ? e : IC.toArray(o).filter(dc).map((c) => {
     const d = c.props, { titleClassName: u, isLast: h, separator: g, ...p } = d;
     return p;
   }), [e, o]), a = I(
@@ -6642,7 +6642,7 @@ const Zd = () => typeof window < "u" && window.innerWidth < 640, Qd = () => {
       u.onClick ? u.onClick(c.domEvent) : u.href && (window.location.href = u.href);
     },
     [r]
-  ), l = V(() => {
+  ), l = B(() => {
     if (r.length === 0) return null;
     if (r.length <= 3)
       return r.map((p, f) => /* @__PURE__ */ So(
@@ -7799,7 +7799,7 @@ const U0 = ({
   dismissRef: D,
   onFooterClick: P
 }) => {
-  const E = uc(), [T, O] = k(!1), [j, H] = k(""), ee = L(null), ne = i !== void 0, [N, te] = k(o), $ = ne ? i : N, W = V(() => t ? Array.isArray($) ? $ : [] : typeof $ == "string" ? [$] : [], [$, t]), Y = V(() => {
+  const E = uc(), [T, O] = k(!1), [j, H] = k(""), ee = L(null), ne = i !== void 0, [N, te] = k(o), $ = ne ? i : N, W = B(() => t ? Array.isArray($) ? $ : [] : typeof $ == "string" ? [$] : [], [$, t]), Y = B(() => {
     const _ = j.trim().toLowerCase();
     return _ ? e.filter((X) => X.label.toLowerCase().includes(_)) : e;
   }, [e, j]);
@@ -7827,15 +7827,15 @@ const U0 = ({
       Z(we);
     },
     [t, W, Z]
-  ), de = V(
+  ), de = B(
     () => Y.filter((_) => !_.disabled),
     [Y]
-  ), B = V(
+  ), V = B(
     () => de.filter((_) => W.includes(_.value)).length,
     [de, W]
   ), Ce = (_) => {
     R && !t && !_ && Q(j), O(_);
-  }, ye = de.length > 0 && B === de.length, ue = B > 0 && !ye, Ie = () => {
+  }, ye = de.length > 0 && V === de.length, ue = V > 0 && !ye, Ie = () => {
     if (!(!t || de.length === 0))
       if (ye) {
         const _ = new Set(de.map((we) => we.value)), X = W.filter((we) => !_.has(we));
@@ -7854,7 +7854,7 @@ const U0 = ({
       _.setSelectionRange?.(X, X);
     });
   }, [T, R, t, v]);
-  const je = !t && Fe ? W[0] : void 0, Le = V(
+  const je = !t && Fe ? W[0] : void 0, Le = B(
     () => je ? e.find((_) => _.value === je) : void 0,
     [e, je]
   ), gt = I(() => !t || W.length === 0 ? null : /* @__PURE__ */ C(
@@ -8726,7 +8726,7 @@ const oS = function(t, s, i) {
   ), v = I(
     (E) => n && E?.length > n,
     [n]
-  ), w = V(() => p || v(h), [p, h, v]), b = () => {
+  ), w = B(() => p || v(h), [p, h, v]), b = () => {
     g([]), f(!1);
   };
   me(() => {
@@ -8946,7 +8946,7 @@ const oS = function(t, s, i) {
     )
   ] });
 }, lS = /* @__PURE__ */ C(kr, { size: 16 }), cS = /* @__PURE__ */ C(fv, { size: 16 }), nu = (e) => {
-  const [t, s] = k(!1), i = V(() => t ? cS : lS, [t]);
+  const [t, s] = k(!1), i = B(() => t ? cS : lS, [t]);
   return /* @__PURE__ */ C("div", { children: /* @__PURE__ */ C(
     Nt,
     {
@@ -9184,10 +9184,10 @@ const Sl = ({
     }
   );
 }, zg = (e) => {
-  const [t, s] = k(e?.expandedPaths ?? /* @__PURE__ */ new Set()), i = V(
+  const [t, s] = k(e?.expandedPaths ?? /* @__PURE__ */ new Set()), i = B(
     () => !!e?.onExpandedPathsChange,
     [e?.onExpandedPathsChange]
-  ), o = V(
+  ), o = B(
     () => i ? e?.expandedPaths ?? /* @__PURE__ */ new Set() : t,
     [i, e?.expandedPaths, t]
   ), n = I(
@@ -9363,7 +9363,7 @@ const Sl = ({
   searchClassName: m,
   searchContainerClassName: v
 }) => {
-  const w = V(() => {
+  const w = B(() => {
     if (!i) return;
     const b = i.split("/").map((y) => y.trim()).filter(Boolean);
     if (!b.length) return [{ title: "/" }];
@@ -9564,7 +9564,7 @@ function qt(e) {
 function Ve(e) {
   return qt(e).activeElement;
 }
-function tt(e) {
+function st(e) {
   const { gos: t, eRootDiv: s } = e;
   let i = null;
   const o = t.get("getDocument");
@@ -9572,15 +9572,15 @@ function tt(e) {
 }
 function Wg(e) {
   const t = Ve(e);
-  return t === null || t === tt(e).body;
+  return t === null || t === st(e).body;
 }
 function _g(e) {
-  return tt(e).defaultView || window;
+  return st(e).defaultView || window;
 }
 function kc(e) {
   let t = null, s = null;
   try {
-    t = tt(e).fullscreenElement;
+    t = st(e).fullscreenElement;
   } catch {
   } finally {
     t || (t = qt(e));
@@ -9930,7 +9930,7 @@ function dy(e, t, s) {
     return;
   const l = Jg(e.offsetParent), { clientY: c, clientX: d } = t;
   let u = c - l.top - o / 2, h = d - l.left - 10;
-  const g = tt(s), p = g.defaultView || window, f = p.pageYOffset || g.documentElement.scrollTop, m = p.pageXOffset || g.documentElement.scrollLeft;
+  const g = st(s), p = g.defaultView || window, f = p.pageYOffset || g.documentElement.scrollTop, m = p.pageXOffset || g.documentElement.scrollLeft;
   n > 0 && h + e.clientWidth > n + m && (h = n + m - e.clientWidth), h < 0 && (h = 0), r > 0 && u + e.clientHeight > r + f && (u = r + f - e.clientHeight), u < 0 && (u = 0), e.style.left = `${h}px`, e.style.top = `${u}px`;
 }
 var Vn = (e, ...t) => {
@@ -12970,7 +12970,7 @@ function br(e) {
   s && (e.ctrlKey || e.metaKey || e.altKey) || t !== s && (Nl = s);
 }
 function g2(e) {
-  const t = tt(e);
+  const t = st(e);
   return u2(t), wr++, () => {
     wr--, h2(t);
   };
@@ -14637,7 +14637,7 @@ ${n}}
     this.interactionEnabled && ([this.tooltipMouseEnterListener, this.tooltipMouseLeaveListener] = this.addManagedElementListeners(i, {
       mouseenter: this.onTooltipMouseEnter.bind(this),
       mouseleave: this.onTooltipMouseLeave.bind(this)
-    }), [this.onDocumentKeyDownCallback] = this.addManagedElementListeners(tt(this.beans), {
+    }), [this.onDocumentKeyDownCallback] = this.addManagedElementListeners(st(this.beans), {
       keydown: (r) => {
         i.contains(r?.target) || this.onKeyDown();
       }
@@ -14844,12 +14844,12 @@ ${n}}
     }
   }
   getParentRect() {
-    const e = tt(this.beans);
+    const e = st(this.beans);
     let t = this.getPopupParent();
     return t === e.body ? t = e.documentElement : getComputedStyle(t).position === "static" && (t = t.offsetParent), Jg(t);
   }
   keepXYWithinBounds(e, t, s) {
-    const i = s === 0, o = i ? "clientHeight" : "clientWidth", n = i ? "top" : "left", r = i ? "height" : "width", a = i ? "scrollTop" : "scrollLeft", l = tt(this.beans), c = l.documentElement, d = this.getPopupParent(), u = e.getBoundingClientRect(), h = d.getBoundingClientRect(), g = l.documentElement.getBoundingClientRect(), p = d === l.body, f = Math.ceil(u[r]);
+    const i = s === 0, o = i ? "clientHeight" : "clientWidth", n = i ? "top" : "left", r = i ? "height" : "width", a = i ? "scrollTop" : "scrollLeft", l = st(this.beans), c = l.documentElement, d = this.getPopupParent(), u = e.getBoundingClientRect(), h = d.getBoundingClientRect(), g = l.documentElement.getBoundingClientRect(), p = d === l.body, f = Math.ceil(u[r]);
     let v = p ? (i ? Xg : rr)(c) + c[a] : d[o];
     p && (v -= Math.abs(g[n] - h[n]));
     const w = v - f;
@@ -14874,7 +14874,7 @@ ${n}}
     return n.applyThemeClasses(a), a.classList.add("ag-popup"), e.classList.add(r.get("enableRtl") ? "ag-rtl" : "ag-ltr", "ag-popup-child"), e.hasAttribute("role") || ri(e, "dialog"), s ? Ki(e, s) : i && (e.id || (e.id = `popup-component-${Pn}`), lu(i, e.id)), a.appendChild(e), o.appendChild(a), t ? this.setAlwaysOnTop(e, !0) : this.bringPopupToFront(e), a;
   }
   addEventListenersToPopup(e) {
-    const t = this.beans, s = tt(t), { wrapperEl: i, eChild: o, closedCallback: n, afterGuiAttached: r, closeOnEsc: a, modal: l, ariaOwns: c } = e;
+    const t = this.beans, s = st(t), { wrapperEl: i, eChild: o, closedCallback: n, afterGuiAttached: r, closeOnEsc: a, modal: l, ariaOwns: c } = e;
     let d = !1;
     const u = (f) => {
       if (!i.contains(Ve(t)))
@@ -14986,7 +14986,7 @@ ${n}}
     return this.isElementWithinCustomPopup(o.target);
   }
   isElementWithinCustomPopup(e) {
-    const t = tt(this.beans);
+    const t = st(this.beans);
     for (; e && e !== t.body; ) {
       if (e.classList.contains("ag-custom-component-popup") || e.parentElement === null)
         return !0;
@@ -15143,7 +15143,7 @@ ${n}}
   }
   initDrag(e, ...t) {
     this.drag = e;
-    const s = this.beans, i = (a) => this.onScroll(a), o = (a) => this.onKeyDown(a), n = qt(s), r = tt(s);
+    const s = this.beans, i = (a) => this.onScroll(a), o = (a) => this.onKeyDown(a), n = qt(s), r = st(s);
     Vn(
       e.handlers,
       [n, "contextmenu", Es],
@@ -15225,7 +15225,7 @@ ${n}}
   }
   /** only gets called after a mouse down - as this is only added after mouseDown and is removed when mouseUp happens */
   onMouseOrPointerMove(e) {
-    rs(e) && (Ns() && tt(this.beans).getSelection()?.removeAllRanges(), this.shouldPreventMouseEvent(e) && Es(e), this.onMove(e));
+    rs(e) && (Ns() && st(this.beans).getSelection()?.removeAllRanges(), this.shouldPreventMouseEvent(e) && Es(e), this.onMove(e));
   }
   onTouchMove(e) {
     const t = this.drag;
@@ -16100,7 +16100,7 @@ function Iu(e, t, s, i, o, n, r) {
   }
   o(a), l ? n(c) : gf(t, s, i);
 }
-function et(e, t) {
+function tt(e, t) {
   return e[t] ?? null;
 }
 function Ct(e) {
@@ -18814,7 +18814,7 @@ var AF = class extends A {
         return;
       const { paddingTop: h, paddingBottom: g, borderBottomWidth: p, borderTopWidth: f } = hi(this.eGui), m = h + g + p + f, w = t.offsetHeight + m;
       if (u < 5) {
-        const S = !tt(o)?.contains(t), y = w == 0;
+        const S = !st(o)?.contains(t), y = w == 0;
         if (S || y) {
           xl(() => n(u + 1), "raf", o);
           return;
@@ -20961,7 +20961,7 @@ var lE = class extends A {
     !(this.providedFocusInnerElement ? this.providedFocusInnerElement(t) : this.focusInnerElement(t)) && this.forceFocusOutWhenTabGuardsAreEmpty && this.findNextElementOutsideAndFocus(e.target === this.eBottomGuard);
   }
   findNextElementOutsideAndFocus(e) {
-    const t = tt(this.beans), s = Bi(t.body, null, !0), i = s.indexOf(e ? this.eTopGuard : this.eBottomGuard);
+    const t = st(this.beans), s = Bi(t.body, null, !0), i = s.indexOf(e ? this.eTopGuard : this.eBottomGuard);
     if (i === -1)
       return;
     let o, n;
@@ -21059,7 +21059,7 @@ var lE = class extends A {
     return this.tabGuardCtrl;
   }
   createTabGuard(e) {
-    const t = tt(this.beans).createElement("div"), s = e === "top" ? zi.TAB_GUARD_TOP : zi.TAB_GUARD_BOTTOM;
+    const t = st(this.beans).createElement("div"), s = e === "top" ? zi.TAB_GUARD_TOP : zi.TAB_GUARD_BOTTOM;
     return t.classList.add(zi.TAB_GUARD, s), ri(t, "presentation"), t;
   }
   addTabGuards(e, t) {
@@ -26726,7 +26726,7 @@ var MP = class extends A {
     e.ctrlsSvc.whenReady(this, (s) => {
       this.gridBodyCon = s.gridBodyCtrl;
     });
-    const t = tt(e);
+    const t = st(e);
     this.addManagedElementListeners(t, {
       mousedown: () => {
         this.currentHeaderRowWithoutSpan = -1;
@@ -32519,7 +32519,7 @@ var Q5 = {
     super(), this.beanName = "ariaAnnounce", this.descriptionContainer = null, this.pendingAnnouncements = /* @__PURE__ */ new Map(), this.lastAnnouncement = "", this.updateAnnouncement = nt(this, this.updateAnnouncement.bind(this), 200);
   }
   postConstruct() {
-    const e = this.beans, t = tt(e), s = this.descriptionContainer = t.createElement("div");
+    const e = this.beans, t = st(e), s = this.descriptionContainer = t.createElement("div");
     s.classList.add("ag-aria-description-container"), jg(s, "polite"), WS(s, "additions text"), zS(s, !0), e.eGridDiv.appendChild(s);
   }
   /**
@@ -35913,7 +35913,7 @@ var pT = class extends A {
     this.comp.getFloatingFilterComp()?.then((i) => {
       typeof i?.refresh == "function" && (this.gos.get("enableFilterHandlers") && (s = {
         ...s,
-        model: et(this.beans.colFilter?.model ?? {}, this.column.getColId()),
+        model: tt(this.beans.colFilter?.model ?? {}, this.column.getColId()),
         source: t
       }), i.refresh(s));
     });
@@ -36178,7 +36178,7 @@ var kT = {
       for (const i of Object.keys(t)) {
         const o = t[i];
         this.state.set(i, {
-          model: et(this.model, i),
+          model: tt(this.model, i),
           state: o
         });
       }
@@ -36198,9 +36198,9 @@ var kT = {
   getModelFromFilterWrapper(e) {
     const s = e.column.getColId();
     if (e.isHandler)
-      return et(this.model, s);
+      return tt(this.model, s);
     const i = e.filter;
-    return i ? typeof i.getModel != "function" ? (G(66), null) : i.getModel() : et(this.initialModel, s);
+    return i ? typeof i.getModel != "function" ? (G(66), null) : i.getModel() : tt(this.initialModel, s);
   }
   isFilterPresent() {
     return this.activeColumnFilters.length > 0;
@@ -36293,7 +36293,7 @@ var kT = {
           if (!h.doesFilterPass({
             node: e,
             data: r,
-            model: et(a, d),
+            model: tt(a, d),
             handlerParams: g
           }))
             return !1;
@@ -36372,10 +36372,10 @@ var kT = {
     if (t?.isHandler)
       return this.isHandlerActive(e);
     const s = t?.filter;
-    return s ? s.isFilterActive() : et(this.initialModel, e.getColId()) != null;
+    return s ? s.isFilterActive() : tt(this.initialModel, e.getColId()) != null;
   }
   isHandlerActive(e) {
-    const t = q(et(this.model, e.getColId()));
+    const t = q(tt(this.model, e.getColId()));
     if (t)
       return t;
     const s = this.beans.groupFilter;
@@ -36472,7 +36472,7 @@ var kT = {
     const o = this.filterChangedCallbackFactory(e), n = this.createBaseFilterParams(e, i);
     if (n.filterChangedCallback = o, n.filterModifiedCallback = i ? () => {
     } : (r) => this.filterModified(e, r), t) {
-      const r = n, a = e.getColId(), l = et(this.model, a);
+      const r = n, a = e.getColId(), l = tt(this.model, a);
       r.model = l, r.state = this.state.get(a) ?? {
         model: l
       }, r.onModelChange = (c, d) => {
@@ -36521,7 +36521,7 @@ var kT = {
       return delete this.initialModel[r], s.init?.({
         ...o,
         source: "init",
-        model: et(this.model, r)
+        model: tt(this.model, r)
       }), {
         column: e,
         isHandler: !0,
@@ -36640,7 +36640,7 @@ var kT = {
     });
     if (c) {
       const h = u, g = e.getColId(), p = this.filterChangedCallbackFactory(e);
-      h.onUiChange = (f) => this.floatingFilterUiChanged(e, f), h.model = et(this.model, g), h.onModelChange = (f, m) => {
+      h.onUiChange = (f) => this.floatingFilterUiChanged(e, f), h.model = tt(this.model, g), h.onModelChange = (f, m) => {
         this.updateStoredModel(g, f), this.refreshHandlerAndUi(e, f, "floating", !0, m).then(() => {
           p({ ...m, source: "columnFilter" });
         });
@@ -36730,7 +36730,7 @@ var kT = {
       this.createFilterCompParams(o, u, "colDef")
     );
     if (h) {
-      const m = d?.handlerNameOrCallback ?? d?.filterHandler, v = et(this.model, e);
+      const m = d?.handlerNameOrCallback ?? d?.filterHandler, v = tt(this.model, e);
       if (s.handlerGenerator != m) {
         const w = s.handler, { handler: b, handlerParams: S } = this.createHandlerFromFunc(
           o,
@@ -36823,7 +36823,7 @@ var kT = {
   getModelForColumn(e, t) {
     if (t) {
       const { state: i, model: o } = this, n = e.getColId(), r = i.get(n);
-      return r ? r.model ?? null : et(o, n);
+      return r ? r.model ?? null : tt(o, n);
     }
     const s = this.cachedFilter(e);
     return s ? this.getModelFromFilterWrapper(s) : null;
@@ -36843,7 +36843,7 @@ var kT = {
   }
   getStateForColumn(e) {
     return this.state.get(e) ?? {
-      model: et(this.model, e)
+      model: tt(this.model, e)
     };
   }
   setModelForColumnLegacy(e, t) {
@@ -36938,7 +36938,7 @@ var kT = {
     Iu(
       t,
       n,
-      () => et(this.model, i),
+      () => tt(this.model, i),
       () => this.state.get(i),
       (r) => this.updateState(e, r),
       (r) => n()?.filterParams?.onModelChange(r, s),
@@ -36952,7 +36952,7 @@ var kT = {
       n && Iu(
         e,
         () => i.filterUi,
-        () => et(this.model, o),
+        () => tt(this.model, o),
         () => this.state.get(o),
         (r) => this.updateState(n, r),
         (r) => {
@@ -36976,7 +36976,7 @@ var kT = {
     const t = e.getColId();
     gf(
       () => this.cachedFilter(e)?.filterUi,
-      () => et(this.model, t),
+      () => tt(this.model, t),
       () => this.state.get(t)
     );
   }
@@ -36998,13 +36998,13 @@ var kT = {
       const n = e.get(o);
       if (n.valid === !1)
         return !1;
-      (n.model ?? null) !== et(t, o) && (i = !0);
+      (n.model ?? null) !== tt(t, o) && (i = !0);
     }
     return i;
   }
   hasUnappliedModel(e) {
     const { model: t, state: s } = this;
-    return (s.get(e)?.model ?? null) !== et(t, e);
+    return (s.get(e)?.model ?? null) !== tt(t, e);
   }
   setGlobalButtons(e) {
     this.isGlobalButtons = e, this.dispatchLocalEvent({
@@ -45958,7 +45958,7 @@ var bA = {
         return;
       const { paddingTop: u, paddingBottom: h, borderBottomWidth: g, borderTopWidth: p } = hi(i), f = u + h + g + p, v = t.offsetHeight + f;
       if (d < 5) {
-        const b = !tt(r)?.contains(t), S = v == 0;
+        const b = !st(r)?.contains(t), S = v == 0;
         if (b || S) {
           window.setTimeout(() => a(d + 1), 0);
           return;
@@ -46126,7 +46126,7 @@ function Tr(e, t, s) {
   return i.length === e.length && o.length === 0 ? e : i.length === 0 && o.length === t.length ? t : i.length === 0 ? o : o.length === 0 ? i : [...i, ...o];
 }
 var Xm = hc((e, t) => {
-  const { registry: s, context: i } = Xe(ht), o = L(null), n = L(null), r = L(null), a = L(null), l = L(null), c = L(), [d, u] = k(), [h, g] = k(), [p, f] = k(), [m, v] = k(() => new Ot()), [w, b] = k(() => new Ot("ag-hidden")), [S, y] = k(() => new Ot("ag-hidden")), [x, F] = k(() => new Ot("ag-invisible"));
+  const { registry: s, context: i } = Je(ht), o = L(null), n = L(null), r = L(null), a = L(null), l = L(null), c = L(), [d, u] = k(), [h, g] = k(), [p, f] = k(), [m, v] = k(() => new Ot()), [w, b] = k(() => new Ot("ag-hidden")), [S, y] = k(() => new Ot("ag-hidden")), [x, F] = k(() => new Ot("ag-invisible"));
   Ir(t, () => ({
     // force new instance when grid tries to refresh
     refresh() {
@@ -46158,10 +46158,10 @@ var Xm = hc((e, t) => {
       Xm,
       e
     ));
-  }, []), D = V(() => `ag-cell-wrapper ${m.toString()}`, [m]), P = V(() => `ag-group-expanded ${w.toString()}`, [w]), E = V(
+  }, []), D = B(() => `ag-cell-wrapper ${m.toString()}`, [m]), P = B(() => `ag-group-expanded ${w.toString()}`, [w]), E = B(
     () => `ag-group-contracted ${S.toString()}`,
     [S]
-  ), T = V(() => `ag-group-checkbox ${x.toString()}`, [x]), O = d?.componentFromFramework, j = O ? d.componentClass : void 0, H = d == null && p != null, ee = oo(p);
+  ), T = B(() => `ag-group-checkbox ${x.toString()}`, [x]), O = d?.componentFromFramework, j = O ? d.componentClass : void 0, H = d == null && p != null, ee = oo(p);
   return /* @__PURE__ */ U.createElement(
     "span",
     {
@@ -46624,7 +46624,7 @@ var jA = 1e3, KA = class {
     }
   }
 }, qA = ({ ctrl: e }) => {
-  const t = e.isAlive(), { context: s } = Xe(ht), [i, o] = k(), [n, r] = k(), a = L(), l = L(null), c = L(null), d = L(null), u = L(), h = L();
+  const t = e.isAlive(), { context: s } = Je(ht), [i, o] = k(), [n, r] = k(), a = L(), l = L(null), c = L(null), d = L(null), u = L(), h = L();
   t && !h.current && (h.current = new Jo(() => l.current));
   const g = I((v) => {
     if (l.current = v, !v || !e.isAlive() || s.isDestroyed()) {
@@ -46657,7 +46657,7 @@ var jA = 1e3, KA = class {
   ), me(() => {
     e.setDragSource(l.current);
   }, [i]);
-  const p = V(() => !!(i?.componentFromFramework && ao(i.componentClass)), [i]), f = i?.componentFromFramework, m = i?.componentClass;
+  const p = B(() => !!(i?.componentFromFramework && ao(i.componentClass)), [i]), f = i?.componentFromFramework, m = i?.componentClass;
   return /* @__PURE__ */ U.createElement("div", { ref: g, style: n, className: "ag-header-cell", role: "columnheader" }, /* @__PURE__ */ U.createElement("div", { ref: c, className: "ag-header-cell-resize", role: "presentation" }), /* @__PURE__ */ U.createElement("div", { ref: d, className: "ag-header-cell-comp-wrapper", role: "presentation" }, f ? p ? /* @__PURE__ */ U.createElement(m, { ...i.params }) : /* @__PURE__ */ U.createElement(m, { ...i.params, ref: u }) : null));
 }, YA = ut(qA), ZA = class {
   constructor(e, t) {
@@ -46676,7 +46676,7 @@ var jA = 1e3, KA = class {
     return ["afterGuiAttached"];
   }
 }, QA = ({ ctrl: e }) => {
-  const { context: t, gos: s } = Xe(ht), [i, o] = k(), [n, r] = k(
+  const { context: t, gos: s } = Je(ht), [i, o] = k(), [n, r] = k(
     () => new Ot("ag-header-cell", "ag-floating-filter")
   ), [a, l] = k(() => new Ot()), [c, d] = k(
     () => new Ot("ag-floating-filter-button", "ag-hidden")
@@ -46710,7 +46710,7 @@ var jA = 1e3, KA = class {
     () => nn(g, t, w.current, F),
     [g]
   );
-  const D = V(() => n.toString(), [n]), P = V(() => a.toString(), [a]), E = V(() => c.toString(), [c]), T = V(() => !!(g && g.componentFromFramework && ao(g.componentClass)), [g]), O = V(() => s.get("reactiveCustomComponents"), []), j = V(() => s.get("enableFilterHandlers"), []), [H, ee] = k();
+  const D = B(() => n.toString(), [n]), P = B(() => a.toString(), [a]), E = B(() => c.toString(), [c]), T = B(() => !!(g && g.componentFromFramework && ao(g.componentClass)), [g]), O = B(() => s.get("reactiveCustomComponents"), []), j = B(() => s.get("enableFilterHandlers"), []), [H, ee] = k();
   me(() => {
     if (g?.componentFromFramework)
       if (O) {
@@ -46748,7 +46748,7 @@ var jA = 1e3, KA = class {
     )
   ));
 }, XA = ut(QA), JA = ({ ctrl: e }) => {
-  const { context: t } = Xe(ht), [s, i] = k(), [o, n] = k(() => new Ot()), [r, a] = k(() => new Ot()), [l, c] = k("false"), [d, u] = k(), [h, g] = k(), p = L(), f = L(null), m = L(null), v = L(null), w = L(), b = I((D) => {
+  const { context: t } = Je(ht), [s, i] = k(), [o, n] = k(() => new Ot()), [r, a] = k(() => new Ot()), [l, c] = k("false"), [d, u] = k(), [h, g] = k(), p = L(), f = L(null), m = L(null), v = L(null), w = L(), b = I((D) => {
     if (f.current = D, !D || !e.isAlive() || t.isDestroyed()) {
       p.current = t.destroyBean(p.current);
       return;
@@ -46780,13 +46780,13 @@ var jA = 1e3, KA = class {
   Vt(() => nn(h, t, v.current), [h]), me(() => {
     f.current && e.setDragSource(f.current);
   }, [h]);
-  const S = V(() => !!(h?.componentFromFramework && ao(h.componentClass)), [h]), y = V(() => "ag-header-group-cell " + o.toString(), [o]), x = V(
+  const S = B(() => !!(h?.componentFromFramework && ao(h.componentClass)), [h]), y = B(() => "ag-header-group-cell " + o.toString(), [o]), x = B(
     () => "ag-header-cell-resize " + r.toString(),
     [r]
   ), F = h?.componentFromFramework, R = h?.componentClass;
   return /* @__PURE__ */ U.createElement("div", { ref: b, style: s, className: y, role: "columnheader", "aria-expanded": d }, /* @__PURE__ */ U.createElement("div", { ref: v, className: "ag-header-cell-comp-wrapper", role: "presentation" }, F ? S ? /* @__PURE__ */ U.createElement(R, { ...h.params }) : /* @__PURE__ */ U.createElement(R, { ...h.params, ref: w }) : null), /* @__PURE__ */ U.createElement("div", { ref: m, "aria-hidden": l, className: x }));
 }, e8 = ut(JA), t8 = ({ ctrl: e }) => {
-  const { gos: t, context: s } = Xe(ht), { topOffset: i, rowHeight: o } = V(() => e.getTopAndHeight(), []), n = V(() => t.get("tabIndex"), []), [r, a] = k(() => e.getAriaRowIndex()), l = e.headerRowClass, [c, d] = k(() => o + "px"), [u, h] = k(() => i + "px"), g = L(null), [p, f] = k(() => e.getUpdatedHeaderCtrls()), m = L(), v = L(null), w = I((y) => {
+  const { gos: t, context: s } = Je(ht), { topOffset: i, rowHeight: o } = B(() => e.getTopAndHeight(), []), n = B(() => t.get("tabIndex"), []), [r, a] = k(() => e.getAriaRowIndex()), l = e.headerRowClass, [c, d] = k(() => o + "px"), [u, h] = k(() => i + "px"), g = L(null), [p, f] = k(() => e.getUpdatedHeaderCtrls()), m = L(), v = L(null), w = I((y) => {
     if (v.current = y, !y || !e.isAlive() || s.isDestroyed()) {
       m.current = s.destroyBean(m.current);
       return;
@@ -46807,7 +46807,7 @@ var jA = 1e3, KA = class {
       }
     };
     e.setComp(x, m.current, !1);
-  }, []), b = V(
+  }, []), b = B(
     () => ({
       height: c,
       top: u
@@ -46836,7 +46836,7 @@ var jA = 1e3, KA = class {
     p.map(S)
   );
 }, s8 = ut(t8), i8 = ({ pinned: e }) => {
-  const [t, s] = k(!0), [i, o] = k([]), { context: n } = Xe(ht), r = L(null), a = L(null), l = L(), c = e === "left", d = e === "right", u = !c && !d, h = I((f) => {
+  const [t, s] = k(!0), [i, o] = k([]), { context: n } = Je(ht), r = L(null), a = L(null), l = L(), c = e === "left", d = e === "right", u = !c && !d, h = I((f) => {
     if (r.current = f, !f || n.isDestroyed()) {
       l.current = n.destroyBean(l.current);
       return;
@@ -46861,7 +46861,7 @@ var jA = 1e3, KA = class {
   }, []), g = t ? "" : "ag-hidden", p = () => i.map((f) => /* @__PURE__ */ U.createElement(s8, { ctrl: f, key: f.instanceId }));
   return c ? /* @__PURE__ */ U.createElement("div", { ref: h, className: "ag-pinned-left-header " + g, "aria-hidden": !t, role: "rowgroup" }, p()) : d ? /* @__PURE__ */ U.createElement("div", { ref: h, className: "ag-pinned-right-header " + g, "aria-hidden": !t, role: "rowgroup" }, p()) : u ? /* @__PURE__ */ U.createElement("div", { ref: h, className: "ag-header-viewport " + g, role: "rowgroup", tabIndex: -1 }, /* @__PURE__ */ U.createElement("div", { ref: a, className: "ag-header-container", role: "presentation" }, p())) : null;
 }, il = ut(i8), o8 = () => {
-  const [e, t] = k(() => new Ot()), [s, i] = k(), { context: o } = Xe(ht), n = L(null), r = L(), a = I((d) => {
+  const [e, t] = k(() => new Ot()), [s, i] = k(), { context: o } = Je(ht), n = L(null), r = L(), a = I((d) => {
     if (n.current = d, !d || o.isDestroyed()) {
       r.current = o.destroyBean(r.current);
       return;
@@ -46872,7 +46872,7 @@ var jA = 1e3, KA = class {
       setHeightAndMinHeight: (h) => i(h)
     };
     r.current.setComp(u, d, d);
-  }, []), l = V(() => "ag-header " + e.toString(), [e]), c = V(
+  }, []), l = B(() => "ag-header " + e.toString(), [e]), c = B(
     () => ({
       height: s,
       minHeight: s
@@ -46942,7 +46942,7 @@ var jA = 1e3, KA = class {
     o.current && s.current?.();
   }), []);
 }, c8 = (e) => {
-  const [t, s] = k(), i = Xe(ht), { context: o, popupSvc: n, gos: r, editSvc: a } = i, { editDetails: l, cellCtrl: c, eParentCell: d } = e;
+  const [t, s] = k(), i = Je(ht), { context: o, popupSvc: n, gos: r, editSvc: a } = i, { editDetails: l, cellCtrl: c, eParentCell: d } = e;
   return l8(() => {
     const { compDetails: u } = l, h = r.get("stopEditingWhenCellsLoseFocus");
     let g, p;
@@ -47005,7 +47005,7 @@ var jA = 1e3, KA = class {
     }
   ) : c && o ? /* @__PURE__ */ U.createElement(kh, { editDetails: e, cellCtrl: i, eParentCell: s, jsChildComp: o }) : null;
 }, h8 = (e, t, s, i, o, n) => {
-  const { context: r } = Xe(ht), a = I(() => {
+  const { context: r } = Je(ht), a = I(() => {
     const l = o.current;
     if (!l)
       return;
@@ -47038,7 +47038,7 @@ var jA = 1e3, KA = class {
   cellCtrl: e,
   parent: t
 }) => {
-  const s = L(), i = V(() => {
+  const s = L(), i = B(() => {
     const { loadingComp: o } = e.getDeferLoadingCellRenderer();
     return o ? {
       value: void 0,
@@ -47056,14 +47056,14 @@ var jA = 1e3, KA = class {
   printLayout: t,
   editingCell: s
 }) => {
-  const i = Xe(ht), { context: o } = i, {
+  const i = Je(ht), { context: o } = i, {
     column: { colIdSanitised: n },
     instanceId: r
   } = e, a = L(), [l, c] = k(
     () => e.isCellRenderer() ? void 0 : { compDetails: void 0, value: e.getValueToDisplay(), force: !1 }
-  ), [d, u] = k(), [h, g] = k(1), [p, f] = k(), [m, v] = k(!1), [w, b] = k(!1), [S, y] = k(!1), [x, F] = k(), R = V(() => e.isForceWrapper(), [e]), D = V(() => e.getCellAriaRole(), [e]), P = L(null), E = L(null), T = L(null), O = L(), j = L(), H = L(), ee = L([]), ne = L(), N = L(), [te, $] = k(0), W = I((fe) => {
+  ), [d, u] = k(), [h, g] = k(1), [p, f] = k(), [m, v] = k(!1), [w, b] = k(!1), [S, y] = k(!1), [x, F] = k(), R = B(() => e.isForceWrapper(), [e]), D = B(() => e.getCellAriaRole(), [e]), P = L(null), E = L(null), T = L(null), O = L(), j = L(), H = L(), ee = L([]), ne = L(), N = L(), [te, $] = k(0), W = I((fe) => {
     N.current = fe, $((xe) => xe + 1);
-  }, []), Y = l != null && (m || S || w) && (d == null || !!d.popup), Z = R || Y, Q = V(() => e.getCellValueClass(), [e]), se = I(
+  }, []), Y = l != null && (m || S || w) && (d == null || !!d.popup), Z = R || Y, Q = B(() => e.getCellValueClass(), [e]), se = I(
     (fe) => {
       if (j.current = fe, fe) {
         const xe = fe.isCancelBeforeStart && fe.isCancelBeforeStart();
@@ -47075,10 +47075,10 @@ var jA = 1e3, KA = class {
     [e]
   ), de = L();
   de.current || (de.current = new Jo(() => P.current)), tC(l, Z, N.current, te, O, P);
-  const B = L();
+  const V = L();
   Vt(() => {
-    const fe = B.current, xe = l;
-    if (B.current = l, fe == null || fe.compDetails == null || xe == null || xe.compDetails == null)
+    const fe = V.current, xe = l;
+    if (V.current = l, fe == null || fe.compDetails == null || xe == null || xe.compDetails == null)
       return;
     ne.current?.refreshVisibility();
     const Me = fe.compDetails, _ = xe.compDetails;
@@ -47192,7 +47192,7 @@ var jA = 1e3, KA = class {
     P.current = fe, ye();
   }, []), Ie = I((fe) => {
     E.current = fe, ye();
-  }, []), Fe = V(() => !!(l?.compDetails?.componentFromFramework && ao(l.compDetails.componentClass)), [l]);
+  }, []), Fe = B(() => !!(l?.compDetails?.componentFromFramework && ao(l.compDetails.componentClass)), [l]);
   Vt(() => {
     if (!P.current)
       return;
@@ -47213,7 +47213,7 @@ var jA = 1e3, KA = class {
   }, gt = () => /* @__PURE__ */ U.createElement("div", { ref: ue, style: p, role: D, "col-id": n }, Z ? /* @__PURE__ */ U.createElement("div", { className: "ag-cell-wrapper", role: "presentation", ref: Ce }, Le()) : Le());
   return e.isCellSpanning() ? /* @__PURE__ */ U.createElement("div", { ref: Ie, className: "ag-spanned-cell-wrapper", role: "presentation" }, gt()) : gt();
 }, f8 = ut(p8), m8 = ({ rowCtrl: e, containerType: t }) => {
-  const { context: s, gos: i, editSvc: o } = Xe(ht), n = Xe(Ym) === "default", r = L(), a = L(e.getDomOrder()), l = e.isFullWidth(), c = e.rowNode.displayed, [d, u] = k(
+  const { context: s, gos: i, editSvc: o } = Je(ht), n = Je(Ym) === "default", r = L(), a = L(e.getDomOrder()), l = e.isFullWidth(), c = e.rowNode.displayed, [d, u] = k(
     () => c ? e.rowNode.getRowIndexString() : null
   ), [h, g] = k(() => e.rowId), [p, f] = k(() => e.businessKey), [m, v] = k(() => e.rowStyles), w = L(null), [b, S] = k(() => null), [y, x] = k(), [F, R] = k(
     () => c ? e.getInitialRowTop(t) : void 0
@@ -47269,7 +47269,7 @@ var jA = 1e3, KA = class {
       getFullWidthCellRendererParams: () => O.current,
       refreshFullWidth: (Fe) => {
         const je = Fe();
-        return O.current = je, B.current ? (x((Le) => ({
+        return O.current = je, V.current ? (x((Le) => ({
           ...Le,
           params: je
         })), !0) : !T.current || !T.current.refresh ? !1 : T.current.refresh(je);
@@ -47281,12 +47281,12 @@ var jA = 1e3, KA = class {
     () => nn(y, s, E.current, T),
     [y]
   );
-  const Z = V(() => {
+  const Z = B(() => {
     const ue = { top: F, transform: D };
     return Object.assign(ue, m), ue;
-  }, [F, D, m]), Q = l && y?.componentFromFramework, se = !l && W != null, de = V(() => !!(y?.componentFromFramework && ao(y.componentClass)), [y]), B = L(!1);
+  }, [F, D, m]), Q = l && y?.componentFromFramework, se = !l && W != null, de = B(() => !!(y?.componentFromFramework && ao(y.componentClass)), [y]), V = L(!1);
   me(() => {
-    B.current = de && !!y && !!i.get("reactiveCustomComponents");
+    V.current = de && !!y && !!i.get("reactiveCustomComponents");
   }, [de, y]);
   const Ce = () => W?.map((ue) => /* @__PURE__ */ U.createElement(
     f8,
@@ -47313,7 +47313,7 @@ var jA = 1e3, KA = class {
     se ? Ce() : Q ? ye() : null
   );
 }, Lh = ut(m8), C8 = ({ name: e }) => {
-  const { context: t, gos: s } = Xe(ht), i = V(() => tn(e), [e]), o = L(null), n = L(null), r = L(null), a = L([]), l = L([]), [c, d] = k(() => []), u = !!s.get("enableCellSpan") && !!i.getSpannedRowCtrls, h = L([]), g = L([]), [p, f] = k(() => []), m = L(!1), v = L(), w = V(() => Tt("ag-viewport", bf(e)), [e]), b = V(() => Tt(qn(e)), [e]), S = V(() => Tt("ag-spanning-container", iF(e)), [e]), y = i.type === "center" || u, x = y ? o : n;
+  const { context: t, gos: s } = Je(ht), i = B(() => tn(e), [e]), o = L(null), n = L(null), r = L(null), a = L([]), l = L([]), [c, d] = k(() => []), u = !!s.get("enableCellSpan") && !!i.getSpannedRowCtrls, h = L([]), g = L([]), [p, f] = k(() => []), m = L(!1), v = L(), w = B(() => Tt("ag-viewport", bf(e)), [e]), b = B(() => Tt(qn(e)), [e]), S = B(() => Tt("ag-spanning-container", iF(e)), [e]), y = i.type === "center" || u, x = y ? o : n;
   Us(" AG Row Container " + e + " ", x);
   const F = I(() => {
     const H = !y || o.current != null, ee = n.current != null, ne = !u || r.current != null;
@@ -47395,11 +47395,11 @@ var jA = 1e3, KA = class {
   const j = () => /* @__PURE__ */ U.createElement("div", { className: S, ref: E, role: "presentation" }, p.map((H) => /* @__PURE__ */ U.createElement(Lh, { rowCtrl: H, containerType: i.type, key: H.instanceId })));
   return /* @__PURE__ */ U.createElement("div", { className: w, ref: T, role: "rowgroup" }, O(), u ? j() : null);
 }, v8 = ut(C8), w8 = () => {
-  const e = Xe(ht), { context: t, overlays: s } = e, [i, o] = k(""), [n, r] = k(0), [a, l] = k(0), [c, d] = k("0px"), [u, h] = k("0px"), [g, p] = k("100%"), [f, m] = k("0px"), [v, w] = k("0px"), [b, S] = k("100%"), [y, x] = k(!0), [F, R] = k(!0), [D, P] = k(null), [E, T] = k(""), [O, j] = k(null), [H, ee] = k("ag-layout-normal"), ne = L();
+  const e = Je(ht), { context: t, overlays: s } = e, [i, o] = k(""), [n, r] = k(0), [a, l] = k(0), [c, d] = k("0px"), [u, h] = k("0px"), [g, p] = k("100%"), [f, m] = k("0px"), [v, w] = k("0px"), [b, S] = k("100%"), [y, x] = k(!0), [F, R] = k(!0), [D, P] = k(null), [E, T] = k(""), [O, j] = k(null), [H, ee] = k("ag-layout-normal"), ne = L();
   ne.current || (ne.current = new Jo(() => N.current));
   const N = L(null), te = L(null), $ = L(null), W = L(null), Y = L(null), Z = L(null), Q = L(null), se = L([]), de = L([]);
   Us(" AG Grid Body ", N), Us(" AG Pinned Top ", te), Us(" AG Sticky Top ", $), Us(" AG Middle ", Z), Us(" AG Pinned Bottom ", Q);
-  const B = I((we) => {
+  const V = I((we) => {
     if (N.current = we, !we || t.isDestroyed()) {
       se.current = t.destroyBeans(se.current);
       for (const ke of de.current)
@@ -47407,13 +47407,13 @@ var jA = 1e3, KA = class {
       de.current = [];
       return;
     }
-    const We = (ke, st) => {
-      ke.appendChild(st), de.current.push(() => st.remove());
+    const We = (ke, it) => {
+      ke.appendChild(it), de.current.push(() => it.remove());
     }, St = (ke) => {
-      const st = t.createBean(new ke());
-      return se.current.push(st), st;
-    }, _e = (ke, st, lo) => {
-      We(ke, document.createComment(lo)), We(ke, St(st).getGui());
+      const it = t.createBean(new ke());
+      return se.current.push(it), it;
+    }, _e = (ke, it, lo) => {
+      We(ke, document.createComment(lo)), We(ke, St(it).getGui());
     };
     _e(we, bF, " AG Fake Horizontal Scroll ");
     const Gt = s?.getOverlayWrapperCompClass();
@@ -47433,18 +47433,18 @@ var jA = 1e3, KA = class {
       setStickyTopWidth: p,
       setTopInvisible: x,
       setBottomInvisible: R,
-      setColumnMovingCss: (ke, st) => ne.current.toggleCss(ke, st),
+      setColumnMovingCss: (ke, it) => ne.current.toggleCss(ke, it),
       updateLayoutClasses: ee,
       setAlwaysVerticalScrollClass: P,
       setPinnedTopBottomOverflowY: T,
-      setCellSelectableCss: (ke, st) => j(st ? ke : null),
+      setCellSelectableCss: (ke, it) => j(it ? ke : null),
       setBodyViewportWidth: (ke) => {
         Z.current && (Z.current.style.width = ke);
       },
       registerBodyViewportResizeListener: (ke) => {
         if (Z.current) {
-          const st = ws(e, Z.current, ke);
-          de.current.push(() => st());
+          const it = ws(e, Z.current, ke);
+          de.current.push(() => it());
         }
       },
       setStickyBottomHeight: m,
@@ -47461,7 +47461,7 @@ var jA = 1e3, KA = class {
       $.current,
       W.current
     );
-  }, []), Ce = V(() => Tt("ag-root", "ag-unselectable", H), [H]), ye = V(
+  }, []), Ce = B(() => Tt("ag-root", "ag-unselectable", H), [H]), ye = B(
     () => Tt(
       "ag-body-viewport",
       i,
@@ -47470,37 +47470,37 @@ var jA = 1e3, KA = class {
       O
     ),
     [i, H, D, O]
-  ), ue = V(() => Tt("ag-body", H), [H]), Ie = V(
+  ), ue = B(() => Tt("ag-body", H), [H]), Ie = B(
     () => Tt("ag-floating-top", y ? "ag-invisible" : null, O),
     [O, y]
-  ), Fe = V(() => Tt("ag-sticky-top", O), [O]), je = V(
+  ), Fe = B(() => Tt("ag-sticky-top", O), [O]), je = B(
     () => Tt("ag-sticky-bottom", f === "0px" ? "ag-invisible" : null, O),
     [O, f]
-  ), Le = V(
+  ), Le = B(
     () => Tt("ag-floating-bottom", F ? "ag-invisible" : null, O),
     [O, F]
-  ), gt = V(
+  ), gt = B(
     () => ({
       height: n,
       minHeight: n,
       overflowY: E
     }),
     [n, E]
-  ), fe = V(
+  ), fe = B(
     () => ({
       height: c,
       top: u,
       width: g
     }),
     [c, u, g]
-  ), xe = V(
+  ), xe = B(
     () => ({
       height: f,
       bottom: v,
       width: b
     }),
     [f, v, b]
-  ), Me = V(
+  ), Me = B(
     () => ({
       height: a,
       minHeight: a,
@@ -47513,7 +47513,7 @@ var jA = 1e3, KA = class {
     className: St,
     style: _e
   }) => /* @__PURE__ */ U.createElement("div", { ref: we, className: St, role: "presentation", style: _e }, We.map(_));
-  return /* @__PURE__ */ U.createElement("div", { ref: B, className: Ce }, /* @__PURE__ */ U.createElement(n8, null), X({
+  return /* @__PURE__ */ U.createElement("div", { ref: V, className: Ce }, /* @__PURE__ */ U.createElement(n8, null), X({
     section: te,
     className: Ie,
     style: gt,
@@ -47539,7 +47539,7 @@ var jA = 1e3, KA = class {
     children: ["bottomLeft", "bottomCenter", "bottomRight", "bottomFullWidth"]
   }));
 }, b8 = ut(w8), S8 = (e, t) => {
-  const { children: s, eFocusableElement: i, onTabKeyDown: o, gridCtrl: n, forceFocusOutWhenTabGuardsAreEmpty: r, isEmpty: a } = e, { context: l } = Xe(ht), c = L(null), d = L(null), u = L(), h = (v) => {
+  const { children: s, eFocusableElement: i, onTabKeyDown: o, gridCtrl: n, forceFocusOutWhenTabGuardsAreEmpty: r, isEmpty: a } = e, { context: l } = Je(ht), c = L(null), d = L(null), u = L(), h = (v) => {
     const w = v == null ? void 0 : parseInt(v, 10).toString();
     for (const b of [c, d])
       w === void 0 ? b.current?.removeAttribute("tabindex") : b.current?.setAttribute("tabindex", w);
@@ -47662,13 +47662,13 @@ var jA = 1e3, KA = class {
         Y.remove();
     };
   }, [u, m, e]);
-  const F = V(
+  const F = B(
     () => Tt("ag-root-wrapper", t, i),
     [t, i]
-  ), R = V(
+  ), R = B(
     () => Tt("ag-root-wrapper-body", "ag-focus-managed", i),
     [i]
-  ), D = V(
+  ), D = B(
     () => ({
       userSelect: a ?? "",
       WebkitUserSelect: a ?? "",
@@ -47809,7 +47809,7 @@ var jA = 1e3, KA = class {
     ), o.current.push(() => {
       t.current = void 0;
     }), t.current && (l.current = t.current.getGridId());
-  }, []), p = V(() => ({
+  }, []), p = B(() => ({
     height: "100%",
     ...e.containerStyle || {}
   }), [e.containerStyle]), f = I((v) => {
@@ -47890,10 +47890,10 @@ var M8 = class extends Q4 {
     return new Jm(e, this.parent, t, o);
   }
 }, I8 = hc((e, t) => {
-  const s = Xe(ht), { registry: i, context: o, gos: n, rowModel: r } = s, [a, l] = k(() => new Ot()), [c, d] = k(() => new Ot()), [u, h] = k(), [g, p] = k(), f = L(), m = L(null), v = L(), w = V(
+  const s = Je(ht), { registry: i, context: o, gos: n, rowModel: r } = s, [a, l] = k(() => new Ot()), [c, d] = k(() => new Ot()), [u, h] = k(), [g, p] = k(), f = L(), m = L(null), v = L(), w = B(
     () => Dy(e.api.getGridId(), u?.rowModelType ?? "clientSide"),
     [e]
-  ), b = V(() => a.toString() + " ag-details-row", [a]), S = V(() => c.toString() + " ag-details-grid", [c]);
+  ), b = B(() => a.toString() + " ag-details-row", [a]), S = B(() => c.toString() + " ag-details-grid", [c]);
   t && Ir(t, () => ({
     refresh() {
       return f.current?.refresh() ?? !1;
@@ -48015,7 +48015,7 @@ const L8 = "h-full", ol = {
   rowData: o = [],
   getRowId: n
 }) => {
-  const [r, a] = k(/* @__PURE__ */ new Map()), l = t ?? r, c = V(
+  const [r, a] = k(/* @__PURE__ */ new Map()), l = t ?? r, c = B(
     () => new Set(l.keys()),
     [l]
   ), d = e !== void 0 || t !== void 0;
@@ -48043,7 +48043,7 @@ const L8 = "h-full", ol = {
       s,
       i
     ]
-  ), h = V(() => {
+  ), h = B(() => {
     if (!o.length) return "unchecked";
     const p = o.every(
       (m) => c.has(n(m))
@@ -48113,7 +48113,7 @@ const nC = ({
     onSelectionChangeWithMap: u,
     rowData: t,
     getRowId: h
-  }), O = V(
+  }), O = B(
     () => ({
       ...ol,
       oddRowBackgroundColor: g ? ol.oddRowBackgroundColor : ol.backgroundColor,
@@ -48143,7 +48143,7 @@ const nC = ({
   ) }), [E, T]), ne = I(
     (se) => {
       if (se.data) {
-        const de = i?.(se.data) ?? [], B = se.value == null ? "" : String(se.value);
+        const de = i?.(se.data) ?? [], V = se.value == null ? "" : String(se.value);
         return /* @__PURE__ */ C(
           Nt,
           {
@@ -48155,7 +48155,7 @@ const nC = ({
             children: /* @__PURE__ */ C("span", { className: "block min-w-0 h-full max-w-full", children: /* @__PURE__ */ C(
               ss,
               {
-                text: B,
+                text: V,
                 className: "max-w-full h-full"
               }
             ) })
@@ -48167,19 +48167,19 @@ const nC = ({
   ), N = I(
     (se) => {
       if (!se.data) return null;
-      const de = h(se.data), B = D.has(de), Ce = `row-select-${de}`;
+      const de = h(se.data), V = D.has(de), Ce = `row-select-${de}`;
       return /* @__PURE__ */ C("div", { className: "flex items-center justify-center size-full", children: /* @__PURE__ */ C(
         er,
         {
           id: Ce,
           ariaLabel: "Select row",
-          checked: B,
+          checked: V,
           className: "dial-row-select",
           onChange: (ye) => {
             se.data && P(se.data, !!ye);
           }
         },
-        `${de}-${B}`
+        `${de}-${V}`
       ) });
     },
     [D, h, P]
@@ -48190,11 +48190,11 @@ const nC = ({
         return { ...se, cellRenderer: ne };
       if (!de)
         return se;
-      const B = se.cellRenderer;
+      const V = se.cellRenderer;
       return { ...se, cellRenderer: (ye) => {
         const ue = ye.data ? i?.(ye.data) ?? [] : [];
         let Ie = null;
-        return typeof B == "function" ? Ie = /* @__PURE__ */ C(B, { ...ye }) : Ie = ne(ye), /* @__PURE__ */ C(
+        return typeof V == "function" ? Ie = /* @__PURE__ */ C(V, { ...ye }) : Ie = ne(ye), /* @__PURE__ */ C(
           Nt,
           {
             trigger: [It.ContextMenu],
@@ -48208,7 +48208,7 @@ const nC = ({
       } };
     },
     [i, ne, a]
-  ), $ = V(
+  ), $ = B(
     () => ({
       colId: "__select",
       headerName: "",
@@ -48226,10 +48226,10 @@ const nC = ({
       headerComponent: ee
     }),
     [N, ee]
-  ), W = V(() => {
+  ), W = B(() => {
     const se = (e ?? []).map(te);
     return r ? [$, ...se] : se;
-  }, [e, $, r, te]), Y = V(
+  }, [e, $, r, te]), Y = B(
     () => ({
       minWidth: 150,
       resizable: !0,
@@ -48244,8 +48244,8 @@ const nC = ({
     }),
     [p]
   ), Z = (se) => {
-    const de = W.map((B) => ({
-      ...B,
+    const de = W.map((V) => ({
+      ...V,
       sort: void 0
     }));
     se.api.updateGridOptions({ columnDefs: de, rowData: t }), se.api.sizeColumnsToFit(), F(se.api), s?.onGridReady?.(se);
@@ -48317,7 +48317,7 @@ const nC = ({
     }
   );
 };
-var ic = /* @__PURE__ */ ((e) => (e.MyFiles = "my_files", e.Shared = "shared", e.Organization = "organization", e))(ic || {}), he = /* @__PURE__ */ ((e) => (e.Duplicate = "duplicate", e.Copy = "copy", e.Move = "move", e.Rename = "rename", e.Download = "download", e.Delete = "delete", e))(he || {}), lt = /* @__PURE__ */ ((e) => (e.Replace = "replace", e.Duplicate = "duplicate", e.Cancel = "cancel", e))(lt || {}), Dt = /* @__PURE__ */ ((e) => (e.ReplaceAll = "replaceAll", e.DuplicateAll = "duplicateAll", e.DecideForEach = "decideForEach", e))(Dt || {}), it = /* @__PURE__ */ ((e) => (e.Copy = "copy", e.Move = "move", e))(it || {});
+var ic = /* @__PURE__ */ ((e) => (e.MyFiles = "my_files", e.Shared = "shared", e.Organization = "organization", e))(ic || {}), he = /* @__PURE__ */ ((e) => (e.Duplicate = "duplicate", e.Copy = "copy", e.Move = "move", e.Rename = "rename", e.Download = "download", e.Delete = "delete", e))(he || {}), lt = /* @__PURE__ */ ((e) => (e.Replace = "replace", e.Duplicate = "duplicate", e.Cancel = "cancel", e))(lt || {}), Dt = /* @__PURE__ */ ((e) => (e.ReplaceAll = "replaceAll", e.DuplicateAll = "duplicateAll", e.DecideForEach = "decideForEach", e))(Dt || {}), Xe = /* @__PURE__ */ ((e) => (e.Copy = "copy", e.Move = "move", e))(Xe || {});
 const rC = () => {
   const [e, t] = k(Zd());
   return me(() => {
@@ -48338,7 +48338,7 @@ const rC = () => {
   showHiddenFilesLabel: d = "Show hidden files",
   hideHiddenFilesLabel: u = "Hide hidden files"
 }) => {
-  const h = rC(), g = V(() => [
+  const h = rC(), g = B(() => [
     {
       key: "hidden-files-switch",
       label: i ? u : d,
@@ -48721,7 +48721,7 @@ const z8 = ({ selectionLabel: e, onClearSelection: t, actions: s }) => {
   onMoveSuccess: o,
   onDuplicateSuccess: n
 }) => {
-  const [r, a] = k(!1), [l, c] = k([]), [d, u] = k([]), [h, g] = k(it.Copy), [p, f] = k(null), {
+  const [r, a] = k(!1), [l, c] = k([]), [d, u] = k([]), [h, g] = k(Xe.Copy), [p, f] = k(null), {
     conflictingFiles: m,
     conflictResolutionOpen: v,
     hasActiveConflictRef: w,
@@ -48735,7 +48735,7 @@ const z8 = ({ selectionLabel: e, onClearSelection: t, actions: s }) => {
   } = U8({
     getDestinationFiles: e,
     onResolve: (W, Y) => {
-      p?.type === it.Copy ? (t?.(W, Y), i?.()) : p?.type === it.Move && p.sourceFolder && (s?.(
+      p?.type === Xe.Copy ? (t?.(W, Y), i?.()) : p?.type === Xe.Move && p.sourceFolder && (s?.(
         W,
         p.sourceFolder,
         Y
@@ -48746,9 +48746,9 @@ const z8 = ({ selectionLabel: e, onClearSelection: t, actions: s }) => {
   }, []), E = I(
     (W) => {
       const Y = b(W, l, {
-        type: it.Copy
+        type: Xe.Copy
       });
-      if (f({ type: it.Copy }), !Y.hasConflicts) {
+      if (f({ type: Xe.Copy }), !Y.hasConflicts) {
         const Z = S(
           W,
           l,
@@ -48768,10 +48768,10 @@ const z8 = ({ selectionLabel: e, onClearSelection: t, actions: s }) => {
   ), T = I(
     (W, Y) => {
       const Z = b(W, d, {
-        type: it.Move,
+        type: Xe.Move,
         sourceFolder: Y
       });
-      if (f({ type: it.Move, sourceFolder: Y }), !Z.hasConflicts) {
+      if (f({ type: Xe.Move, sourceFolder: Y }), !Z.hasConflicts) {
         const Q = S(
           W,
           d,
@@ -49082,13 +49082,13 @@ const J8 = ({
   validationMessages: s,
   onMoveToFiles: i
 }) => {
-  const [o, n] = k(), r = V(
+  const [o, n] = k(), r = B(
     () => ({
       ...Q8,
       ...s
     }),
     [s]
-  ), a = V(() => o?.path, [o]), l = I(
+  ), a = B(() => o?.path, [o]), l = I(
     (h) => {
       const g = oi(e, h);
       g && n(g);
@@ -49149,7 +49149,7 @@ const J8 = ({
   onCreateFolder: s,
   onUploadArchive: i
 }) => {
-  const o = V(() => {
+  const o = B(() => {
     const r = [];
     return e && (e.newFolder && r.push({
       key: "new-folder",
@@ -49173,7 +49173,7 @@ const J8 = ({
         i && i();
       }
     })), r;
-  }, [e, t, s, i]), n = V(() => o.length > 0, [o]);
+  }, [e, t, s, i]), n = B(() => o.length > 0, [o]);
   return { newActions: o, isNewButtonVisible: n };
 }, tL = {
   emptyName: "Folder name cannot be empty",
@@ -49184,7 +49184,7 @@ const J8 = ({
   onValidateFolderName: s,
   validationMessages: i
 }) => {
-  const [o, n] = k(!1), [r, a] = k(null), l = L(e?.path), c = V(
+  const [o, n] = k(!1), [r, a] = k(null), l = L(e?.path), c = B(
     () => ({
       ...tL,
       ...i
@@ -49279,7 +49279,7 @@ const J8 = ({
 }) => {
   const [H, ee] = k(
     /* @__PURE__ */ new Map()
-  ), ne = V(
+  ), ne = B(
     () => new Set(H.keys()),
     [H]
   ), N = I(() => ee(/* @__PURE__ */ new Map()), []), { currentPath: te, setCurrentPath: $, handlePathChange: W } = j8({
@@ -49291,7 +49291,7 @@ const J8 = ({
       p?.setDestinationFolderPath ? p.setDestinationFolderPath(De) : Z(De);
     },
     [p]
-  ), { areHiddenFilesVisible: de, toggleHiddenFilesVisibility: B } = W8({
+  ), { areHiddenFilesVisible: de, toggleHiddenFilesVisibility: V } = W8({
     showHiddenFiles: r,
     onShowHiddenFilesChange: a
   }), { isTreeCollapsed: Ce, toggleTreeCollapse: ye, setIsTreeCollapsed: ue } = _8({
@@ -49316,7 +49316,7 @@ const J8 = ({
   }, [c?.value]);
   const _ = String(
     c?.value ?? xe ?? ""
-  ).trim(), X = V(
+  ).trim(), X = B(
     () => au(s, te) ?? s[0],
     [s, te]
   ), {
@@ -49328,7 +49328,7 @@ const J8 = ({
     openDestinationFolderPopup: $t,
     handleSetCopiedFiles: Ci,
     handleSetMovedFiles: ke,
-    destinationFolderMode: st,
+    destinationFolderMode: it,
     conflictingFiles: lo,
     conflictResolutionOpen: Xr,
     closeConflictResolution: Jr,
@@ -49412,19 +49412,19 @@ const J8 = ({
     onUploadFiles: fn,
     onUploadArchive: mn,
     onCreateFolder: Ke
-  }), dC = V(() => {
+  }), dC = B(() => {
     const De = Gn(_).trim(), Bt = X?.items ?? [];
     let go = De ? RS(X) : Bt;
-    de || (go = go.filter((Je) => !Vg(Je)));
-    const ca = go.map((Je) => ({
-      id: Je.id ?? Je.path,
-      name: Je.name ?? Je.path.split("/").pop() ?? "",
-      updatedAt: Je.updatedAt,
-      size: Je.nodeType === dt.ITEM ? iL(Je.contentLength) : "-",
-      author: Je.author,
-      path: Je.path,
-      nodeType: Je.nodeType,
-      extension: Je.extension,
+    de || (go = go.filter((et) => !Vg(et)));
+    const ca = go.map((et) => ({
+      id: et.id ?? et.path,
+      name: et.name ?? et.path.split("/").pop() ?? "",
+      updatedAt: et.updatedAt,
+      size: et.nodeType === dt.ITEM ? iL(et.contentLength) : "-",
+      author: et.author,
+      path: et.path,
+      nodeType: et.nodeType,
+      extension: et.extension,
       isTemporary: !1
     }));
     if (ho && re && !De && ca.unshift({
@@ -49439,9 +49439,9 @@ const J8 = ({
       isTemporary: !0
     }), !De) return ca;
     const wC = De.split(/\s+/).filter(Boolean);
-    return ca.filter((Je) => {
-      if (Je.isTemporary) return !0;
-      const bC = Gn(Je.name), SC = Gn(Je.author), yC = yS(Je.extension);
+    return ca.filter((et) => {
+      if (et.isTemporary) return !0;
+      const bC = Gn(et.name), SC = Gn(et.author), yC = yS(et.extension);
       return wC.every(
         (da) => bC.includes(da) || SC.includes(da) || yC.includes(da)
       );
@@ -49503,12 +49503,9 @@ const J8 = ({
     bulkActionsToolbarOptions: g,
     deleteConfirmationOptions: d,
     destinationFolderPopupOptions: {
+      ...p,
       destinationFolderPath: Q,
-      setDestinationFolderPath: se,
-      addFolderLabel: p?.addFolderLabel,
-      copyLabel: p?.copyLabel,
-      moveLabel: p?.moveLabel,
-      hiddenFilesSwitcherLabel: p?.hiddenFilesSwitcherLabel
+      setDestinationFolderPath: se
     },
     currentPath: te,
     setCurrentPath: $,
@@ -49516,7 +49513,7 @@ const J8 = ({
     effectiveSearchValue: _,
     setSearchValue: Me,
     areHiddenFilesVisible: de,
-    toggleHiddenFilesVisibility: B,
+    toggleHiddenFilesVisibility: V,
     isTreeCollapsed: Ce,
     toggleTreeCollapse: ye,
     setIsTreeCollapsed: ue,
@@ -49534,7 +49531,7 @@ const J8 = ({
     openDestinationFolderPopup: $t,
     handleCloseDestinationFolderPopup: Gt,
     handleOpenDestinationFolderPopup: _e,
-    destinationFolderMode: st,
+    destinationFolderMode: it,
     handleDownloadFiles: na,
     renamedPath: Ie,
     renamedItem: Fe,
@@ -49584,7 +49581,7 @@ const J8 = ({
   };
   return /* @__PURE__ */ C(aC.Provider, { value: vC, children: e });
 }, nL = () => {
-  const e = Xe(aC);
+  const e = Je(aC);
   if (!e)
     throw new Error(
       "useFileManagerContext must be used within <FileManagerProvider>"
@@ -49647,16 +49644,18 @@ const J8 = ({
   copyLabel: i = "Copy",
   moveLabel: o = "Move",
   addFolderLabel: n = "Add folder",
-  mode: r = "copy",
+  mode: r = Xe.Copy,
   hiddenFilesSwitcherLabel: a = "Show hidden files",
   onUploadFiles: l,
   onValidateUpload: c,
   maxFileSize: d,
-  ...u
+  getCopyHeader: u,
+  getMoveHeader: h,
+  ...g
 }) => {
-  const [h, g] = k(!1), p = I((f) => {
-    g(f);
-  }, []);
+  const [p, f] = k(!1), m = I((w) => {
+    f(w);
+  }, []), v = B(() => r === Xe.Copy ? u && g.items ? u(g.items.length, g.items[0]?.name) : "Copy to" : h && g.items ? h(g.items.length, g.items[0]?.name) : "Move to", [r, g.items, u, h]);
   return /* @__PURE__ */ C(
     Zo,
     {
@@ -49680,15 +49679,15 @@ const J8 = ({
             "div",
             {
               className: "inline-flex items-center cursor-pointer",
-              onClick: (f) => {
-                f.stopPropagation(), p(!h);
+              onClick: (w) => {
+                w.stopPropagation(), m(!p);
               },
               children: /* @__PURE__ */ C(
                 Mg,
                 {
                   title: a,
-                  isOn: h,
-                  onChange: p,
+                  isOn: p,
+                  onChange: m,
                   switchId: "hidden-files-switch"
                 }
               )
@@ -49714,16 +49713,17 @@ const J8 = ({
           )
         ] })
       ] }),
+      title: v,
       children: /* @__PURE__ */ C(
         uL,
         {
-          ...u,
-          showHiddenFiles: h,
-          onShowHiddenFilesChange: p,
+          ...g,
+          showHiddenFiles: p,
+          onShowHiddenFilesChange: m,
           treeOptions: {
-            ...u.treeOptions,
+            ...g.treeOptions,
             collapsed: !0,
-            expandedPaths: /* @__PURE__ */ new Set([u.rootItem?.path || "/"])
+            expandedPaths: /* @__PURE__ */ new Set([g.rootItem?.path || "/"])
           },
           onUploadFiles: l,
           onValidateUpload: c,
@@ -49741,7 +49741,7 @@ const J8 = ({
   onDownload: n,
   onDelete: r,
   getCurrentFolderPath: a
-}) => V(() => {
+}) => B(() => {
   const l = [], c = Array.from(e.values());
   return !c.length || !t || (t[he.Move] && l.push({
     key: he.Move,
@@ -49808,7 +49808,7 @@ const J8 = ({
   onDownload: o,
   onRename: n,
   onDelete: r
-}) => V(() => (a) => {
+}) => B(() => (a) => {
   const l = [];
   return e && (e[he.Duplicate] && l.push({
     key: he.Duplicate,
@@ -49902,7 +49902,7 @@ const J8 = ({
     ] }),
     " ",
     "already exists in this destination."
-  ] }), ne = `${n.length} items with the same names already exist in this destination.`, N = l ?? (f ? ee : ne), te = V(
+  ] }), ne = `${n.length} items with the same names already exist in this destination.`, N = l ?? (f ? ee : ne), te = B(
     () => [
       {
         id: lt.Replace,
@@ -49914,13 +49914,13 @@ const J8 = ({
       }
     ],
     [v, w]
-  ), $ = V(() => n.map((Q) => ({
+  ), $ = B(() => n.map((Q) => ({
     id: Q.path,
     name: Q.name,
     path: Q.path,
     nodeType: Q.nodeType ?? dt.ITEM,
     action: E.get(Q.path) || lt.Replace
-  })), [n, E]), W = V(() => [
+  })), [n, E]), W = B(() => [
     {
       field: "name",
       headerName: g,
@@ -49972,12 +49972,12 @@ const J8 = ({
           }
         ], de = se.find(
           (Ce) => Ce.key === Q.data.action
-        ), B = O === Q.data.path;
+        ), V = O === Q.data.path;
         return /* @__PURE__ */ C("div", { className: "flex items-center h-full", children: /* @__PURE__ */ C(
           Nt,
           {
             trigger: [It.Click],
-            open: B,
+            open: V,
             menu: {
               items: se,
               onClick: ({ key: Ce }) => {
@@ -50007,7 +50007,7 @@ const J8 = ({
                   size: 16,
                   className: J(
                     "text-secondary transition-transform",
-                    B && "rotate-180"
+                    V && "rotate-180"
                   )
                 }
               )
@@ -50023,7 +50023,7 @@ const J8 = ({
     w,
     b,
     O
-  ]), Y = V(
+  ]), Y = B(
     () => [
       {
         id: Dt.ReplaceAll,
@@ -50182,7 +50182,7 @@ const J8 = ({
     deleteConfirmationOpen: Q,
     itemsToDelete: se,
     renamedPath: de,
-    renamedItem: B,
+    renamedItem: V,
     onRename: Ce,
     onRenameSave: ye,
     onRenameCancel: ue,
@@ -50204,7 +50204,7 @@ const J8 = ({
     validateFolderName: $t,
     conflictingFiles: Ci,
     conflictResolutionOpen: ke,
-    closeConflictResolution: st,
+    closeConflictResolution: it,
     handleConflictReplace: lo,
     handleConflictDuplicate: Xr,
     handleConflictDecideForEach: Jr
@@ -50224,7 +50224,7 @@ const J8 = ({
     dateLocale: ln,
     dateOptions: cn,
     ...dn
-  } = r ?? {}, aa = V(() => [
+  } = r ?? {}, aa = B(() => [
     {
       field: "name",
       headerName: "Name",
@@ -50242,7 +50242,7 @@ const J8 = ({
           onSave: Gt,
           onCancel: _e
         }
-      ) : de === re.data?.path && B && re.data ? /* @__PURE__ */ C(
+      ) : de === re.data?.path && V && re.data ? /* @__PURE__ */ C(
         Sl,
         {
           name: re.data.name,
@@ -50250,7 +50250,7 @@ const J8 = ({
           elementId: `rename-${re.data.id}`,
           editing: !0,
           iconSize: js,
-          validate: (Bs) => Ie(Bs, B),
+          validate: (Bs) => Ie(Bs, V),
           onSave: ye,
           onCancel: ue
         }
@@ -50294,11 +50294,11 @@ const J8 = ({
     _e,
     $t,
     de,
-    B,
+    V,
     Ie,
     ye,
     ue
-  ]), vi = ra ?? aa, un = V(() => an ? vi : vi.map((re) => ({
+  ]), vi = ra ?? aa, un = B(() => an ? vi : vi.map((re) => ({
     ...re,
     filter: !1,
     floatingFilter: !1
@@ -50310,7 +50310,7 @@ const J8 = ({
       icon: /* @__PURE__ */ C(fc, { ...ce, className: "text-secondary" }),
       onClick: () => ne([re])
     }), o.actionLabels[he.Copy] && Ke.push({
-      key: it.Copy,
+      key: Xe.Copy,
       label: o.actionLabels[he.Copy],
       icon: /* @__PURE__ */ C(
         Fd,
@@ -50321,10 +50321,10 @@ const J8 = ({
         }
       ),
       onClick: () => {
-        H([re]), E(it.Copy);
+        H([re]), E(Xe.Copy);
       }
     }), o.actionLabels[he.Move] && Ke.push({
-      key: it.Move,
+      key: Xe.Move,
       label: o.actionLabels[he.Move],
       icon: /* @__PURE__ */ C(
         Ed,
@@ -50335,7 +50335,7 @@ const J8 = ({
         }
       ),
       onClick: () => {
-        ee([re]), E(it.Move);
+        ee([re]), E(Xe.Move);
       }
     }), o.actionLabels[he.Download] && Ke.push({
       key: "download",
@@ -50353,7 +50353,7 @@ const J8 = ({
       icon: /* @__PURE__ */ C(Yo, { ...ce, className: "text-secondary" }),
       onClick: () => W([re], re.parentPath ?? "")
     })), Ke;
-  }, la = V(() => {
+  }, la = B(() => {
     const re = /* @__PURE__ */ new Map();
     return b.forEach((Ke, Bs) => {
       const Vs = v.find((wi) => wi.path === Bs);
@@ -50373,10 +50373,10 @@ const J8 = ({
     actionLabels: l?.actionLabels,
     onDuplicate: ne,
     onCopy: (re) => {
-      H(re), E(it.Copy);
+      H(re), E(Xe.Copy);
     },
     onMove: (re) => {
-      ee(re), E(it.Move);
+      ee(re), E(Xe.Move);
     },
     onDownload: $,
     onDelete: W,
@@ -50427,10 +50427,10 @@ const J8 = ({
     actionLabels: r?.actionLabels,
     onDuplicate: (re) => ne([re]),
     onCopy: (re) => {
-      H([re]), E(it.Copy);
+      H([re]), E(Xe.Copy);
     },
     onMove: (re) => {
-      ee([re]), E(it.Move);
+      ee([re]), E(Xe.Move);
     },
     onDownload: (re) => $([re]),
     onRename: Ce,
@@ -50569,21 +50569,16 @@ const J8 = ({
         /* @__PURE__ */ C(
           aL,
           {
+            ...d,
             open: O,
             onClose: T,
             onConfirm: () => {
               const re = d?.destinationFolderPath ?? "/";
-              j === it.Copy ? N(re) : te(re, m ?? "/"), T();
+              j === Xe.Copy ? N(re) : te(re, m ?? "/"), T();
             },
             mode: j,
             items: t,
             rootItem: s,
-            onPathChange: d?.setDestinationFolderPath,
-            path: d?.destinationFolderPath,
-            addFolderLabel: d?.addFolderLabel,
-            copyLabel: d?.copyLabel,
-            moveLabel: d?.moveLabel,
-            hiddenFilesSwitcherLabel: d?.hiddenFilesSwitcherLabel,
             gridOptions: { columnDefs: un, loading: i },
             onUploadFiles: Me,
             onValidateUpload: _,
@@ -50595,7 +50590,7 @@ const J8 = ({
           {
             ...u,
             open: ke,
-            onClose: st,
+            onClose: it,
             onReplace: lo,
             onDuplicate: Xr,
             onDecideForEach: Jr,
@@ -50610,7 +50605,7 @@ const J8 = ({
     ic.MyFiles
   ), i = (n) => {
     s(n);
-  }, o = V(() => {
+  }, o = B(() => {
     if (e)
       return Object.values(ic).map((n) => ({
         id: n,