@epam/ai-dial-ui-kit 0.6.0-rc.1 → 0.6.0-rc.10

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

@@ -5,165 +5,25 @@ import * as be from "react";
 import q, { createContext as fa, useState as I, useRef as L, useEffect as Se, useMemo as B, useContext as st, isValidElement as gd, cloneElement as cc, useCallback as D, memo as ft, useLayoutEffect as qt, PureComponent as Ev, Component as Dv, forwardRef as pd, useImperativeHandle as xn, createElement as Yo, Suspense as Pv, useId as fd, Children as Tv } from "react";
 import { IconInfoCircle as md, IconCircleCheck as Mv, IconAlertTriangle as Iv, IconAlertCircle as Av, IconX as go, IconMinus as kv, IconCheck as Yg, IconExclamationCircle as Cd, IconClipboardX as Zg, IconChevronsLeft as Lv, IconChevronsRight as Ov, IconGripVertical as Nv, IconFile as Qg, IconFileTypeZip as Hv, IconFileTypeXml as Gv, IconFileTypeXls as Bv, IconFileTypeVue as Vv, IconFileTypeTxt as zv, IconFileTypeTsx as Wv, IconFileTypeTs as _v, IconFileTypeSvg as Uv, IconFileTypeSql as $v, IconFileTypeRs as jv, IconFileTypePpt as Kv, IconFileTypePng as qv, IconFileTypePhp as Yv, IconFileTypePdf as Zv, IconFileTypeJsx as Qv, IconFileTypeJs as Xv, IconFileTypeJpg as Jv, IconFileTypeHtml as ew, IconFileTypeDocx as tw, IconFileTypeDoc as sw, IconFileTypeCsv as iw, IconFileTypeCss as ow, IconFileTypeBmp as nw, IconArrowUpRight as rw, IconFolder as vd, IconChevronLeft as aw, IconChevronRight as Xg, IconZoomCancel as lw, IconChevronDown as ma, IconDotsVertical as Fn, IconDots as cw, IconTrashX as En, IconEyeOff as Jg, IconEye as ep, IconSearch as dw, IconPlus as uw, IconChevronUp as hw, IconAlertCircleFilled as gw, IconCaretRightFilled as pw, IconArrowLeft as fw, IconFileZip as mw, IconCopyMinus as Cw, IconFolderPlus as vw, IconCopy as wd, IconDownload as bd, IconPencilMinus as tp, IconCircleFilled as wr } from "@tabler/icons-react";
 import ww, { flushSync as bw, createPortal as Sd } from "react-dom";
