@epam/ai-dial-ui-kit 0.4.0-rc.13 → 0.4.0-rc.14

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

@@ -2,7 +2,7 @@ import { jsx as w, jsxs as $, Fragment as It } from "react/jsx-runtime";
 import K from "classnames";
 import { useFloating as Na, offset as tu, flip as su, shift as ou, arrow as Rf, autoUpdate as iu, useHover as nu, useFocus as xf, useDismiss as Ga, useRole as Va, useInteractions as Ba, useMergeRefs as ru, FloatingPortal as za, FloatingArrow as Ff, autoPlacement as Ef, size as Df, useClick as Pf, FloatingFocusManager as au, FloatingOverlay as Tf } from "@floating-ui/react";
 import * as ae from "react";
-import G, { createContext as Wa, useState as A, useRef as L, useMemo as B, useContext as Ge, forwardRef as Ci, isValidElement as _a, cloneElement as rn, useCallback as U, useEffect as ve, memo as tt, useLayoutEffect as Lt, useId as Ua, createElement as lu, Children as Mf, Component as If, useImperativeHandle as $a, Suspense as kf } from "react";
+import G, { createContext as Wa, useState as A, useRef as O, useMemo as B, useContext as Ge, forwardRef as Ci, isValidElement as _a, cloneElement as rn, useCallback as U, useEffect as ve, memo as tt, useLayoutEffect as Lt, useId as Ua, createElement as lu, Children as Mf, Component as If, useImperativeHandle as $a, Suspense as kf } from "react";
 import { IconInfoCircle as cu, IconCircleCheck as Af, IconAlertTriangle as Lf, IconAlertCircle as Of, IconX as vi, IconMinus as Hf, IconCheck as du, IconExclamationCircle as ja, IconClipboardX as uu, IconChevronsLeft as Nf, IconChevronsRight as Gf, IconGripVertical as Vf, IconFile as Bf, IconFileTypeZip as zf, IconFileTypeXml as Wf, IconFileTypeXls as _f, IconFileTypeVue as Uf, IconFileTypeTxt as $f, IconFileTypeTsx as jf, IconFileTypeTs as Kf, IconFileTypeSvg as qf, IconFileTypeSql as Yf, IconFileTypeRs as Zf, IconFileTypePpt as Qf, IconFileTypePng as Xf, IconFileTypePhp as Jf, IconFileTypePdf as em, IconFileTypeJsx as tm, IconFileTypeJs as sm, IconFileTypeJpg as om, IconFileTypeHtml as im, IconFileTypeDocx as nm, IconFileTypeDoc as rm, IconFileTypeCsv as am, IconFileTypeCss as lm, IconFileTypeBmp as cm, IconArrowUpRight as dm, IconFolder as um, IconChevronDown as Ka, IconDotsVertical as hu, IconChevronRight as hm, IconTrashX as gu, IconSearch as gm, IconCaretRightFilled as pm, IconChevronUp as fm, IconRefresh as mm, IconEyeOff as Cm, IconEye as vm, IconPlus as wm } from "@tabler/icons-react";
 import bm, { createPortal as qa } from "react-dom";
 const Hs = ({ errorText: e }) => e && /* @__PURE__ */ w("span", { className: "text-error dial-tiny mt-1", children: e }), Fe = ({ icon: e, className: t }) => e ? /* @__PURE__ */ w("span", { className: K("flex-shrink-0", t), children: e }) : null, Sm = 7, ym = 2, pu = Wa(null), fu = () => {
@@ -17,7 +17,7 @@ const Hs = ({ errorText: e }) => e && /* @__PURE__ */ w("span", { className: "te
   open: o,
   onOpenChange: i
 } = {}) => {
-  const [n, r] = A(e), a = L(null), l = o ?? n, c = i ?? r, d = Na({
+  const [n, r] = A(e), a = O(null), l = o ?? n, c = i ?? r, d = Na({
     placement: t,
     open: l,
     onOpenChange: c,
@@ -398,7 +398,7 @@ const Ae = (e) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], y = () => [...S(), Z, Y], R = () => ["auto", "hidden", "clip", "visible", "scroll"], E = () => ["auto", "contain", "none"], T = () => [Z, Y, l], O = () => [Xs, "full", "auto", ...T()], M = () => [is, "none", "subgrid", Z, Y], x = () => ["auto", {
+  ], y = () => [...S(), Z, Y], R = () => ["auto", "hidden", "clip", "visible", "scroll"], E = () => ["auto", "contain", "none"], T = () => [Z, Y, l], H = () => [Xs, "full", "auto", ...T()], M = () => [is, "none", "subgrid", Z, Y], x = () => ["auto", {
     span: ["full", is, Z, Y]
   }, is, Z, Y], D = () => [is, "auto", Z, Y], _ = () => ["auto", "min", "max", "fr", Z, Y], te = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], I = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], ne = () => ["auto", ...T()], j = () => [Xs, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...T()], k = () => [e, Z, Y], ee = () => [...S(), nc, ic, {
     position: [Z, Y]
@@ -414,7 +414,7 @@ const Ae = (e) => {
     c,
     Z,
     Y
-  ], re = () => ["", ue, Ho, Rs], H = () => ["solid", "dashed", "dotted", "double"], ie = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], he = () => [ue, Jn, nc, ic], Be = () => [
+  ], re = () => ["", ue, Ho, Rs], L = () => ["solid", "dashed", "dotted", "double"], ie = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], he = () => [ue, Jn, nc, ic], Be = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -599,63 +599,63 @@ const Ae = (e) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: O()
+        inset: H()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": O()
+        "inset-x": H()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": O()
+        "inset-y": H()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: O()
+        start: H()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: O()
+        end: H()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: O()
+        top: H()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: O()
+        right: H()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: O()
+        bottom: H()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: O()
+        left: H()
       }],
       /**
        * Visibility
@@ -1255,7 +1255,7 @@ const Ae = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...H(), "wavy"]
+        decoration: [...L(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
@@ -1651,14 +1651,14 @@ const Ae = (e) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...H(), "hidden", "none"]
+        border: [...L(), "hidden", "none"]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */
       "divide-style": [{
-        divide: [...H(), "hidden", "none"]
+        divide: [...L(), "hidden", "none"]
       }],
       /**
        * Border Color
@@ -1735,7 +1735,7 @@ const Ae = (e) => {
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: [...H(), "none", "hidden"]
+        outline: [...L(), "none", "hidden"]
       }],
       /**
        * Outline Offset
@@ -3011,7 +3011,7 @@ const nC = {
   hideTooltip: o,
   ...i
 }) => {
-  const n = L(null), [r, a] = A(!1), [l, c] = A(""), d = L(null), u = () => {
+  const n = O(null), [r, a] = A(!1), [l, c] = A(""), d = O(null), u = () => {
     const f = n.current;
     if (!f) return;
     c(f.textContent ?? "");
@@ -5287,7 +5287,7 @@ const Cc = "column", xw = "flex items-center", Fw = "mr-3 cursor-move text-secon
   moveItem: i,
   handleAriaLabel: n = "Drag item"
 }) => {
-  const r = L(null), a = L(null), l = typeof o == "function" ? o(e) : -1, [{ isDragging: c }, d, u] = mw(
+  const r = O(null), a = O(null), l = typeof o == "function" ? o(e) : -1, [{ isDragging: c }, d, u] = mw(
     () => ({
       type: Cc,
       item: { id: e, originalIndex: l },
@@ -5535,11 +5535,11 @@ const Hw = K(
   matchReferenceWidth: C = !0
 }) => {
   const [v, b] = A(a), S = r !== void 0, y = S ? !!r : v, R = U(
-    (H) => {
-      S || b(H), l?.(H);
+    (L) => {
+      S || b(L), l?.(L);
     },
     [S, l]
-  ), E = Ua(), T = i === void 0, O = (H) => "clientWidth" in H ? H.clientWidth : H.getBoundingClientRect?.()?.width ?? 0, { refs: M, floatingStyles: x, context: D } = Na({
+  ), E = Ua(), T = i === void 0, H = (L) => "clientWidth" in L ? L.clientWidth : L.getBoundingClientRect?.()?.width ?? 0, { refs: M, floatingStyles: x, context: D } = Na({
     placement: i,
     open: y,
     onOpenChange: R,
@@ -5555,15 +5555,15 @@ const Hw = K(
       ou({ padding: No }),
       Df({
         padding: No,
-        apply({ availableWidth: H, availableHeight: ie, elements: he }) {
-          const Be = he.floating, st = O(he.reference);
+        apply({ availableWidth: L, availableHeight: ie, elements: he }) {
+          const Be = he.floating, st = H(he.reference);
           Be.style.setProperty(
             "--fui-available-height",
             `${Math.floor(ie)}px`
           ), Be.style.setProperty(
             "--reference-width",
             C ? `${Math.round(st)}px` : "0px"
-          ), C ? Be.style.minWidth = `${Math.round(st)}px` : Be.style.removeProperty("min-width"), Be.style.maxWidth = `${Math.floor(H)}px`, Be.style.maxHeight = `${Math.floor(ie)}px`;
+          ), C ? Be.style.minWidth = `${Math.round(st)}px` : Be.style.removeProperty("min-width"), Be.style.maxWidth = `${Math.floor(L)}px`, Be.style.maxHeight = `${Math.floor(ie)}px`;
         }
       })
     ]
@@ -5577,9 +5577,9 @@ const Hw = K(
   }), I = Ga(D, {
     bubbles: !0,
     referencePress: !1,
-    outsidePress: (H) => {
+    outsidePress: (L) => {
       if (!p) return !1;
-      const ie = H.target;
+      const ie = L.target;
       return !(g?.current && ie instanceof Node && g.current.contains(ie));
     }
   }), ne = Va(D, { role: "menu" }), { getReferenceProps: j, getFloatingProps: k } = Ba([
@@ -5588,29 +5588,29 @@ const Hw = K(
     I,
     ne
   ]), ee = U(
-    (H, ie) => {
+    (L, ie) => {
       M.setPositionReference({
         getBoundingClientRect: () => ({
           width: 0,
           height: 0,
-          x: H,
+          x: L,
           y: ie,
           top: ie,
-          left: H,
-          right: H,
+          left: L,
+          right: L,
           bottom: ie
         })
       });
     },
     [M]
   ), V = U(
-    (H) => {
-      !o.includes(kt.ContextMenu) || n || (H.preventDefault(), m && ee(H.clientX, H.clientY), R(!0));
+    (L) => {
+      !o.includes(kt.ContextMenu) || n || (L.preventDefault(), m && ee(L.clientX, L.clientY), R(!0));
     },
     [m, n, R, ee, o]
   ), se = U(
-    (H) => {
-      !m || n || ee(H.clientX, H.clientY);
+    (L) => {
+      !m || n || ee(L.clientX, L.clientY);
     },
     [m, n, ee]
   );
@@ -5618,41 +5618,41 @@ const Hw = K(
     n && y && R(!1);
   }, [n, y, R]);
   const Q = U(
-    (H) => (ie) => {
-      H.disabled || (H.onClick?.({ key: H.key, domEvent: ie }), t?.onClick?.({ key: H.key, domEvent: ie }), R(!1));
+    (L) => (ie) => {
+      L.disabled || (L.onClick?.({ key: L.key, domEvent: ie }), t?.onClick?.({ key: L.key, domEvent: ie }), R(!1));
     },
     [t, R]
   ), q = B(() => s ? s() : t ? /* @__PURE__ */ $(It, { children: [
     t.header && /* @__PURE__ */ w(It, { children: typeof t.header == "function" ? t.header() : t.header }),
-    /* @__PURE__ */ w("div", { role: "none", className: "py-1", children: t.items.map((H) => H.type === $u.Divider ? /* @__PURE__ */ w(
+    /* @__PURE__ */ w("div", { role: "none", className: "py-1", children: t.items.map((L) => L.type === $u.Divider ? /* @__PURE__ */ w(
       "div",
       {
         role: "separator",
         className: zw
       },
-      H.key
+      L.key
     ) : /* @__PURE__ */ $(
       "button",
       {
         role: "menuitem",
         type: "button",
-        "aria-disabled": !!H.disabled,
+        "aria-disabled": !!L.disabled,
         className: K(
           Gw,
-          H.disabled && Vw,
-          H.danger && Bw
+          L.disabled && Vw,
+          L.danger && Bw
         ),
-        disabled: H.disabled,
-        onClick: Q(H),
+        disabled: L.disabled,
+        onClick: Q(L),
         children: [
-          H.icon && /* @__PURE__ */ w(
+          L.icon && /* @__PURE__ */ w(
             "span",
             {
               className: K(
-                H.danger && "text-error",
-                H.disabled && "text-secondary"
+                L.danger && "text-error",
+                L.disabled && "text-secondary"
               ),
-              children: /* @__PURE__ */ w(Fe, { icon: H.icon })
+              children: /* @__PURE__ */ w(Fe, { icon: L.icon })
             }
           ),
           /* @__PURE__ */ w(
@@ -5660,15 +5660,15 @@ const Hw = K(
             {
               className: K(
                 "flex-1 truncate text-left",
-                H.danger && "text-error",
-                H.disabled && "text-secondary"
+                L.danger && "text-error",
+                L.disabled && "text-secondary"
               ),
-              children: H.label
+              children: L.label
             }
           )
         ]
       },
-      H.key
+      L.key
     )) }),
     t.footer && /* @__PURE__ */ w(It, { children: typeof t.footer == "function" ? t.footer() : t.footer })
   ] }) : null, [Q, t, s]), re = j({
@@ -5716,8 +5716,8 @@ const Hw = K(
                 ju,
                 {
                   ariaLabel: "Close dropdown",
-                  onClose: (H) => {
-                    d?.(H), R(!1);
+                  onClose: (L) => {
+                    d?.(L), R(!1);
                   }
                 }
               ) }),
@@ -5778,7 +5778,7 @@ const Hw = K(
   onClick: s,
   orientation: o = Xr.Horizontal
 }) => {
-  const [i, n] = A(!1), [r, a] = A(!1), [l, c] = A(!1), d = Lw(), u = o === Xr.Horizontal, h = L(null), g = L(null), p = L(null), f = e.find((v) => v.id === t), m = B(
+  const [i, n] = A(!1), [r, a] = A(!1), [l, c] = A(!1), d = Lw(), u = o === Xr.Horizontal, h = O(null), g = O(null), p = O(null), f = e.find((v) => v.id === t), m = B(
     () => K(
       "flex gap-3",
       u ? "flex-row flex-nowrap overflow-x-auto" : "flex-col flex-wrap w-full"
@@ -6073,7 +6073,7 @@ const Hw = K(
   defaultValue: y,
   tooltipText: R
 }) => {
-  const E = (x) => x.target.blur(), T = c === "number" || p !== void 0 || f !== void 0, O = (x) => {
+  const E = (x) => x.target.blur(), T = c === "number" || p !== void 0 || f !== void 0, H = (x) => {
     e1(x, c, p, f);
   }, M = (x) => {
     const D = x.currentTarget.value;
@@ -6139,7 +6139,7 @@ const Hw = K(
                   r
                 ),
                 onChange: (x) => !u && M?.(x),
-                onKeyDown: O,
+                onKeyDown: H,
                 onWheel: E,
                 onBlur: S,
                 min: p,
@@ -6580,7 +6580,7 @@ const l1 = "flex justify-end gap-2 px-6 py-4", c1 = "text-secondary dial-small-1
       {
         disabled: s,
         open: S,
-        selectedValue: n ?? i.find((O) => O.id === o)?.name,
+        selectedValue: n ?? i.find((H) => H.id === o)?.name,
         valueCssClasses: r,
         inputCssClasses: K(a, "py-2", "px-3"),
         emptyValueText: l,
@@ -6871,7 +6871,7 @@ const T1 = {
   }, g = (p, f) => p.map((m) => {
     const { path: C, nodeType: v, name: b, items: S } = m, y = v === hs.FOLDER;
     if (!y && !t) return;
-    const R = Array.isArray(S) && S.length > 0 && S.some((D) => D.nodeType === hs.FOLDER || t), E = d.has(C), T = i === C, O = o.has(C), M = T ? "bg-accent-primary-alpha border-l-2 border-l-accent-primary rounded" : "border-l-2 border-l-transparent", x = c?.(m) ?? [];
+    const R = Array.isArray(S) && S.length > 0 && S.some((D) => D.nodeType === hs.FOLDER || t), E = d.has(C), T = i === C, H = o.has(C), M = T ? "bg-accent-primary-alpha border-l-2 border-l-accent-primary rounded" : "border-l-2 border-l-transparent", x = c?.(m) ?? [];
     return /* @__PURE__ */ w("div", { className: "cursor-pointer text-secondary", children: /* @__PURE__ */ $("div", { className: "flex flex-col", children: [
       /* @__PURE__ */ $(
         "div",
@@ -6901,7 +6901,7 @@ const T1 = {
                       )
                     }
                   ),
-                  /* @__PURE__ */ w(Uu, { name: b, loading: O })
+                  /* @__PURE__ */ w(Uu, { name: b, loading: H })
                 ] }) : /* @__PURE__ */ w(_u, { name: b }) })
               }
             ) }),
@@ -9207,7 +9207,7 @@ function yt(e, t, s) {
     return !1;
   if (t?.state && !t.state.forEach)
     return N(32), !1;
-  const C = (y, R, E, T, O) => {
+  const C = (y, R, E, T, H) => {
     if (!y)
       return;
     const M = o0(R, t.defaultState), x = M("flex").value1;
@@ -9227,9 +9227,9 @@ function yt(e, t, s) {
         _ != null && D >= _ && y.setActualWidth(D, s);
       }
     }
-    O || !y.isPrimary() || (h?.syncColumnWithState(y, s, M), i?.syncColumnWithState(y, s, M, E), n?.syncColumnWithState(y, s, M, T));
+    H || !y.isPrimary() || (h?.syncColumnWithState(y, s, M), i?.syncColumnWithState(y, s, M, E), n?.syncColumnWithState(y, s, M, T));
   }, v = (y, R, E) => {
-    const T = $h(e, s), O = R.slice(), M = {}, x = {}, D = [], _ = [], te = [];
+    const T = $h(e, s), H = R.slice(), M = {}, x = {}, D = [], _ = [], te = [];
     let I = 0;
     const ne = i?.columns.slice() ?? [], j = n?.columns.slice() ?? [];
     for (const V of y) {
@@ -9243,10 +9243,10 @@ function yt(e, t, s) {
         continue;
       }
       const q = E(se);
-      q ? (C(q, V, M, x, !1), Rt(O, q)) : (te.push(V), I += 1);
+      q ? (C(q, V, M, x, !1), Rt(H, q)) : (te.push(V), I += 1);
     }
     const k = (V) => C(V, null, M, x, !1);
-    O.forEach(k), i?.sortColumns(Oc.bind(i, M, ne)), n?.sortColumns(Oc.bind(n, x, j)), o.refreshCols(!1, s);
+    H.forEach(k), i?.sortColumns(Oc.bind(i, M, ne)), n?.sortColumns(Oc.bind(n, x, j)), o.refreshCols(!1, s);
     const ee = (V, se, Q = []) => {
       for (const q of se) {
         const re = V(q.colId);
@@ -9306,8 +9306,8 @@ function $h(e, t) {
   for (const u of c)
     d[u.colId] = u;
   return () => {
-    const u = (R, E, T, O) => {
-      const M = E.map(O), x = T.map(O);
+    const u = (R, E, T, H) => {
+      const M = E.map(H), x = T.map(H);
       if (ws(M, x))
         return;
       const _ = new Set(E);
@@ -9323,8 +9323,8 @@ function $h(e, t) {
     }, h = (R) => {
       const E = [];
       return n.forAllCols((T) => {
-        const O = d[T.getColId()];
-        O && R(O, T) && E.push(T);
+        const H = d[T.getColId()];
+        H && R(H, T) && E.push(T);
       }), E;
     }, g = (R) => R.getColId();
     u(
@@ -9339,8 +9339,8 @@ function $h(e, t) {
       g
     );
     const f = h((R, E) => {
-      const T = R.aggFunc != null, O = T != E.isValueActive(), M = T && R.aggFunc != E.getAggFunc();
-      return O || M;
+      const T = R.aggFunc != null, H = T != E.isValueActive(), M = T && R.aggFunc != E.getAggFunc();
+      return H || M;
     });
     f.length > 0 && p0(a, "columnValueChanged", f, t), xo(a, h((R, E) => R.width != E.getActualWidth()), !0, t), Uh(a, h((R, E) => R.pinned != E.getPinned()), t), g0(a, h((R, E) => R.hide == E.isVisible()), t);
     const S = h((R, E) => R.sort != E.getSort() || R.sortIndex != E.getSortIndex());
@@ -14936,9 +14936,9 @@ var Zi = {
       let u, h, g = 0;
       this.invalidateVerticalScroll();
       do {
-        const { stickyTopHeight: p, stickyBottomHeight: f } = c, m = d.rowTop, C = d.rowHeight, v = r.getPixelOffset(), b = d.rowTop - v, S = b + d.rowHeight, y = this.getVScrollPosition(), R = a.divStretchOffset, E = y.top + R, T = y.bottom + R, O = T - E, M = a.getScrollPositionForPixel(b), x = a.getScrollPositionForPixel(S - O), D = Math.min((M + x) / 2, b), _ = E + p > b, te = T - f < S;
+        const { stickyTopHeight: p, stickyBottomHeight: f } = c, m = d.rowTop, C = d.rowHeight, v = r.getPixelOffset(), b = d.rowTop - v, S = b + d.rowHeight, y = this.getVScrollPosition(), R = a.divStretchOffset, E = y.top + R, T = y.bottom + R, H = T - E, M = a.getScrollPositionForPixel(b), x = a.getScrollPositionForPixel(S - H), D = Math.min((M + x) / 2, b), _ = E + p > b, te = T - f < S;
         let I = null;
-        t === "top" ? I = M - p : t === "bottom" ? I = x + f : t === "middle" ? I = D : _ ? I = M - p : te && (x - M > O ? I = M - p : I = x + f), I !== null && (this.setVerticalScrollPosition(I), l.redraw({ afterScroll: !0 })), u = m !== d.rowTop || C !== d.rowHeight, h = p !== c.stickyTopHeight || f !== c.stickyBottomHeight, g++;
+        t === "top" ? I = M - p : t === "bottom" ? I = x + f : t === "middle" ? I = D : _ ? I = M - p : te && (x - M > H ? I = M - p : I = x + f), I !== null && (this.setVerticalScrollPosition(I), l.redraw({ afterScroll: !0 })), u = m !== d.rowTop || C !== d.rowHeight, h = p !== c.stickyTopHeight || f !== c.stickyBottomHeight, g++;
       } while ((u || h) && g < 10);
       if (this.animationFrameSvc?.flushAllFrames(), s < 10 && (d?.stub || !this.beans.rowAutoHeight?.areRowsMeasured())) {
         const p = this.getVScrollPosition().top;
@@ -21456,17 +21456,17 @@ var Fx = class extends P {
             S -= p[R.getId()];
           else {
             v.push(R);
-            const O = g[E];
-            b += O;
+            const H = g[E];
+            b += H;
           }
         });
         const y = 1 / b;
         v.forEach((R, E) => {
           const T = E === v.length - 1;
-          let O;
-          T ? O = S : (O = Math.round(g[E] * u * y), S -= O);
+          let H;
+          T ? H = S : (H = Math.round(g[E] * u * y), S -= H);
           const M = R.getMinWidth(), x = R.getMaxWidth();
-          O < M ? (O = M, f[R.getId()] = !0, m = !0) : x > 0 && O > x && (O = x, f[R.getId()] = !0, m = !0), p[R.getId()] = O;
+          H < M ? (H = M, f[R.getId()] = !0, m = !0) : x > 0 && H > x && (H = x, f[R.getId()] = !0, m = !0), p[R.getId()] = H;
         });
       }
       for (const v of h) {
@@ -30999,8 +30999,8 @@ var dD = (
       const d = this.getRowBufferInPixels(), u = this.ctrlsSvc.getScrollFeature(), h = this.gos.get("suppressRowVirtualisation");
       let g = !1, p, f;
       do {
-        const S = t.getPixelOffset(), { pageFirstPixel: y, pageLastPixel: R } = t.getCurrentPagePixelRange(), E = e.divStretchOffset, T = u.getVScrollPosition(), O = T.top, M = T.bottom;
-        h ? (p = y + E, f = R + E) : (p = Math.max(O + S - d, y) + E, f = Math.min(M + S + d, R) + E), this.firstVisibleVPixel = Math.max(O + S, y) + E, this.lastVisibleVPixel = Math.min(M + S, R) + E, g = this.ensureAllRowsInRangeHaveHeightsCalculated(p, f);
+        const S = t.getPixelOffset(), { pageFirstPixel: y, pageLastPixel: R } = t.getCurrentPagePixelRange(), E = e.divStretchOffset, T = u.getVScrollPosition(), H = T.top, M = T.bottom;
+        h ? (p = y + E, f = R + E) : (p = Math.max(H + S - d, y) + E, f = Math.min(M + S + d, R) + E), this.firstVisibleVPixel = Math.max(H + S, y) + E, this.lastVisibleVPixel = Math.min(M + S, R) + E, g = this.ensureAllRowsInRangeHaveHeightsCalculated(p, f);
       } while (g);
       let m = s.getRowIndexAtPixel(p), C = s.getRowIndexAtPixel(f);
       const v = t.getFirstRow(), b = t.getLastRow();
@@ -41474,12 +41474,12 @@ var JT = class extends P {
         te.flex = D ?? null, te.width = _;
       }
     (E || !s) && (m.flex = null);
-    const T = u?.orderedColIds, O = !!T?.length && !o?.has("columnOrder"), M = O ? T.map((x) => f(x)) : Object.values(p);
+    const T = u?.orderedColIds, H = !!T?.length && !o?.has("columnOrder"), M = H ? T.map((x) => f(x)) : Object.values(p);
     (M.length || h) && (this.columnStates = M, yt(
       this.beans,
       {
         state: M,
-        applyOrder: O,
+        applyOrder: H,
         defaultState: m
       },
       t
@@ -42471,9 +42471,9 @@ var z6 = class extends P {
             continue;
           const T = p.getPreferredWidthForColumn(E, b);
           if (T > 0) {
-            const O = v[E.colId] ?? {};
-            O.minWidth ?? (O.minWidth = l), O.maxWidth ?? (O.maxWidth = a);
-            const M = W6(E, T, O);
+            const H = v[E.colId] ?? {};
+            H.minWidth ?? (H.minWidth = l), H.maxWidth ?? (H.maxWidth = a);
+            const M = W6(E, T, H);
             E.setActualWidth(M, d), m.add(E), C++;
           }
           y.push(E);
@@ -42597,9 +42597,9 @@ var z6 = class extends P {
         const f = p / _t(l);
         let m = p;
         for (let C = l.length - 1; C >= 0; C--) {
-          const v = l[C], b = i?.[v.getId()], S = b?.minWidth ?? o?.defaultMinWidth, y = b?.maxWidth ?? o?.defaultMaxWidth, R = v.getMinWidth(), E = v.getMaxWidth(), T = typeof S == "number" && S > R ? S : R, O = typeof y == "number" && y < E ? y : E;
+          const v = l[C], b = i?.[v.getId()], S = b?.minWidth ?? o?.defaultMinWidth, y = b?.maxWidth ?? o?.defaultMaxWidth, R = v.getMinWidth(), E = v.getMaxWidth(), T = typeof S == "number" && S > R ? S : R, H = typeof y == "number" && y < E ? y : E;
           let M = Math.round(v.getActualWidth() * f);
-          M < T ? (M = T, h(v), u = !1) : M > O ? (M = O, h(v), u = !1) : C === 0 && (M = m), v.setActualWidth(M, t, !0), m -= M;
+          M < T ? (M = T, h(v), u = !1) : M > H ? (M = H, h(v), u = !1) : C === 0 && (M = m), v.setActualWidth(M, t, !0), m -= M;
         }
       }
     }
@@ -43631,7 +43631,7 @@ function On(e, t, s) {
   return o.length === e.length && i.length === 0 ? e : o.length === 0 && i.length === t.length ? t : o.length === 0 ? i : i.length === 0 ? o : [...o, ...i];
 }
 var af = Ci((e, t) => {
-  const { registry: s, context: o } = Ge(Ye), i = L(null), n = L(null), r = L(null), a = L(null), l = L(null), c = L(), [d, u] = A(), [h, g] = A(), [p, f] = A(), [m, C] = A(() => new wt()), [v, b] = A(() => new wt("ag-hidden")), [S, y] = A(() => new wt("ag-hidden")), [R, E] = A(() => new wt("ag-invisible"));
+  const { registry: s, context: o } = Ge(Ye), i = O(null), n = O(null), r = O(null), a = O(null), l = O(null), c = O(), [d, u] = A(), [h, g] = A(), [p, f] = A(), [m, C] = A(() => new wt()), [v, b] = A(() => new wt("ag-hidden")), [S, y] = A(() => new wt("ag-hidden")), [R, E] = A(() => new wt("ag-invisible"));
   $a(t, () => ({
     // force new instance when grid tries to refresh
     refresh() {
@@ -43663,14 +43663,14 @@ var af = Ci((e, t) => {
       af,
       e
     ));
-  }, []), O = B(() => `ag-cell-wrapper ${m.toString()}`, [m]), M = B(() => `ag-group-expanded ${v.toString()}`, [v]), x = B(
+  }, []), H = B(() => `ag-cell-wrapper ${m.toString()}`, [m]), M = B(() => `ag-group-expanded ${v.toString()}`, [v]), x = B(
     () => `ag-group-contracted ${S.toString()}`,
     [S]
   ), D = B(() => `ag-group-checkbox ${R.toString()}`, [R]), _ = d?.componentFromFramework, te = _ ? d.componentClass : void 0, I = d == null && p != null, ne = ko(p);
   return /* @__PURE__ */ G.createElement(
     "span",
     {
-      className: O,
+      className: H,
       ref: T,
       ...e.colDef ? {} : { role: c.current?.getCellAriaRole() }
     },
@@ -44129,7 +44129,7 @@ var UM = 1e3, $M = class {
     }
   }
 }, jM = ({ ctrl: e }) => {
-  const t = e.isAlive(), { context: s } = Ge(Ye), [o, i] = A(), [n, r] = A(), a = L(), l = L(null), c = L(null), d = L(null), u = L(), h = L();
+  const t = e.isAlive(), { context: s } = Ge(Ye), [o, i] = A(), [n, r] = A(), a = O(), l = O(null), c = O(null), d = O(null), u = O(), h = O();
   t && !h.current && (h.current = new Si(() => l.current));
   const g = U((C) => {
     if (l.current = C, !C || !e.isAlive() || s.isDestroyed()) {
@@ -44185,7 +44185,7 @@ var UM = 1e3, $M = class {
     () => new wt("ag-header-cell", "ag-floating-filter")
   ), [a, l] = A(() => new wt()), [c, d] = A(
     () => new wt("ag-floating-filter-button", "ag-hidden")
-  ), [u, h] = A("false"), [g, p] = A(), [, f] = A(1), m = L(), C = L(null), v = L(null), b = L(null), S = L(null), y = L(), R = L(), E = (V) => {
+  ), [u, h] = A("false"), [g, p] = A(), [, f] = A(1), m = O(), C = O(null), v = O(null), b = O(null), S = O(null), y = O(), R = O(), E = (V) => {
     V != null && y.current && y.current(V);
   }, T = U((V) => {
     if (C.current = V, !V || !e.isAlive() || t.isDestroyed()) {
@@ -44215,7 +44215,7 @@ var UM = 1e3, $M = class {
     () => Ei(g, t, v.current, E),
     [g]
   );
-  const O = B(() => n.toString(), [n]), M = B(() => a.toString(), [a]), x = B(() => c.toString(), [c]), D = B(() => !!(g && g.componentFromFramework && Oo(g.componentClass)), [g]), _ = B(() => s.get("reactiveCustomComponents"), []), te = B(() => s.get("enableFilterHandlers"), []), [I, ne] = A();
+  const H = B(() => n.toString(), [n]), M = B(() => a.toString(), [a]), x = B(() => c.toString(), [c]), D = B(() => !!(g && g.componentFromFramework && Oo(g.componentClass)), [g]), _ = B(() => s.get("reactiveCustomComponents"), []), te = B(() => s.get("enableFilterHandlers"), []), [I, ne] = A();
   ve(() => {
     if (g?.componentFromFramework)
       if (_) {
@@ -44225,7 +44225,7 @@ var UM = 1e3, $M = class {
         Jl();
   }, [g]);
   const j = I?.getProps(), k = g?.componentFromFramework, ee = g?.componentClass;
-  return /* @__PURE__ */ G.createElement("div", { ref: T, style: o, className: O, role: "gridcell" }, /* @__PURE__ */ G.createElement("div", { ref: v, className: M, role: "presentation" }, k ? _ ? j && /* @__PURE__ */ G.createElement(
+  return /* @__PURE__ */ G.createElement("div", { ref: T, style: o, className: H, role: "gridcell" }, /* @__PURE__ */ G.createElement("div", { ref: v, className: M, role: "presentation" }, k ? _ ? j && /* @__PURE__ */ G.createElement(
     Xl.Provider,
     {
       value: {
@@ -44253,8 +44253,8 @@ var UM = 1e3, $M = class {
     )
   ));
 }, ZM = tt(YM), QM = ({ ctrl: e }) => {
-  const { context: t } = Ge(Ye), [s, o] = A(), [i, n] = A(() => new wt()), [r, a] = A(() => new wt()), [l, c] = A("false"), [d, u] = A(), [h, g] = A(), p = L(), f = L(null), m = L(null), C = L(null), v = L(), b = U((O) => {
-    if (f.current = O, !O || !e.isAlive() || t.isDestroyed()) {
+  const { context: t } = Ge(Ye), [s, o] = A(), [i, n] = A(() => new wt()), [r, a] = A(() => new wt()), [l, c] = A("false"), [d, u] = A(), [h, g] = A(), p = O(), f = O(null), m = O(null), C = O(null), v = O(), b = U((H) => {
+    if (f.current = H, !H || !e.isAlive() || t.isDestroyed()) {
       p.current = t.destroyBean(p.current);
       return;
     }
@@ -44280,7 +44280,7 @@ var UM = 1e3, $M = class {
       setAriaExpanded: (x) => u(x),
       getUserCompInstance: () => v.current || void 0
     };
-    e.setComp(M, O, m.current, C.current, p.current);
+    e.setComp(M, H, m.current, C.current, p.current);
   }, []);
   Lt(() => Ei(h, t, C.current), [h]), ve(() => {
     f.current && e.setDragSource(f.current);
@@ -44291,7 +44291,7 @@ var UM = 1e3, $M = class {
   ), E = h?.componentFromFramework, T = h?.componentClass;
   return /* @__PURE__ */ G.createElement("div", { ref: b, style: s, className: y, role: "columnheader", "aria-expanded": d }, /* @__PURE__ */ G.createElement("div", { ref: C, className: "ag-header-cell-comp-wrapper", role: "presentation" }, E ? S ? /* @__PURE__ */ G.createElement(T, { ...h.params }) : /* @__PURE__ */ G.createElement(T, { ...h.params, ref: v }) : null), /* @__PURE__ */ G.createElement("div", { ref: m, "aria-hidden": l, className: R }));
 }, XM = tt(QM), JM = ({ ctrl: e }) => {
-  const { gos: t, context: s } = Ge(Ye), { topOffset: o, rowHeight: i } = B(() => e.getTopAndHeight(), []), n = B(() => t.get("tabIndex"), []), [r, a] = A(() => e.getAriaRowIndex()), l = e.headerRowClass, [c, d] = A(() => i + "px"), [u, h] = A(() => o + "px"), g = L(null), [p, f] = A(() => e.getUpdatedHeaderCtrls()), m = L(), C = L(null), v = U((y) => {
+  const { gos: t, context: s } = Ge(Ye), { topOffset: o, rowHeight: i } = B(() => e.getTopAndHeight(), []), n = B(() => t.get("tabIndex"), []), [r, a] = A(() => e.getAriaRowIndex()), l = e.headerRowClass, [c, d] = A(() => i + "px"), [u, h] = A(() => o + "px"), g = O(null), [p, f] = A(() => e.getUpdatedHeaderCtrls()), m = O(), C = O(null), v = U((y) => {
     if (C.current = y, !y || !e.isAlive() || s.isDestroyed()) {
       m.current = s.destroyBean(m.current);
       return;
@@ -44300,9 +44300,9 @@ var UM = 1e3, $M = class {
     const R = {
       setHeight: (E) => d(E),
       setTop: (E) => h(E),
-      setHeaderCtrls: (E, T, O) => {
+      setHeaderCtrls: (E, T, H) => {
         const M = g.current, x = On(M, E, T);
-        x !== M && (g.current = x, mi(O, () => f(x)));
+        x !== M && (g.current = x, mi(H, () => f(x)));
       },
       setWidth: (E) => {
         C.current && (C.current.style.width = E);
@@ -44341,7 +44341,7 @@ var UM = 1e3, $M = class {
     p.map(S)
   );
 }, eI = tt(JM), tI = ({ pinned: e }) => {
-  const [t, s] = A(!0), [o, i] = A([]), { context: n } = Ge(Ye), r = L(null), a = L(null), l = L(), c = e === "left", d = e === "right", u = !c && !d, h = U((f) => {
+  const [t, s] = A(!0), [o, i] = A([]), { context: n } = Ge(Ye), r = O(null), a = O(null), l = O(), c = e === "left", d = e === "right", u = !c && !d, h = U((f) => {
     if (r.current = f, !f || n.isDestroyed()) {
       l.current = n.destroyBean(l.current);
       return;
@@ -44366,7 +44366,7 @@ var UM = 1e3, $M = class {
   }, []), g = t ? "" : "ag-hidden", p = () => o.map((f) => /* @__PURE__ */ G.createElement(eI, { ctrl: f, key: f.instanceId }));
   return c ? /* @__PURE__ */ G.createElement("div", { ref: h, className: "ag-pinned-left-header " + g, "aria-hidden": !t, role: "rowgroup" }, p()) : d ? /* @__PURE__ */ G.createElement("div", { ref: h, className: "ag-pinned-right-header " + g, "aria-hidden": !t, role: "rowgroup" }, p()) : u ? /* @__PURE__ */ G.createElement("div", { ref: h, className: "ag-header-viewport " + g, role: "rowgroup", tabIndex: -1 }, /* @__PURE__ */ G.createElement("div", { ref: a, className: "ag-header-container", role: "presentation" }, p())) : null;
 }, Vr = tt(tI), sI = () => {
-  const [e, t] = A(() => new wt()), [s, o] = A(), { context: i } = Ge(Ye), n = L(null), r = L(), a = U((d) => {
+  const [e, t] = A(() => new wt()), [s, o] = A(), { context: i } = Ge(Ye), n = O(null), r = O(), a = U((d) => {
     if (n.current = d, !d || i.isDestroyed()) {
       r.current = i.destroyBean(r.current);
       return;
@@ -44442,7 +44442,7 @@ var UM = 1e3, $M = class {
     this.value = e, this.refreshProps();
   }
 }, rI = (e) => {
-  const t = L(e), s = L(), o = L(!1), i = L(!1), [, n] = A(0);
+  const t = O(e), s = O(), o = O(!1), i = O(!1), [, n] = A(0);
   o.current && (i.current = !0), ve(() => (o.current || (s.current = t.current(), o.current = !0), n((r) => r + 1), () => {
     i.current && s.current?.();
   }), []);
@@ -44543,7 +44543,7 @@ var UM = 1e3, $M = class {
   cellCtrl: e,
   parent: t
 }) => {
-  const s = L(), o = B(() => {
+  const s = O(), o = B(() => {
     const { loadingComp: i } = e.getDeferLoadingCellRenderer();
     return i ? {
       value: void 0,
@@ -44564,11 +44564,11 @@ var UM = 1e3, $M = class {
   const o = Ge(Ye), { context: i } = o, {
     column: { colIdSanitised: n },
     instanceId: r
-  } = e, a = L(), [l, c] = A(
+  } = e, a = O(), [l, c] = A(
     () => e.isCellRenderer() ? void 0 : { compDetails: void 0, value: e.getValueToDisplay(), force: !1 }
-  ), [d, u] = A(), [h, g] = A(1), [p, f] = A(), [m, C] = A(!1), [v, b] = A(!1), [S, y] = A(!1), [R, E] = A(), T = B(() => e.isForceWrapper(), [e]), O = B(() => e.getCellAriaRole(), [e]), M = L(null), x = L(null), D = L(null), _ = L(), te = L(), I = L(), ne = L([]), j = L(), k = L(), [ee, V] = A(0), se = U((de) => {
+  ), [d, u] = A(), [h, g] = A(1), [p, f] = A(), [m, C] = A(!1), [v, b] = A(!1), [S, y] = A(!1), [R, E] = A(), T = B(() => e.isForceWrapper(), [e]), H = B(() => e.getCellAriaRole(), [e]), M = O(null), x = O(null), D = O(null), _ = O(), te = O(), I = O(), ne = O([]), j = O(), k = O(), [ee, V] = A(0), se = U((de) => {
     k.current = de, V((be) => be + 1);
-  }, []), Q = l != null && (m || S || v) && (d == null || !!d.popup), q = T || Q, re = B(() => e.getCellValueClass(), [e]), H = U(
+  }, []), Q = l != null && (m || S || v) && (d == null || !!d.popup), q = T || Q, re = B(() => e.getCellValueClass(), [e]), L = U(
     (de) => {
       if (te.current = de, de) {
         const be = de.isCancelBeforeStart && de.isCancelBeforeStart();
@@ -44578,9 +44578,9 @@ var UM = 1e3, $M = class {
       }
     },
     [e]
-  ), ie = L();
+  ), ie = O();
   ie.current || (ie.current = new Si(() => M.current)), df(l, q, k.current, ee, _, M);
-  const he = L();
+  const he = O();
   Lt(() => {
     const de = he.current, be = l;
     if (he.current = l, de == null || de.compDetails == null || be == null || be.compDetails == null)
@@ -44598,11 +44598,11 @@ var UM = 1e3, $M = class {
       if (!ce)
         return;
       const me = ce.getGui();
-      H(ce), ze || ((T ? I : M).current?.appendChild(me), ce.afterGuiAttached?.()), E(ce);
+      L(ce), ze || ((T ? I : M).current?.appendChild(me), ce.afterGuiAttached?.()), E(ce);
     }), () => {
       je.then((ce) => {
         const me = ce.getGui();
-        e.disableEditorTooltipFeature(), i.destroyBean(ce), H(void 0), E(void 0), me?.remove();
+        e.disableEditorTooltipFeature(), i.destroyBean(ce), L(void 0), E(void 0), me?.remove();
       });
     };
   }, [d]);
@@ -44713,27 +44713,27 @@ var UM = 1e3, $M = class {
       return /* @__PURE__ */ G.createElement(kf, { fallback: /* @__PURE__ */ G.createElement(uI, { cellCtrl: e, parent: M }) }, ke ? /* @__PURE__ */ G.createElement(ze, { ...de.params, key: h }) : /* @__PURE__ */ G.createElement(ze, { ...de.params, key: h, ref: D }));
     }
   }, Vt = () => {
-    const de = () => l == null ? null : q ? /* @__PURE__ */ G.createElement("span", { role: "presentation", id: `cell-${r}`, className: re, ref: se }, ut()) : ut(), be = (ze) => cI(ze, H, M.current, e, R);
+    const de = () => l == null ? null : q ? /* @__PURE__ */ G.createElement("span", { role: "presentation", id: `cell-${r}`, className: re, ref: se }, ut()) : ut(), be = (ze) => cI(ze, L, M.current, e, R);
     return d != null ? d.popup ? /* @__PURE__ */ G.createElement(G.Fragment, null, de(), be(d)) : be(d) : de();
-  }, ss = () => /* @__PURE__ */ G.createElement("div", { ref: fe, style: p, role: O, "col-id": n }, q ? /* @__PURE__ */ G.createElement("div", { className: "ag-cell-wrapper", role: "presentation", ref: Be }, Vt()) : Vt());
+  }, ss = () => /* @__PURE__ */ G.createElement("div", { ref: fe, style: p, role: H, "col-id": n }, q ? /* @__PURE__ */ G.createElement("div", { className: "ag-cell-wrapper", role: "presentation", ref: Be }, Vt()) : Vt());
   return e.isCellSpanning() ? /* @__PURE__ */ G.createElement("div", { ref: St, className: "ag-spanned-cell-wrapper", role: "presentation" }, ss()) : ss();
 }, gI = tt(hI), pI = ({ rowCtrl: e, containerType: t }) => {
-  const { context: s, gos: o, editSvc: i } = Ge(Ye), n = Ge(of) === "default", r = L(), a = L(e.getDomOrder()), l = e.isFullWidth(), c = e.rowNode.displayed, [d, u] = A(
+  const { context: s, gos: o, editSvc: i } = Ge(Ye), n = Ge(of) === "default", r = O(), a = O(e.getDomOrder()), l = e.isFullWidth(), c = e.rowNode.displayed, [d, u] = A(
     () => c ? e.rowNode.getRowIndexString() : null
-  ), [h, g] = A(() => e.rowId), [p, f] = A(() => e.businessKey), [m, C] = A(() => e.rowStyles), v = L(null), [b, S] = A(() => null), [y, R] = A(), [E, T] = A(
+  ), [h, g] = A(() => e.rowId), [p, f] = A(() => e.businessKey), [m, C] = A(() => e.rowStyles), v = O(null), [b, S] = A(() => null), [y, R] = A(), [E, T] = A(
     () => c ? e.getInitialRowTop(t) : void 0
-  ), [O, M] = A(
+  ), [H, M] = A(
     () => c ? e.getInitialTransform(t) : void 0
-  ), x = L(null), D = L(), _ = L(), te = L(!1), [I, ne] = A(0);
+  ), x = O(null), D = O(), _ = O(), te = O(!1), [I, ne] = A(0);
   ve(() => {
     if (te.current || !y || I > 10)
       return;
     const fe = x.current?.firstChild;
     fe ? (e.setupDetailRowAutoHeight(fe), te.current = !0) : ne((St) => St + 1);
   }, [y, I]);
-  const j = L();
+  const j = O();
   j.current || (j.current = new Si(() => x.current));
-  const k = L(() => {
+  const k = O(() => {
   }), ee = U((fe) => (k.current = fe, () => {
     k.current = () => {
     };
@@ -44787,9 +44787,9 @@ var UM = 1e3, $M = class {
     [y]
   );
   const q = B(() => {
-    const fe = { top: E, transform: O };
+    const fe = { top: E, transform: H };
     return Object.assign(fe, m), fe;
-  }, [E, O, m]), re = l && y?.componentFromFramework, H = !l && se != null, ie = B(() => !!(y?.componentFromFramework && Oo(y.componentClass)), [y]), he = L(!1);
+  }, [E, H, m]), re = l && y?.componentFromFramework, L = !l && se != null, ie = B(() => !!(y?.componentFromFramework && Oo(y.componentClass)), [y]), he = O(!1);
   ve(() => {
     he.current = ie && !!y && !!o.get("reactiveCustomComponents");
   }, [ie, y]);
@@ -44815,15 +44815,15 @@ var UM = 1e3, $M = class {
       "row-id": h,
       "row-business-key": p
     },
-    H ? Be() : re ? st() : null
+    L ? Be() : re ? st() : null
   );
 }, Zd = tt(pI), fI = ({ name: e }) => {
-  const { context: t, gos: s } = Ge(Ye), o = B(() => Ri(e), [e]), i = L(null), n = L(null), r = L(null), a = L([]), l = L([]), [c, d] = A(() => []), u = !!s.get("enableCellSpan") && !!o.getSpannedRowCtrls, h = L([]), g = L([]), [p, f] = A(() => []), m = L(!1), C = L(), v = B(() => pt("ag-viewport", Pg(e)), [e]), b = B(() => pt(Xi(e)), [e]), S = B(() => pt("ag-spanning-container", tR(e)), [e]), y = o.type === "center" || u, R = y ? i : n;
+  const { context: t, gos: s } = Ge(Ye), o = B(() => Ri(e), [e]), i = O(null), n = O(null), r = O(null), a = O([]), l = O([]), [c, d] = A(() => []), u = !!s.get("enableCellSpan") && !!o.getSpannedRowCtrls, h = O([]), g = O([]), [p, f] = A(() => []), m = O(!1), C = O(), v = B(() => pt("ag-viewport", Pg(e)), [e]), b = B(() => pt(Xi(e)), [e]), S = B(() => pt("ag-spanning-container", tR(e)), [e]), y = o.type === "center" || u, R = y ? i : n;
   Es(" AG Row Container " + e + " ", R);
   const E = U(() => {
     const I = !y || i.current != null, ne = n.current != null, j = !u || r.current != null;
     return I && ne && j;
-  }, []), T = U(() => i.current == null && n.current == null && r.current == null, []), O = U(() => {
+  }, []), T = U(() => i.current == null && n.current == null && r.current == null, []), H = U(() => {
     if (T() && (C.current = t.destroyBean(C.current)), !t.isDestroyed() && E()) {
       const I = (k) => {
         const ee = On(
@@ -44873,19 +44873,19 @@ var UM = 1e3, $M = class {
     }
   }, [E, T]), M = U(
     (I) => {
-      n.current = I, O();
+      n.current = I, H();
     },
-    [O]
+    [H]
   ), x = U(
     (I) => {
-      r.current = I, O();
+      r.current = I, H();
     },
-    [O]
+    [H]
   ), D = U(
     (I) => {
-      i.current = I, O();
+      i.current = I, H();
     },
-    [O]
+    [H]
   ), _ = () => /* @__PURE__ */ G.createElement(
     "div",
     {
@@ -44900,13 +44900,13 @@ var UM = 1e3, $M = class {
   const te = () => /* @__PURE__ */ G.createElement("div", { className: S, ref: x, role: "presentation" }, p.map((I) => /* @__PURE__ */ G.createElement(Zd, { rowCtrl: I, containerType: o.type, key: I.instanceId })));
   return /* @__PURE__ */ G.createElement("div", { className: v, ref: D, role: "rowgroup" }, _(), u ? te() : null);
 }, mI = tt(fI), CI = () => {
-  const e = Ge(Ye), { context: t, overlays: s } = e, [o, i] = A(""), [n, r] = A(0), [a, l] = A(0), [c, d] = A("0px"), [u, h] = A("0px"), [g, p] = A("100%"), [f, m] = A("0px"), [C, v] = A("0px"), [b, S] = A("100%"), [y, R] = A(!0), [E, T] = A(!0), [O, M] = A(null), [x, D] = A(""), [_, te] = A(null), [I, ne] = A("ag-layout-normal"), j = L();
+  const e = Ge(Ye), { context: t, overlays: s } = e, [o, i] = A(""), [n, r] = A(0), [a, l] = A(0), [c, d] = A("0px"), [u, h] = A("0px"), [g, p] = A("100%"), [f, m] = A("0px"), [C, v] = A("0px"), [b, S] = A("100%"), [y, R] = A(!0), [E, T] = A(!0), [H, M] = A(null), [x, D] = A(""), [_, te] = A(null), [I, ne] = A("ag-layout-normal"), j = O();
   j.current || (j.current = new Si(() => k.current));
-  const k = L(null), ee = L(null), V = L(null), se = L(null), Q = L(null), q = L(null), re = L(null), H = L([]), ie = L([]);
+  const k = O(null), ee = O(null), V = O(null), se = O(null), Q = O(null), q = O(null), re = O(null), L = O([]), ie = O([]);
   Es(" AG Grid Body ", k), Es(" AG Pinned Top ", ee), Es(" AG Sticky Top ", V), Es(" AG Middle ", q), Es(" AG Pinned Bottom ", re);
   const he = U((me) => {
     if (k.current = me, !me || t.isDestroyed()) {
-      H.current = t.destroyBeans(H.current);
+      L.current = t.destroyBeans(L.current);
       for (const Pe of ie.current)
         Pe();
       ie.current = [];
@@ -44916,7 +44916,7 @@ var UM = 1e3, $M = class {
       Pe.appendChild(rt), ie.current.push(() => rt.remove());
     }, os = (Pe) => {
       const rt = t.createBean(new Pe());
-      return H.current.push(rt), rt;
+      return L.current.push(rt), rt;
     }, We = (Pe, rt, yf) => {
       Ze(Pe, document.createComment(yf)), Ze(Pe, os(rt).getGui());
     };
@@ -44957,7 +44957,7 @@ var UM = 1e3, $M = class {
       setStickyBottomWidth: S,
       setGridRootRole: (Pe) => me.setAttribute("role", Pe)
     }, tc = t.createBean(new fR());
-    H.current.push(tc), tc.setComp(
+    L.current.push(tc), tc.setComp(
       Sf,
       me,
       q.current,
@@ -44971,10 +44971,10 @@ var UM = 1e3, $M = class {
       "ag-body-viewport",
       o,
       I,
-      O,
+      H,
       _
     ),
-    [o, I, O, _]
+    [o, I, H, _]
   ), fe = B(() => pt("ag-body", I), [I]), St = B(
     () => pt("ag-floating-top", y ? "ag-invisible" : null, _),
     [_, y]
@@ -45044,7 +45044,7 @@ var UM = 1e3, $M = class {
     children: ["bottomLeft", "bottomCenter", "bottomRight", "bottomFullWidth"]
   }));
 }, vI = tt(CI), wI = (e, t) => {
-  const { children: s, eFocusableElement: o, onTabKeyDown: i, gridCtrl: n, forceFocusOutWhenTabGuardsAreEmpty: r, isEmpty: a } = e, { context: l } = Ge(Ye), c = L(null), d = L(null), u = L(), h = (C) => {
+  const { children: s, eFocusableElement: o, onTabKeyDown: i, gridCtrl: n, forceFocusOutWhenTabGuardsAreEmpty: r, isEmpty: a } = e, { context: l } = Ge(Ye), c = O(null), d = O(null), u = O(), h = (C) => {
     const v = C == null ? void 0 : parseInt(C, 10).toString();
     for (const b of [c, d])
       v === void 0 ? b.current?.removeAttribute("tabindex") : b.current?.setAttribute("tabindex", v);
@@ -45100,8 +45100,8 @@ var UM = 1e3, $M = class {
   };
   return /* @__PURE__ */ G.createElement(G.Fragment, null, m("top"), s, m("bottom"));
 }, bI = Ci(wI), SI = tt(bI), yI = ({ context: e }) => {
-  const [t, s] = A(""), [o, i] = A(""), [n, r] = A(null), [a, l] = A(null), [c, d] = A(!1), [u, h] = A(), g = L(), p = L(null), f = L(), [m, C] = A(null), v = L(() => {
-  }), b = L(), S = L([]), y = U(() => {
+  const [t, s] = A(""), [o, i] = A(""), [n, r] = A(null), [a, l] = A(null), [c, d] = A(!1), [u, h] = A(), g = O(), p = O(null), f = O(), [m, C] = A(null), v = O(() => {
+  }), b = O(), S = O([]), y = U(() => {
   }, []);
   Es(" AG Grid ", p);
   const R = U((D) => {
@@ -45173,7 +45173,7 @@ var UM = 1e3, $M = class {
   ), T = B(
     () => pt("ag-root-wrapper-body", "ag-focus-managed", o),
     [o]
-  ), O = B(
+  ), H = B(
     () => ({
       userSelect: a ?? "",
       WebkitUserSelect: a ?? "",
@@ -45183,7 +45183,7 @@ var UM = 1e3, $M = class {
   ), M = U((D) => {
     f.current = D, h(D !== null);
   }, []), x = U(() => !g.current?.isFocusable(), []);
-  return /* @__PURE__ */ G.createElement("div", { ref: R, className: E, style: O, role: "presentation" }, /* @__PURE__ */ G.createElement("div", { className: T, ref: C, role: "presentation" }, c && m && !e.isDestroyed() && /* @__PURE__ */ G.createElement(Ye.Provider, { value: e.getBeans() }, /* @__PURE__ */ G.createElement(
+  return /* @__PURE__ */ G.createElement("div", { ref: R, className: E, style: H, role: "presentation" }, /* @__PURE__ */ G.createElement("div", { className: T, ref: C, role: "presentation" }, c && m && !e.isDestroyed() && /* @__PURE__ */ G.createElement(Ye.Provider, { value: e.getBeans() }, /* @__PURE__ */ G.createElement(
     SI,
     {
       ref: M,
@@ -45239,7 +45239,7 @@ var UM = 1e3, $M = class {
   componentWrappingElement: void 0,
   ...uf
 }, hf = new Set(Object.keys(FI)), EI = new Set(Object.keys(uf)), gf = (e) => {
-  const t = L(), s = L(null), o = L(null), i = L([]), n = L([]), r = L(e), a = L(), l = L(), c = L(!1), [d, u] = A(void 0), [, h] = A(0), g = U((C) => {
+  const t = O(), s = O(null), o = O(null), i = O([]), n = O([]), r = O(e), a = O(), l = O(), c = O(!1), [d, u] = A(void 0), [, h] = A(0), g = U((C) => {
     if (s.current = C, !C) {
       for (const x of i.current)
         x();
@@ -45291,7 +45291,7 @@ var UM = 1e3, $M = class {
           D && e.passGridApi?.(D);
         }
       );
-    }, O = (x) => {
+    }, H = (x) => {
       x.getBean("ctrlsSvc").whenReady(
         {
           addDestroyFunc: (D) => {
@@ -45309,7 +45309,7 @@ var UM = 1e3, $M = class {
       C,
       b,
       T,
-      O,
+      H,
       E
     ), i.current.push(() => {
       t.current = void 0;
@@ -45395,7 +45395,7 @@ var PI = class extends YD {
     return new lf(e, this.parent, t, i);
   }
 }, TI = Ci((e, t) => {
-  const s = Ge(Ye), { registry: o, context: i, gos: n, rowModel: r } = s, [a, l] = A(() => new wt()), [c, d] = A(() => new wt()), [u, h] = A(), [g, p] = A(), f = L(), m = L(null), C = L(), v = B(
+  const s = Ge(Ye), { registry: o, context: i, gos: n, rowModel: r } = s, [a, l] = A(() => new wt()), [c, d] = A(() => new wt()), [u, h] = A(), [g, p] = A(), f = O(), m = O(null), C = O(), v = B(
     () => Fb(e.api.getGridId(), u?.rowModelType ?? "clientSide"),
     [e]
   ), b = B(() => a.toString() + " ag-details-row", [a]), S = B(() => c.toString() + " ag-details-grid", [c]);
@@ -45415,8 +45415,8 @@ var PI = class extends YD {
       setDetailGrid: (M) => h(M),
       setRowData: (M) => p(M),
       getGui: () => m.current
-    }, O = o.createDynamicBean("detailCellRendererCtrl", !0);
-    if (O && (i.createBean(O), O.init(T, e), f.current = O, n.get("detailRowAutoHeight"))) {
+    }, H = o.createDynamicBean("detailCellRendererCtrl", !0);
+    if (H && (i.createBean(H), H.init(T, e), f.current = H, n.get("detailRowAutoHeight"))) {
       const M = () => {
         if (m.current == null)
           return;
@@ -45598,7 +45598,7 @@ const OI = ({
       }
     },
     [v, d]
-  ), O = U(() => /* @__PURE__ */ w("div", { className: "flex items-center justify-center h-full header-checkbox-container", children: /* @__PURE__ */ w(
+  ), H = U(() => /* @__PURE__ */ w("div", { className: "flex items-center justify-center h-full header-checkbox-container", children: /* @__PURE__ */ w(
     an,
     {
       id: "header-select-all",
@@ -45691,9 +45691,9 @@ const OI = ({
       suppressMenu: !0,
       borderless: !0,
       cellRenderer: x,
-      headerComponent: O
+      headerComponent: H
     }),
-    [x, O]
+    [x, H]
   ), te = B(() => {
     const j = (e ?? []).map(D);
     return r ? [_, ...j] : j;
@@ -45924,11 +45924,11 @@ const OI = ({
     columnDefs: R,
     filterable: E = !0,
     ...T
-  } = n ?? {}, O = R ?? y, M = B(() => E ? O : O.map((I) => ({
+  } = n ?? {}, H = R ?? y, M = B(() => E ? H : H.map((I) => ({
     ...I,
     filter: !1,
     floatingFilter: !1
-  })), [O, E]), x = U(
+  })), [H, E]), x = U(
     (I) => {
       d(I.path), a?.(I.path);
     },
@@ -46142,7 +46142,7 @@ const OI = ({
   disabled: a,
   onChange: l
 }) => {
-  const c = L(null), [d, u] = A(e), [h, g] = A(""), [p, f] = A(!1), m = (b) => {
+  const c = O(null), [d, u] = A(e), [h, g] = A(""), [p, f] = A(!1), m = (b) => {
     const S = b.trim().replace(/,$/, "");
     if (S && !d.includes(S)) {
       const y = [S, ...d];
@@ -46252,27 +46252,27 @@ const OI = ({
   onClose: f,
   onChange: m
 }) => {
-  const [C, v] = A(!1), [b, S] = A(""), y = Ua(), R = s !== void 0, [E, T] = A(o), O = R ? s : E, M = B(() => t ? Array.isArray(O) ? O : [] : typeof O == "string" ? [O] : [], [O, t]), x = B(() => {
-    const H = b.trim().toLowerCase();
-    return H ? e.filter((ie) => ie.label.toLowerCase().includes(H)) : e;
+  const [C, v] = A(!1), [b, S] = A(""), y = Ua(), R = s !== void 0, [E, T] = A(o), H = R ? s : E, M = B(() => t ? Array.isArray(H) ? H : [] : typeof H == "string" ? [H] : [], [H, t]), x = B(() => {
+    const L = b.trim().toLowerCase();
+    return L ? e.filter((ie) => ie.label.toLowerCase().includes(L)) : e;
   }, [e, b]);
   ve(() => {
     C || S("");
   }, [C]);
   const D = U(
-    (H) => {
-      R || T(H), m?.(H);
+    (L) => {
+      R || T(L), m?.(L);
     },
     [R, m]
-  ), _ = (H) => {
+  ), _ = (L) => {
     if (t) {
       const ie = new Set(M);
-      ie.has(H) ? ie.delete(H) : ie.add(H), D(Array.from(ie));
+      ie.has(L) ? ie.delete(L) : ie.add(L), D(Array.from(ie));
     } else
-      D(H), v(!1);
+      D(L), v(!1);
   }, te = U(
-    (H, ie) => {
-      if (H.stopPropagation(), !t) {
+    (L, ie) => {
+      if (L.stopPropagation(), !t) {
         D("");
         return;
       }
@@ -46281,22 +46281,22 @@ const OI = ({
     },
     [t, M, D]
   ), I = B(
-    () => x.filter((H) => !H.disabled),
+    () => x.filter((L) => !L.disabled),
     [x]
   ), ne = B(
-    () => I.filter((H) => M.includes(H.value)).length,
+    () => I.filter((L) => M.includes(L.value)).length,
     [I, M]
   ), j = I.length > 0 && ne === I.length, k = ne > 0 && !j, ee = () => {
     if (!(!t || I.length === 0))
       if (j) {
-        const H = new Set(I.map((he) => he.value)), ie = M.filter((he) => !H.has(he));
+        const L = new Set(I.map((he) => he.value)), ie = M.filter((he) => !L.has(he));
         D(ie);
       } else {
-        const H = new Set(M);
-        I.forEach((ie) => H.add(ie.value)), D(Array.from(H));
+        const L = new Set(M);
+        I.forEach((ie) => L.add(ie.value)), D(Array.from(L));
       }
   }, V = M.length > 0, se = !t && V ? M[0] : void 0, Q = B(
-    () => se ? e.find((H) => H.value === se) : void 0,
+    () => se ? e.find((L) => L.value === se) : void 0,
     [e, se]
   ), q = U(() => !t || M.length === 0 ? null : /* @__PURE__ */ w(
     pf,
@@ -46343,8 +46343,8 @@ const OI = ({
                   ariaLabel: "Close select",
                   cssClass: "shrink-0",
                   iconBefore: /* @__PURE__ */ w(vi, { size: 16 }),
-                  onClick: (H) => {
-                    f?.(H), v(!1);
+                  onClick: (L) => {
+                    f?.(L), v(!1);
                   }
                 }
               )
@@ -46367,53 +46367,56 @@ const OI = ({
                 title: c,
                 description: d
               }
-            ) }) : x.map((H) => {
-              const ie = M.includes(H.value);
-              return t ? /* @__PURE__ */ w(
+            ) }) : x.map((L) => {
+              const ie = M.includes(L.value);
+              return t ? /* @__PURE__ */ $(
                 "div",
                 {
                   className: K(
                     Wr,
                     ie && YI,
-                    H.disabled && Qd,
+                    L.disabled && Qd,
                     "w-full"
                   ),
-                  children: /* @__PURE__ */ w(
-                    an,
-                    {
-                      id: `${y}-${H.value}`,
-                      label: /* @__PURE__ */ $("span", { className: "flex w-full flex-1 min-w-0 items-center gap-2 text-primary", children: [
-                        H.icon && /* @__PURE__ */ w(Fe, { icon: H.icon }),
-                        /* @__PURE__ */ w("span", { className: "truncate", children: H.label })
-                      ] }),
-                      checked: ie,
-                      disabled: H.disabled,
-                      onChange: () => !H.disabled && _(H.value),
-                      ariaLabel: H.label
-                    }
-                  )
+                  children: [
+                    /* @__PURE__ */ w(
+                      an,
+                      {
+                        id: `${y}-${L.value}`,
+                        label: /* @__PURE__ */ $("span", { className: "flex w-full flex-1 min-w-0 items-center gap-2 text-primary", children: [
+                          L.icon && /* @__PURE__ */ w(Fe, { icon: L.icon }),
+                          /* @__PURE__ */ w("span", { className: "truncate", children: L.label })
+                        ] }),
+                        checked: ie,
+                        disabled: L.disabled,
+                        onChange: () => !L.disabled && _(L.value),
+                        ariaLabel: L.label
+                      }
+                    ),
+                    L.description && /* @__PURE__ */ w("div", { className: "text-secondary dial-small", children: L.description })
+                  ]
                 },
-                H.value
+                L.value
               ) : /* @__PURE__ */ w(
                 "button",
                 {
                   role: "option",
                   type: "button",
                   "aria-selected": ie,
-                  "aria-disabled": !!H.disabled,
-                  disabled: H.disabled,
+                  "aria-disabled": !!L.disabled,
+                  disabled: L.disabled,
                   className: K(
                     Wr,
                     ie && ZI,
-                    H.disabled && Qd
+                    L.disabled && Qd
                   ),
-                  onClick: () => !H.disabled && _(H.value),
+                  onClick: () => !L.disabled && _(L.value),
                   children: /* @__PURE__ */ $("div", { className: "flex items-center gap-2 w-full", children: [
-                    H.icon && /* @__PURE__ */ w(Fe, { icon: H.icon }),
-                    /* @__PURE__ */ w(Zt, { text: H.label })
+                    L.icon && /* @__PURE__ */ w(Fe, { icon: L.icon }),
+                    /* @__PURE__ */ w(Zt, { text: L.label })
                   ] })
                 },
-                H.value
+                L.value
               );
             }) })
           ]
@@ -46431,7 +46434,7 @@ const OI = ({
             h && "opacity-75 !cursor-not-allowed",
             g
           ),
-          onClick: () => !h && v((H) => !H),
+          onClick: () => !h && v((L) => !L),
           children: [
             /* @__PURE__ */ w("div", { className: "flex min-w-0 items-center gap-2 text-primary", children: re() }),
             /* @__PURE__ */ w(
@@ -47075,7 +47078,7 @@ const hk = function(t, s, o) {
   fileCountError: l,
   getIsFileFormatError: c
 }) => {
-  const d = L(null), u = L(null), [h, g] = A([]), [p, f] = A(!1), m = U(
+  const d = O(null), u = O(null), [h, g] = A([]), [p, f] = A(!1), m = U(
     (x) => {
       const D = x.target.files;
       if (D && D.length > 0) {
@@ -47112,7 +47115,7 @@ const hk = function(t, s, o) {
     x?.preventDefault();
     const D = Array.from(x.dataTransfer?.items ?? []);
     f(!!c?.(D)), g(D);
-  }, O = (x) => {
+  }, H = (x) => {
     x.target === x.currentTarget && b();
   }, M = K(
     "border border-dashed rounded w-full cursor-pointer relative h-full hover:border-hover",
@@ -47127,7 +47130,7 @@ const hk = function(t, s, o) {
         className: M,
         ref: d,
         onDragOver: T,
-        onDragLeave: O,
+        onDragLeave: H,
         children: [
           /* @__PURE__ */ $(
             "label",
@@ -47231,7 +47234,7 @@ const hk = function(t, s, o) {
   addButtonLabel: d,
   ...u
 }) => {
-  const h = L(null), g = () => h.current?.click(), p = () => {
+  const h = O(null), g = () => h.current?.click(), p = () => {
     e([]);
   }, f = U(
     (C) => C?.some(