-const hi = ({ errorText: e }) => e && /* @__PURE__ */ m("span", { className: "text-error dial-tiny mt-1", children: e }), Ve = ({ icon: e, className: t }) => e ? /* @__PURE__ */ m("span", { className: ee("flex-shrink-0", t), children: e }) : null, Sw = 7, yw = 2, sp = fa(null), ip = () => {
-  const e = st(sp);
-  if (e == null)
-    throw new Error("Tooltip components must be wrapped in <Tooltip />");
-  return e;
-}, Rw = ({
-  initialOpen: e = !1,
-  placement: t = "bottom",
-  isTriggerClickable: s = !1,
-  open: i,
-  onOpenChange: o
-} = {}) => {
-  const [n, r] = I(e), a = L(null), l = i ?? n, c = o ?? r, d = ad({
-    placement: t,
-    open: l,
-    onOpenChange: c,
-    whileElementsMounted: jg,
-    middleware: [
-      _g(Sw + yw),
-      Ug({
-        crossAxis: t.includes("-"),
-        fallbackAxisSideDirection: "start",
-        padding: 5
-      }),
-      $g({ padding: 5 }),
-      wv({
-        element: a
-      })
-    ]
-  }), u = Kg(d.context, {
-    move: !1,
-    enabled: i == null,
-    mouseOnly: s,
-    delay: { open: 500, close: 0 }
-  }), h = bv(d.context, {
-    enabled: i == null
-  }), g = ld(d.context), p = cd(d.context, { role: "tooltip" }), f = dd([u, h, g, p]);
-  return Se(() => {
-    if (!l) return;
-    const C = d.refs.reference.current;
-    if (!(C instanceof Element)) return;
-    const v = new IntersectionObserver(
-      ([w]) => {
-        w.isIntersecting || c(!1);
-      },
-      { root: null, threshold: 0 }
-    );
-    return v.observe(C), () => v.disconnect();
-  }, [l, d.refs.reference, c]), B(
-    () => ({
-      open: l,
-      setOpen: c,
-      arrowRef: a,
-      ...f,
-      ...d
-    }),
-    [l, c, f, d]
-  );
-}, op = ({
-  children: e,
-  ...t
-}) => {
-  const s = Rw(t);
-  return /* @__PURE__ */ m(sp.Provider, { value: s, children: e });
-}, np = ({ style: e, ...t }) => {
-  const s = ip(), i = L(null), o = ud([s.refs.setFloating, i]);
-  return s.open ? /* @__PURE__ */ m(hd, { id: "tooltip-portal", children: /* @__PURE__ */ z(
-    "div",
-    {
-      ref: o,
-      style: {
-        ...s.floatingStyles,
-        ...e
-      },
-      ...s.getFloatingProps(t),
-      className: ee(
-        "z-[55] whitespace-pre-wrap break-words rounded border border-primary bg-layer-0 px-2 py-1 dial-tiny shadow max-w-[300px]",
-        s.getFloatingProps(t).className
-      ),
-      children: [
-        t.children,
-        /* @__PURE__ */ m(
-          Sv,
-          {
-            ref: s.arrowRef,
-            context: s.context,
-            fill: "currentColor",
-            strokeWidth: 1,
-            className: "border-primary w-2 text-[var(--bg-layer-0,_#000000)]"
-          }
-        )
-      ]
-    }
-  ) }) : null;
-}, rp = ({
-  children: e,
-  asChild: t = !1,
-  ...s
-}) => {
-  const i = ip(), o = t && gd(e), n = o ? e.props?.ref : null, r = ud([
-    i.refs.setReference,
-    ...n ? [n] : []
-  ]);
-  return o ? cc(
-    e,
-    i.getReferenceProps({
-      ...e.props,
-      ...s,
-      ref: r
-    })
-  ) : /* @__PURE__ */ m(
-    "span",
-    {
-      ref: r,
-      ...i.getReferenceProps(s),
-      className: s.className ?? "dial-tooltip-trigger text-left",
-      children: e
-    }
-  );
-}, js = ({
-  hideTooltip: e,
-  tooltip: t,
-  children: s,
-  triggerClassName: i,
-  contentClassName: o,
-  ...n
-}) => /* @__PURE__ */ z(op, { ...n, children: [
-  /* @__PURE__ */ m(rp, { className: ee(i, "truncate"), children: s }),
-  /* @__PURE__ */ m(
-    np,
-    {
-      className: ee(
-        "text-primary",
-        o,
-        "max-w-[300px]",
-        (e || !t) && "hidden"
-      ),
-      children: t
-    }
-  )
-] }), yd = "-", xw = (e) => {
-  const t = Ew(e), {
+const yd = "-", Sw = (e) => {
+  const t = Rw(e), {
     conflictingClassGroups: s,
     conflictingClassGroupModifiers: i
   } = e;
   return {
     getClassGroupId: (r) => {
       const a = r.split(yd);
-      return a[0] === "" && a.length !== 1 && a.shift(), ap(a, t) || Fw(r);
+      return a[0] === "" && a.length !== 1 && a.shift(), sp(a, t) || yw(r);
     },
     getConflictingClassGroupIds: (r, a) => {
       const l = s[r] || [];
       return a && i[r] ? [...l, ...i[r]] : l;
     }
   };
-}, ap = (e, t) => {
+}, sp = (e, t) => {
   if (e.length === 0)
     return t.classGroupId;
-  const s = e[0], i = t.nextPart.get(s), o = i ? ap(e.slice(1), i) : void 0;
+  const s = e[0], i = t.nextPart.get(s), o = i ? sp(e.slice(1), i) : void 0;
   if (o)
     return o;
   if (t.validators.length === 0)
@@ -172,13 +32,13 @@ const hi = ({ errorText: e }) => e && /* @__PURE__ */ m("span", { className: "te
   return t.validators.find(({
     validator: r
   }) => r(n))?.classGroupId;
-}, Iu = /^\[(.+)\]$/, Fw = (e) => {
+}, Iu = /^\[(.+)\]$/, yw = (e) => {
   if (Iu.test(e)) {
     const t = Iu.exec(e)[1], s = t?.substring(0, t.indexOf(":"));
     if (s)
       return "arbitrary.." + s;
   }
-}, Ew = (e) => {
+}, Rw = (e) => {
   const {
     theme: t,
     classGroups: s
@@ -197,7 +57,7 @@ const hi = ({ errorText: e }) => e && /* @__PURE__ */ m("span", { className: "te
       return;
     }
     if (typeof o == "function") {
-      if (Dw(o)) {
+      if (xw(o)) {
         dc(o(i), t, s, i);
         return;
       }
@@ -219,7 +79,7 @@ const hi = ({ errorText: e }) => e && /* @__PURE__ */ m("span", { className: "te
       validators: []
     }), s = s.nextPart.get(i);
   }), s;
-}, Dw = (e) => e.isThemeGetter, Pw = (e) => {
+}, xw = (e) => e.isThemeGetter, Fw = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -243,7 +103,7 @@ const hi = ({ errorText: e }) => e && /* @__PURE__ */ m("span", { className: "te
       s.has(n) ? s.set(n, r) : o(n, r);
     }
   };
-}, uc = "!", hc = ":", Tw = hc.length, Mw = (e) => {
+}, uc = "!", hc = ":", Ew = hc.length, Dw = (e) => {
   const {
     prefix: t,
     experimentalParseClassName: s
@@ -255,7 +115,7 @@ const hi = ({ errorText: e }) => e && /* @__PURE__ */ m("span", { className: "te
       let f = o[p];
       if (r === 0 && a === 0) {
         if (f === hc) {
-          n.push(o.slice(l, p)), l = p + Tw;
+          n.push(o.slice(l, p)), l = p + Ew;
           continue;
         }
         if (f === "/") {
@@ -265,7 +125,7 @@ const hi = ({ errorText: e }) => e && /* @__PURE__ */ m("span", { className: "te
       }
       f === "[" ? r++ : f === "]" ? r-- : f === "(" ? a++ : f === ")" && a--;
     }
-    const d = n.length === 0 ? o : o.substring(l), u = Iw(d), h = u !== d, g = c && c > l ? c - l : void 0;
+    const d = n.length === 0 ? o : o.substring(l), u = Pw(d), h = u !== d, g = c && c > l ? c - l : void 0;
     return {
       modifiers: n,
       hasImportantModifier: h,
@@ -291,7 +151,7 @@ const hi = ({ errorText: e }) => e && /* @__PURE__ */ m("span", { className: "te
     });
   }
   return i;
-}, Iw = (e) => e.endsWith(uc) ? e.substring(0, e.length - 1) : e.startsWith(uc) ? e.substring(1) : e, Aw = (e) => {
+}, Pw = (e) => e.endsWith(uc) ? e.substring(0, e.length - 1) : e.startsWith(uc) ? e.substring(1) : e, Tw = (e) => {
   const t = Object.fromEntries(e.orderSensitiveModifiers.map((i) => [i, !0]));
   return (i) => {
     if (i.length <= 1)
@@ -302,18 +162,18 @@ const hi = ({ errorText: e }) => e && /* @__PURE__ */ m("span", { className: "te
       r[0] === "[" || t[r] ? (o.push(...n.sort(), r), n = []) : n.push(r);
     }), o.push(...n.sort()), o;
   };
-}, kw = (e) => ({
-  cache: Pw(e.cacheSize),
-  parseClassName: Mw(e),
-  sortModifiers: Aw(e),
-  ...xw(e)
-}), Lw = /\s+/, Ow = (e, t) => {
+}, Mw = (e) => ({
+  cache: Fw(e.cacheSize),
+  parseClassName: Dw(e),
+  sortModifiers: Tw(e),
+  ...Sw(e)
+}), Iw = /\s+/, Aw = (e, t) => {
   const {
     parseClassName: s,
     getClassGroupId: i,
     getConflictingClassGroupIds: o,
     sortModifiers: n
-  } = t, r = [], a = e.trim().split(Lw);
+  } = t, r = [], a = e.trim().split(Iw);
   let l = "";
   for (let c = a.length - 1; c >= 0; c -= 1) {
     const d = a[c], {
@@ -352,52 +212,52 @@ const hi = ({ errorText: e }) => e && /* @__PURE__ */ m("span", { className: "te
   }
   return l;
 };
-function Nw() {
+function kw() {
   let e = 0, t, s, i = "";
   for (; e < arguments.length; )
-    (t = arguments[e++]) && (s = lp(t)) && (i && (i += " "), i += s);
+    (t = arguments[e++]) && (s = ip(t)) && (i && (i += " "), i += s);
   return i;
 }
-const lp = (e) => {
+const ip = (e) => {
   if (typeof e == "string")
     return e;
   let t, s = "";
   for (let i = 0; i < e.length; i++)
-    e[i] && (t = lp(e[i])) && (s && (s += " "), s += t);
+    e[i] && (t = ip(e[i])) && (s && (s += " "), s += t);
   return s;
 };
-function Hw(e, ...t) {
+function Lw(e, ...t) {
   let s, i, o, n = r;
   function r(l) {
     const c = t.reduce((d, u) => u(d), e());
-    return s = kw(c), i = s.cache.get, o = s.cache.set, n = a, a(l);
+    return s = Mw(c), i = s.cache.get, o = s.cache.set, n = a, a(l);
   }
   function a(l) {
     const c = i(l);
     if (c)
       return c;
-    const d = Ow(l, s);
+    const d = Aw(l, s);
     return o(l, d), d;
   }
   return function() {
-    return n(Nw.apply(null, arguments));
+    return n(kw.apply(null, arguments));
   };
 }
 const et = (e) => {
   const t = (s) => s[e] || [];
   return t.isThemeGetter = !0, t;
-}, cp = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, dp = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Gw = /^\d+\/\d+$/, Bw = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Vw = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, zw = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Ww = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, _w = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Ii = (e) => Gw.test(e), Ee = (e) => !!e && !Number.isNaN(Number(e)), ks = (e) => !!e && Number.isInteger(Number(e)), gl = (e) => e.endsWith("%") && Ee(e.slice(0, -1)), ps = (e) => Bw.test(e), Uw = () => !0, $w = (e) => (
+}, op = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, np = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Ow = /^\d+\/\d+$/, Nw = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Hw = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Gw = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Bw = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Vw = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Ii = (e) => Ow.test(e), Ee = (e) => !!e && !Number.isNaN(Number(e)), Ls = (e) => !!e && Number.isInteger(Number(e)), gl = (e) => e.endsWith("%") && Ee(e.slice(0, -1)), ps = (e) => Nw.test(e), zw = () => !0, Ww = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
-  Vw.test(e) && !zw.test(e)
-), up = () => !1, jw = (e) => Ww.test(e), Kw = (e) => _w.test(e), qw = (e) => !re(e) && !ae(e), Yw = (e) => po(e, pp, up), re = (e) => cp.test(e), Xs = (e) => po(e, fp, $w), pl = (e) => po(e, e1, Ee), ku = (e) => po(e, hp, up), Zw = (e) => po(e, gp, Kw), Xn = (e) => po(e, mp, jw), ae = (e) => dp.test(e), Bo = (e) => fo(e, fp), Qw = (e) => fo(e, t1), Lu = (e) => fo(e, hp), Xw = (e) => fo(e, pp), Jw = (e) => fo(e, gp), Jn = (e) => fo(e, mp, !0), po = (e, t, s) => {
-  const i = cp.exec(e);
+  Hw.test(e) && !Gw.test(e)
+), rp = () => !1, _w = (e) => Bw.test(e), Uw = (e) => Vw.test(e), $w = (e) => !re(e) && !ae(e), jw = (e) => po(e, cp, rp), re = (e) => op.test(e), Xs = (e) => po(e, dp, Ww), pl = (e) => po(e, Qw, Ee), ku = (e) => po(e, ap, rp), Kw = (e) => po(e, lp, Uw), Xn = (e) => po(e, up, _w), ae = (e) => np.test(e), Bo = (e) => fo(e, dp), qw = (e) => fo(e, Xw), Lu = (e) => fo(e, ap), Yw = (e) => fo(e, cp), Zw = (e) => fo(e, lp), Jn = (e) => fo(e, up, !0), po = (e, t, s) => {
+  const i = op.exec(e);
   return i ? i[1] ? t(i[1]) : s(i[2]) : !1;
 }, fo = (e, t, s = !1) => {
-  const i = dp.exec(e);
+  const i = np.exec(e);
   return i ? i[1] ? t(i[1]) : s : !1;
-}, hp = (e) => e === "position" || e === "percentage", gp = (e) => e === "image" || e === "url", pp = (e) => e === "length" || e === "size" || e === "bg-size", fp = (e) => e === "length", e1 = (e) => e === "number", t1 = (e) => e === "family-name", mp = (e) => e === "shadow", s1 = () => {
+}, ap = (e) => e === "position" || e === "percentage", lp = (e) => e === "image" || e === "url", cp = (e) => e === "length" || e === "size" || e === "bg-size", dp = (e) => e === "length", Qw = (e) => e === "number", Xw = (e) => e === "family-name", up = (e) => e === "shadow", Jw = () => {
   const e = et("color"), t = et("font"), s = et("text"), i = et("font-weight"), o = et("tracking"), n = et("leading"), r = et("breakpoint"), a = et("container"), l = et("spacing"), c = et("radius"), d = et("shadow"), u = et("inset-shadow"), h = et("text-shadow"), g = et("drop-shadow"), p = et("blur"), f = et("perspective"), C = et("aspect"), v = et("ease"), w = et("animate"), b = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], S = () => [
     "center",
     "top",
@@ -416,13 +276,13 @@ const et = (e) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], y = () => [...S(), ae, re], R = () => ["auto", "hidden", "clip", "visible", "scroll"], x = () => ["auto", "contain", "none"], E = () => [ae, re, l], T = () => [Ii, "full", "auto", ...E()], k = () => [ks, "none", "subgrid", ae, re], F = () => ["auto", {
-    span: ["full", ks, ae, re]
-  }, ks, ae, re], P = () => [ks, "auto", ae, re], G = () => ["auto", "min", "max", "fr", ae, re], _ = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], H = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], ie = () => ["auto", ...E()], ne = () => [Ii, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...E()], N = () => [e, ae, re], ue = () => [...S(), Lu, ku, {
+  ], y = () => [...S(), ae, re], R = () => ["auto", "hidden", "clip", "visible", "scroll"], x = () => ["auto", "contain", "none"], E = () => [ae, re, l], T = () => [Ii, "full", "auto", ...E()], k = () => [Ls, "none", "subgrid", ae, re], F = () => ["auto", {
+    span: ["full", Ls, ae, re]
+  }, Ls, ae, re], P = () => [Ls, "auto", ae, re], G = () => ["auto", "min", "max", "fr", ae, re], _ = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], H = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], ie = () => ["auto", ...E()], ne = () => [Ii, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...E()], N = () => [e, ae, re], ue = () => [...S(), Lu, ku, {
     position: [ae, re]
   }], U = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], se = () => ["auto", "cover", "contain", Xw, Yw, {
+  }], se = () => ["auto", "cover", "contain", Yw, jw, {
     size: [ae, re]
   }], te = () => [gl, Bo, Xs], Z = () => [
     // Deprecated since Tailwind CSS v4.0.0
@@ -447,11 +307,11 @@ const et = (e) => {
       aspect: ["video"],
       blur: [ps],
       breakpoint: [ps],
-      color: [Uw],
+      color: [zw],
       container: [ps],
       "drop-shadow": [ps],
       ease: ["in", "out", "in-out"],
-      font: [qw],
+      font: [$w],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
       "inset-shadow": [ps],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
@@ -685,7 +545,7 @@ const et = (e) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [ks, "auto", ae, re]
+        z: [Ls, "auto", ae, re]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -737,7 +597,7 @@ const et = (e) => {
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [ks, "first", "last", "none", ae, re]
+        order: [Ls, "first", "last", "none", ae, re]
       }],
       /**
        * Grid Template Columns
@@ -1163,7 +1023,7 @@ const et = (e) => {
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [Qw, re, t]
+        font: [qw, re, t]
       }],
       /**
        * Font Variant Numeric
@@ -1415,10 +1275,10 @@ const et = (e) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, ks, ae, re],
+          }, Ls, ae, re],
           radial: ["", ae, re],
-          conic: [ks, ae, re]
-        }, Jw, Zw]
+          conic: [Ls, ae, re]
+        }, Zw, Kw]
       }],
       /**
        * Background Color
@@ -2867,11 +2727,162 @@ const et = (e) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, i1 = /* @__PURE__ */ Hw(s1);
-function pe(...e) {
-  return i1(ee(e));
+}, e1 = /* @__PURE__ */ Lw(Jw);
+function ge(...e) {
+  return e1(ee(e));
 }
-const mo = ({
+const hi = ({
+  errorText: e,
+  className: t,
+  ...s
+}) => e ? /* @__PURE__ */ m(
+  "span",
+  {
+    ...s,
+    className: ge("text-error dial-tiny mt-1", t),
+    children: e
+  }
+) : null, Ve = ({ icon: e, className: t }) => e ? /* @__PURE__ */ m("span", { className: ee("flex-shrink-0", t), children: e }) : null, t1 = 7, s1 = 2, hp = fa(null), gp = () => {
+  const e = st(hp);
+  if (e == null)
+    throw new Error("Tooltip components must be wrapped in <Tooltip />");
+  return e;
+}, i1 = ({
+  initialOpen: e = !1,
+  placement: t = "bottom",
+  isTriggerClickable: s = !1,
+  open: i,
+  onOpenChange: o
+} = {}) => {
+  const [n, r] = I(e), a = L(null), l = i ?? n, c = o ?? r, d = ad({
+    placement: t,
+    open: l,
+    onOpenChange: c,
+    whileElementsMounted: jg,
+    middleware: [
+      _g(t1 + s1),
+      Ug({
+        crossAxis: t.includes("-"),
+        fallbackAxisSideDirection: "start",
+        padding: 5
+      }),
+      $g({ padding: 5 }),
+      wv({
+        element: a
+      })
+    ]
+  }), u = Kg(d.context, {
+    move: !1,
+    enabled: i == null,
+    mouseOnly: s,
+    delay: { open: 500, close: 0 }
+  }), h = bv(d.context, {
+    enabled: i == null
+  }), g = ld(d.context), p = cd(d.context, { role: "tooltip" }), f = dd([u, h, g, p]);
+  return Se(() => {
+    if (!l) return;
+    const C = d.refs.reference.current;
+    if (!(C instanceof Element)) return;
+    const v = new IntersectionObserver(
+      ([w]) => {
+        w.isIntersecting || c(!1);
+      },
+      { root: null, threshold: 0 }
+    );
+    return v.observe(C), () => v.disconnect();
+  }, [l, d.refs.reference, c]), B(
+    () => ({
+      open: l,
+      setOpen: c,
+      arrowRef: a,
+      ...f,
+      ...d
+    }),
+    [l, c, f, d]
+  );
+}, pp = ({
+  children: e,
+  ...t
+}) => {
+  const s = i1(t);
+  return /* @__PURE__ */ m(hp.Provider, { value: s, children: e });
+}, fp = ({ style: e, ...t }) => {
+  const s = gp(), i = L(null), o = ud([s.refs.setFloating, i]);
+  return s.open ? /* @__PURE__ */ m(hd, { id: "tooltip-portal", children: /* @__PURE__ */ z(
+    "div",
+    {
+      ref: o,
+      style: {
+        ...s.floatingStyles,
+        ...e
+      },
+      ...s.getFloatingProps(t),
+      className: ee(
+        "z-[55] whitespace-pre-wrap break-words rounded border border-primary bg-layer-0 px-2 py-1 dial-tiny shadow max-w-[300px]",
+        s.getFloatingProps(t).className
+      ),
+      children: [
+        t.children,
+        /* @__PURE__ */ m(
+          Sv,
+          {
+            ref: s.arrowRef,
+            context: s.context,
+            fill: "currentColor",
+            strokeWidth: 1,
+            className: "border-primary w-2 text-[var(--bg-layer-0,_#000000)]"
+          }
+        )
+      ]
+    }
+  ) }) : null;
+}, mp = ({
+  children: e,
+  asChild: t = !1,
+  ...s
+}) => {
+  const i = gp(), o = t && gd(e), n = o ? e.props?.ref : null, r = ud([
+    i.refs.setReference,
+    ...n ? [n] : []
+  ]);
+  return o ? cc(
+    e,
+    i.getReferenceProps({
+      ...e.props,
+      ...s,
+      ref: r
+    })
+  ) : /* @__PURE__ */ m(
+    "span",
+    {
+      ref: r,
+      ...i.getReferenceProps(s),
+      className: s.className ?? "dial-tooltip-trigger text-left",
+      children: e
+    }
+  );
+}, Es = ({
+  hideTooltip: e,
+  tooltip: t,
+  children: s,
+  triggerClassName: i,
+  contentClassName: o,
+  ...n
+}) => /* @__PURE__ */ z(pp, { ...n, children: [
+  /* @__PURE__ */ m(mp, { className: ee(i, "truncate"), children: s }),
+  /* @__PURE__ */ m(
+    fp,
+    {
+      className: ee(
+        "text-primary",
+        o,
+        "max-w-[300px]",
+        (e || !t) && "hidden"
+      ),
+      children: t
+    }
+  )
+] }), mo = ({
   fieldTitle: e,
   optional: t,
   optionalText: s,
@@ -2882,7 +2893,7 @@ const mo = ({
   "label",
   {
     ...n,
-    className: pe(
+    className: ge(
       "dial-tiny text-secondary flex gap-1",
       i,
       !i?.includes("mb") && "mb-2"
@@ -2890,7 +2901,7 @@ const mo = ({
     children: [
       typeof e == "string" ? /* @__PURE__ */ m("span", { className: "min-h-4", children: e }) : e,
       t && /* @__PURE__ */ m("span", { children: s ?? "(Optional)" }),
-      o && /* @__PURE__ */ m(js, { tooltip: o, children: /* @__PURE__ */ m(
+      o && /* @__PURE__ */ m(Es, { tooltip: o, children: /* @__PURE__ */ m(
         Ve,
         {
           icon: /* @__PURE__ */ m(md, { size: 14, className: "text-secondary" })
@@ -2899,13 +2910,13 @@ const mo = ({
     ]
   }
 ) : null;
-var He = /* @__PURE__ */ ((e) => (e.Primary = "primary", e.Secondary = "secondary", e.Tertiary = "tertiary", e.Danger = "danger", e))(He || {});
+var Ne = /* @__PURE__ */ ((e) => (e.Primary = "primary", e.Secondary = "secondary", e.Tertiary = "tertiary", e.Danger = "danger", e))(Ne || {});
 const o1 = {
-  [He.Primary]: "dial-primary-button",
-  [He.Secondary]: "dial-secondary-button",
-  [He.Tertiary]: "dial-tertiary-button",
-  [He.Danger]: "dial-danger-button"
-}, Ae = ({
+  [Ne.Primary]: "dial-primary-button",
+  [Ne.Secondary]: "dial-secondary-button",
+  [Ne.Tertiary]: "dial-tertiary-button",
+  [Ne.Danger]: "dial-danger-button"
+}, Ie = ({
   label: e,
   variant: t,
   className: s,
@@ -2969,7 +2980,7 @@ const n1 = (e) => ({
     {
       ...a,
       role: "alert",
-      className: pe(
+      className: ge(
         a1,
         r1[e],
         s
@@ -2980,7 +2991,7 @@ const n1 = (e) => ({
           /* @__PURE__ */ m("div", { className: "text-primary", children: t })
         ] }),
         n && /* @__PURE__ */ m(
-          Ae,
+          Ie,
           {
             className: "ml-2 text-secondary hover:text-primary",
             "aria-label": "Close alert",
@@ -3055,9 +3066,9 @@ const n1 = (e) => ({
     () => typeof e == "string" ? e : c,
     [c, e]
   ), f = B(() => i ? "" : a ? p : "", [p, i, a]);
-  return /* @__PURE__ */ z(op, { ...n, children: [
+  return /* @__PURE__ */ z(pp, { ...n, children: [
     /* @__PURE__ */ m(
-      rp,
+      mp,
       {
         asChild: !0,
         onMouseEnter: g,
@@ -3066,7 +3077,7 @@ const n1 = (e) => ({
           "span",
           {
             id: o,
-            className: pe(
+            className: ge(
               "block truncate flex-1 min-w-0 max-w-full text-left",
               t
             ),
@@ -3080,9 +3091,9 @@ const n1 = (e) => ({
       }
     ),
     /* @__PURE__ */ m(
-      np,
+      fp,
       {
-        className: pe(
+        className: ge(
           u1,
           s,
           !f && "hidden"
@@ -3228,7 +3239,7 @@ const h1 = (e, t) => {
 }, f1 = ({
   name: e,
   value: t,
-  title: s,
+  label: s,
   description: i,
   checked: o = !1,
   inputId: n,
@@ -3324,7 +3335,7 @@ const m1 = "w-full flex", C1 = {
       role: "group",
       "aria-labelledby": t ? v : void 0,
       "aria-describedby": y,
-      className: pe(
+      className: ge(
         m1,
         C1[r],
         l
@@ -3334,7 +3345,7 @@ const m1 = "w-full flex", C1 = {
           "div",
           {
             id: v,
-            className: pe(r === "horizontal" && "shrink-0"),
+            className: ge(r === "horizontal" && "shrink-0"),
             children: /* @__PURE__ */ m(
               mo,
               {
@@ -3342,7 +3353,7 @@ const m1 = "w-full flex", C1 = {
                 fieldTitle: t,
                 optional: s,
                 optionalText: i,
-                className: pe(
+                className: ge(
                   a && "sr-only",
                   c
                 ),
@@ -3351,13 +3362,13 @@ const m1 = "w-full flex", C1 = {
             )
           }
         ),
-        /* @__PURE__ */ z("div", { className: pe("min-w-0 w-full", u), children: [
+        /* @__PURE__ */ z("div", { className: ge("min-w-0 w-full", u), children: [
           g ? /* @__PURE__ */ m("div", { className: "dial-input px-3 py-2", children: x() }) : C,
           h && /* @__PURE__ */ m(
             "div",
             {
               id: S,
-              className: pe({
+              className: ge({
                 "dial-tiny text-secondary mt-1": !0,
                 "text-error": !!n
               }),
@@ -3406,7 +3417,7 @@ const v1 = "flex", w1 = "pb-1 mt-2", b1 = {
         role: "radiogroup",
         "aria-label": e,
         "aria-disabled": u || void 0,
-        className: pe(
+        className: ge(
           v1,
           b1[f],
           n
@@ -3414,7 +3425,7 @@ const v1 = "flex", w1 = "pb-1 mt-2", b1 = {
         children: g.map((v) => /* @__PURE__ */ z(
           "div",
           {
-            className: pe(
+            className: ge(
               "flex flex-col",
               r,
               v.id === p && a
@@ -3428,11 +3439,11 @@ const v1 = "flex", w1 = "pb-1 mt-2", b1 = {
                   inputId: v.id,
                   disabled: u,
                   className: t,
-                  labelClassName: pe(
+                  labelClassName: ge(
                     d,
                     v.id === p && o
                   ),
-                  title: v.name,
+                  label: v.name,
                   checked: v.id === p,
                   onChange: () => C(v.id)
                 }
@@ -3440,7 +3451,7 @@ const v1 = "flex", w1 = "pb-1 mt-2", b1 = {
               v.id === p && v.content ? /* @__PURE__ */ m(
                 "div",
                 {
-                  className: pe(
+                  className: ge(
                     w1,
                     i
                   ),
@@ -3464,7 +3475,7 @@ const v1 = "flex", w1 = "pb-1 mt-2", b1 = {
 }) => /* @__PURE__ */ z(
   "div",
   {
-    className: pe(
+    className: ge(
       "h-full w-full flex flex-col items-center justify-center text-secondary",
       i
     ),
@@ -3474,7 +3485,7 @@ const v1 = "flex", w1 = "pb-1 mt-2", b1 = {
       /* @__PURE__ */ m(
         "span",
         {
-          className: pe("dial-small mt-2 text-primary", o),
+          className: ge("dial-small mt-2 text-primary", o),
           "aria-label": "no-results-title",
           children: t
         }
@@ -3482,7 +3493,7 @@ const v1 = "flex", w1 = "pb-1 mt-2", b1 = {
       s && /* @__PURE__ */ m(
         "span",
         {
-          className: pe("mt-1 text-primary", n),
+          className: ge("mt-1 text-primary", n),
           "aria-label": "no-results-description",
           children: s
         }
@@ -3544,11 +3555,11 @@ const v1 = "flex", w1 = "pb-1 mt-2", b1 = {
         /* @__PURE__ */ z(
           "div",
           {
-            className: pe("border-t border-primary h-12", v),
+            className: ge("border-t border-primary h-12", v),
             children: [
               f && a,
               /* @__PURE__ */ m(
-                Ae,
+                Ie,
                 {
                   className: "hover:text-accent-primary p-1",
                   onClick: w,
@@ -3576,7 +3587,7 @@ const v1 = "flex", w1 = "pb-1 mt-2", b1 = {
       /* @__PURE__ */ m("label", { className: "dial-tiny mb-2 text-secondary", children: e }),
       i || /* @__PURE__ */ z("div", { className: "flex flex-row items-center", children: [
         /* @__PURE__ */ m(
-          js,
+          Es,
           {
             triggerClassName: "text-primary",
             tooltip: s || t,
@@ -3600,7 +3611,7 @@ const y1 = {
   iconBefore: o,
   bordered: n = !0
 }) => {
-  const r = y1[i], a = pe(
+  const r = y1[i], a = ge(
     "flex items-center gap-1 dial-tiny rounded p-1 h-[22px] text-primary",
     r,
     n ? "border" : "border-transparent",
@@ -3610,7 +3621,7 @@ const y1 = {
     /* @__PURE__ */ m(Ve, { icon: o }),
     /* @__PURE__ */ m(wt, { text: e }),
     s && /* @__PURE__ */ m(
-      Ae,
+      Ie,
       {
         iconAfter: /* @__PURE__ */ m(go, { size: 16 }),
         onClick: (l) => s(l)
@@ -5392,7 +5403,7 @@ const ju = "column", R0 = "flex items-center", x0 = "mr-3 cursor-move text-secon
     "div",
     {
       ref: a,
-      className: pe(R0, s),
+      className: ge(R0, s),
       style: { opacity: c ? 0 : 1 },
       "aria-roledescription": "Draggable item",
       children: [
@@ -5482,7 +5493,7 @@ const ju = "column", R0 = "flex items-center", x0 = "mr-3 cursor-move text-secon
 }) => /* @__PURE__ */ m(
   Ve,
   {
-    className: pe("text-accent-primary", s),
+    className: ge("text-accent-primary", s),
     icon: /* @__PURE__ */ m(
       rw,
       {
@@ -5502,7 +5513,7 @@ const ju = "column", R0 = "flex items-center", x0 = "mr-3 cursor-move text-secon
   details: o
 }) => {
   const n = e.includes(".") ? e.split(".").pop() : null;
-  return /* @__PURE__ */ z("div", { className: pe("flex items-center gap-2 w-full", t), children: [
+  return /* @__PURE__ */ z("div", { className: ge("flex items-center gap-2 w-full", t), children: [
     n && /* @__PURE__ */ m(
       Tp,
       {
@@ -5548,7 +5559,7 @@ const ju = "column", R0 = "flex items-center", x0 = "mr-3 cursor-move text-secon
       className: "inline-block align-middle"
     }
   );
-  return /* @__PURE__ */ z("div", { className: pe("flex items-center gap-2 w-full", t), children: [
+  return /* @__PURE__ */ z("div", { className: ge("flex items-center gap-2 w-full", t), children: [
     /* @__PURE__ */ z("span", { className: "inline-flex relative text-secondary", role: "img", children: [
       n(),
       s && /* @__PURE__ */ m("span", { className: "absolute -bottom-0.5 -left-0.5", children: /* @__PURE__ */ m(Vr, {}) })
@@ -6032,7 +6043,7 @@ const z0 = ({ side: e, className: t }) => {
   customHandler: s,
   handlerClassName: i
 }) => {
-  const o = pe(
+  const o = ge(
     "invisible h-full w-0.5 group-hover:visible bg-accent-primary text-accent-primary cursor-col-resize transition-opacity",
     t && "visible",
     i
@@ -6136,13 +6147,13 @@ const $0 = (e) => {
 }) => {
   if (!o && n)
     return /* @__PURE__ */ m(Be, { children: n });
-  const u = pe(
+  const u = ge(
     "bg-layer-3",
     e && "animate-pulse",
     c
   );
   if (r !== Kt.Default) {
-    const E = pe(
+    const E = ge(
       u,
       r === Kt.Circular && "rounded-full",
       r === Kt.Rectangular && "rounded",
@@ -6151,11 +6162,11 @@ const $0 = (e) => {
     return a && (T.width = typeof a == "number" ? `${a}px` : a), l && (T.height = typeof l == "number" ? `${l}px` : l), /* @__PURE__ */ m("div", { className: E, style: T, ...d });
   }
   const h = !!s, g = !!i, p = !!t, f = typeof s == "object" ? s : {}, C = typeof i == "object" ? i : {}, v = typeof t == "object" ? t : {}, w = $0(f.size), b = f.shape ?? vc.Circle, S = C.width ?? "38%", y = v.rows ?? 3, R = v.width, x = (E) => R ? Array.isArray(R) ? R[E] ?? "100%" : R : E === y - 1 ? "61%" : "100%";
-  return /* @__PURE__ */ z("div", { ...d, className: pe("flex gap-4", c), children: [
+  return /* @__PURE__ */ z("div", { ...d, className: ge("flex gap-4", c), children: [
     h && /* @__PURE__ */ m(
       "div",
       {
-        className: pe(
+        className: ge(
           u,
           b === vc.Circle ? "rounded-full" : "rounded",
           "flex-shrink-0"
@@ -6167,14 +6178,14 @@ const $0 = (e) => {
       g && /* @__PURE__ */ m(
         "div",
         {
-          className: pe(u, "h-4 rounded"),
+          className: ge(u, "h-4 rounded"),
           style: { width: S }
         }
       ),
       p && /* @__PURE__ */ m("div", { className: "flex flex-col gap-3", children: Array.from({ length: y }).map((E, T) => /* @__PURE__ */ m(
         "div",
         {
-          className: pe(u, "h-4 rounded"),
+          className: ge(u, "h-4 rounded"),
           style: { width: x(T) }
         },
         T
@@ -6443,7 +6454,7 @@ function Ra(e, t) {
 }
 var gS = "[tabindex], input, select, button, textarea, [href]", Bp = "[disabled], .ag-disabled:not(.ag-button), .ag-disabled *";
 function en(e) {
-  return !e || !e.matches("input, select, button, textarea") || !e.matches(Bp) ? !1 : Es(e);
+  return !e || !e.matches("input, select, button, textarea") || !e.matches(Bp) ? !1 : Ds(e);
 }
 function $e(e, t, s = {}) {
   const { skipAriaHidden: i } = s;
@@ -6545,13 +6556,13 @@ function Ft(e) {
   for (; e?.firstChild; )
     e.firstChild.remove();
 }
-function zs(e) {
+function Ws(e) {
   e?.parentNode && e.remove();
 }
 function Wp(e) {
   return !!e.offsetParent;
 }
-function Es(e) {
+function Ds(e) {
   return e.checkVisibility ? e.checkVisibility({ checkVisibilityCSS: !0 }) : !(!Wp(e) || window.getComputedStyle(e).visibility !== "visible");
 }
 function Hd(e) {
@@ -6588,11 +6599,11 @@ function Vd(e) {
 function Tt(e, t, s) {
   s == null || s === "" ? e.removeAttribute(t) : e.setAttribute(t, s.toString());
 }
-function Ds(e, t, s) {
+function Ps(e, t, s) {
   const o = Ip(e).ResizeObserver, n = o ? new o(s) : null;
   return n?.observe(t), () => n?.disconnect();
 }
-function Ps(e, t) {
+function Ts(e, t) {
   const s = Ip(e);
   s.requestAnimationFrame ? s.requestAnimationFrame(t) : s.webkitRequestAnimationFrame ? s.webkitRequestAnimationFrame(t) : s.setTimeout(t, 0);
 }
@@ -6696,7 +6707,7 @@ var Rr = (e, ...t) => {
       t.removeEventListener(s, i, o);
     e.length = 0;
   }
-}, Hs = (e) => {
+}, Gs = (e) => {
   e.cancelable && e.preventDefault();
 };
 function RS(e, t) {
@@ -6906,7 +6917,7 @@ function Sc(e, t = "setTimeout", s) {
     for (const r of n)
       r();
   };
-  t === "raf" ? Ps(s, o) : window.setTimeout(o, 0);
+  t === "raf" ? Ts(s, o) : window.setTimeout(o, 0);
 }
 function lt(e, t, s) {
   let i;
@@ -7346,7 +7357,7 @@ function af(e) {
 function ZS(e, t) {
   return t ? !e.get("enableStrictPivotColumnOrder") : e.get("maintainColumnOrder");
 }
-function Ws(e, t, s = !1, i) {
+function _s(e, t, s = !1, i) {
   const { gos: o, environment: n } = e;
   if (i == null && (i = n.getDefaultRowHeight()), af(o)) {
     if (s)
@@ -7444,7 +7455,7 @@ function Rl(e) {
 function ey(e) {
   return typeof e.get("rowSelection") != "string";
 }
-function _s(e) {
+function Us(e) {
   const t = e.get("cellSelection");
   return t !== void 0 ? !!t : e.get("enableRangeSelection");
 }
@@ -7575,7 +7586,7 @@ var dy = {
 function ff() {
   return uy++;
 }
-function Us(e) {
+function $s(e) {
   return e instanceof xi;
 }
 var xi = class extends O {
@@ -8029,12 +8040,12 @@ var Dr = class extends O {
   forEachLeafColumn(e) {
     if (this.children)
       for (const t of this.children)
-        Us(t) ? e(t) : pt(t) && t.forEachLeafColumn(e);
+        $s(t) ? e(t) : pt(t) && t.forEachLeafColumn(e);
   }
   addLeafColumns(e) {
     if (this.children)
       for (const t of this.children)
-        Us(t) ? e.push(t) : pt(t) && t.addLeafColumns(e);
+        $s(t) ? e.push(t) : pt(t) && t.addLeafColumns(e);
   }
   getColumnGroupShow() {
     const e = this.colGroupDef;
@@ -8151,7 +8162,7 @@ function vf(e) {
   const t = [], s = (i) => {
     for (let o = 0; o < i.length; o++) {
       const n = i[o];
-      Us(n) ? t.push(n) : pt(n) && s(n.getChildren());
+      $s(n) ? t.push(n) : pt(n) && s(n.getChildren());
     }
   };
   return s(e), t;
@@ -8174,14 +8185,14 @@ function Xr(e, t, s) {
 function Kd(e) {
   return e.getId().startsWith(xa);
 }
-function Ts(e) {
+function Ms(e) {
   return (typeof e == "string" ? e : "getColId" in e ? e.getColId() : e.colId)?.startsWith(mf) ?? !1;
 }
 function ys(e) {
   return (typeof e == "string" ? e : "getColId" in e ? e.getColId() : e.colId)?.startsWith(Cf) ?? !1;
 }
 function py(e) {
-  return Ts(e) || ys(e);
+  return Ms(e) || ys(e);
 }
 function Jr(e) {
   let t = [];
@@ -8485,7 +8496,7 @@ function Yt(e, t, s) {
         P.push(U), _.push(U);
         continue;
       }
-      if (Ts(se)) {
+      if (Ms(se)) {
         G.push(U), _.push(U);
         continue;
       }
@@ -8818,7 +8829,7 @@ var dh = (e, t, s, i) => {
       const c = Kd(l);
       if (i) {
         const d = r?.includes(l);
-        return c || d || o && Ts(l) || n && ys(l);
+        return c || d || o && Ms(l) || n && ys(l);
       } else
         return c || l.isVisible();
     });
@@ -9734,7 +9745,7 @@ function Zi(e, t, s = !1) {
   const i = gS;
   let o = Bp;
   t && (o += ", " + t), s && (o += ', [tabindex="-1"]');
-  const n = Array.prototype.slice.apply(e.querySelectorAll(i)).filter((l) => Es(l)), r = Array.prototype.slice.apply(e.querySelectorAll(o));
+  const n = Array.prototype.slice.apply(e.querySelectorAll(i)).filter((l) => Ds(l)), r = Array.prototype.slice.apply(e.querySelectorAll(o));
   return r.length ? ((l, c) => l.filter((d) => c.indexOf(d) === -1))(n, r) : n;
 }
 function vi(e, t = !1, s = !1, i = !1) {
@@ -10329,7 +10340,7 @@ var si = class extends Gf {
   }
   highlightItem(e) {
     const t = e.getGui();
-    if (!Es(t))
+    if (!Ds(t))
       return;
     this.clearHighlighted(), e.setHighlighted(!0), this.highlightedItem = e;
     const s = this.getGui(), { scrollTop: i, clientHeight: o } = s, { offsetTop: n, offsetHeight: r } = t;
@@ -10715,7 +10726,7 @@ var si = class extends Gf {
 }, fh, Qi = (fh = typeof window == "object" ? window : {}).agStyleInjectionState ?? (fh.agStyleInjectionState = {
   map: /* @__PURE__ */ new WeakMap(),
   grids: /* @__PURE__ */ new Set()
-}), St = (e) => new zf(e), Gs = "$default", qR = 0, zf = class {
+}), St = (e) => new zf(e), Bs = "$default", qR = 0, zf = class {
   constructor({ feature: e, params: t, modeParams: s = {}, css: i, cssImports: o }) {
     this.feature = e, this.css = i, this.cssImports = o, this.modeParams = {
       // NOTE: it's important that default is defined first, putting it
@@ -10723,8 +10734,8 @@ var si = class extends Gf {
       // params override any prior modal params, so modal params in this
       // part need to come after default params to prevent them from being
       // immediately overridden.
-      [Gs]: {
-        ...s[Gs] ?? {},
+      [Bs]: {
+        ...s[Bs] ?? {},
         ...t ?? {}
       },
       ...s
@@ -10910,7 +10921,7 @@ ${o}`;
   withoutPart(t) {
     return this.withPart(St({ feature: t }));
   }
-  withParams(t, s = Gs) {
+  withParams(t, s = Bs) {
     return this.withPart(
       St({
         modeParams: { [s]: t }
@@ -10947,7 +10958,7 @@ ${o}`;
         // NOTE: defining the default mode here is important, it ensures
         // that the default mode is first in iteration order, which puts
         // it first in outputted CSS, allowing other modes to override it
-        [Gs]: { ...JR }
+        [Bs]: { ...JR }
       };
       for (const i of Ch(this.parts))
         for (const o of Object.keys(i.modeParams)) {
@@ -10958,10 +10969,10 @@ ${o}`;
               const c = n[l];
               c !== void 0 && (r[l] = c, a.add(l));
             }
-            if (o === Gs)
+            if (o === Bs)
               for (const l of Object.keys(s)) {
                 const c = s[l];
-                if (l !== Gs)
+                if (l !== Bs)
                   for (const d of a)
                     delete c[d];
               }
@@ -10986,7 +10997,7 @@ ${o}`;
       const r = this._getModeParams();
       for (const l of Object.keys(r)) {
         const c = r[l];
-        if (l !== Gs) {
+        if (l !== Bs) {
           const u = `:where([data-ag-theme-mode="${typeof CSS == "object" ? CSS.escape(l) : l}"]) & {
 `;
           o += u, n += u;
@@ -11002,7 +11013,7 @@ ${o}`;
 `;
           }
         }
-        l !== Gs && (o += `}
+        l !== Bs && (o += `}
 `, n += `}
 `);
       }
@@ -11591,7 +11602,7 @@ ${n}}
       )), t.style.left = `${d}px`, t.style.top = `${u}px`, e.postProcessCallback && e.postProcessCallback());
     };
     if (l(), !n) {
-      const c = Ds(this.beans, t, () => l(!0));
+      const c = Ps(this.beans, t, () => l(!0));
       setTimeout(() => c(), x2);
     }
   }
@@ -11898,7 +11909,7 @@ ${n}}
     const s = this.beans, i = (a) => this.onScroll(a), o = (a) => this.onKeyDown(a), n = ns(s), r = nt(s);
     Rr(
       e.handlers,
-      [n, "contextmenu", Hs],
+      [n, "contextmenu", Gs],
       [n, "keydown", o],
       [r, "scroll", i, { capture: !0 }],
       [r.defaultView || window, "scroll", i],
@@ -11938,8 +11949,8 @@ ${n}}
       [o, "pointerup", c],
       [o, "pointercancel", d],
       [o, "pointermove", l, { passive: !1 }],
-      [o, "touchmove", Hs, { passive: !1 }],
-      [n, "mousemove", Hs, { passive: !1 }]
+      [o, "touchmove", Gs, { passive: !1 }],
+      [n, "mousemove", Gs, { passive: !1 }]
     ), e.dragStartPixels === 0 ? this.onMouseOrPointerMove(t) : fs(t);
   }
   // gets called whenever mouse down on any drag source
@@ -11947,14 +11958,14 @@ ${n}}
     if (this.gos.get("suppressTouch") || !e.includeTouch || !fs(t) || en(kl(t)))
       return;
     if (e.stopPropagationForTouch && t.stopPropagation(), this.isPointer()) {
-      Hs(t);
+      Gs(t);
       return;
     }
     this.destroyDrag();
     const i = this.beans, o = ns(i), n = new Al(o, e, t.touches[0]), r = (c) => this.onTouchMove(c), a = (c) => this.onTouchUp(c), l = t.target ?? e.eElement;
     this.initDrag(
       n,
-      [ns(i), "touchmove", Hs, { passive: !1 }],
+      [ns(i), "touchmove", Gs, { passive: !1 }],
       [l, "touchmove", r, { passive: !0 }],
       [l, "touchend", a, { passive: !0 }],
       [l, "touchcancel", a, { passive: !0 }]
@@ -11977,7 +11988,7 @@ ${n}}
   }
   /** only gets called after a mouse down - as this is only added after mouseDown and is removed when mouseUp happens */
   onMouseOrPointerMove(e) {
-    fs(e) && (qs() && nt(this.beans).getSelection()?.removeAllRanges(), this.shouldPreventMouseEvent(e) && Hs(e), this.onMove(e));
+    fs(e) && (qs() && nt(this.beans).getSelection()?.removeAllRanges(), this.shouldPreventMouseEvent(e) && Gs(e), this.onMove(e));
   }
   onTouchMove(e) {
     const t = this.drag;
@@ -12386,11 +12397,11 @@ var vn = class extends O {
   }
   addDisplayedLeafColumns(e) {
     for (const t of this.displayedChildren ?? [])
-      Us(t) ? e.push(t) : Ze(t) && t.addDisplayedLeafColumns(e);
+      $s(t) ? e.push(t) : Ze(t) && t.addDisplayedLeafColumns(e);
   }
   addLeafColumns(e) {
     for (const t of this.children ?? [])
-      Us(t) ? e.push(t) : Ze(t) && t.addLeafColumns(e);
+      $s(t) ? e.push(t) : Ze(t) && t.addLeafColumns(e);
   }
   getChildren() {
     return this.children;
@@ -12431,7 +12442,7 @@ var vn = class extends O {
     }
     this.dispatchLocalEvent({ type: "displayedChildrenChanged" });
   }
-}, Oc = "row-group-", iu = "t-", ou = "b-", k2 = 0, $s = class {
+}, Oc = "row-group-", iu = "t-", ou = "b-", k2 = 0, js = class {
   constructor(e) {
     this.master = !1, this.detail = void 0, this.rowIndex = null, this.key = null, this.sourceRowIndex = -1, this._leafs = void 0, this.childrenMapped = null, this.treeParent = null, this.treeNodeFlags = 0, this.displayed = !1, this.rowTop = null, this.oldRowTop = null, this.selectable = !0, this.__objectId = k2++, this.alreadyRendered = !1, this.hovered = !1, this.__selected = !1, this.beans = e;
   }
@@ -12762,7 +12773,7 @@ var O2 = /* @__PURE__ */ new Set([
   "treeNodeFlags",
   "treeParent"
 ]), N2 = (e, t) => {
-  const s = new $s(t);
+  const s = new js(t);
   for (const i of Object.keys(e))
     O2.has(i) || (s[i] = e[i]);
   return s.oldRowTop = null, s;
@@ -12781,7 +12792,7 @@ var O2 = /* @__PURE__ */ new Set([
   agDateColumnFilter: "agDateColumnFilterHandler",
   agTextColumnFilter: "agTextColumnFilterHandler"
 }, H2 = new Set(Object.values(Jf));
-function Ls(e, t) {
+function Os(e, t) {
   const s = e.filterUi;
   if (!s)
     return null;
@@ -12975,7 +12986,7 @@ var V2 = class extends Ke {
   filterSummaryInRangeValues: (e) => `(${e[0]}, ${e[1]})`,
   filterSummaryTextQuote: (e) => `"${e[0]}"`
 };
-function Bs(e, t, s) {
+function Vs(e, t, s) {
   return xS(e, z2, t, s);
 }
 function nu(e, t) {
@@ -13032,7 +13043,7 @@ var W2 = class extends Ke {
     if (l) {
       const d = n.map((u) => {
         const h = `${u}Filter`;
-        return { type: u, label: Bs(this, h) };
+        return { type: u, label: Vs(this, h) };
       });
       if (this.applyActive = Da(this.params), !c) {
         c = this.createBean(new V2()), this.appendChild(c.getGui());
@@ -13048,7 +13059,7 @@ var W2 = class extends Ke {
       }
       c.updateButtons(d, a);
     } else
-      this.applyActive = !1, c && (zs(c.getGui()), this.eButtons = this.destroyBean(c));
+      this.applyActive = !1, c && (Ws(c.getGui()), this.eButtons = this.destroyBean(c));
   }
   close(e) {
     const t = this.hidePopup;
@@ -13306,7 +13317,7 @@ var K2 = {
 function Y2(e, t = !1) {
   return (t ? q2 : K2)[e ?? "text"];
 }
-var sm = "ag-resizer-wrapper", Os = (e, t) => ({
+var sm = "ag-resizer-wrapper", Ns = (e, t) => ({
   tag: "div",
   ref: `${e}Resizer`,
   cls: `ag-resizer ag-resizer-${t}`
@@ -13314,14 +13325,14 @@ var sm = "ag-resizer-wrapper", Os = (e, t) => ({
   tag: "div",
   cls: sm,
   children: [
-    Os("eTopLeft", "topLeft"),
-    Os("eTop", "top"),
-    Os("eTopRight", "topRight"),
-    Os("eRight", "right"),
-    Os("eBottomRight", "bottomRight"),
-    Os("eBottom", "bottom"),
-    Os("eBottomLeft", "bottomLeft"),
-    Os("eLeft", "left")
+    Ns("eTopLeft", "topLeft"),
+    Ns("eTop", "top"),
+    Ns("eTopRight", "topRight"),
+    Ns("eRight", "right"),
+    Ns("eBottomRight", "bottomRight"),
+    Ns("eBottom", "bottom"),
+    Ns("eBottomLeft", "bottomLeft"),
+    Ns("eLeft", "left")
   ]
 }, Q2 = class extends O {
   constructor(e, t) {
@@ -13349,7 +13360,7 @@ var sm = "ag-resizer-wrapper", Os = (e, t) => ({
     const { centered: t, forcePopupParentAsOffsetParent: s, minWidth: i, width: o, minHeight: n, height: r, x: a, y: l } = this.config;
     this.offsetParent || this.setOffsetParent();
     let c = 0, d = 0;
-    const u = Es(this.element);
+    const u = Ds(this.element);
     if (u) {
       const h = this.findBoundaryElement(), g = window.getComputedStyle(h);
       if (g.minWidth != null) {
@@ -13489,7 +13500,7 @@ var sm = "ag-resizer-wrapper", Os = (e, t) => ({
       const s = this.getAvailableHeight();
       this.element.style.setProperty("max-height", `${s}px`);
     };
-    e && this.popupSvc ? (this.resizeObserverSubscriber?.(), this.resizeObserverSubscriber = Ds(
+    e && this.popupSvc ? (this.resizeObserverSubscriber?.(), this.resizeObserverSubscriber = Ps(
       this.beans,
       this.popupSvc?.getPopupParent(),
       t
@@ -13862,7 +13873,7 @@ var X2 = "ag-focus-managed", bo = class extends O {
     this.positionableFeature = this.destroyBean(this.positionableFeature), super.destroy();
   }
   translate(e) {
-    return Bs(this, e);
+    return Vs(this, e);
   }
   // override to control positionable feature
   getPositionableElement() {
@@ -13908,7 +13919,7 @@ var Tr = {
     }, s = t.autoHeight ? Tr.AUTO_HEIGHT : t.print ? Tr.PRINT : Tr.NORMAL;
     this.view.updateLayoutClasses(s, t);
   }
-}, Ns = "Viewport", Eh = "fakeVScrollComp", Ll = [
+}, Hs = "Viewport", Eh = "fakeVScrollComp", Ll = [
   "fakeHScrollComp",
   "centerHeader",
   "topCenter",
@@ -13967,7 +13978,7 @@ var Tr = {
   }
   addHorizontalScrollListeners() {
     this.addManagedElementListeners(this.centerRowsCtrl.eViewport, {
-      scroll: this.onHScroll.bind(this, Ns)
+      scroll: this.onHScroll.bind(this, Hs)
     });
     for (const e of Ll) {
       const t = this.ctrlsSvc.get(e);
@@ -13975,7 +13986,7 @@ var Tr = {
     }
   }
   addVerticalScrollListeners() {
-    const e = this.ctrlsSvc.get("fakeVScrollComp"), t = this.gos.get("debounceVerticalScrollbar"), s = t ? lt(this, this.onVScroll.bind(this, Ns), Dh) : this.onVScroll.bind(this, Ns), i = t ? lt(this, this.onVScroll.bind(this, Eh), Dh) : this.onVScroll.bind(this, Eh);
+    const e = this.ctrlsSvc.get("fakeVScrollComp"), t = this.gos.get("debounceVerticalScrollbar"), s = t ? lt(this, this.onVScroll.bind(this, Hs), Dh) : this.onVScroll.bind(this, Hs), i = t ? lt(this, this.onVScroll.bind(this, Eh), Dh) : this.onVScroll.bind(this, Eh);
     this.addManagedElementListeners(this.eBodyViewport, { scroll: s }), this.registerScrollPartner(e, i);
   }
   registerScrollPartner(e, t) {
@@ -13988,7 +13999,7 @@ var Tr = {
     this.centerRowsCtrl != null && (e === void 0 && (e = this.centerRowsCtrl.getCenterViewportScrollLeft()), this.setScrollLeftForAllContainersExceptCurrent(Math.abs(e)));
   }
   setScrollLeftForAllContainersExceptCurrent(e) {
-    for (const t of [...Ll, Ns]) {
+    for (const t of [...Ll, Hs]) {
       if (this.lastScrollSource[
         1
         /* Horizontal */
@@ -13999,7 +14010,7 @@ var Tr = {
     }
   }
   getViewportForSource(e) {
-    return e === Ns ? this.centerRowsCtrl.eViewport : this.ctrlsSvc.get(e).eViewport;
+    return e === Hs ? this.centerRowsCtrl.eViewport : this.ctrlsSvc.get(e).eViewport;
   }
   isControllingScroll(e, t) {
     return this.lastScrollSource[t] == null ? (t === 0 ? this.lastScrollSource[0] = e : this.lastScrollSource[1] = e, !0) : this.lastScrollSource[t] === e;
@@ -14025,10 +14036,10 @@ var Tr = {
     ))
       return;
     let t;
-    if (e === Ns ? t = this.eBodyViewport.scrollTop : t = this.ctrlsSvc.get("fakeVScrollComp").getScrollPosition(), this.shouldBlockScrollUpdate(0, t, !0))
+    if (e === Hs ? t = this.eBodyViewport.scrollTop : t = this.ctrlsSvc.get("fakeVScrollComp").getScrollPosition(), this.shouldBlockScrollUpdate(0, t, !0))
       return;
     const { animationFrameSvc: s } = this;
-    s?.setScrollTop(t), this.nextScrollTop = t, e === Ns ? this.ctrlsSvc.get("fakeVScrollComp").setScrollPosition(t) : this.eBodyViewport.scrollTop = t, s?.active ? s.schedule() : this.scrollGridIfNeeded(!0), this.resetLastVScrollDebounced();
+    s?.setScrollTop(t), this.nextScrollTop = t, e === Hs ? this.ctrlsSvc.get("fakeVScrollComp").setScrollPosition(t) : this.eBodyViewport.scrollTop = t, s?.active ? s.schedule() : this.scrollGridIfNeeded(!0), this.resetLastVScrollDebounced();
   }
   doHorizontalScroll(e) {
     const t = this.ctrlsSvc.get("fakeHScrollComp").getScrollPosition();
@@ -14090,7 +14101,7 @@ var Tr = {
         t = !0;
         break;
       }
-    t && this.onHScroll(Ns);
+    t && this.onHScroll(Hs);
   }
   scrollGridIfNeeded(e = !1) {
     const t = this.scrollTop != this.nextScrollTop;
@@ -14275,7 +14286,7 @@ var Tr = {
   }
   listenForResize() {
     const { beans: e, centerContainerCtrl: t, gridBodyCtrl: s } = this, i = () => {
-      Ps(e, () => {
+      Ts(e, () => {
         this.onCenterViewportResized();
       });
     };
@@ -14519,7 +14530,7 @@ var gx = class extends O {
       beans: { rowModel: t, rangeSvc: s, selectionSvc: i },
       gos: o
     } = this;
-    s && _s(o) && !oy(o) && t.isRowsToRender() ? nx(this.beans) : i && i.selectAllRowNodes({ source: "keyboardSelectAll", selectAll: pf(o) }), e.preventDefault();
+    s && Us(o) && !oy(o) && t.isRowsToRender() ? nx(this.beans) : i && i.selectAllRowNodes({ source: "keyboardSelectAll", selectAll: pf(o) }), e.preventDefault();
   }
   onCtrlAndC(e, t) {
     if (!e || this.gos.get("enableCellTextSelection"))
@@ -14822,7 +14833,7 @@ var mx = ["topCenter", "topLeft", "topRight"], Cx = ["bottomCenter", "bottomLeft
     return _r(this.eViewport, this.enableRtl);
   }
   registerViewportResizeListener(e) {
-    const t = Ds(this.beans, this.eViewport, e);
+    const t = Ps(this.beans, this.eViewport, e);
     this.addDestroyFunc(() => t());
   }
   isViewportInTheDOMTree() {
@@ -14910,7 +14921,7 @@ var mx = ["topCenter", "topLeft", "topRight"], Cx = ["bottomCenter", "bottomLeft
     const { scrollVisibleSvc: e } = this, t = e.verticalScrollShowing;
     this.setVerticalScrollPaddingVisible(t), this.setStickyWidth(t), this.setStickyBottomOffsetBottom();
     const s = t && e.getScrollbarWidth() || 0, i = Of() ? 16 : 0, o = `calc(100% + ${s + i}px)`;
-    Ps(this.beans, () => this.comp.setBodyViewportWidth(o)), this.updateScrollingClasses();
+    Ts(this.beans, () => this.comp.setBodyViewportWidth(o)), this.updateScrollingClasses();
   }
   setGridRootRole() {
     const { rowGroupColsSvc: e, colModel: t } = this;
@@ -15134,7 +15145,7 @@ var um = class extends Ke {
     });
   }
   onScrollVisibilityChanged() {
-    this.invisibleScrollbar === void 0 && this.initialiseInvisibleScrollbar(), Ps(this.beans, () => this.setScrollVisible());
+    this.invisibleScrollbar === void 0 && this.initialiseInvisibleScrollbar(), Ts(this.beans, () => this.setScrollVisible());
   }
   hideAndShowInvisibleScrollAsNeeded() {
     this.addManagedEventListeners({
@@ -15152,7 +15163,7 @@ var um = class extends Ke {
     const t = this.eViewport;
     IS(
       this,
-      () => Es(t),
+      () => Ds(t),
       () => this.setScrollPosition(e),
       100
     );
@@ -15223,7 +15234,7 @@ var um = class extends Ke {
     return _r(this.eViewport, this.enableRtl);
   }
   setScrollPosition(e) {
-    Es(this.eViewport) || this.attemptSettingScrollPosition(e), Ur(this.eViewport, e, this.enableRtl);
+    Ds(this.eViewport) || this.attemptSettingScrollPosition(e), Ur(this.eViewport, e, this.enableRtl);
   }
 }, kx = {
   tag: "div",
@@ -15260,7 +15271,7 @@ var um = class extends Ke {
     return this.eViewport.scrollTop;
   }
   setScrollPosition(e, t) {
-    !t && !Es(this.eViewport) && this.attemptSettingScrollPosition(e), this.eViewport.scrollTop = e;
+    !t && !Ds(this.eViewport) && this.attemptSettingScrollPosition(e), this.eViewport.scrollTop = e;
   }
 }, Ox = "ag-column-first", Nx = "ag-column-last";
 function hm(e, t, s, i) {
@@ -15398,7 +15409,7 @@ var $x = class extends O {
       headerRowsChanged: e,
       columnHeaderHeightChanged: e,
       // add this to the animation frame to avoid a feedback loop
-      columnGroupHeaderHeightChanged: () => Ps(this.beans, () => e()),
+      columnGroupHeaderHeightChanged: () => Ts(this.beans, () => e()),
       gridStylesChanged: e,
       advancedFilterEnabledChanged: e
     });
@@ -15579,7 +15590,7 @@ var $x = class extends O {
       const u = this.column.isAutoHeaderHeight();
       u && !r && c(), !u && r && d();
     }, c = () => {
-      r = !0, this.comp.toggleCss("ag-header-cell-auto-height", !0), n(0), a = Ds(this.beans, t, () => n(0));
+      r = !0, this.comp.toggleCss("ag-header-cell-auto-height", !0), n(0), a = Ps(this.beans, t, () => n(0));
     }, d = () => {
       r = !1, a && a(), this.comp.toggleCss("ag-header-cell-auto-height", !1), a = void 0;
     };
@@ -16254,7 +16265,7 @@ var qx = 0, Bl = class extends O {
   }
   getHeaderCtrlForColumn(e) {
     const t = (s) => s?.getHeaderCellCtrls().find((i) => i.column === e);
-    if (Us(e))
+    if ($s(e))
       return t(this.columnsRowCtrl);
     if (this.groupsRowCtrls.length !== 0)
       for (let s = 0; s < this.groupsRowCtrls.length; s++) {
@@ -16335,7 +16346,7 @@ var qx = 0, Bl = class extends O {
     return !e.getColDef().suppressHeaderFilterButton && !!this.beans.filterManager?.isFilterAllowed(e);
   }
   isHeaderContextMenuEnabled(e) {
-    return !(e && Us(e) ? e.getColDef() : e?.getColGroupDef())?.suppressHeaderContextMenu && this.gos.get("columnMenu") === "new";
+    return !(e && $s(e) ? e.getColDef() : e?.getColGroupDef())?.suppressHeaderContextMenu && this.gos.get("columnMenu") === "new";
   }
   isHeaderMenuButtonAlwaysShowEnabled() {
     return this.isSuppressMenuHide();
@@ -16370,7 +16381,7 @@ var qx = 0, Bl = class extends O {
       e?.showMenuAfterMouseEvent(r, a, s, n, i);
     } else if (r) {
       const a = this.beans, l = a.ctrlsSvc;
-      l.getScrollFeature().ensureColumnVisible(r, "auto"), Ps(a, () => {
+      l.getScrollFeature().ensureColumnVisible(r, "auto"), Ts(a, () => {
         const c = l.getHeaderRowContainerCtrl(r.getPinned())?.getHeaderCtrlForColumn(r);
         c && e?.showMenuAfterButtonClick(
           r,
@@ -16763,7 +16774,7 @@ var kh = class extends O {
     let e = !1, t = 0;
     const s = (i) => {
       if (i.rowHeightEstimated) {
-        const o = Ws(this.beans, i);
+        const o = _s(this.beans, i);
         i.setRowTop(t), i.setRowHeight(o.height), t += o.height, e = !0;
       }
     };
@@ -16884,7 +16895,7 @@ function uF(e, t) {
   let s = 0, i = !1;
   return t.forEach((o, n) => {
     if (i || (i = o.rowTop !== s), o.setRowTop(s), o.rowHeightEstimated || o.rowHeight == null) {
-      const r = Ws(e, o).height;
+      const r = _s(e, o).height;
       i || (i = o.rowHeight !== r), o.setRowHeight(r);
     }
     o.setRowIndex(n), s += o.rowHeight;
@@ -16959,7 +16970,7 @@ var Nh = class extends O {
     let e = !1, t = 0;
     const s = (i) => {
       if (i.rowHeightEstimated) {
-        const o = Ws(this.beans, i);
+        const o = _s(this.beans, i);
         i.setRowTop(t), i.setRowHeight(o.height), t += o.height, e = !0;
       }
     };
@@ -16996,7 +17007,7 @@ var Nh = class extends O {
       if (h !== void 0)
         h.data !== d && h.updateData(d), l += this.setRowTopAndRowIndex(h, l, c), n.delete(u);
       else {
-        const g = new $s(this.beans);
+        const g = new js(this.beans);
         g.id = u, g.data = d, g.rowPinned = t, l += this.setRowTopAndRowIndex(g, l, c), s.cache[u] = g, s.order.push(u);
       }
     }
@@ -17005,7 +17016,7 @@ var Nh = class extends O {
     s.order = r;
   }
   setRowTopAndRowIndex(e, t, s) {
-    return e.setRowTop(t), e.setRowHeight(Ws(this.beans, e).height), e.setRowIndex(s), e.rowHeight;
+    return e.setRowTop(t), e.setRowHeight(_s(this.beans, e).height), e.setRowIndex(s), e.rowHeight;
   }
   getPinnedTopTotalHeight() {
     return Hh(this.pinnedTopRows);
@@ -17445,7 +17456,7 @@ function wm({ gos: e, selectionColSvc: t }, s) {
   const i = e.get("rowSelection"), o = s.getColDef(), { headerCheckboxSelection: n } = o;
   let r = !1;
   if (typeof i == "object") {
-    const l = Ts(s), c = Kd(s);
+    const l = Ms(s), c = Kd(s);
     (qr(i) === "autoGroupColumn" && c || l && t?.isSelectionColumnEnabled()) && (r = Fr(i));
   } else typeof n == "function" ? r = n(me(e, { column: s, colDef: o })) : r = !!n;
   return r;
@@ -17563,7 +17574,7 @@ var bF = class extends O {
   isCellCheckboxSelection(e, t) {
     const s = this.gos.get("rowSelection");
     if (s && typeof s != "string") {
-      const i = Ts(e) && qi(s);
+      const i = Ms(e) && qi(s);
       return e.isColumnFunc(t, i);
     } else
       return e.isColumnFunc(t, e.colDef.checkboxSelection);
@@ -17832,7 +17843,7 @@ var bF = class extends O {
   }
   destroy() {
     const { eTopGuard: e, eBottomGuard: t } = this;
-    zs(e), zs(t), super.destroy();
+    Ws(e), Ws(t), super.destroy();
   }
 }, yF = class extends Ke {
   initialiseTabGuard(t) {
@@ -17882,7 +17893,7 @@ var bF = class extends O {
         [o, "touchcancel", a, l],
         // we set passive=false, as we want to prevent default on this event
         [o, "touchend", r, c],
-        [o, "contextmenu", Hs, c]
+        [o, "contextmenu", Gs, c]
       );
     }
     this.clearLongPress(), this.longPressTimer = window.setTimeout(() => {
@@ -17898,7 +17909,7 @@ var bF = class extends O {
   }
   onTouchEnd(e) {
     const t = this.touchStart;
-    !t || !sn(t, e.changedTouches) || (this.moved || (this.eventSvc?.dispatchEvent({ type: "tap", touchStart: t }), this.checkDoubleTap(t)), this.preventClick && Hs(e), this.cancel());
+    !t || !sn(t, e.changedTouches) || (this.moved || (this.eventSvc?.dispatchEvent({ type: "tap", touchStart: t }), this.checkDoubleTap(t)), this.preventClick && Gs(e), this.cancel());
   }
   onTouchCancel(e) {
     const t = this.touchStart;
@@ -18071,7 +18082,7 @@ var IF = class extends O {
     this.view = e, this.eGridHostDiv = t, this.eGui = s, this.eGui.setAttribute("grid-id", this.beans.context.getId());
     const { dragAndDrop: i, ctrlsSvc: o } = this.beans;
     i?.registerGridDropTarget(() => this.eGui, this), this.createManagedBean(new ru(this.view)), this.view.setRtlClass(this.gos.get("enableRtl") ? "ag-rtl" : "ag-ltr");
-    const n = Ds(this.beans, this.eGridHostDiv, this.onGridSizeChanged.bind(this));
+    const n = Ps(this.beans, this.eGridHostDiv, this.onGridSizeChanged.bind(this));
     this.addDestroyFunc(() => n()), o.register("gridCtrl", this);
   }
   isDetailGrid() {
@@ -19453,7 +19464,7 @@ var wn = class {
     return new ZF(e, t, s, i, o, n);
   }
   createRowDragCompForRow(e, t) {
-    if (_s(this.gos))
+    if (Us(this.gos))
       return;
     const s = this.getLocaleTextFunc();
     return this.createRowDragComp(
@@ -21241,7 +21252,7 @@ function ui(e, t, s) {
 function Ul(e) {
   const t = [];
   return ui(e, !0, (s) => {
-    Us(s) && t.push(s);
+    $s(s) && t.push(s);
   }), t;
 }
 var n3 = class extends O {
@@ -23415,7 +23426,7 @@ var VD = class extends C2 {
     )) : t.style.width = `var(${e.cssName}, ${Kl}px)`, s.appendChild(t), this.sizeEls.set(e, t);
     let n = this.measureSizeEl(e);
     n === "no-styles" && !o && W(9, { variable: e });
-    const r = Ds(this.beans, t, () => {
+    const r = Ps(this.beans, t, () => {
       const a = this.measureSizeEl(e);
       a === "detached" || a === "no-styles" || (this.lastKnownValues.set(e, a), a !== n && (n = a, this.fireStylesChangedEvent(e.changeKey)));
     });
@@ -25786,7 +25797,7 @@ var wP = Km(!0), bP = Km(!1), SP = class extends Ke {
     if (!this.eMenu)
       return;
     if (this.currentShowMenu = this.workOutShowMenu(), !this.currentShowMenu) {
-      zs(this.eMenu), this.eMenu = void 0;
+      Ws(this.eMenu), this.eMenu = void 0;
       return;
     }
     const { gos: e, eMenu: t, params: s } = this, i = Mt(e);
@@ -25849,7 +25860,7 @@ var wP = Km(!0), bP = Km(!1), SP = class extends Ke {
   }
   configureFilter(e, t, s, i) {
     if (!e)
-      return zs(t), !1;
+      return Ws(t), !1;
     const o = this.params.column;
     return this.addInIcon(i, t, o), this.addManagedListeners(o, { filterChanged: s }), s(), !0;
   }
@@ -26051,7 +26062,7 @@ var wP = Km(!0), bP = Km(!1), SP = class extends Ke {
   }
   requestFrame() {
     const e = this.executeFrame.bind(this, 60);
-    Ps(this.beans, e);
+    Ts(this.beans, e);
   }
   isQueueEmpty() {
     return !this.ticking;
@@ -26966,7 +26977,7 @@ var qP = class extends O {
   onBackspaceOrDeleteKeyDown(e, t) {
     const { cellCtrl: s, beans: i, rowNode: o } = this, { gos: n, rangeSvc: r, eventSvc: a, editSvc: l } = i;
     if (a.dispatchEvent({ type: "keyShortcutChangedCellStart" }), KP(e, n.get("enableCellEditingOnBackspace")) && !l?.isEditing(s, { withOpenEditor: !0 })) {
-      if (r && _s(n))
+      if (r && Us(n))
         r.clearCellRangeCellValues({ dispatchWrapperEvents: !0, wrapperEventSource: "deleteKey" });
       else if (s.isCellEditable()) {
         const { column: c } = s, d = this.beans.valueSvc.getDeleteValue(c, o);
@@ -27290,7 +27301,7 @@ var qP = class extends O {
     const { beans: e } = this;
     this.positionFeature = new ZP(this, e), this.customStyleFeature = e.cellStyles?.createCellCustomStyleFeature(this, e), this.editStyleFeature = e.editSvc?.createCellStyleFeature(this, e), this.mouseListener = new YP(this, e, this.column), this.keyboardListener = new qP(this, e, this.rowNode, this.rowCtrl), this.enableTooltipFeature();
     const { rangeSvc: t } = e;
-    t && _s(e.gos) && (this.rangeFeature = t.createCellRangeFeature(e, this)), ys(this.column) && (this.rowResizeFeature = this.beans.rowNumbersSvc.createRowNumbersRowResizerFeature(e, this));
+    t && Us(e.gos) && (this.rangeFeature = t.createCellRangeFeature(e, this)), ys(this.column) && (this.rowResizeFeature = this.beans.rowNumbersSvc.createRowNumbersRowResizerFeature(e, this));
   }
   isCellSpanning() {
     return !1;
@@ -27375,7 +27386,7 @@ var qP = class extends O {
       const u = this.editSvc.prepDetailsDuringBatch(this, { compDetails: l, valueToDisplay: a });
       u && (u.compDetails ? l = u.compDetails : u.valueToDisplay && (a = u.valueToDisplay));
     }
-    this.comp.setRenderDetails(l, a, e), this.customRowDragComp?.refreshVisibility(), !t && n && Ps(s, () => n?.refreshHandle()), this.rowResizeFeature?.refreshRowResizer();
+    this.comp.setRenderDetails(l, a, e), this.customRowDragComp?.refreshVisibility(), !t && n && Ts(s, () => n?.refreshHandle()), this.rowResizeFeature?.refreshRowResizer();
   }
   setupControlComps() {
     const e = this.column.getColDef();
@@ -27400,7 +27411,7 @@ var qP = class extends O {
     return (this.rowNode.rowPinned == null || t && kn(this.rowNode)) && !!e;
   }
   isCheckboxSelection(e) {
-    const { rowSelection: t, groupDisplayType: s } = this.beans.gridOptions, i = qr(t), o = Ts(this.column);
+    const { rowSelection: t, groupDisplayType: s } = this.beans.gridOptions, i = qr(t), o = Ms(this.column);
     return s === "custom" && i !== "selectionColumn" && o ? !1 : e.checkboxSelection || o && typeof t == "object" && qi(t);
   }
   refreshShouldDestroy() {
@@ -28255,7 +28266,7 @@ var r5 = class extends O {
     return this.fullWidthGui ? this.fullWidthGui.element : null;
   }
   getRowYPosition() {
-    const e = this.allRowGuis.find((t) => Es(t.element))?.element;
+    const e = this.allRowGuis.find((t) => Ds(t.element))?.element;
     return e ? e.getBoundingClientRect().top : 0;
   }
   onSuppressCellFocusChanged(e) {
@@ -28567,7 +28578,7 @@ var r5 = class extends O {
   onRowHeightChanged(e) {
     if (this.rowNode.rowHeight == null)
       return;
-    const t = this.rowNode.rowHeight, s = this.beans.environment.getDefaultRowHeight(), o = af(this.gos) ? Ws(this.beans, this.rowNode).height : void 0, n = o ? `${Math.min(s, o) - 2}px` : void 0;
+    const t = this.rowNode.rowHeight, s = this.beans.environment.getDefaultRowHeight(), o = af(this.gos) ? _s(this.beans, this.rowNode).height : void 0, n = o ? `${Math.min(s, o) - 2}px` : void 0;
     this.forEachGui(e, (r) => {
       r.element.style.height = `${t}px`, n && r.element.style.setProperty("--ag-line-height", n);
     });
@@ -29613,8 +29624,8 @@ var x5 = (
         this.eventSvc.removeListener("cellSelectionChanged", e), this.eventSvc.removeListener("columnMoved", t), this.eventSvc.removeListener("columnPinned", t), this.eventSvc.removeListener("columnVisible", t);
       };
       this.addDestroyFunc(() => i()), this.addManagedPropertyListeners(["enableRangeSelection", "cellSelection"], () => {
-        _s(this.gos) ? s() : i();
-      }), _s(this.gos) && s();
+        Us(this.gos) ? s() : i();
+      }), Us(this.gos) && s();
     };
   }
   wireBeans(e) {
@@ -30268,7 +30279,7 @@ var x5 = (
    * but not execute the event until all of the data has finished being rendered to the dom.
    */
   dispatchFirstDataRenderedEvent() {
-    this.dataFirstRenderedFired || (this.dataFirstRenderedFired = !0, Ps(this.beans, () => {
+    this.dataFirstRenderedFired || (this.dataFirstRenderedFired = !0, Ts(this.beans, () => {
       this.beans.eventSvc.dispatchEvent({
         type: "firstDataRendered",
         firstRow: this.firstRenderedRow,
@@ -32990,7 +33001,7 @@ var U4 = {
           })
         );
       else {
-        const h = Ls(c);
+        const h = Os(c);
         h && l.push(
           h.then((g) => {
             a(d, e(g), {
@@ -33021,7 +33032,7 @@ var U4 = {
           })
         );
       else {
-        const n = Ls(i);
+        const n = Os(i);
         n && s.push(
           n.then((r) => {
             this.setColFilterActive(
@@ -33083,7 +33094,7 @@ var U4 = {
       () => this.updateFilterFlagInColumns("filterChanged", s).then(() => {
         this.allColumnFilters.forEach((o) => {
           const { column: n, isHandler: r } = o;
-          i !== n.getColId() && (r && o.handler.onAnyFilterChanged?.(), Ls(o, r)?.then((a) => {
+          i !== n.getColId() && (r && o.handler.onAnyFilterChanged?.(), Os(o, r)?.then((a) => {
             typeof a?.onAnyFilterChanged == "function" && a.onAnyFilterChanged();
           }));
         }), this.processingFilterChange = !0;
@@ -33101,7 +33112,7 @@ var U4 = {
     this.allColumnFilters.forEach((s) => {
       const i = s.isHandler;
       i && s.handler.onNewRowsLoaded?.();
-      const o = Ls(s, i);
+      const o = Os(s, i);
       o && t.push(
         o.then((n) => {
           n.onNewRowsLoaded?.();
@@ -33135,13 +33146,13 @@ var U4 = {
   }
   getOrCreateFilterUi(e) {
     const t = this.getOrCreateFilterWrapper(e, !0);
-    return t ? Ls(t) : null;
+    return t ? Os(t) : null;
   }
   getFilterUiForDisplay(e) {
     const t = this.getOrCreateFilterWrapper(e, !0);
     if (!t)
       return null;
-    const s = Ls(t);
+    const s = Os(t);
     return s ? s.then((i) => ({
       comp: i,
       params: t.filterUi.filterParams,
@@ -33506,7 +33517,7 @@ var U4 = {
       this.destroyFilterUi(s, o, g, p);
       return;
     }
-    s.filterUi.filterParams = f, Ls(s, h)?.then((C) => {
+    s.filterUi.filterParams = f, Os(s, h)?.then((C) => {
       (C?.refresh ? C.refresh(f) : !0) === !1 ? this.destroyFilterUi(s, o, g, p) : this.dispatchLocalEvent({
         type: "filterParamsChanged",
         column: o,
@@ -33638,7 +33649,7 @@ var U4 = {
         this.refreshHandlerAndUi(n, t, "api").then(() => i());
         return;
       }
-      const o = Ls(e);
+      const o = Os(e);
       if (o) {
         o.then((n) => {
           if (typeof n?.setModel != "function") {
@@ -34021,7 +34032,7 @@ var q4 = class extends O {
     const c = () => r?.afterGuiDetached(), d = ry(this.gos) ? i ?? this.beans.ctrlsSvc.getGridBodyCtrl().eGridBody : void 0, u = (f) => {
       Mh(e, !1, "contextMenu");
       const C = f instanceof KeyboardEvent;
-      this.tabListener && (this.tabListener = this.tabListener()), C && i && Es(i) && Hf(i)?.focus({ preventScroll: !0 }), c(), this.destroyBean(this.activeMenu), this.dispatchVisibleChangedEvent(!1, s, e), n?.();
+      this.tabListener && (this.tabListener = this.tabListener()), C && i && Ds(i) && Hf(i)?.focus({ preventScroll: !0 }), c(), this.destroyBean(this.activeMenu), this.dispatchVisibleChangedEvent(!1, s, e), n?.();
     }, h = this.getLocaleTextFunc(), g = o && s !== "columnFilter" ? h("ariaLabelColumnMenu", "Column Menu") : h("ariaLabelColumnFilter", "Column Filter"), p = this.popupSvc?.addPopup({
       modal: !0,
       eChild: a,
@@ -34384,12 +34395,12 @@ var bu = class extends J2 {
   removeElements(e, t, s) {
     const i = cn(e, t, s);
     for (const o of i)
-      zs(o);
+      Ws(o);
   }
   removeComponents(e, t, s) {
     const i = cn(e, t, s);
     for (const o of i)
-      zs(o.getGui()), this.destroyBean(o);
+      Ws(o.getGui()), this.destroyBean(o);
   }
   afterGuiAttached(e) {
     if (super.afterGuiAttached(e), this.resetPlaceholder(), !e?.suppressFocus) {
@@ -34923,13 +34934,13 @@ var ug = 1e3, hg = 1 / 0, sT = class extends bu {
   getModelAsString(e, t) {
     const s = this.getLocaleTextFunc(), i = t === "filterToolPanel";
     if (!e)
-      return i ? Bs(this, "filterSummaryInactive") : null;
+      return i ? Vs(this, "filterSummaryInactive") : null;
     if (e.operator != null) {
       const n = e, a = (n.conditions ?? []).map((c) => this.getModelAsString(c, t)), l = n.operator === "AND" ? "andCondition" : "orCondition";
-      return a.join(` ${Bs(this, l)} `);
+      return a.join(` ${Vs(this, l)} `);
     } else {
       if (e.type === "blank" || e.type === "notBlank")
-        return i ? Bs(this, e.type === "blank" ? "filterSummaryBlank" : "filterSummaryNotBlank") : s(e.type, e.type);
+        return i ? Vs(this, e.type === "blank" ? "filterSummaryBlank" : "filterSummaryNotBlank") : s(e.type, e.type);
       {
         const n = e, r = this.optionsFactory.getCustomOption(n.type), { displayKey: a, displayName: l, numberOfInputs: c } = r || {};
         return a && l && c === 0 ? s(a, l) : this.conditionToString(
@@ -34949,7 +34960,7 @@ var ug = 1e3, hg = 1 / 0, sT = class extends bu {
   conditionForToolPanel(e, t, s, i, o, n) {
     let r;
     const a = this.getTypeKey(e);
-    return a && (r = Bs(this, a)), o && n && (r = this.getLocaleTextFunc()(o, n)), r != null ? t ? `${r} ${Bs(this, "filterSummaryInRangeValues", [s(), i()])}` : `${r} ${s()}` : null;
+    return a && (r = Vs(this, a)), o && n && (r = this.getLocaleTextFunc()(o, n)), r != null ? t ? `${r} ${Vs(this, "filterSummaryInRangeValues", [s(), i()])}` : `${r} ${s()}` : null;
   }
   getTypeKey(e) {
     const t = this.filterTypeKeys[e];
@@ -35555,7 +35566,7 @@ var hT = {
   conditionToString(e, t, s, i, o) {
     const { filter: n, filterTo: r, type: a } = e;
     if (t) {
-      const l = (d) => () => Bs(this, "filterSummaryTextQuote", [d]), c = this.conditionForToolPanel(
+      const l = (d) => () => Vs(this, "filterSummaryTextQuote", [d]), c = this.conditionForToolPanel(
         a,
         s,
         l(n),
@@ -36245,7 +36256,7 @@ var xT = class extends O {
       keyShortcutChangedCellEnd: () => {
         let e;
         const { rangeSvc: t, gos: s } = this.beans;
-        t && _s(s) ? e = new Jl(this.cellValueChanges, void 0, void 0, [
+        t && Us(s) ? e = new Jl(this.cellValueChanges, void 0, void 0, [
           ...t.getCellRanges()
         ]) : e = new Bi(this.cellValueChanges), this.pushActionsToUndoStack(e), this.isRangeInAction = !1;
       },
@@ -37808,7 +37819,7 @@ var PC = class extends O {
     }, t((h) => {
       if (!h)
         return null;
-      const g = h.filter((p) => !Ts(p));
+      const g = h.filter((p) => !Ms(p));
       return [...r, ...g];
     });
   }
@@ -38098,7 +38109,7 @@ var XM = class extends bF {
   createDaemonNode(e) {
     if (!e.id)
       return;
-    const t = new $s(this.beans);
+    const t = new js(this.beans);
     return t.id = e.id, t.data = e.data, t.__selected = e.__selected, t.level = e.level, t;
   }
   // if the id has changed for the node, then this means the rowNode
@@ -38749,7 +38760,7 @@ var l6 = {
     });
   }
   createRowNode(e, t) {
-    const s = new $s(this.beans);
+    const s = new js(this.beans);
     s.parent = this.rootNode, s.level = t, s.group = !1, s.expanded = !1, s.setDataAndId(e, String(this.nextId++));
     const i = s.id, o = this.allNodesMap;
     return o[i] && W(2, { nodeId: i }), o[i] = s, s;
@@ -38933,7 +38944,7 @@ var l6 = {
     super(...arguments), this.beanName = "rowModel", this.rootNode = null, this.rowCountReady = !1, this.nodeManager = void 0, this.rowsToDisplay = [], this.rowDataUpdatedPending = !1, this.asyncTransactions = null, this.asyncTransactionsTimer = 0, this.started = !1, this.refreshingModel = !1, this.rowNodesCountReady = !1, this.stages = [], this.stagesRefreshProps = /* @__PURE__ */ new Map(), this.onRowHeightChanged_debounced = lt(this, this.onRowHeightChanged.bind(this), 100);
   }
   postConstruct() {
-    const e = this.beans, t = new $s(e);
+    const e = this.beans, t = new js(e);
     this.rootNode = t, this.nodeManager = this.createBean(new g6(t));
     const s = this.refreshModel.bind(this, { step: "group" }), i = this.refreshModel.bind(this, {
       step: "group",
@@ -38989,7 +39000,7 @@ var l6 = {
       for (let d = l; d <= c; d++) {
         const u = this.getRow(d);
         if (u.rowHeightEstimated) {
-          const h = Ws(this.beans, u);
+          const h = _s(this.beans, u);
           u.setRowHeight(h.height), o = !0, n = !0;
         }
       }
@@ -39024,7 +39035,7 @@ var l6 = {
     for (let r = 0, a = s.length; r < a; ++r) {
       const l = s[r], c = l.id;
       if (c != null && e?.add(c), l.rowHeight == null) {
-        const d = Ws(t, l, n, i);
+        const d = _s(t, l, n, i);
         l.setRowHeight(d.height, d.estimated);
       }
       l.setRowTop(o), l.setRowIndex(r), o += l.rowHeight;
@@ -39644,7 +39655,7 @@ var L6 = {
     };
   }
   getColumnsToExport(e) {
-    const { allColumns: t = !1, skipRowGroups: s = !1, exportRowNumbers: i = !1, columnKeys: o } = e, { colModel: n, gos: r, visibleCols: a } = this, l = n.isPivotMode(), c = (h) => Ts(h) ? !1 : !ys(h) || i;
+    const { allColumns: t = !1, skipRowGroups: s = !1, exportRowNumbers: i = !1, columnKeys: o } = e, { colModel: n, gos: r, visibleCols: a } = this, l = n.isPivotMode(), c = (h) => Ms(h) ? !1 : !ys(h) || i;
     if (o?.length)
       return n.getColsForKeys(o).filter(c);
     const d = r.get("treeData");
@@ -39859,7 +39870,7 @@ var W6 = {
       rowNodes: o
     } = this;
     for (let n = 0; n < e; n++) {
-      const r = s + n, a = new $s(i);
+      const r = s + n, a = new js(i);
       a.setRowHeight(t), a.uiLevel = 0, a.setRowIndex(r), a.setRowTop(t * r), o.push(a);
     }
   }
@@ -39920,7 +39931,7 @@ var W6 = {
     const { rowNodes: t, beans: s } = this;
     t.forEach((o, n) => {
       const r = e.rowData ? e.rowData[n] : void 0;
-      !o.id && o.alreadyRendered && r && (t[n] = new $s(s), t[n].setRowIndex(o.rowIndex), t[n].setRowTop(o.rowTop), t[n].setRowHeight(o.rowHeight), o.clearRowTopAndRowIndex()), this.setDataAndId(t[n], r, this.startRow + n);
+      !o.id && o.alreadyRendered && r && (t[n] = new js(s), t[n].setRowIndex(o.rowIndex), t[n].setRowTop(o.rowTop), t[n].setRowHeight(o.rowHeight), o.clearRowTopAndRowIndex()), this.setDataAndId(t[n], r, this.startRow + n);
     });
     const i = e.rowCount != null && e.rowCount >= 0 ? e.rowCount : void 0;
     this.parentCache.pageLoaded(this, i);
@@ -40087,7 +40098,7 @@ var W6 = {
   postConstruct() {
     if (this.gos.get("rowModelType") !== "infinite")
       return;
-    const e = this.beans, t = new $s(e);
+    const e = this.beans, t = new js(e);
     this.rootNode = t, t.level = -1, this.rowHeight = li(e), this.addEventListeners(), this.addDestroyFunc(() => this.destroyCache());
   }
   start() {
@@ -40811,7 +40822,7 @@ var gI = class extends O {
   }
   setCellSelectionState(e) {
     const { gos: t, rangeSvc: s, colModel: i, visibleCols: o } = this.beans;
-    if (!_s(t) || !s)
+    if (!Us(t) || !s)
       return;
     const n = [];
     for (const r of e?.cellRanges ?? []) {
@@ -41670,7 +41681,7 @@ var tA = class extends O {
       if (!e.scaleUpToFitGridWidth)
         return o(i);
       const n = wg(this.beans), r = (c) => s.leftCols.some((d) => nn(d, c)), a = (c) => s.rightCols.some((d) => nn(d, c)), l = e.colKeys.filter(
-        (c) => !Ts(c) && !ys(c) && !r(c) && !a(c)
+        (c) => !Ms(c) && !ys(c) && !r(c) && !a(c)
       );
       this.sizeColumnsToFit(n, e.source, !0, {
         defaultMaxWidth: e.defaultMaxWidth,
@@ -42635,7 +42646,7 @@ var AA = {
     let n = !1;
     const r = (a) => {
       const l = a.__autoHeights;
-      let c = Ws(this.beans, a).height;
+      let c = _s(this.beans, a).height;
       for (const d of o) {
         let u = l?.[d.getColId()];
         const h = s?.getCellSpan(d, a);
@@ -42719,7 +42730,7 @@ var AA = {
       this.setRowAutoHeight(o, v, n);
     }, l = () => a(0);
     l();
-    const c = Ds(r, t, l);
+    const c = Ps(r, t, l);
     return s.addDestroyFunc(() => {
       c(), this.setRowAutoHeight(o, void 0, n);
     }), !0;
@@ -43813,14 +43824,14 @@ var ok = 1e3, nk = class {
     instanceId: r
   } = e, a = L(), [l, c] = I(
     () => e.isCellRenderer() ? void 0 : { compDetails: void 0, value: e.getValueToDisplay(), force: !1 }
-  ), [d, u] = I(), [h, g] = I(1), [p, f] = I(), [C, v] = I(!1), [w, b] = I(!1), [S, y] = I(!1), [R, x] = I(), E = B(() => e.isForceWrapper(), [e]), T = B(() => e.getCellAriaRole(), [e]), k = L(null), F = L(null), P = L(null), G = L(), _ = L(), H = L(), ie = L([]), ne = L(), N = L(), [ue, U] = I(0), se = D((ge) => {
-    N.current = ge, U((Pe) => Pe + 1);
+  ), [d, u] = I(), [h, g] = I(1), [p, f] = I(), [C, v] = I(!1), [w, b] = I(!1), [S, y] = I(!1), [R, x] = I(), E = B(() => e.isForceWrapper(), [e]), T = B(() => e.getCellAriaRole(), [e]), k = L(null), F = L(null), P = L(null), G = L(), _ = L(), H = L(), ie = L([]), ne = L(), N = L(), [ue, U] = I(0), se = D((pe) => {
+    N.current = pe, U((Pe) => Pe + 1);
   }, []), te = l != null && (C || S || w) && (d == null || !!d.popup), Z = E || te, X = B(() => e.getCellValueClass(), [e]), oe = D(
-    (ge) => {
-      if (_.current = ge, ge) {
-        const Pe = ge.isCancelBeforeStart && ge.isCancelBeforeStart();
+    (pe) => {
+      if (_.current = pe, pe) {
+        const Pe = pe.isCancelBeforeStart && pe.isCancelBeforeStart();
         setTimeout(() => {
-          Pe ? (e.stopEditing(!0), e.focusCell(!0)) : (e.cellEditorAttached(), e.enableEditorTooltipFeature(ge));
+          Pe ? (e.stopEditing(!0), e.focusCell(!0)) : (e.cellEditorAttached(), e.enableEditorTooltipFeature(pe));
         });
       }
     },
@@ -43829,11 +43840,11 @@ var ok = 1e3, nk = class {
   Ce.current || (Ce.current = new Tn(() => k.current)), _C(l, Z, N.current, ue, G, k);
   const V = L();
   qt(() => {
-    const ge = V.current, Pe = l;
-    if (V.current = l, ge == null || ge.compDetails == null || Pe == null || Pe.compDetails == null)
+    const pe = V.current, Pe = l;
+    if (V.current = l, pe == null || pe.compDetails == null || Pe == null || Pe.compDetails == null)
       return;
     ne.current?.refreshVisibility();
-    const j = ge.compDetails, xe = Pe.compDetails;
+    const j = pe.compDetails, xe = Pe.compDetails;
     if (j.componentClass != xe.componentClass || P.current?.refresh == null)
       return;
     P.current.refresh(xe.params) != !0 && g((De) => De + 1);
@@ -43854,8 +43865,8 @@ var ok = 1e3, nk = class {
     };
   }, [d]);
   const A = D(
-    (ge) => {
-      if (H.current = ge, !ge || o.isDestroyed() || !e.isAlive()) {
+    (pe) => {
+      if (H.current = pe, !pe || o.isDestroyed() || !e.isAlive()) {
         const xe = ie.current;
         ie.current = [];
         for (const ve of xe)
@@ -43864,16 +43875,16 @@ var ok = 1e3, nk = class {
       }
       let Pe;
       const j = (xe) => {
-        xe && (ge.insertAdjacentElement("afterbegin", xe.getGui()), ie.current.push(() => {
-          zs(xe.getGui()), o.destroyBean(xe), ne.current === Pe && (ne.current = void 0);
+        xe && (pe.insertAdjacentElement("afterbegin", xe.getGui()), ie.current.push(() => {
+          Ws(xe.getGui()), o.destroyBean(xe), ne.current === Pe && (ne.current = void 0);
         }));
       };
       C && j(e.createSelectionCheckbox()), S && j(e.createDndSource()), w && (Pe = e.createRowDragComp(), ne.current = Pe, Pe && (j(Pe), Pe.refreshVisibility()));
     },
     [e, o, S, w, C]
   ), Y = D(() => {
-    const ge = !e.isCellSpanning() || F.current, Pe = k.current;
-    if (!Pe || !ge || !e || !e.isAlive() || o.isDestroyed()) {
+    const pe = !e.isCellSpanning() || F.current, Pe = k.current;
+    if (!Pe || !pe || !e || !e.isAlive() || o.isDestroyed()) {
       a.current = o.destroyBean(a.current);
       return;
     }
@@ -43940,30 +43951,30 @@ var ok = 1e3, nk = class {
       s,
       a.current
     );
-  }, []), $ = D((ge) => {
-    k.current = ge, Y();
-  }, []), fe = D((ge) => {
-    F.current = ge, Y();
+  }, []), $ = D((pe) => {
+    k.current = pe, Y();
+  }, []), fe = D((pe) => {
+    F.current = pe, Y();
   }, []), le = B(() => !!(l?.compDetails?.componentFromFramework && So(l.compDetails.componentClass)), [l]);
   qt(() => {
     if (!k.current)
       return;
-    const { current: ge } = Ce;
-    ge.toggleCss("ag-cell-value", !Z), ge.toggleCss("ag-cell-inline-editing", !!d && !d.popup), ge.toggleCss("ag-cell-popup-editing", !!d && !!d.popup), ge.toggleCss("ag-cell-not-inline-editing", !d || !!d.popup);
+    const { current: pe } = Ce;
+    pe.toggleCss("ag-cell-value", !Z), pe.toggleCss("ag-cell-inline-editing", !!d && !d.popup), pe.toggleCss("ag-cell-popup-editing", !!d && !!d.popup), pe.toggleCss("ag-cell-not-inline-editing", !d || !!d.popup);
   });
   const ye = () => {
-    const { compDetails: ge, value: Pe } = l;
-    if (!ge)
+    const { compDetails: pe, value: Pe } = l;
+    if (!pe)
       return Pe?.toString?.() ?? Pe;
-    if (ge.componentFromFramework) {
-      const j = ge.componentClass;
-      return /* @__PURE__ */ q.createElement(Pv, { fallback: /* @__PURE__ */ q.createElement(Fk, { cellCtrl: e, parent: k }) }, le ? /* @__PURE__ */ q.createElement(j, { ...ge.params, key: h }) : /* @__PURE__ */ q.createElement(j, { ...ge.params, key: h, ref: P }));
+    if (pe.componentFromFramework) {
+      const j = pe.componentClass;
+      return /* @__PURE__ */ q.createElement(Pv, { fallback: /* @__PURE__ */ q.createElement(Fk, { cellCtrl: e, parent: k }) }, le ? /* @__PURE__ */ q.createElement(j, { ...pe.params, key: h }) : /* @__PURE__ */ q.createElement(j, { ...pe.params, key: h, ref: P }));
     }
   }, Re = () => {
-    const ge = () => l == null ? null : Z ? /* @__PURE__ */ q.createElement("span", { role: "presentation", id: `cell-${r}`, className: X, ref: se }, ye()) : ye(), Pe = (j) => Rk(j, oe, k.current, e, R);
-    return d != null ? d.popup ? /* @__PURE__ */ q.createElement(q.Fragment, null, ge(), Pe(d)) : Pe(d) : ge();
-  }, Ie = () => /* @__PURE__ */ q.createElement("div", { ref: $, style: p, role: T, "col-id": n }, Z ? /* @__PURE__ */ q.createElement("div", { className: "ag-cell-wrapper", role: "presentation", ref: A }, Re()) : Re());
-  return e.isCellSpanning() ? /* @__PURE__ */ q.createElement("div", { ref: fe, className: "ag-spanned-cell-wrapper", role: "presentation" }, Ie()) : Ie();
+    const pe = () => l == null ? null : Z ? /* @__PURE__ */ q.createElement("span", { role: "presentation", id: `cell-${r}`, className: X, ref: se }, ye()) : ye(), Pe = (j) => Rk(j, oe, k.current, e, R);
+    return d != null ? d.popup ? /* @__PURE__ */ q.createElement(q.Fragment, null, pe(), Pe(d)) : Pe(d) : pe();
+  }, Ae = () => /* @__PURE__ */ q.createElement("div", { ref: $, style: p, role: T, "col-id": n }, Z ? /* @__PURE__ */ q.createElement("div", { className: "ag-cell-wrapper", role: "presentation", ref: A }, Re()) : Re());
+  return e.isCellSpanning() ? /* @__PURE__ */ q.createElement("div", { ref: fe, className: "ag-spanned-cell-wrapper", role: "presentation" }, Ae()) : Ae();
 }, Dk = ft(Ek), Pk = ({ rowCtrl: e, containerType: t }) => {
   const { context: s, gos: i, editSvc: o } = st(mt), n = st(HC) === "default", r = L(), a = L(e.getDomOrder()), l = e.isFullWidth(), c = e.rowNode.displayed, [d, u] = I(
     () => c ? e.rowNode.getRowIndexString() : null
@@ -44011,8 +44022,8 @@ var ok = 1e3, nk = class {
       // if we don't maintain the order, then cols will be ripped out and into the dom
       // when cols reordered, which would stop the CSS transitions from working
       setCellCtrls: (le, ye) => {
-        const Re = w.current, Ie = ua(Re, le, a.current);
-        Ie !== Re && (w.current = Ie, n ? N.current() : yn(ye, () => S(Ie)));
+        const Re = w.current, Ae = ua(Re, le, a.current);
+        Ae !== Re && (w.current = Ae, n ? N.current() : yn(ye, () => S(Ae)));
       },
       showFullWidth: (le) => {
         G.current = le.params, R(le);
@@ -44195,7 +44206,7 @@ var ok = 1e3, nk = class {
       },
       registerBodyViewportResizeListener: (Ge) => {
         if (Z.current) {
-          const rt = Ds(e, Z.current, Ge);
+          const rt = Ps(e, Z.current, Ge);
           Ce.current.push(() => rt());
         }
       },
@@ -44231,14 +44242,14 @@ var ok = 1e3, nk = class {
   ), Re = B(
     () => Gt("ag-floating-bottom", x ? "ag-invisible" : null, G),
     [G, x]
-  ), Ie = B(
+  ), Ae = B(
     () => ({
       height: n,
       minHeight: n,
       overflowY: F
     }),
     [n, F]
-  ), ge = B(
+  ), pe = B(
     () => ({
       height: c,
       top: u,
@@ -44268,7 +44279,7 @@ var ok = 1e3, nk = class {
   return /* @__PURE__ */ q.createElement("div", { ref: V, className: A }, /* @__PURE__ */ q.createElement(Ck, null), ve({
     section: ue,
     className: fe,
-    style: Ie,
+    style: Ae,
     children: ["topLeft", "topCenter", "topRight", "topFullWidth"]
   }), /* @__PURE__ */ q.createElement("div", { className: $, ref: te, role: "presentation" }, ve({
     section: Z,
@@ -44277,7 +44288,7 @@ var ok = 1e3, nk = class {
   })), ve({
     section: U,
     className: le,
-    style: ge,
+    style: pe,
     children: ["stickyTopLeft", "stickyTopCenter", "stickyTopRight", "stickyTopFullWidth"]
   }), ve({
     section: se,
@@ -44672,7 +44683,7 @@ var Wk = class extends c4 {
           e.node.setRowHeight(F), (qe(n) || Ri(n)) && r.onRowHeightChanged();
         }, 0);
       };
-      v.current = Ds(s, x, k), k();
+      v.current = Ps(s, x, k), k();
     }
   }, []), R = D((x) => {
     f.current?.registerDetailWithMaster(x);
@@ -44752,10 +44763,10 @@ const Kk = ee(
   onClose: i,
   ...o
 }) => /* @__PURE__ */ m(
-  Ae,
+  Ie,
   {
     "aria-label": e,
-    className: pe("text-secondary hover:enabled:text-accent-primary", t),
+    className: ge("text-secondary hover:enabled:text-accent-primary", t),
     onClick: i,
     iconBefore: /* @__PURE__ */ m(go, { size: s }),
     ...o
@@ -44889,7 +44900,7 @@ const Kk = ee(
     ) : V.type === ed.PlainText ? /* @__PURE__ */ m(
       "div",
       {
-        className: pe(
+        className: ge(
           "px-3 py-2 text-secondary dial-caption",
           V.className
         ),
@@ -45025,9 +45036,6 @@ const Kk = ee(
   fontSize: 14,
   fontFamily: {
     googleFont: "var(--theme-font, var(--font-inter))"
-  },
-  cellStyle: {
-    textAlign: "center"
   }
 }, sc = 40, e8 = (e, t, s, i, o) => {
   const n = typeof e == "string" ? e.toLowerCase() : e, r = typeof t == "string" ? t.toLowerCase() : t;
@@ -45267,7 +45275,7 @@ const qC = ({
         const ye = le.data ? i?.(le.data) ?? [] : [];
         let Re = null;
         typeof $ == "function" ? Re = /* @__PURE__ */ m($, { ...le }) : Re = U(le);
-        const Ie = le.data ? p(le.data) : null, ge = Ie ? l?.has(Ie) : !1;
+        const Ae = le.data ? p(le.data) : null, pe = Ae ? l?.has(Ae) : !1;
         return /* @__PURE__ */ m(
           At,
           {
@@ -45276,7 +45284,7 @@ const qC = ({
             anchorToMouse: !0,
             matchReferenceWidth: !0,
             className: "w-full h-full",
-            disabled: ge,
+            disabled: pe,
             children: /* @__PURE__ */ m("span", { className: "block min-w-0 max-w-full flex-1", children: Re })
           }
         );
@@ -45301,8 +45309,6 @@ const qC = ({
       resizable: !1,
       filter: !1,
       floatingFilter: !1,
-      suppressMenu: !0,
-      borderless: !0,
       cellRenderer: se,
       headerComponent: ue
     }),
@@ -45408,10 +45414,10 @@ const fr = ({
   horizontal: o,
   onClick: n
 }) => {
-  const r = pe(
+  const r = ge(
     "rounded h-[38px] items-center flex flex-row border-transparent cursor-pointer dial-small leading-4 hover:text-accent-primary",
     { "border-b-2 px-4": o, "border-l-2 px-3": !o }
-  ), a = pe(
+  ), a = ge(
     r,
     {
       "bg-layer-4": o,
@@ -45493,7 +45499,7 @@ const Dg = () => typeof window < "u" && window.innerWidth < 640, Pg = () => {
     "div",
     {
       role: "tablist",
-      className: pe(
+      className: ge(
         "h-11 flex items-center bg-layer-3 px-4",
         n
       ),
@@ -45513,7 +45519,7 @@ const Dg = () => typeof window < "u" && window.innerWidth < 640, Pg = () => {
               onClick: (x) => {
                 s(x), l(!1);
               },
-              className: pe(
+              className: ge(
                 "w-full rounded-none h-11 items-center px-6",
                 r
               )
@@ -45586,7 +45592,7 @@ const Dg = () => typeof window < "u" && window.innerWidth < 640, Pg = () => {
             R.id
           )),
           children: /* @__PURE__ */ m(
-            Ae,
+            Ie,
             {
               iconBefore: /* @__PURE__ */ m(Fn, { size: 18 }),
               className: ee(
@@ -45600,7 +45606,7 @@ const Dg = () => typeof window < "u" && window.innerWidth < 640, Pg = () => {
     ] })
   );
 }, o8 = "w-full overflow-hidden", n8 = "flex flex-nowrap items-center gap-2 min-w-0 px-0 py-0 whitespace-nowrap", YC = "flex items-center gap-2 min-w-0 shrink-0 dial-small", r8 = "max-w-[20%] basis-[20%] flex-none", a8 = "flex-1 min-w-0", Tg = "inline-flex items-center gap-1 min-w-0 transition-colors", l8 = "text-secondary hover:text-accent-primary", c8 = "text-primary cursor-default", ZC = "flex-none inline-flex items-center leading-none text-secondary", d8 = "items-center gap-1 min-w-0 transition-colors text-secondary hover:text-accent-primary", QC = /* @__PURE__ */ m(Xg, { size: 16, "aria-hidden": "true" }), mr = ({
-  title: e,
+  label: e,
   href: t,
   onClick: s,
   disabled: i,
@@ -45608,20 +45614,21 @@ const Dg = () => typeof window < "u" && window.innerWidth < 640, Pg = () => {
   separator: n = QC,
   className: r,
   iconBefore: a,
-  titleClassName: l
+  labelClassName: l,
+  ...c
 }) => {
-  const c = pe(
+  const d = ge(
     YC,
     o ? a8 : r8,
     r
-  ), d = (!!t || !!s) && !o && !i, u = d ? pe(
+  ), u = (!!t || !!s) && !o && !i, h = u ? ge(
     Tg,
     l8
-  ) : pe(
+  ) : ge(
     Tg,
     c8,
     i ? "pointer-events-none opacity-75" : ""
-  ), h = typeof e == "string" ? /* @__PURE__ */ m(
+  ), g = typeof e == "string" ? /* @__PURE__ */ m(
     wt,
     {
       className: l,
@@ -45631,7 +45638,7 @@ const Dg = () => typeof window < "u" && window.innerWidth < 640, Pg = () => {
   ) : /* @__PURE__ */ m(
     "span",
     {
-      className: pe(
+      className: ge(
         "flex-1 min-w-0 max-w-full truncate",
         l
       ),
@@ -45639,34 +45646,42 @@ const Dg = () => typeof window < "u" && window.innerWidth < 640, Pg = () => {
       children: e
     }
   );
-  return /* @__PURE__ */ z("li", { className: c, "aria-label": "breadcrumb-item", children: [
-    d ? /* @__PURE__ */ z("a", { href: t, onClick: s, className: u, children: [
-      a,
-      h
-    ] }) : /* @__PURE__ */ z(
-      "span",
-      {
-        className: u,
-        "aria-current": o ? "page" : void 0,
-        "aria-disabled": i ? "true" : void 0,
-        children: [
+  return /* @__PURE__ */ z(
+    "li",
+    {
+      ...c,
+      className: d,
+      "aria-label": c["aria-label"] || "breadcrumb-item",
+      children: [
+        u ? /* @__PURE__ */ z("a", { href: t, onClick: s, className: h, children: [
           a,
-          h
-        ]
-      }
-    ),
-    !o && /* @__PURE__ */ m("span", { className: ZC, "aria-label": "separator", children: n })
-  ] });
+          g
+        ] }) : /* @__PURE__ */ z(
+          "span",
+          {
+            className: h,
+            "aria-current": o ? "page" : void 0,
+            "aria-disabled": i ? "true" : void 0,
+            children: [
+              a,
+              g
+            ]
+          }
+        ),
+        !o && /* @__PURE__ */ m("span", { className: ZC, "aria-label": "separator", children: n })
+      ]
+    }
+  );
 }, u8 = ({
   pathItems: e,
   separator: t = QC,
   ariaLabel: s = "Breadcrumb",
   className: i,
   children: o,
-  titleClassName: n
+  labelClassName: n
 }) => {
   const r = B(() => e?.length ? e : Tv.toArray(o).filter(gd).map((c) => {
-    const d = c.props, { titleClassName: u, isLast: h, separator: g, ...p } = d;
+    const d = c.props, { labelClassName: u, isLast: h, separator: g, ...p } = d;
     return p;
   }), [e, o]), a = D(
     (c) => {
@@ -45684,14 +45699,14 @@ const Dg = () => typeof window < "u" && window.innerWidth < 640, Pg = () => {
           key: `item-${f}`,
           isLast: f === r.length - 1,
           separator: t,
-          titleClassName: n
+          labelClassName: n
         }
       ));
     const c = r.at(0), d = r.slice(1, -2), u = r.at(-2), h = r.at(-1);
     if (!c || !u || !h) return null;
     const g = d.map((p, f) => ({
       key: String(f + 1),
-      label: typeof p.title == "string" ? p.title : `Item ${f + 1}`,
+      label: typeof p.label == "string" ? p.label : `Item ${f + 1}`,
       disabled: p.disabled
     }));
     return /* @__PURE__ */ z(Be, { children: [
@@ -45701,10 +45716,10 @@ const Dg = () => typeof window < "u" && window.innerWidth < 640, Pg = () => {
           ...c,
           key: "item-0",
           separator: t,
-          titleClassName: n
+          labelClassName: n
         }
       ),
-      /* @__PURE__ */ z("li", { className: pe(YC), children: [
+      /* @__PURE__ */ z("li", { className: ge(YC), children: [
         /* @__PURE__ */ m(
           At,
           {
@@ -45733,7 +45748,7 @@ const Dg = () => typeof window < "u" && window.innerWidth < 640, Pg = () => {
           ...u,
           key: `item-${r.length - 2}`,
           separator: t,
-          titleClassName: n
+          labelClassName: n
         }
       ),
       /* @__PURE__ */ Yo(
@@ -45743,7 +45758,7 @@ const Dg = () => typeof window < "u" && window.innerWidth < 640, Pg = () => {
           key: `item-${r.length - 1}`,
           isLast: !0,
           separator: t,
-          titleClassName: n
+          labelClassName: n
         }
       )
     ] });
@@ -45752,7 +45767,7 @@ const Dg = () => typeof window < "u" && window.innerWidth < 640, Pg = () => {
     "nav",
     {
       "aria-label": s,
-      className: pe(o8, i),
+      className: ge(o8, i),
       children: /* @__PURE__ */ m("ol", { className: n8, children: l })
     }
   );
@@ -45760,7 +45775,7 @@ const Dg = () => typeof window < "u" && window.innerWidth < 640, Pg = () => {
   iconClassName: e,
   ...t
 }) => /* @__PURE__ */ m(
-  Ae,
+  Ie,
   {
     ...t,
     iconBefore: /* @__PURE__ */ m(En, { ...de, className: e || "" })
@@ -45777,10 +45792,10 @@ const Dg = () => typeof window < "u" && window.innerWidth < 640, Pg = () => {
   disableTooltip: l,
   onChange: c
 }) => /* @__PURE__ */ m(
-  js,
+  Es,
   {
     tooltip: l ? null : e,
-    triggerClassName: pe("flex", o),
+    triggerClassName: ge("flex", o),
     children: /* @__PURE__ */ m(
       "textarea",
       {
@@ -45919,7 +45934,7 @@ const Dg = () => typeof window < "u" && window.innerWidth < 640, Pg = () => {
           }
         ),
         /* @__PURE__ */ m(
-          js,
+          Es,
           {
             tooltip: x ? void 0 : R || i,
             triggerClassName: ee(l, "flex-1"),
@@ -46048,7 +46063,7 @@ const Dg = () => typeof window < "u" && window.innerWidth < 640, Pg = () => {
   elementContainerClassName: n,
   errorText: r,
   ...a
-}) => /* @__PURE__ */ z("div", { className: pe("flex flex-col", o), children: [
+}) => /* @__PURE__ */ z("div", { className: ge("flex flex-col", o), children: [
   /* @__PURE__ */ m(
     mo,
     {
@@ -46068,7 +46083,7 @@ const Dg = () => typeof window < "u" && window.innerWidth < 640, Pg = () => {
   ),
   /* @__PURE__ */ m(hi, { errorText: r })
 ] }), JC = ({
-  title: e,
+  label: e,
   switchId: t,
   isOn: s = !1,
   disabled: i,
@@ -46126,7 +46141,7 @@ const v8 = "z-[52] flex items-center justify-center bg-blackout md:p-4", w8 = "d
   [Zt.Lg]: "dial-lg-popup"
 }, yo = ({
   open: e = !1,
-  title: t,
+  header: t,
   portalId: s,
   className: i,
   overlayClassName: o,
@@ -46154,7 +46169,7 @@ const v8 = "z-[52] flex items-center justify-center bg-blackout md:p-4", w8 = "d
         "flex-1 min-w-0 mr-3 truncate dial-h3 text-primary",
         n
       ),
-      children: /* @__PURE__ */ m(js, { tooltip: S, children: S })
+      children: /* @__PURE__ */ m(Es, { tooltip: S, children: S })
     }
   ) : S : /* @__PURE__ */ m("span", {});
   return /* @__PURE__ */ m(hd, { id: s, children: /* @__PURE__ */ m(
@@ -46179,7 +46194,7 @@ const v8 = "z-[52] flex items-center justify-center bg-blackout md:p-4", w8 = "d
             /* @__PURE__ */ z(
               "div",
               {
-                className: pe(b8, r),
+                className: ge(b8, r),
                 children: [
                   b(t),
                   /* @__PURE__ */ m(
@@ -46210,16 +46225,16 @@ const v8 = "z-[52] flex items-center justify-center bg-blackout md:p-4", w8 = "d
 var Rn = /* @__PURE__ */ ((e) => (e.Info = "info", e.Danger = "danger", e))(Rn || {});
 const y8 = "flex justify-end gap-2 px-6 py-4", R8 = "text-secondary dial-small-150 px-6 py-4", x8 = "Cancel", F8 = "Ok", Mg = {
   [Rn.Info]: {
-    confirmVariant: He.Primary,
-    cancelVariant: He.Secondary
+    confirmVariant: Ne.Primary,
+    cancelVariant: Ne.Secondary
   },
   [Rn.Danger]: {
     container: "dial-danger-popup",
-    confirmVariant: He.Danger,
-    cancelVariant: He.Secondary
+    confirmVariant: Ne.Danger,
+    cancelVariant: Ne.Secondary
   }
 }, E8 = ({
-  title: e,
+  header: e,
   description: t,
   descriptionClassName: s,
   open: i = !1,
@@ -46240,15 +46255,15 @@ const y8 = "flex justify-end gap-2 px-6 py-4", R8 = "text-secondary dial-small-1
 }) => {
   const w = r ? null : /* @__PURE__ */ z("div", { className: y8, children: [
     /* @__PURE__ */ m(
-      Ae,
+      Ie,
       {
-        variant: He.Secondary,
+        variant: Ne.Secondary,
         label: n,
         onClick: () => h ? h() : d?.()
       }
     ),
     /* @__PURE__ */ m(
-      Ae,
+      Ie,
       {
         variant: Mg[f].confirmVariant,
         className: c,
@@ -46268,7 +46283,7 @@ const y8 = "flex justify-end gap-2 px-6 py-4", R8 = "text-secondary dial-small-1
     yo,
     {
       open: i,
-      title: e,
+      header: e,
       className: ee(Mg[f].container, l),
       dividers: p,
       onClose: () => d?.(),
@@ -46285,7 +46300,7 @@ const y8 = "flex justify-end gap-2 px-6 py-4", R8 = "text-secondary dial-small-1
       "flex gap-x-2 gap-y-1",
       t
     ),
-    children: e?.map((o) => /* @__PURE__ */ m("li", { children: /* @__PURE__ */ m(js, { tooltip: o, children: /* @__PURE__ */ m(
+    children: e?.map((o) => /* @__PURE__ */ m("li", { children: /* @__PURE__ */ m(Es, { tooltip: o, children: /* @__PURE__ */ m(
       Ed,
       {
         tag: o,
@@ -46358,7 +46373,7 @@ const y8 = "flex justify-end gap-2 px-6 py-4", R8 = "text-secondary dial-small-1
                 (l || c) && "dial-input-error"
               ),
               children: [
-                /* @__PURE__ */ m(js, { tooltip: p == null ? void 0 : String(p), children: p || !u ? /* @__PURE__ */ m("span", { className: o, children: p }) : /* @__PURE__ */ m("span", { className: "text-secondary", children: u }) }),
+                /* @__PURE__ */ m(Es, { tooltip: p == null ? void 0 : String(p), children: p || !u ? /* @__PURE__ */ m("span", { className: o, children: p }) : /* @__PURE__ */ m("span", { className: "text-secondary", children: u }) }),
                 !s && /* @__PURE__ */ m("div", { className: "flex-shrink-0", children: /* @__PURE__ */ m(
                   Ve,
                   {
@@ -46392,7 +46407,7 @@ const y8 = "flex justify-end gap-2 px-6 py-4", R8 = "text-secondary dial-small-1
   inputClassName: a,
   emptyValueText: l,
   onClose: c,
-  title: d,
+  header: d,
   portalId: u,
   onApply: h,
   cancelButtonTitle: g = "Cancel",
@@ -46427,22 +46442,22 @@ const y8 = "flex justify-end gap-2 px-6 py-4", R8 = "text-secondary dial-small-1
           {
             open: S,
             onClose: x,
-            title: d,
+            header: d,
             portalId: u,
             size: b,
             footer: /* @__PURE__ */ z("div", { className: "flex flex-row items-center justify-end gap-2 px-6 py-4", children: [
               /* @__PURE__ */ m(
-                Ae,
+                Ie,
                 {
-                  variant: He.Secondary,
+                  variant: Ne.Secondary,
                   label: g,
                   onClick: x
                 }
               ),
               /* @__PURE__ */ m(
-                Ae,
+                Ie,
                 {
-                  variant: He.Primary,
+                  variant: Ne.Primary,
                   label: p,
                   onClick: E,
                   disabled: !f
@@ -46466,7 +46481,7 @@ const y8 = "flex justify-end gap-2 px-6 py-4", R8 = "text-secondary dial-small-1
     )
   ] });
 }, P8 = "Create", T8 = "Cancel", M8 = "flex items-center justify-end gap-2 px-6 py-3", V7 = ({
-  title: e,
+  header: e,
   open: t = !1,
   submitLabel: s = P8,
   cancelLabel: i = T8,
@@ -46484,17 +46499,17 @@ const y8 = "flex justify-end gap-2 px-6 py-4", R8 = "text-secondary dial-small-1
 }) => {
   const f = o ? null : /* @__PURE__ */ z("div", { className: M8, children: [
     /* @__PURE__ */ m(
-      Ae,
+      Ie,
       {
-        variant: He.Secondary,
+        variant: Ne.Secondary,
         label: i,
         onClick: () => d ? d() : l?.()
       }
     ),
     /* @__PURE__ */ m(
-      Ae,
+      Ie,
       {
-        variant: He.Primary,
+        variant: Ne.Primary,
         className: a,
         label: s,
         disabled: n,
@@ -46506,7 +46521,7 @@ const y8 = "flex justify-end gap-2 px-6 py-4", R8 = "text-secondary dial-small-1
     yo,
     {
       open: t,
-      title: e,
+      header: e,
       className: r,
       dividers: h,
       onClose: () => l?.(),
@@ -46616,7 +46631,7 @@ const L8 = {
   return /* @__PURE__ */ z(
     "div",
     {
-      className: pe(
+      className: ge(
         "dial-input flex flex-row items-center justify-between",
         n && "dial-input-error",
         i && "dial-input-disable",
@@ -46679,17 +46694,17 @@ const L8 = {
 }, W7 = ({
   placeholder: e = "",
   selectedItems: t = [],
-  updateSelected: s,
-  listClassName: i,
-  listElementClassName: o,
-  containerClassName: n,
-  inputClassName: r
+  listClassName: s,
+  listElementClassName: i,
+  containerClassName: o,
+  inputClassName: n,
+  onChange: r
 }) => {
   const [a, l] = I(""), c = D(
     (u) => {
-      u.key === "Enter" && (s([...t, u.currentTarget.value]), l("")), (u.key === "Backspace" || u.key === "Delete") && t.length && !a && s(t.slice(0, -1));
+      u.key === "Enter" && (r([...t, u.currentTarget.value]), l("")), (u.key === "Backspace" || u.key === "Delete") && t.length && !a && r(t.slice(0, -1));
     },
-    [t, s, a]
+    [t, r, a]
   ), d = D(
     (u) => {
       l(u.target.value);
@@ -46701,15 +46716,15 @@ const L8 = {
     {
       className: ee([
         "dial-input px-3 py-2 flex flex-row items-center flex-wrap w-fit gap-2",
-        n
+        o
       ]),
       children: [
         /* @__PURE__ */ m(
           ev,
           {
             selectedItems: t,
-            listClassName: i,
-            listElementClassName: o
+            listClassName: s,
+            listElementClassName: i
           }
         ),
         /* @__PURE__ */ m(
@@ -46717,7 +46732,7 @@ const L8 = {
           {
             type: "text",
             value: a,
-            className: ee(["border-0 bg-transparent p-0", r]),
+            className: ee(["border-0 bg-transparent p-0", n]),
             placeholder: t?.length ? "" : e,
             onKeyDown: c,
             onChange: d
@@ -46921,14 +46936,14 @@ const z8 = ({
   const ye = !t && le ? se[0] : void 0, Re = B(
     () => ye ? e.find((j) => j.value === ye) : void 0,
     [e, ye]
-  ), Ie = D(() => !t || se.length === 0 ? null : /* @__PURE__ */ m(
+  ), Ae = D(() => !t || se.length === 0 ? null : /* @__PURE__ */ m(
     sv,
     {
       options: e,
       selectedValues: se,
       handleRemoveTag: oe
     }
-  ), [t, e, se, oe]), ge = D(() => t ? le ? Ie() : /* @__PURE__ */ m("span", { className: "text-secondary truncate", children: c }) : Re ? /* @__PURE__ */ z(Be, { children: [
+  ), [t, e, se, oe]), pe = D(() => t ? le ? Ae() : /* @__PURE__ */ m("span", { className: "text-secondary truncate", children: c }) : Re ? /* @__PURE__ */ z(Be, { children: [
     Re.icon && /* @__PURE__ */ m(Ve, { icon: Re.icon }),
     /* @__PURE__ */ m(
       wt,
@@ -46944,7 +46959,7 @@ const z8 = ({
     a,
     i,
     c,
-    Ie,
+    Ae,
     Re
   ]);
   xn(T, () => ({
@@ -46988,7 +47003,7 @@ const z8 = ({
                 }
               ),
               b && /* @__PURE__ */ m(
-                Ae,
+                Ie,
                 {
                   "aria-label": "Close select",
                   className: "shrink-0",
@@ -47101,7 +47116,7 @@ const z8 = ({
           "aria-haspopup": "listbox",
           "aria-expanded": P,
           "aria-controls": `list-${s || F}`,
-          className: pe(
+          className: ge(
             O8,
             v && "opacity-75 !cursor-not-allowed",
             r === sd.Sm ? "min-h-[25px] px-1.5 py-1" : "min-h-[38px] px-3 py-2",
@@ -47139,7 +47154,7 @@ const z8 = ({
                 "aria-disabled": v,
                 autoComplete: "off"
               }
-            ) }) : /* @__PURE__ */ m("div", { className: "flex min-w-0 items-center gap-2 text-primary", children: ge() }),
+            ) }) : /* @__PURE__ */ m("div", { className: "flex min-w-0 items-center gap-2 text-primary", children: pe() }),
             !E && /* @__PURE__ */ m(
               Ve,
               {
@@ -47847,9 +47862,9 @@ const tL = function(t, s, i) {
                 t && /* @__PURE__ */ m("p", { className: "mb-1", children: t }),
                 s && /* @__PURE__ */ m("p", { className: "mb-0.5", children: s }),
                 i && /* @__PURE__ */ m(
-                  Ae,
+                  Ie,
                   {
-                    variant: He.Tertiary,
+                    variant: Ne.Tertiary,
                     label: i,
                     onClick: () => u.current?.click()
                   }
@@ -47966,9 +47981,9 @@ const tL = function(t, s, i) {
       ),
       a && !!i?.length && /* @__PURE__ */ z("div", { className: "flex flex-row items-center gap-x-2", children: [
         /* @__PURE__ */ m(
-          Ae,
+          Ie,
           {
-            variant: He.Tertiary,
+            variant: Ne.Tertiary,
             className: "!text-error",
             iconBefore: /* @__PURE__ */ m(En, { ...de }),
             label: c,
@@ -47976,9 +47991,9 @@ const tL = function(t, s, i) {
           }
         ),
         (o ? o > i?.length : !0) && /* @__PURE__ */ m(
-          Ae,
+          Ie,
           {
-            variant: He.Tertiary,
+            variant: Ne.Tertiary,
             iconBefore: /* @__PURE__ */ m(uw, { ...de }),
             label: d,
             onClick: g
@@ -48022,10 +48037,10 @@ const tL = function(t, s, i) {
         items: e.items
       },
       onOpenChange: (o) => s(o),
-      children: /* @__PURE__ */ m(Ae, { ...e, iconAfter: i })
+      children: /* @__PURE__ */ m(Ie, { ...e, iconAfter: i })
     }
   ) });
-}, aL = "w-full h-full grid grid-rows-[auto_1fr] gap-5 p-6 overflow-hidden min-w-0 bg-layer-2", Hg = "w-full text-secondary flex items-center gap-2", lL = "flex min-h-0 min-w-0 h-full gap-4 overflow-hidden", cL = "flex flex-col flex-1 min-h-0 min-w-0 h-full gap-4", dL = "w-full h-full rounded bg-layer-3 text-secondary overflow-auto min-w-0", uL = "flex-1 w-full rounded text-secondary overflow-auto min-h-0 min-w-0", hL = 280, gL = "Files", Vs = 20, pL = "Files", rc = ".dial_folder", fL = 280, mL = 460, ac = 44, CL = 56, vL = 800;
+}, aL = "w-full h-full grid grid-rows-[auto_1fr] gap-5 p-6 overflow-hidden min-w-0 bg-layer-2", Hg = "w-full text-secondary flex items-center gap-2", lL = "flex min-h-0 min-w-0 h-full gap-4 overflow-hidden", cL = "flex flex-col flex-1 min-h-0 min-w-0 h-full gap-4", dL = "w-full h-full rounded bg-layer-3 text-secondary overflow-auto min-w-0", uL = "flex-1 w-full rounded text-secondary overflow-auto min-h-0 min-w-0", hL = 280, gL = "Files", zs = 20, pL = "Files", rc = ".dial_folder", fL = 280, mL = 460, ac = 44, CL = 56, vL = 800;
 var Le = /* @__PURE__ */ ((e) => (e.ITEM = "item", e.FOLDER = "folder", e))(Le || {}), wL = /* @__PURE__ */ ((e) => (e.FILE = "FILE", e.PROMPT = "PROMPT", e.CONVERSATION = "CONVERSATION", e.APPLICATION = "APPLICATION", e.TOOLSET = "TOOL_SET", e))(wL || {}), bL = /* @__PURE__ */ ((e) => (e.READ = "READ", e.WRITE = "WRITE", e.SHARE = "SHARE", e))(bL || {});
 const Si = (e, t) => {
   if (!(!e || !e.length || !t))
@@ -48147,7 +48162,7 @@ const EL = ({
   inputRef: p,
   onChange: f
 }) => {
-  const C = () => d ? /* @__PURE__ */ m(js, { tooltip: u, children: g || /* @__PURE__ */ m(
+  const C = () => d ? /* @__PURE__ */ m(Es, { tooltip: u, children: g || /* @__PURE__ */ m(
     gw,
     {
       ...de,
@@ -48173,7 +48188,7 @@ const EL = ({
     /* @__PURE__ */ m(
       ho,
       {
-        containerClassName: pe(
+        containerClassName: ge(
           "!h-6 py-[1px] pl-[7px] pr-[7px]",
           h
         ),
@@ -48379,7 +48394,7 @@ const pa = ({
             "div",
             {
               style: { paddingLeft: `${T * FL}px` },
-              className: pe(
+              className: ge(
                 "py-1 gap-[2px] dial-small flex justify-between hover:bg-accent-primary-alpha rounded group/item w-full mb-[2px] relative",
                 oe
               ),
@@ -48417,7 +48432,7 @@ const pa = ({
                           type: H ? Qt.Folder : Qt.File,
                           loading: ue,
                           shared: te,
-                          iconSize: Vs,
+                          iconSize: zs,
                           ...!Z && {
                             editing: U,
                             onSave: C,
@@ -48470,7 +48485,7 @@ const pa = ({
   );
 }, ML = "w-full flex items-center justify-between gap-4", IL = "min-w-0 h-[38px] flex-1 overflow-hidden bg-layer-3 px-3 flex items-center rounded", AL = "w-[260px]", kL = ({
   ariaLabel: e = "Breadcrumb",
-  titleClassName: t,
+  labelClassName: t,
   onItemClick: s,
   path: i,
   makeHref: o,
@@ -48492,11 +48507,11 @@ const pa = ({
   const b = B(() => {
     if (!i) return;
     const T = i.split("/").map((F) => F.trim()).filter(Boolean);
-    if (!T.length) return [{ title: "/" }];
+    if (!T.length) return [{ label: "/" }];
     const k = T.map((F, P) => {
       const G = T.slice(0, P + 1), _ = typeof o == "function" ? o(G, P) : void 0;
       return {
-        title: F,
+        label: F,
         href: _,
         onClick: s ? (H) => {
           H.preventDefault(), s(_);
@@ -48511,7 +48526,7 @@ const pa = ({
         const _ = k.slice(F.length);
         return [
           {
-            title: r,
+            label: r,
             href: n,
             onClick: s ? (H) => {
               H.preventDefault(), s(n);
@@ -48531,10 +48546,10 @@ const pa = ({
   }, [u, S]), x = D(() => {
     (!d || String(d).trim() === "") && f?.("");
   }, [d, f]), E = D(() => w && S ? /* @__PURE__ */ m(
-    Ae,
+    Ie,
     {
       className: "!p-[9px]",
-      variant: He.Secondary,
+      variant: Ne.Secondary,
       iconBefore: /* @__PURE__ */ m(fw, { ...de }),
       onClick: () => {
         y(!1), f?.("");
@@ -48545,7 +48560,7 @@ const pa = ({
     {
       pathItems: b,
       ariaLabel: e,
-      titleClassName: t,
+      labelClassName: t,
       className: l
     }
   ) }), [
@@ -48560,7 +48575,7 @@ const pa = ({
   return /* @__PURE__ */ z(
     "div",
     {
-      className: pe(
+      className: ge(
         ML,
         {
           "gap-3": w
@@ -48573,7 +48588,7 @@ const pa = ({
         c && /* @__PURE__ */ m(
           "div",
           {
-            className: pe(AL, {
+            className: ge(AL, {
               "w-[38px]": w && !S,
               "w-full": w && S
             }),
@@ -48591,7 +48606,7 @@ const pa = ({
                 onBlur: x,
                 invalid: p,
                 className: C,
-                containerClassName: pe(v, {
+                containerClassName: ge(v, {
                   "p-[10px]": w
                 })
               }
@@ -48616,7 +48631,7 @@ const uv = () => {
   areHiddenFilesVisible: i,
   onToggleHiddenFiles: o,
   isNewButtonVisible: n,
-  newButtonVariant: r = He.Secondary,
+  newButtonVariant: r = Ne.Secondary,
   newButtonDropdownItems: a = [],
   newButtonLabel: l = "New",
   hiddenFilesSwitcherLabel: c = "Hidden files",
@@ -48650,7 +48665,7 @@ const uv = () => {
       JC,
       {
         switchId: "hidden-files-switch",
-        title: c,
+        label: c,
         isOn: i,
         onChange: o
       }
@@ -48673,7 +48688,7 @@ const uv = () => {
         menu: { items: g },
         allowedPlacements: ["bottom", "bottom-start"],
         children: /* @__PURE__ */ m(
-          Ae,
+          Ie,
           {
             className: "h-[38px]",
             iconBefore: /* @__PURE__ */ m(
@@ -48770,11 +48785,11 @@ const GL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
         ref: a,
         className: "absolute top-0 left-0 invisible pointer-events-none overflow-hidden whitespace-nowrap flex gap-3",
         children: s.map(({ key: u, icon: h, title: g }) => /* @__PURE__ */ m(
-          Ae,
+          Ie,
           {
             iconBefore: h,
             label: g,
-            variant: He.Secondary,
+            variant: Ne.Secondary,
             hideTitleOnMobile: !0
           },
           u
@@ -48790,12 +48805,12 @@ const GL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
         "aria-label": "File bulk actions",
         children: [
           /* @__PURE__ */ m("div", { ref: r, children: /* @__PURE__ */ m(
-            Ae,
+            Ie,
             {
               label: d,
               onClick: t,
               textClassName: "text-accent-primary whitespace-nowrap",
-              variant: He.Tertiary,
+              variant: Ne.Tertiary,
               iconBefore: /* @__PURE__ */ m(go, { ...de, className: "text-accent-primary" })
             }
           ) }),
@@ -48806,7 +48821,7 @@ const GL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
                 menu: { items: c },
                 allowedPlacements: ["bottom", "bottom-start"],
                 children: /* @__PURE__ */ m(
-                  Ae,
+                  Ie,
                   {
                     className: "h-[38px]",
                     iconBefore: /* @__PURE__ */ m(
@@ -48821,12 +48836,12 @@ const GL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
               }
             ),
             l.map(({ key: u, icon: h, title: g, onClick: p, disabled: f }) => /* @__PURE__ */ m(
-              Ae,
+              Ie,
               {
                 className: "!p-[9px]",
                 iconBefore: h,
                 label: g,
-                variant: He.Secondary,
+                variant: Ne.Secondary,
                 hideTitleOnMobile: !0,
                 disabled: f,
                 onClick: (C) => p?.({ key: u, domEvent: C })
@@ -49280,26 +49295,26 @@ const GL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
       u(void 0), p.current = $;
       const fe = _(A);
       if (fe.length > 0) {
-        const Ie = s ? (s / 1048576).toFixed(2) : 0, ge = o.oversizedFiles || `Files exceed maximum size (${Ie}MB): ${fe.join(", ")}`;
-        return u(ge), !1;
+        const Ae = s ? (s / 1048576).toFixed(2) : 0, pe = o.oversizedFiles || `Files exceed maximum size (${Ae}MB): ${fe.join(", ")}`;
+        return u(pe), !1;
       }
       if (t)
         try {
-          const Ie = await t(
+          const Ae = await t(
             A,
             $,
             Y
           );
-          if (!Ie.valid)
+          if (!Ae.valid)
             return u(
-              Ie.message || o.validationFailed || "Validation failed"
+              Ae.message || o.validationFailed || "Validation failed"
             ), !1;
         } catch {
           return u(
             o.validationError || "Validation error occurred"
           ), !1;
         }
-      const le = new Map(A.map((Ie) => [Ie.name, Ie]));
+      const le = new Map(A.map((Ae) => [Ae.name, Ae]));
       C(le);
       const ye = H(A, Y);
       return w({ destinationFolder: Y }), x(Y, ye, {
@@ -49399,7 +49414,7 @@ const GL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
         }
         const ye = le.name.replace(/\.zip$/i, "");
         if (Y.some(
-          (Ie) => Ie.nodeType === Le.FOLDER && Ie.name.toLowerCase() === ye.toLowerCase()
+          (Ae) => Ae.nodeType === Le.FOLDER && Ae.name.toLowerCase() === ye.toLowerCase()
         )) {
           u(
             o.validationFailed || `Folder with name "${ye}" already exists`
@@ -49655,14 +49670,14 @@ const QL = ({
   const i = t === 0;
   return {
     additionalButtons: B(() => {
-      const n = pe([
+      const n = ge([
         "hover:text-accent-primary p-1",
         i && "text-controls-disable hover:text-controls-disable disabled:hover:cursor-default"
       ]);
       return /* @__PURE__ */ z(Be, { children: [
         e,
         /* @__PURE__ */ m(
-          Ae,
+          Ie,
           {
             disabled: i,
             className: n,
@@ -49712,55 +49727,55 @@ function o7({
   onNavigationPanelSearchChange: r,
   allItems: a = []
 }) {
-  const [l, c] = I(""), d = L(!1), u = L(!1), h = L([]);
+  const [l, c] = I(""), d = L(!1), u = L(!1), h = L([]), g = L(s);
   Se(() => {
     n != null && c(String(n));
   }, [n]);
-  const g = String(
+  const p = String(
     n ?? l ?? ""
-  ).trim(), p = u.current && (o || i.length > 0 || g !== ""), f = D(
-    (b) => {
-      const S = b.trim();
-      if (!S) {
+  ).trim(), f = u.current && (o || i.length > 0 || p !== ""), C = D(
+    (S) => {
+      const y = S.trim();
+      if (!y) {
         u.current = !1, d.current = !1;
         return;
       }
-      u.current = !0, e && s && !d.current && (d.current = !0, e(s, S));
+      u.current = !0, e && s && !d.current && (d.current = !0, e(s, y));
     },
     [e, s]
-  ), C = D(() => {
-    d.current = !1, u.current = !1, h.current = [], t?.();
-  }, [t]), v = D(
-    (b) => {
-      const S = String(b ?? "");
-      c(S), r?.(S), S.trim() ? f(S) : C();
+  ), v = D(() => {
+    d.current = !1, u.current = !1, h.current = [], c(""), r?.(""), t?.();
+  }, [t, r]), w = D(
+    (S) => {
+      const y = String(S ?? "");
+      c(y), r?.(y), y.trim() ? C(y) : v();
     },
-    [r, f, C]
+    [r, C, v]
   );
   Se(() => {
-    u.current && C();
-  }, [s, C]), Se(() => {
+    g.current !== s && (g.current = s, (u.current || p) && v());
+  }, [s, v, p]), Se(() => {
     i.length > 0 && h.current.length === 0 && (h.current = i);
   }, [i]);
-  const w = B(() => {
+  const b = B(() => {
     if (e) {
-      const S = h.current.length > 0 ? h.current : i;
-      return !g || S.length === 0 ? S : zg(S, g);
+      const y = h.current.length > 0 ? h.current : i;
+      return !p || y.length === 0 ? y : zg(y, p);
     }
-    if (!g || !a.length)
+    if (!p || !a.length)
       return [];
-    const b = i7(a);
-    return zg(b, g);
-  }, [e, i, g, a]);
+    const S = i7(a);
+    return zg(S, p);
+  }, [e, i, p, a]);
   return {
-    isSearchMode: p,
+    isSearchMode: f,
     searchValue: l,
-    effectiveSearchValue: g,
+    effectiveSearchValue: p,
     setSearchValue: c,
-    handleSearchChange: v,
-    handleSearchActivate: f,
-    handleSearchClear: C,
-    searchResultsRows: w
+    handleSearchChange: w,
+    handleSearchActivate: C,
+    handleSearchClear: v,
+    searchResultsRows: b
   };
 }
 function n7({
@@ -49844,19 +49859,19 @@ const r7 = ({
     defaultSelectedPaths: l,
     onSelectedPathsChange: c
   }), ye = B(() => {
-    const Ne = /* @__PURE__ */ new Map();
+    const He = /* @__PURE__ */ new Map();
     return $.forEach((Pt) => {
       const ts = Si(s, Pt);
-      ts && Ne.set(Pt, ts);
-    }), Ne;
-  }, [$, s]), { currentPath: Re, setCurrentPath: Ie, handlePathChange: ge } = WL({
+      ts && He.set(Pt, ts);
+    }), He;
+  }, [$, s]), { currentPath: Re, setCurrentPath: Ae, handlePathChange: pe } = WL({
     path: o,
     defaultPath: n,
     onPathChange: S,
     onSelectionClear: fe
   }), [Pe, j] = I(), xe = w?.destinationFolderPath ?? Pe, ve = D(
-    (Ne) => {
-      w?.setDestinationFolderPath ? w.setDestinationFolderPath(Ne) : j(Ne);
+    (He) => {
+      w?.setDestinationFolderPath ? w.setDestinationFolderPath(He) : j(He);
     },
     [w]
   ), { areHiddenFilesVisible: De, toggleHiddenFilesVisibility: Je } = BL({
@@ -49915,7 +49930,7 @@ const r7 = ({
     handleConflictDuplicate: Gn,
     handleConflictDecideForEach: Bn
   } = zL({
-    getDestinationFiles: (Ne) => Gg(s, Ne)?.items ?? [],
+    getDestinationFiles: (He) => Gg(s, He)?.items ?? [],
     onCopyFiles: R,
     onMoveToFiles: x,
     onCopySuccess: fe,
@@ -49973,20 +49988,20 @@ const r7 = ({
     allowedFileTypes: Y,
     validationMessages: _
   }), sl = D(
-    (Ne) => {
+    (He) => {
       const Pt = Re ?? "", ts = Dt?.items ?? [];
-      Mi(Ne, Pt, ts);
+      Mi(He, Pt, ts);
     },
     [Re, Dt, Mi]
   ), ko = D(() => {
-    const Ne = Re ?? "", Pt = Dt?.items ?? [];
-    Io(Ne, Pt);
+    const He = Re ?? "", Pt = Dt?.items ?? [];
+    Io(He, Pt);
   }, [Re, Dt, Io]), il = D(() => {
-    const Ne = Re ?? "", Pt = Dt?.items ?? [];
-    it(Ne, Pt);
+    const He = Re ?? "", Pt = Dt?.items ?? [];
+    it(He, Pt);
   }, [Re, Dt, it]), {
     isCreatingFolder: Lo,
-    newFolderTempId: Ms,
+    newFolderTempId: Is,
     startFolderCreation: Oo,
     cancelFolderCreation: No,
     saveFolderCreation: qn,
@@ -50028,8 +50043,8 @@ const r7 = ({
         owner: dt.owner
       }));
     }
-    const Ne = so(Fo).trim(), Pt = Dt?.items ?? [];
-    let ts = Ne ? yL(Dt) : Pt;
+    const He = so(Fo).trim(), Pt = Dt?.items ?? [];
+    let ts = He ? yL(Dt) : Pt;
     De || (ts = ts.filter((Ue) => !nd(Ue)));
     const ul = ts.map((Ue) => ({
       id: Ue.id ?? Ue.path,
@@ -50044,19 +50059,19 @@ const r7 = ({
       owner: Ue.owner,
       contentType: Ue.contentType
     }));
-    if (Lo && Ms && !Ne && ul.unshift({
-      id: Ms,
+    if (Lo && Is && !He && ul.unshift({
+      id: Is,
       name: "",
       updatedAt: void 0,
       size: "",
       author: void 0,
-      path: Ms,
+      path: Is,
       nodeType: Le.FOLDER,
       extension: void 0,
       isTemporary: !0,
       owner: void 0
-    }), !Ne) return ul;
-    const Cv = Ne.split(/\s+/).filter(Boolean);
+    }), !He) return ul;
+    const Cv = He.split(/\s+/).filter(Boolean);
     return ul.filter((Ue) => {
       if (Ue.isTemporary) return !0;
       const Ct = so(Ue.name), dt = so(Ue.author), vv = SL(Ue.extension);
@@ -50071,22 +50086,22 @@ const r7 = ({
     Fo,
     De,
     Lo,
-    Ms
-  ]), Is = D(
-    (Ne) => {
-      ge(Ne.path);
+    Is
+  ]), As = D(
+    (He) => {
+      pe(He.path);
     },
-    [ge]
-  ), As = D(
-    (Ne) => {
-      ge(Ne);
+    [pe]
+  ), ks = D(
+    (He) => {
+      pe(He);
     },
-    [ge]
+    [pe]
   ), Ho = D(
-    (Ne) => {
-      Ne.nodeType === Le.FOLDER ? ge(Ne.path) : y?.(Ne);
+    (He) => {
+      He.nodeType === Le.FOLDER ? pe(He.path) : y?.(He);
     },
-    [ge, y]
+    [pe, y]
   ), { expandedPaths: Zn, setExpandedPaths: nl, collapseAll: Qs } = dv({
     expandedPaths: h?.expandedPaths,
     onExpandedPathsChange: h?.onExpandedPathsChange
@@ -50122,13 +50137,13 @@ const r7 = ({
       ...w,
       destinationFolderPath: xe,
       setDestinationFolderPath: ve,
-      title: Eo,
+      header: Eo,
       onCreateFolder: ne,
       onCreateFolderValidate: N,
       folderCreationValidationMessages: ue
     },
     currentPath: Re,
-    setCurrentPath: Ie,
+    setCurrentPath: Ae,
     searchValue: Na,
     effectiveSearchValue: Fo,
     setSearchValue: Ha,
@@ -50165,9 +50180,9 @@ const r7 = ({
     confirmDelete: Do,
     deleteConfirmationOpen: Vn,
     itemsToDelete: zn,
-    handlePathChange: ge,
-    handleTreeItemClick: Is,
-    handleBreadcrumbItemClick: As,
+    handlePathChange: pe,
+    handleTreeItemClick: As,
+    handleBreadcrumbItemClick: ks,
     handleSearchChange: Ga,
     handleTableRowClick: Ho,
     onTableFileClick: y,
@@ -50187,7 +50202,7 @@ const r7 = ({
     newActions: ol,
     isNewButtonVisible: K,
     isCreatingFolder: Lo,
-    newFolderTempId: Ms,
+    newFolderTempId: Is,
     startFolderCreation: Oo,
     cancelFolderCreation: No,
     saveFolderCreation: qn,
@@ -50310,7 +50325,7 @@ const fv = ({
     E8,
     {
       open: e,
-      title: d,
+      header: d,
       confirmLabel: n,
       cancelLabel: o,
       variant: Rn.Danger,
@@ -50331,12 +50346,15 @@ const fv = ({
   onUploadFiles: l,
   onValidateUpload: c,
   maxFileSize: d,
-  title: u,
-  ...h
+  header: u,
+  sourceFolder: h,
+  disabledPathTooltip: g = "Unavailable for the original path. Please select another folder",
+  path: p,
+  ...f
 }) => {
-  const [g, p] = I(!1), f = L(null), C = D((w) => {
-    p(w);
-  }, []), v = r === tt.Copy ? "Copy to" : "Move to";
+  const [C, v] = I(!1), w = L(null), b = D((R) => {
+    v(R);
+  }, []), S = r === tt.Copy ? "Copy to" : "Move to", y = B(() => !p || !h ? !1 : h === p, [p, h]);
   return /* @__PURE__ */ m(
     yo,
     {
@@ -50349,13 +50367,13 @@ const fv = ({
       footer: /* @__PURE__ */ z("div", { className: "flex justify-between space-x-2 py-4 px-6", children: [
         /* @__PURE__ */ z("div", { className: "flex space-x-4", children: [
           /* @__PURE__ */ m(
-            Ae,
+            Ie,
             {
               label: n,
-              variant: He.Tertiary,
+              variant: Ne.Tertiary,
               iconBefore: /* @__PURE__ */ m(vw, { ...de }),
               onClick: () => {
-                f.current?.createFolder();
+                w.current?.createFolder();
               }
             }
           ),
@@ -50364,15 +50382,15 @@ const fv = ({
             "div",
             {
               className: "inline-flex items-center cursor-pointer",
-              onClick: (w) => {
-                w.stopPropagation(), C(!g);
+              onClick: (R) => {
+                R.stopPropagation(), b(!C);
               },
               children: /* @__PURE__ */ m(
                 JC,
                 {
-                  title: a,
-                  isOn: g,
-                  onChange: C,
+                  label: a,
+                  isOn: C,
+                  onChange: b,
                   switchId: "hidden-files-switch"
                 }
               )
@@ -50381,39 +50399,49 @@ const fv = ({
         ] }),
         /* @__PURE__ */ z("div", { className: "flex space-x-4", children: [
           /* @__PURE__ */ m(
-            Ae,
+            Ie,
             {
               onClick: e,
               label: "Cancel",
-              variant: He.Secondary
+              variant: Ne.Secondary
             }
           ),
-          /* @__PURE__ */ m(
-            Ae,
+          y ? /* @__PURE__ */ m(Es, { tooltip: g, children: /* @__PURE__ */ m(
+            Ie,
             {
               onClick: t,
               label: r === "copy" ? i : o,
-              variant: He.Primary
+              variant: Ne.Primary,
+              disabled: y,
+              "aria-disabled": y
+            }
+          ) }) : /* @__PURE__ */ m(
+            Ie,
+            {
+              onClick: t,
+              label: r === "copy" ? i : o,
+              variant: Ne.Primary
             }
           )
         ] })
       ] }),
-      title: u ?? v,
+      header: u ?? S,
       children: /* @__PURE__ */ m(
         y7,
         {
-          ...h,
-          actionsRef: f,
-          showHiddenFiles: g,
-          onShowHiddenFilesChange: C,
+          ...f,
+          actionsRef: w,
+          path: p,
+          showHiddenFiles: C,
+          onShowHiddenFilesChange: b,
           treeOptions: {
-            ...h.treeOptions,
+            ...f.treeOptions,
             collapsed: !0,
-            expandedPaths: /* @__PURE__ */ new Set([h.rootItem?.path || "/"])
+            expandedPaths: /* @__PURE__ */ new Set([f.rootItem?.path || "/"])
           },
           gridOptions: {
             withSelectionColumn: !1,
-            ...h.gridOptions
+            ...f.gridOptions
           },
           onUploadFiles: l,
           onValidateUpload: c,
@@ -50644,13 +50672,13 @@ const fv = ({
         Ld,
         {
           name: X.data.name,
-          iconSize: Vs
+          iconSize: zs
         }
       ) : /* @__PURE__ */ m(
         kd,
         {
           name: X.data.name,
-          iconSize: Vs
+          iconSize: zs
         }
       )
     },
@@ -50803,23 +50831,23 @@ const fv = ({
       open: e,
       onClose: t,
       size: Zt.Md,
-      title: H,
+      header: H,
       dividers: !1,
       footer: /* @__PURE__ */ z("div", { className: "flex justify-end gap-3 py-4 px-6", children: [
         /* @__PURE__ */ m(
-          Ae,
+          Ie,
           {
             onClick: t,
             label: h,
-            variant: He.Secondary
+            variant: Ne.Secondary
           }
         ),
         /* @__PURE__ */ m(
-          Ae,
+          Ie,
           {
             onClick: Z,
             label: u,
-            variant: He.Primary
+            variant: Ne.Primary
           }
         )
       ] }),
@@ -50864,7 +50892,7 @@ const fv = ({
     name: t,
     elementId: e,
     shared: a,
-    iconSize: Vs,
+    iconSize: zs,
     details: /* @__PURE__ */ z("div", { className: "flex items-center gap-1 dial-tiny text-secondary", children: [
       /* @__PURE__ */ m("span", { children: i }),
       o && i && /* @__PURE__ */ m(wr, { size: 2, className: "text-secondary" }),
@@ -50930,8 +50958,6 @@ const C7 = ({
       resizable: !1,
       filter: !1,
       floatingFilter: !1,
-      suppressMenu: !0,
-      borderless: !0,
       cellRenderer: i
     }),
     [i]
@@ -50960,7 +50986,7 @@ const C7 = ({
   onClose: t,
   fileMetadata: s,
   loading: i = !1,
-  title: o = "Information",
+  header: o = "Information",
   nameLabel: n = "Name:",
   pathLabel: r = "Path:",
   modifiedDateLabel: a = "Modified Date:",
@@ -50974,7 +51000,7 @@ const C7 = ({
     open: e,
     onClose: t,
     size: Zt.Sm,
-    title: o,
+    header: o,
     dividers: !1,
     children: /* @__PURE__ */ m("div", { className: "px-6 py-4", children: /* @__PURE__ */ m(
       "div",
@@ -51114,8 +51140,8 @@ const C7 = ({
     onRenameSave: le,
     onRenameCancel: ye,
     onRenameValidate: Re,
-    getDisplayName: Ie,
-    isDragging: ge,
+    getDisplayName: Ae,
+    isDragging: pe,
     isDraggingOverWindow: Pe,
     handleDragEnter: j,
     handleDragLeave: xe,
@@ -51154,7 +51180,7 @@ const C7 = ({
     isSearchMode: Hn
   } = a7(), {
     width: Ya = hL,
-    title: Gn = gL,
+    header: Gn = gL,
     containerClassName: Bn = dL,
     additionalButtons: Vn,
     ...zn
@@ -51193,8 +51219,8 @@ const C7 = ({
       minWidth: 200,
       cellRenderer: (K) => {
         const Te = K.data.nodeType, {
-          saveFolderCreation: Is,
-          validateFolderName: As,
+          saveFolderCreation: As,
+          validateFolderName: ks,
           cancelFolderCreation: Ho,
           newFolderTempId: Zn,
           sharedByMePaths: nl
@@ -51208,11 +51234,11 @@ const C7 = ({
               elementId: `new-folder-${K.data.id}`,
               editing: !0,
               shared: Qs,
-              iconSize: Vs,
-              validate: As,
-              onSave: Is,
+              iconSize: zs,
+              validate: ks,
+              onSave: As,
               onCancel: Ho,
-              inputContainerClassName: pe([
+              inputContainerClassName: ge([
                 "!h-9",
                 it && Te === Le.ITEM && "!h-10"
               ])
@@ -51237,11 +51263,11 @@ const C7 = ({
               elementId: `rename-${K.data.id}`,
               editing: !0,
               shared: Qs,
-              iconSize: Vs,
+              iconSize: zs,
               validate: (ts) => Qn(ts, Go),
               onSave: cl,
               onCancel: dl,
-              inputContainerClassName: pe([
+              inputContainerClassName: ge([
                 "!h-9",
                 it && Te === Le.ITEM && "!h-10"
               ])
@@ -51265,14 +51291,14 @@ const C7 = ({
           {
             name: K.data.name,
             shared: Qs,
-            iconSize: Vs
+            iconSize: zs
           }
         ) : /* @__PURE__ */ m(
           kd,
           {
             name: K.data.name,
             shared: Qs,
-            iconSize: Vs
+            iconSize: zs
           }
         );
       }
@@ -51404,9 +51430,9 @@ const C7 = ({
     ]
   ), el = B(() => {
     const K = /* @__PURE__ */ new Map();
-    return R.forEach((Te, Is) => {
-      const As = S.find((Ho) => Ho.path === Is);
-      As && K.set(Is, As);
+    return R.forEach((Te, As) => {
+      const ks = S.find((Ho) => Ho.path === As);
+      ks && K.set(As, ks);
     }), K;
   }, [R, S]), tl = B(() => {
     const K = /* @__PURE__ */ new Set();
@@ -51414,7 +51440,7 @@ const C7 = ({
   }, [p, S, Ao]), sl = D(
     (K) => {
       const Te = /* @__PURE__ */ new Set();
-      K.forEach((Is, As) => Te.add(As)), E(Te);
+      K.forEach((As, ks) => Te.add(ks)), E(Te);
     },
     [E]
   ), ko = g7({
@@ -51550,7 +51576,7 @@ const C7 = ({
     Gn,
     g,
     w
-  ]), Ms = p7({
+  ]), Is = p7({
     actionLabels: r?.actionLabels,
     onDuplicate: (K) => U([K]),
     onCopy: (K) => {
@@ -51567,9 +51593,9 @@ const C7 = ({
   }), Oo = D(
     (K) => {
       const Te = Si(t, K.path);
-      return Te ? Ms(Te) : [];
+      return Te ? Is(Te) : [];
     },
-    [t, Ms]
+    [t, Is]
   ), { actionsColumnDef: No } = C7({
     getContextMenuItems: Oo,
     isRowDisabled: Ao,
@@ -51600,7 +51626,7 @@ const C7 = ({
     "section",
     {
       ref: Xa,
-      className: pe(
+      className: ge(
         aL,
         {
           "gap-3 pt-4": l && y.size > 0,
@@ -51616,7 +51642,7 @@ const C7 = ({
           /* @__PURE__ */ z(
             "div",
             {
-              className: pe(cL, {
+              className: ge(cL, {
                 "gap-3": it
               }),
               children: [
@@ -51639,7 +51665,7 @@ const C7 = ({
                   {
                     role: "region",
                     "aria-label": "File Manager Grid View",
-                    className: pe(uL),
+                    className: ge(uL),
                     onDragEnter: j,
                     onDragLeave: xe,
                     onDragOver: ve,
@@ -51655,8 +51681,8 @@ const C7 = ({
                         withoutHeaderBorders: it,
                         selectionOnHover: !it,
                         className: ee(
-                          ge ? "border border-dashed border-accent-primary" : "",
-                          Pe && !ge ? "border border-dashed border-primary" : ""
+                          pe ? "border border-dashed border-accent-primary" : "",
+                          Pe && !pe ? "border border-dashed border-primary" : ""
                         ),
                         ...Io,
                         additionalGridOptions: {
@@ -51670,7 +51696,7 @@ const C7 = ({
                           context: {
                             cancelFolderCreation: Ge,
                             saveFolderCreation: rt,
-                            getDisplayName: Ie,
+                            getDisplayName: Ae,
                             onRenameCancel: ye,
                             onRenameSave: le,
                             onRenameValidate: Re,
@@ -51684,7 +51710,7 @@ const C7 = ({
                         },
                         selectedRows: el,
                         onSelectionChangeWithMap: sl,
-                        wrapperBorder: !ge && !Pe,
+                        wrapperBorder: !pe && !Pe,
                         disabledRowIds: tl
                       }
                     )
@@ -51724,7 +51750,8 @@ const C7 = ({
             path: d?.destinationFolderPath || b,
             onPathChange: (K) => {
               d?.setDestinationFolderPath?.(K);
-            }
+            },
+            sourceFolder: b || "/"
           }
         ),
         /* @__PURE__ */ m(
@@ -51758,7 +51785,7 @@ const C7 = ({
             onClose: ja,
             fileMetadata: Rt?.fileMetadata ?? $a,
             loading: Rt?.loading,
-            title: Rt?.title,
+            header: Rt?.header,
             nameLabel: Rt?.nameLabel,
             pathLabel: Rt?.pathLabel,
             modifiedDateLabel: Rt?.modifiedDateLabel,
@@ -51791,14 +51818,14 @@ const C7 = ({
 };
 export {
   Vi as AlertVariant,
-  He as ButtonVariant,
+  Ne as ButtonVariant,
   Rn as ConfirmationPopupVariant,
   M7 as DialAlert,
   W7 as DialAutocompleteInput,
   ev as DialAutocompleteInputValue,
   u8 as DialBreadcrumb,
   mr as DialBreadcrumbItem,
-  Ae as DialButton,
+  Ie as DialButton,
   Ng as DialButtonDropdown,
   Gr as DialCheckbox,
   KC as DialCloseButton,
@@ -51855,7 +51882,7 @@ export {
   G7 as DialTextAreaField,
   H7 as DialTextInputField,
   g8 as DialTextarea,
-  js as DialTooltip,
+  Es as DialTooltip,
   ed as DropdownItemType,
   zt as DropdownTrigger,
   jk as DropdownType,
@@ -51872,7 +51899,7 @@ export {
   Wt as StepStatus,
   td as TabOrientation,
   Fd as TagVariant,
-  pe as mergeClasses,
+  ge as mergeClasses,
   j7 as useDialFileManagerTabs,
   PL as useEditableItem,
   a7 as useFileManagerContext