@epam/ai-dial-ui-kit 0.4.0-rc.18 → 0.4.0-rc.19

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 q from "classnames";
 import { useFloating as Na, offset as tu, flip as su, shift as ou, arrow as xf, autoUpdate as iu, useHover as nu, useFocus as Ff, useDismiss as Ga, useRole as Va, useInteractions as Ba, useMergeRefs as ru, FloatingPortal as za, FloatingArrow as Ef, autoPlacement as Df, size as Pf, useClick as Tf, FloatingFocusManager as au, FloatingOverlay as Mf } from "@floating-ui/react";
 import * as ae from "react";
-import G, { createContext as Wa, useState as k, useRef as L, useMemo as z, useContext as Ve, forwardRef as Ci, isValidElement as _a, cloneElement as rn, useCallback as U, useEffect as we, memo as st, useLayoutEffect as Lt, useId as Ua, createElement as lu, Children as If, Component as kf, useImperativeHandle as $a, Suspense as Af } from "react";
+import G, { createContext as Wa, useState as A, useRef as L, useMemo as z, useContext as Ve, forwardRef as Ci, isValidElement as _a, cloneElement as rn, useCallback as U, useEffect as we, memo as st, useLayoutEffect as Lt, useId as Ua, createElement as lu, Children as If, Component as kf, useImperativeHandle as $a, Suspense as Af } from "react";
 import { IconInfoCircle as cu, IconCircleCheck as Lf, IconAlertTriangle as Of, IconAlertCircle as Hf, IconX as vi, IconMinus as Nf, IconCheck as du, IconExclamationCircle as ja, IconClipboardX as uu, IconChevronsLeft as Gf, IconChevronsRight as Vf, IconGripVertical as Bf, IconFile as zf, IconFileTypeZip as Wf, IconFileTypeXml as _f, IconFileTypeXls as Uf, IconFileTypeVue as $f, IconFileTypeTxt as jf, IconFileTypeTsx as Kf, IconFileTypeTs as qf, IconFileTypeSvg as Yf, IconFileTypeSql as Zf, IconFileTypeRs as Qf, IconFileTypePpt as Xf, IconFileTypePng as Jf, IconFileTypePhp as em, IconFileTypePdf as tm, IconFileTypeJsx as sm, IconFileTypeJs as om, IconFileTypeJpg as im, IconFileTypeHtml as nm, IconFileTypeDocx as rm, IconFileTypeDoc as am, IconFileTypeCsv as lm, IconFileTypeCss as cm, IconFileTypeBmp as dm, IconArrowUpRight as um, IconFolder as hm, IconChevronDown as Ka, IconDotsVertical as hu, IconChevronRight as gm, IconTrashX as gu, IconSearch as pm, IconCaretRightFilled as fm, IconChevronUp as mm, IconRefresh as Cm, IconEyeOff as vm, IconEye as wm, IconPlus as bm } from "@tabler/icons-react";
 import Sm, { createPortal as qa } from "react-dom";
 const Hs = ({ errorText: e }) => e && /* @__PURE__ */ w("span", { className: "text-error dial-tiny mt-1", children: e }), De = ({ icon: e, className: t }) => e ? /* @__PURE__ */ w("span", { className: q("flex-shrink-0", t), children: e }) : null, ym = 7, Rm = 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] = k(e), a = L(null), l = o ?? n, c = i ?? r, d = Na({
+  const [n, r] = A(e), a = L(null), l = o ?? n, c = i ?? r, d = Na({
     placement: t,
     open: l,
     onOpenChange: c,
@@ -414,7 +414,7 @@ const Le = (e) => {
     c,
     Z,
     Y
-  ], re = () => ["", ue, Ho, Rs], A = () => ["solid", "dashed", "dotted", "double"], oe = () => ["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], ge = () => [
+  ], re = () => ["", ue, Ho, Rs], k = () => ["solid", "dashed", "dotted", "double"], oe = () => ["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], ge = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -1255,7 +1255,7 @@ const Le = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...A(), "wavy"]
+        decoration: [...k(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
@@ -1651,14 +1651,14 @@ const Le = (e) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...A(), "hidden", "none"]
+        border: [...k(), "hidden", "none"]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */
       "divide-style": [{
-        divide: [...A(), "hidden", "none"]
+        divide: [...k(), "hidden", "none"]
       }],
       /**
        * Border Color
@@ -1735,7 +1735,7 @@ const Le = (e) => {
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: [...A(), "none", "hidden"]
+        outline: [...k(), "none", "hidden"]
       }],
       /**
        * Outline Offset
@@ -3011,7 +3011,7 @@ const rC = {
   hideTooltip: o,
   ...i
 }) => {
-  const n = L(null), [r, a] = k(!1), [l, c] = k(""), d = L(null), u = () => {
+  const n = L(null), [r, a] = A(!1), [l, c] = A(""), d = L(null), u = () => {
     const f = n.current;
     if (!f) return;
     c(f.textContent ?? "");
@@ -3438,7 +3438,7 @@ const wC = "flex", bC = "pb-1 mt-2", SC = {
   isOpened: l,
   onToggle: c
 }) => {
-  const [d, u] = k(s), [h, g] = k(!0), p = z(() => typeof l == "boolean", [l]), f = p ? l : h;
+  const [d, u] = A(s), [h, g] = A(!0), p = z(() => typeof l == "boolean", [l]), f = p ? l : h;
   we(() => {
     p && u(l ? s : tr);
   }, [p, l, s]);
@@ -4680,7 +4680,7 @@ function Yv() {
 var Zv = Yv();
 const Qv = /* @__PURE__ */ qv(Zv), Ns = typeof window < "u" ? Lt : we;
 function Xv(e, t, s) {
-  const [o, i] = k(
+  const [o, i] = A(
     () => t(e)
   ), n = U(() => {
     const r = t(e);
@@ -5483,7 +5483,7 @@ const Cc = "column", Fw = "flex items-center", Ew = "mr-3 cursor-move text-secon
 };
 var Xr = /* @__PURE__ */ ((e) => (e.Horizontal = "horizontal", e.Vertical = "vertical", e))(Xr || {});
 const wc = () => typeof window < "u" && window.innerWidth < 1024, Ow = () => {
-  const [e, t] = k(wc());
+  const [e, t] = A(wc());
   return we(() => {
     const s = () => t(wc());
     return window.addEventListener("resize", s), () => window.removeEventListener("resize", s);
@@ -5534,12 +5534,12 @@ const Nw = q(
   anchorToMouse: m = !1,
   matchReferenceWidth: C = !0
 }) => {
-  const [v, b] = k(a), y = r !== void 0, S = y ? !!r : v, R = U(
-    (A) => {
-      y || b(A), l?.(A);
+  const [v, b] = A(a), y = r !== void 0, S = y ? !!r : v, R = U(
+    (k) => {
+      y || b(k), l?.(k);
     },
     [y, l]
-  ), F = Ua(), T = i === void 0, O = (A) => "clientWidth" in A ? A.clientWidth : A.getBoundingClientRect?.()?.width ?? 0, { refs: M, floatingStyles: E, context: D } = Na({
+  ), F = Ua(), T = i === void 0, O = (k) => "clientWidth" in k ? k.clientWidth : k.getBoundingClientRect?.()?.width ?? 0, { refs: M, floatingStyles: E, context: D } = Na({
     placement: i,
     open: S,
     onOpenChange: R,
@@ -5555,7 +5555,7 @@ const Nw = q(
       ou({ padding: No }),
       Pf({
         padding: No,
-        apply({ availableWidth: A, availableHeight: oe, elements: he }) {
+        apply({ availableWidth: k, availableHeight: oe, elements: he }) {
           const ge = he.floating, je = O(he.reference);
           ge.style.setProperty(
             "--fui-available-height",
@@ -5563,7 +5563,7 @@ const Nw = q(
           ), ge.style.setProperty(
             "--reference-width",
             C ? `${Math.round(je)}px` : "0px"
-          ), C ? ge.style.minWidth = `${Math.round(je)}px` : ge.style.removeProperty("min-width"), ge.style.maxWidth = `${Math.floor(A)}px`, ge.style.maxHeight = `${Math.floor(oe)}px`;
+          ), C ? ge.style.minWidth = `${Math.round(je)}px` : ge.style.removeProperty("min-width"), ge.style.maxWidth = `${Math.floor(k)}px`, ge.style.maxHeight = `${Math.floor(oe)}px`;
         }
       })
     ]
@@ -5577,9 +5577,9 @@ const Nw = q(
   }), B = Ga(D, {
     bubbles: !0,
     referencePress: !1,
-    outsidePress: (A) => {
+    outsidePress: (k) => {
       if (!p) return !1;
-      const oe = A.target;
+      const oe = k.target;
       return !(g?.current && oe instanceof Node && g.current.contains(oe));
     }
   }), ne = Va(D, { role: "menu" }), { getReferenceProps: j, getFloatingProps: I } = Ba([
@@ -5588,29 +5588,29 @@ const Nw = q(
     B,
     ne
   ]), te = U(
-    (A, oe) => {
+    (k, oe) => {
       M.setPositionReference({
         getBoundingClientRect: () => ({
           width: 0,
           height: 0,
-          x: A,
+          x: k,
           y: oe,
           top: oe,
-          left: A,
-          right: A,
+          left: k,
+          right: k,
           bottom: oe
         })
       });
     },
     [M]
   ), K = U(
-    (A) => {
-      !o.includes(kt.ContextMenu) || n || (A.preventDefault(), m && te(A.clientX, A.clientY), R(!0));
+    (k) => {
+      !o.includes(kt.ContextMenu) || n || (k.preventDefault(), m && te(k.clientX, k.clientY), R(!0));
     },
     [m, n, R, te, o]
   ), se = U(
-    (A) => {
-      !m || n || te(A.clientX, A.clientY);
+    (k) => {
+      !m || n || te(k.clientX, k.clientY);
     },
     [m, n, te]
   );
@@ -5618,41 +5618,41 @@ const Nw = q(
     n && S && R(!1);
   }, [n, S, R]);
   const Q = U(
-    (A) => (oe) => {
-      A.disabled || (A.onClick?.({ key: A.key, domEvent: oe }), t?.onClick?.({ key: A.key, domEvent: oe }), R(!1));
+    (k) => (oe) => {
+      k.disabled || (k.onClick?.({ key: k.key, domEvent: oe }), t?.onClick?.({ key: k.key, domEvent: oe }), R(!1));
     },
     [t, R]
   ), N = z(() => 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((A) => A.type === $u.Divider ? /* @__PURE__ */ w(
+    /* @__PURE__ */ w("div", { role: "none", className: "py-1", children: t.items.map((k) => k.type === $u.Divider ? /* @__PURE__ */ w(
       "div",
       {
         role: "separator",
         className: Ww
       },
-      A.key
+      k.key
     ) : /* @__PURE__ */ $(
       "button",
       {
         role: "menuitem",
         type: "button",
-        "aria-disabled": !!A.disabled,
+        "aria-disabled": !!k.disabled,
         className: q(
           Vw,
-          A.disabled && Bw,
-          A.danger && zw
+          k.disabled && Bw,
+          k.danger && zw
         ),
-        disabled: A.disabled,
-        onClick: Q(A),
+        disabled: k.disabled,
+        onClick: Q(k),
         children: [
-          A.icon && /* @__PURE__ */ w(
+          k.icon && /* @__PURE__ */ w(
             "span",
             {
               className: q(
-                A.danger && "text-error",
-                A.disabled && "text-secondary"
+                k.danger && "text-error",
+                k.disabled && "text-secondary"
               ),
-              children: /* @__PURE__ */ w(De, { icon: A.icon })
+              children: /* @__PURE__ */ w(De, { icon: k.icon })
             }
           ),
           /* @__PURE__ */ w(
@@ -5660,15 +5660,15 @@ const Nw = q(
             {
               className: q(
                 "flex-1 truncate text-left",
-                A.danger && "text-error",
-                A.disabled && "text-secondary"
+                k.danger && "text-error",
+                k.disabled && "text-secondary"
               ),
-              children: A.label
+              children: k.label
             }
           )
         ]
       },
-      A.key
+      k.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 Nw = q(
                 ju,
                 {
                   ariaLabel: "Close dropdown",
-                  onClose: (A) => {
-                    d?.(A), R(!1);
+                  onClose: (k) => {
+                    d?.(k), R(!1);
                   }
                 }
               ) }),
@@ -5778,7 +5778,7 @@ const Nw = q(
   onClick: s,
   orientation: o = Xr.Horizontal
 }) => {
-  const [i, n] = k(!1), [r, a] = k(!1), [l, c] = k(!1), d = Ow(), u = o === Xr.Horizontal, h = L(null), g = L(null), p = L(null), f = e.find((v) => v.id === t), m = z(
+  const [i, n] = A(!1), [r, a] = A(!1), [l, c] = A(!1), d = Ow(), u = o === Xr.Horizontal, h = L(null), g = L(null), p = L(null), f = e.find((v) => v.id === t), m = z(
     () => q(
       "flex gap-3",
       u ? "flex-row flex-nowrap overflow-x-auto" : "flex-col flex-wrap w-full"
@@ -6567,7 +6567,7 @@ const c1 = "flex justify-end gap-2 px-6 py-4", d1 = "text-secondary dial-small-1
   id: v,
   size: b = us.Md
 }) => {
-  const [y, S] = k(!1), R = U(() => {
+  const [y, S] = A(!1), R = U(() => {
     s || S(!0);
   }, [s]), F = U(() => {
     S(!1), c?.();
@@ -6706,7 +6706,7 @@ const C1 = {
   onChange: l,
   size: c = un.Base
 }) => {
-  const [d, u] = k(t || "");
+  const [d, u] = A(t || "");
   we(() => {
     u(t || "");
   }, [t]);
@@ -6886,7 +6886,7 @@ const M1 = {
   getContextMenuItems: c,
   areHiddenFilesVisible: d = !1
 }) => {
-  const [u, h] = k(s), g = (f) => {
+  const [u, h] = A(s), g = (f) => {
     l?.(f), u.has(f.path) ? h((m) => {
       const C = new Set(m);
       return C.delete(f.path), C;
@@ -43658,7 +43658,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 lf = Ci((e, t) => {
-  const { registry: s, context: o } = Ve(Ze), i = L(null), n = L(null), r = L(null), a = L(null), l = L(null), c = L(), [d, u] = k(), [h, g] = k(), [p, f] = k(), [m, C] = k(() => new bt()), [v, b] = k(() => new bt("ag-hidden")), [y, S] = k(() => new bt("ag-hidden")), [R, F] = k(() => new bt("ag-invisible"));
+  const { registry: s, context: o } = Ve(Ze), 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 bt()), [v, b] = A(() => new bt("ag-hidden")), [y, S] = A(() => new bt("ag-hidden")), [R, F] = A(() => new bt("ag-invisible"));
   $a(t, () => ({
     // force new instance when grid tries to refresh
     refresh() {
@@ -43711,7 +43711,7 @@ var lf = Ci((e, t) => {
   setMethods: () => {
   }
 }), IM = (e) => {
-  const { initialProps: t, addUpdateCallback: s, CustomComponentClass: o, setMethods: i } = e, [{ key: n, ...r }, a] = k(t);
+  const { initialProps: t, addUpdateCallback: s, CustomComponentClass: o, setMethods: i } = e, [{ key: n, ...r }, a] = A(t);
   return we(() => {
     s((l) => a(l));
   }, []), /* @__PURE__ */ G.createElement(Xl.Provider, { value: { setMethods: i } }, /* @__PURE__ */ G.createElement(o, { key: n, ...r }));
@@ -44156,7 +44156,7 @@ var qM = 1e3, YM = class {
     }
   }
 }, ZM = ({ ctrl: e }) => {
-  const t = e.isAlive(), { context: s } = Ve(Ze), [o, i] = k(), [n, r] = k(), a = L(), l = L(null), c = L(null), d = L(null), u = L(), h = L();
+  const t = e.isAlive(), { context: s } = Ve(Ze), [o, i] = A(), [n, r] = A(), a = L(), l = L(null), c = L(null), d = L(null), u = L(), h = L();
   t && !h.current && (h.current = new Si(() => l.current));
   const g = U((C) => {
     if (l.current = C, !C || !e.isAlive() || s.isDestroyed()) {
@@ -44208,11 +44208,11 @@ var qM = 1e3, YM = class {
     return ["afterGuiAttached"];
   }
 }, JM = ({ ctrl: e }) => {
-  const { context: t, gos: s } = Ve(Ze), [o, i] = k(), [n, r] = k(
+  const { context: t, gos: s } = Ve(Ze), [o, i] = A(), [n, r] = A(
     () => new bt("ag-header-cell", "ag-floating-filter")
-  ), [a, l] = k(() => new bt()), [c, d] = k(
+  ), [a, l] = A(() => new bt()), [c, d] = A(
     () => new bt("ag-floating-filter-button", "ag-hidden")
-  ), [u, h] = k("false"), [g, p] = k(), [, f] = k(1), m = L(), C = L(null), v = L(null), b = L(null), y = L(null), S = L(), R = L(), F = (K) => {
+  ), [u, h] = A("false"), [g, p] = A(), [, f] = A(1), m = L(), C = L(null), v = L(null), b = L(null), y = L(null), S = L(), R = L(), F = (K) => {
     K != null && S.current && S.current(K);
   }, T = U((K) => {
     if (C.current = K, !K || !e.isAlive() || t.isDestroyed()) {
@@ -44242,7 +44242,7 @@ var qM = 1e3, YM = class {
     () => Ei(g, t, v.current, F),
     [g]
   );
-  const O = z(() => n.toString(), [n]), M = z(() => a.toString(), [a]), E = z(() => c.toString(), [c]), D = z(() => !!(g && g.componentFromFramework && Oo(g.componentClass)), [g]), V = z(() => s.get("reactiveCustomComponents"), []), J = z(() => s.get("enableFilterHandlers"), []), [B, ne] = k();
+  const O = z(() => n.toString(), [n]), M = z(() => a.toString(), [a]), E = z(() => c.toString(), [c]), D = z(() => !!(g && g.componentFromFramework && Oo(g.componentClass)), [g]), V = z(() => s.get("reactiveCustomComponents"), []), J = z(() => s.get("enableFilterHandlers"), []), [B, ne] = A();
   we(() => {
     if (g?.componentFromFramework)
       if (V) {
@@ -44280,7 +44280,7 @@ var qM = 1e3, YM = class {
     )
   ));
 }, eI = st(JM), tI = ({ ctrl: e }) => {
-  const { context: t } = Ve(Ze), [s, o] = k(), [i, n] = k(() => new bt()), [r, a] = k(() => new bt()), [l, c] = k("false"), [d, u] = k(), [h, g] = k(), p = L(), f = L(null), m = L(null), C = L(null), v = L(), b = U((O) => {
+  const { context: t } = Ve(Ze), [s, o] = A(), [i, n] = A(() => new bt()), [r, a] = A(() => new bt()), [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()) {
       p.current = t.destroyBean(p.current);
       return;
@@ -44318,7 +44318,7 @@ var qM = 1e3, YM = class {
   ), F = h?.componentFromFramework, T = h?.componentClass;
   return /* @__PURE__ */ G.createElement("div", { ref: b, style: s, className: S, role: "columnheader", "aria-expanded": d }, /* @__PURE__ */ G.createElement("div", { ref: C, className: "ag-header-cell-comp-wrapper", role: "presentation" }, F ? y ? /* @__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 }));
 }, sI = st(tI), oI = ({ ctrl: e }) => {
-  const { gos: t, context: s } = Ve(Ze), { topOffset: o, rowHeight: i } = z(() => e.getTopAndHeight(), []), n = z(() => t.get("tabIndex"), []), [r, a] = k(() => e.getAriaRowIndex()), l = e.headerRowClass, [c, d] = k(() => i + "px"), [u, h] = k(() => o + "px"), g = L(null), [p, f] = k(() => e.getUpdatedHeaderCtrls()), m = L(), C = L(null), v = U((S) => {
+  const { gos: t, context: s } = Ve(Ze), { topOffset: o, rowHeight: i } = z(() => e.getTopAndHeight(), []), n = z(() => 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((S) => {
     if (C.current = S, !S || !e.isAlive() || s.isDestroyed()) {
       m.current = s.destroyBean(m.current);
       return;
@@ -44368,7 +44368,7 @@ var qM = 1e3, YM = class {
     p.map(y)
   );
 }, iI = st(oI), nI = ({ pinned: e }) => {
-  const [t, s] = k(!0), [o, i] = k([]), { context: n } = Ve(Ze), 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 } = Ve(Ze), r = L(null), a = L(null), l = L(), 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;
@@ -44393,7 +44393,7 @@ var qM = 1e3, YM = class {
   }, []), g = t ? "" : "ag-hidden", p = () => o.map((f) => /* @__PURE__ */ G.createElement(iI, { 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 = st(nI), rI = () => {
-  const [e, t] = k(() => new bt()), [s, o] = k(), { context: i } = Ve(Ze), n = L(null), r = L(), a = U((d) => {
+  const [e, t] = A(() => new bt()), [s, o] = A(), { context: i } = Ve(Ze), n = L(null), r = L(), a = U((d) => {
     if (n.current = d, !d || i.isDestroyed()) {
       r.current = i.destroyBean(r.current);
       return;
@@ -44469,12 +44469,12 @@ var qM = 1e3, YM = class {
     this.value = e, this.refreshProps();
   }
 }, dI = (e) => {
-  const t = L(e), s = L(), o = L(!1), i = L(!1), [, n] = k(0);
+  const t = L(e), s = L(), o = L(!1), i = L(!1), [, n] = A(0);
   o.current && (i.current = !0), we(() => (o.current || (s.current = t.current(), o.current = !0), n((r) => r + 1), () => {
     i.current && s.current?.();
   }), []);
 }, uI = (e) => {
-  const [t, s] = k(), o = Ve(Ze), { context: i, popupSvc: n, gos: r, editSvc: a } = o, { editDetails: l, cellCtrl: c, eParentCell: d } = e;
+  const [t, s] = A(), o = Ve(Ze), { context: i, popupSvc: n, gos: r, editSvc: a } = o, { editDetails: l, cellCtrl: c, eParentCell: d } = e;
   return dI(() => {
     const { compDetails: u } = l, h = r.get("stopEditingWhenCellsLoseFocus");
     let g, p;
@@ -44591,11 +44591,11 @@ var qM = 1e3, YM = class {
   const o = Ve(Ze), { context: i } = o, {
     column: { colIdSanitised: n },
     instanceId: r
-  } = e, a = L(), [l, c] = k(
+  } = e, a = L(), [l, c] = A(
     () => e.isCellRenderer() ? void 0 : { compDetails: void 0, value: e.getValueToDisplay(), force: !1 }
-  ), [d, u] = k(), [h, g] = k(1), [p, f] = k(), [m, C] = k(!1), [v, b] = k(!1), [y, S] = k(!1), [R, F] = k(), T = z(() => e.isForceWrapper(), [e]), O = z(() => e.getCellAriaRole(), [e]), M = L(null), E = L(null), D = L(null), V = L(), J = L(), B = L(), ne = L([]), j = L(), I = L(), [te, K] = k(0), se = U((de) => {
+  ), [d, u] = A(), [h, g] = A(1), [p, f] = A(), [m, C] = A(!1), [v, b] = A(!1), [y, S] = A(!1), [R, F] = A(), T = z(() => e.isForceWrapper(), [e]), O = z(() => e.getCellAriaRole(), [e]), M = L(null), E = L(null), D = L(null), V = L(), J = L(), B = L(), ne = L([]), j = L(), I = L(), [te, K] = A(0), se = U((de) => {
     I.current = de, K((Se) => Se + 1);
-  }, []), Q = l != null && (m || y || v) && (d == null || !!d.popup), N = T || Q, re = z(() => e.getCellValueClass(), [e]), A = U(
+  }, []), Q = l != null && (m || y || v) && (d == null || !!d.popup), N = T || Q, re = z(() => e.getCellValueClass(), [e]), k = U(
     (de) => {
       if (J.current = de, de) {
         const Se = de.isCancelBeforeStart && de.isCancelBeforeStart();
@@ -44625,11 +44625,11 @@ var qM = 1e3, YM = class {
       if (!ce)
         return;
       const Ce = ce.getGui();
-      A(ce), ze || ((T ? B : M).current?.appendChild(Ce), ce.afterGuiAttached?.()), F(ce);
+      k(ce), ze || ((T ? B : M).current?.appendChild(Ce), ce.afterGuiAttached?.()), F(ce);
     }), () => {
       Ke.then((ce) => {
         const Ce = ce.getGui();
-        e.disableEditorTooltipFeature(), i.destroyBean(ce), A(void 0), F(void 0), Ce?.remove();
+        e.disableEditorTooltipFeature(), i.destroyBean(ce), k(void 0), F(void 0), Ce?.remove();
       });
     };
   }, [d]);
@@ -44740,18 +44740,18 @@ var qM = 1e3, YM = class {
       return /* @__PURE__ */ G.createElement(Af, { fallback: /* @__PURE__ */ G.createElement(fI, { cellCtrl: e, parent: M }) }, Fe ? /* @__PURE__ */ G.createElement(ze, { ...de.params, key: h }) : /* @__PURE__ */ G.createElement(ze, { ...de.params, key: h, ref: D }));
     }
   }, Vt = () => {
-    const de = () => l == null ? null : N ? /* @__PURE__ */ G.createElement("span", { role: "presentation", id: `cell-${r}`, className: re, ref: se }, ht()) : ht(), Se = (ze) => gI(ze, A, M.current, e, R);
+    const de = () => l == null ? null : N ? /* @__PURE__ */ G.createElement("span", { role: "presentation", id: `cell-${r}`, className: re, ref: se }, ht()) : ht(), Se = (ze) => gI(ze, k, M.current, e, R);
     return d != null ? d.popup ? /* @__PURE__ */ G.createElement(G.Fragment, null, de(), Se(d)) : Se(d) : de();
   }, ss = () => /* @__PURE__ */ G.createElement("div", { ref: fe, style: p, role: O, "col-id": n }, N ? /* @__PURE__ */ G.createElement("div", { className: "ag-cell-wrapper", role: "presentation", ref: ge }, Vt()) : Vt());
   return e.isCellSpanning() ? /* @__PURE__ */ G.createElement("div", { ref: rt, className: "ag-spanned-cell-wrapper", role: "presentation" }, ss()) : ss();
 }, CI = st(mI), vI = ({ rowCtrl: e, containerType: t }) => {
-  const { context: s, gos: o, editSvc: i } = Ve(Ze), n = Ve(nf) === "default", r = L(), a = L(e.getDomOrder()), l = e.isFullWidth(), c = e.rowNode.displayed, [d, u] = k(
+  const { context: s, gos: o, editSvc: i } = Ve(Ze), n = Ve(nf) === "default", r = L(), a = L(e.getDomOrder()), l = e.isFullWidth(), c = e.rowNode.displayed, [d, u] = A(
     () => c ? e.rowNode.getRowIndexString() : null
-  ), [h, g] = k(() => e.rowId), [p, f] = k(() => e.businessKey), [m, C] = k(() => e.rowStyles), v = L(null), [b, y] = k(() => null), [S, R] = k(), [F, T] = k(
+  ), [h, g] = A(() => e.rowId), [p, f] = A(() => e.businessKey), [m, C] = A(() => e.rowStyles), v = L(null), [b, y] = A(() => null), [S, R] = A(), [F, T] = A(
     () => c ? e.getInitialRowTop(t) : void 0
-  ), [O, M] = k(
+  ), [O, M] = A(
     () => c ? e.getInitialTransform(t) : void 0
-  ), E = L(null), D = L(), V = L(), J = L(!1), [B, ne] = k(0);
+  ), E = L(null), D = L(), V = L(), J = L(!1), [B, ne] = A(0);
   we(() => {
     if (J.current || !S || B > 10)
       return;
@@ -44816,7 +44816,7 @@ var qM = 1e3, YM = class {
   const N = z(() => {
     const fe = { top: F, transform: O };
     return Object.assign(fe, m), fe;
-  }, [F, O, m]), re = l && S?.componentFromFramework, A = !l && se != null, oe = z(() => !!(S?.componentFromFramework && Oo(S.componentClass)), [S]), he = L(!1);
+  }, [F, O, m]), re = l && S?.componentFromFramework, k = !l && se != null, oe = z(() => !!(S?.componentFromFramework && Oo(S.componentClass)), [S]), he = L(!1);
   we(() => {
     he.current = oe && !!S && !!o.get("reactiveCustomComponents");
   }, [oe, S]);
@@ -44842,10 +44842,10 @@ var qM = 1e3, YM = class {
       "row-id": h,
       "row-business-key": p
     },
-    A ? ge() : re ? je() : null
+    k ? ge() : re ? je() : null
   );
 }, Zd = st(vI), wI = ({ name: e }) => {
-  const { context: t, gos: s } = Ve(Ze), o = z(() => Ri(e), [e]), i = L(null), n = L(null), r = L(null), a = L([]), l = L([]), [c, d] = k(() => []), u = !!s.get("enableCellSpan") && !!o.getSpannedRowCtrls, h = L([]), g = L([]), [p, f] = k(() => []), m = L(!1), C = L(), v = z(() => ft("ag-viewport", Tg(e)), [e]), b = z(() => ft(Ji(e)), [e]), y = z(() => ft("ag-spanning-container", nR(e)), [e]), S = o.type === "center" || u, R = S ? i : n;
+  const { context: t, gos: s } = Ve(Ze), o = z(() => 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 = z(() => ft("ag-viewport", Tg(e)), [e]), b = z(() => ft(Ji(e)), [e]), y = z(() => ft("ag-spanning-container", nR(e)), [e]), S = o.type === "center" || u, R = S ? i : n;
   Es(" AG Row Container " + e + " ", R);
   const F = U(() => {
     const B = !S || i.current != null, ne = n.current != null, j = !u || r.current != null;
@@ -44927,13 +44927,13 @@ var qM = 1e3, YM = class {
   const J = () => /* @__PURE__ */ G.createElement("div", { className: y, ref: E, role: "presentation" }, p.map((B) => /* @__PURE__ */ G.createElement(Zd, { rowCtrl: B, containerType: o.type, key: B.instanceId })));
   return /* @__PURE__ */ G.createElement("div", { className: v, ref: D, role: "rowgroup" }, V(), u ? J() : null);
 }, bI = st(wI), SI = () => {
-  const e = Ve(Ze), { context: t, overlays: s } = e, [o, i] = k(""), [n, r] = k(0), [a, l] = k(0), [c, d] = k("0px"), [u, h] = k("0px"), [g, p] = k("100%"), [f, m] = k("0px"), [C, v] = k("0px"), [b, y] = k("100%"), [S, R] = k(!0), [F, T] = k(!0), [O, M] = k(null), [E, D] = k(""), [V, J] = k(null), [B, ne] = k("ag-layout-normal"), j = L();
+  const e = Ve(Ze), { 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, y] = A("100%"), [S, R] = A(!0), [F, T] = A(!0), [O, M] = A(null), [E, D] = A(""), [V, J] = A(null), [B, ne] = A("ag-layout-normal"), j = L();
   j.current || (j.current = new Si(() => I.current));
-  const I = L(null), te = L(null), K = L(null), se = L(null), Q = L(null), N = L(null), re = L(null), A = L([]), oe = L([]);
+  const I = L(null), te = L(null), K = L(null), se = L(null), Q = L(null), N = L(null), re = L(null), k = L([]), oe = L([]);
   Es(" AG Grid Body ", I), Es(" AG Pinned Top ", te), Es(" AG Sticky Top ", K), Es(" AG Middle ", N), Es(" AG Pinned Bottom ", re);
   const he = U((Ce) => {
     if (I.current = Ce, !Ce || t.isDestroyed()) {
-      A.current = t.destroyBeans(A.current);
+      k.current = t.destroyBeans(k.current);
       for (const Me of oe.current)
         Me();
       oe.current = [];
@@ -44943,7 +44943,7 @@ var qM = 1e3, YM = class {
       Me.appendChild(at), oe.current.push(() => at.remove());
     }, os = (Me) => {
       const at = t.createBean(new Me());
-      return A.current.push(at), at;
+      return k.current.push(at), at;
     }, We = (Me, at, Rf) => {
       Qe(Me, document.createComment(Rf)), Qe(Me, os(at).getGui());
     };
@@ -44984,7 +44984,7 @@ var qM = 1e3, YM = class {
       setStickyBottomWidth: y,
       setGridRootRole: (Me) => Ce.setAttribute("role", Me)
     }, tc = t.createBean(new wR());
-    A.current.push(tc), tc.setComp(
+    k.current.push(tc), tc.setComp(
       yf,
       Ce,
       N.current,
@@ -45127,7 +45127,7 @@ var qM = 1e3, YM = class {
   };
   return /* @__PURE__ */ G.createElement(G.Fragment, null, m("top"), s, m("bottom"));
 }, xI = Ci(RI), FI = st(xI), EI = ({ context: e }) => {
-  const [t, s] = k(""), [o, i] = k(""), [n, r] = k(null), [a, l] = k(null), [c, d] = k(!1), [u, h] = k(), g = L(), p = L(null), f = L(), [m, C] = k(null), v = L(() => {
+  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(), y = L([]), S = U(() => {
   }, []);
   Es(" AG Grid ", p);
@@ -45266,7 +45266,7 @@ var qM = 1e3, YM = class {
   componentWrappingElement: void 0,
   ...hf
 }, gf = new Set(Object.keys(TI)), MI = new Set(Object.keys(hf)), pf = (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] = k(void 0), [, h] = k(0), g = U((C) => {
+  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) => {
     if (s.current = C, !C) {
       for (const E of i.current)
         E();
@@ -45422,7 +45422,7 @@ var kI = class extends JD {
     return new cf(e, this.parent, t, i);
   }
 }, AI = Ci((e, t) => {
-  const s = Ve(Ze), { registry: o, context: i, gos: n, rowModel: r } = s, [a, l] = k(() => new bt()), [c, d] = k(() => new bt()), [u, h] = k(), [g, p] = k(), f = L(), m = L(null), C = L(), v = z(
+  const s = Ve(Ze), { registry: o, context: i, gos: n, rowModel: r } = s, [a, l] = A(() => new bt()), [c, d] = A(() => new bt()), [u, h] = A(), [g, p] = A(), f = L(), m = L(null), C = L(), v = z(
     () => Tb(e.api.getGridId(), u?.rowModelType ?? "clientSide"),
     [e]
   ), b = z(() => a.toString() + " ag-details-row", [a]), y = z(() => c.toString() + " ag-details-grid", [c]);
@@ -45546,7 +45546,7 @@ const HI = "h-full", Br = {
   rowData: s,
   getRowId: o
 }) => {
-  const [i, n] = k(
+  const [i, n] = A(
     /* @__PURE__ */ new Set()
   ), r = e ?? i, a = U(
     (g) => {
@@ -45599,7 +45599,7 @@ const VI = ({
   alternateOddRowColors: u = !1,
   filterPlaceholder: h = "Enter value"
 }) => {
-  const [g, p] = k(zr), [f, m] = k(), C = Ua(), {
+  const [g, p] = A(zr), [f, m] = A(), C = Ua(), {
     currentSelectedIds: v,
     handleSelectionToggle: b,
     headerCheckboxState: y,
@@ -45787,7 +45787,7 @@ const VI = ({
     }
   );
 }, BI = /* @__PURE__ */ w(Ka, { size: 16 }), zI = /* @__PURE__ */ w(mm, { size: 16 }), WI = (e) => {
-  const [t, s] = k(!1), o = z(() => t ? zI : BI, [t]);
+  const [t, s] = A(!1), o = z(() => t ? zI : BI, [t]);
   return /* @__PURE__ */ w("div", { children: /* @__PURE__ */ w(
     gs,
     {
@@ -45850,7 +45850,7 @@ const VI = ({
     )
   ] })
 ] }), UI = (e = !1) => {
-  const [t, s] = k(e);
+  const [t, s] = A(e);
   return {
     areHiddenFilesVisible: t,
     toggleHiddenFilesVisibility: () => {
@@ -45859,7 +45859,7 @@ const VI = ({
     setAreHiddenFilesVisible: s
   };
 }, $I = (e) => {
-  const [t, s] = k(e);
+  const [t, s] = A(e);
   return {
     isTreeCollapsed: t,
     toggleTreeCollapse: () => {
@@ -45882,15 +45882,15 @@ const VI = ({
   onPathChange: a,
   onTableFileClick: l
 }) => {
-  const [c, d] = k(e), { areHiddenFilesVisible: u, toggleHiddenFilesVisibility: h } = UI(), { isTreeCollapsed: g, toggleTreeCollapse: p } = $I(
+  const [c, d] = A(e), { areHiddenFilesVisible: u, toggleHiddenFilesVisibility: h } = UI(), { isTreeCollapsed: g, toggleTreeCollapse: p } = $I(
     o?.collapsed ?? !1
-  ), [f, m] = k(/* @__PURE__ */ new Set()), C = (N) => {
+  ), [f, m] = A(/* @__PURE__ */ new Set()), C = (N) => {
     m(N);
   };
   we(() => {
     d(e);
   }, [e]);
-  const [v, b] = k("");
+  const [v, b] = A("");
   we(() => {
     const N = i?.value;
     N != null && b(String(N));
@@ -45908,11 +45908,11 @@ const VI = ({
     [s, c]
   ), E = z(() => {
     const N = _i(O).trim(), re = M?.items ?? [];
-    let A = N ? L1(M) : re;
-    u || (A = A.filter(
+    let k = N ? L1(M) : re;
+    u || (k = k.filter(
       (ge) => !Qu(ge)
     ));
-    const oe = A.map((ge) => ({
+    const oe = k.map((ge) => ({
       id: ge.id ?? ge.path,
       name: ge.name ?? ge.path.split("/").pop() ?? "",
       updatedAt: ge.updatedAt,
@@ -46091,7 +46091,7 @@ const VI = ({
     "aria-label": "show"
   }
 ), YI = ({ ...e }) => {
-  const [t, s] = k(!1), o = U((i) => {
+  const [t, s] = A(!1), o = U((i) => {
     s(i);
   }, []);
   return /* @__PURE__ */ w(
@@ -46138,7 +46138,7 @@ const VI = ({
   containerCssClass: n,
   inputCssClass: r
 }) => {
-  const [a, l] = k(""), c = U(
+  const [a, l] = A(""), c = U(
     (u) => {
       u.key === "Enter" && (s([...t, u.currentTarget.value]), l("")), (u.key === "Backspace" || u.key === "Delete") && t.length && !a && s(t.slice(0, -1));
     },
@@ -46190,7 +46190,7 @@ const VI = ({
   disabled: a,
   onChange: l
 }) => {
-  const c = L(null), [d, u] = k(e), [h, g] = k(""), [p, f] = k(!1), m = (b) => {
+  const c = L(null), [d, u] = A(e), [h, g] = A(""), [p, f] = A(!1), m = (b) => {
     const y = b.trim().replace(/,$/, "");
     if (y && !d.includes(y)) {
       const S = [y, ...d];
@@ -46300,27 +46300,27 @@ const VI = ({
   onClose: f,
   onChange: m
 }) => {
-  const [C, v] = k(!1), [b, y] = k(""), S = Ua(), R = s !== void 0, [F, T] = k(o), O = R ? s : F, M = z(() => t ? Array.isArray(O) ? O : [] : typeof O == "string" ? [O] : [], [O, t]), E = z(() => {
-    const A = b.trim().toLowerCase();
-    return A ? e.filter((oe) => oe.label.toLowerCase().includes(A)) : e;
+  const [C, v] = A(!1), [b, y] = A(""), S = Ua(), R = s !== void 0, [F, T] = A(o), O = R ? s : F, M = z(() => t ? Array.isArray(O) ? O : [] : typeof O == "string" ? [O] : [], [O, t]), E = z(() => {
+    const k = b.trim().toLowerCase();
+    return k ? e.filter((oe) => oe.label.toLowerCase().includes(k)) : e;
   }, [e, b]);
   we(() => {
     C || y("");
   }, [C]);
   const D = U(
-    (A) => {
-      R || T(A), m?.(A);
+    (k) => {
+      R || T(k), m?.(k);
     },
     [R, m]
-  ), V = (A) => {
+  ), V = (k) => {
     if (t) {
       const oe = new Set(M);
-      oe.has(A) ? oe.delete(A) : oe.add(A), D(Array.from(oe));
+      oe.has(k) ? oe.delete(k) : oe.add(k), D(Array.from(oe));
     } else
-      D(A), v(!1);
+      D(k), v(!1);
   }, J = U(
-    (A, oe) => {
-      if (A.stopPropagation(), !t) {
+    (k, oe) => {
+      if (k.stopPropagation(), !t) {
         D("");
         return;
       }
@@ -46329,22 +46329,22 @@ const VI = ({
     },
     [t, M, D]
   ), B = z(
-    () => E.filter((A) => !A.disabled),
+    () => E.filter((k) => !k.disabled),
     [E]
   ), ne = z(
-    () => B.filter((A) => M.includes(A.value)).length,
+    () => B.filter((k) => M.includes(k.value)).length,
     [B, M]
   ), j = B.length > 0 && ne === B.length, I = ne > 0 && !j, te = () => {
     if (!(!t || B.length === 0))
       if (j) {
-        const A = new Set(B.map((he) => he.value)), oe = M.filter((he) => !A.has(he));
+        const k = new Set(B.map((he) => he.value)), oe = M.filter((he) => !k.has(he));
         D(oe);
       } else {
-        const A = new Set(M);
-        B.forEach((oe) => A.add(oe.value)), D(Array.from(A));
+        const k = new Set(M);
+        B.forEach((oe) => k.add(oe.value)), D(Array.from(k));
       }
   }, K = M.length > 0, se = !t && K ? M[0] : void 0, Q = z(
-    () => se ? e.find((A) => A.value === se) : void 0,
+    () => se ? e.find((k) => k.value === se) : void 0,
     [e, se]
   ), N = U(() => !t || M.length === 0 ? null : /* @__PURE__ */ w(
     ff,
@@ -46391,8 +46391,8 @@ const VI = ({
                   ariaLabel: "Close select",
                   cssClass: "shrink-0",
                   iconBefore: /* @__PURE__ */ w(vi, { size: 16 }),
-                  onClick: (A) => {
-                    f?.(A), v(!1);
+                  onClick: (k) => {
+                    f?.(k), v(!1);
                   }
                 }
               )
@@ -46415,56 +46415,57 @@ const VI = ({
                 title: c,
                 description: d
               }
-            ) }) : E.map((A) => {
-              const oe = M.includes(A.value);
+            ) }) : E.map((k) => {
+              const oe = M.includes(k.value);
               return t ? /* @__PURE__ */ $(
                 "div",
                 {
                   className: q(
                     Wr,
                     oe && XI,
-                    A.disabled && Qd,
+                    k.disabled && Qd,
                     "w-full"
                   ),
                   children: [
                     /* @__PURE__ */ w(
                       an,
                       {
-                        id: `${S}-${A.value}`,
+                        id: `${S}-${k.value}`,
                         label: /* @__PURE__ */ $("span", { className: "flex w-full flex-1 min-w-0 items-center gap-2 text-primary", children: [
-                          A.icon && /* @__PURE__ */ w(De, { icon: A.icon }),
-                          /* @__PURE__ */ w("span", { className: "truncate", children: A.label })
+                          k.icon && /* @__PURE__ */ w(De, { icon: k.icon }),
+                          /* @__PURE__ */ w("span", { className: "truncate", children: k.label })
                         ] }),
                         checked: oe,
-                        disabled: A.disabled,
-                        onChange: () => !A.disabled && V(A.value),
-                        ariaLabel: A.label
+                        disabled: k.disabled,
+                        onChange: () => !k.disabled && V(k.value),
+                        ariaLabel: k.label
                       }
                     ),
-                    A.description && /* @__PURE__ */ w("div", { className: "text-secondary dial-small", children: A.description })
+                    k.description && /* @__PURE__ */ w("div", { className: "text-secondary dial-small", children: k.description })
                   ]
                 },
-                A.value
+                k.value
               ) : /* @__PURE__ */ w(
                 "button",
                 {
                   role: "option",
                   type: "button",
                   "aria-selected": oe,
-                  "aria-disabled": !!A.disabled,
-                  disabled: A.disabled,
+                  "aria-disabled": !!k.disabled,
+                  disabled: k.disabled,
                   className: q(
                     Wr,
                     oe && JI,
-                    A.disabled && Qd
+                    k.disabled && Qd
                   ),
-                  onClick: () => !A.disabled && V(A.value),
+                  onClick: () => !k.disabled && V(k.value),
                   children: /* @__PURE__ */ $("div", { className: "flex items-center gap-2 w-full", children: [
-                    A.icon && /* @__PURE__ */ w(De, { icon: A.icon }),
-                    /* @__PURE__ */ w(Zt, { text: A.label })
+                    k.icon && /* @__PURE__ */ w(De, { icon: k.icon }),
+                    /* @__PURE__ */ w(Zt, { text: k.label }),
+                    k.description && /* @__PURE__ */ w("div", { className: "text-secondary dial-small", children: k.description })
                   ] })
                 },
-                A.value
+                k.value
               );
             }) })
           ]
@@ -46482,7 +46483,7 @@ const VI = ({
             h && "opacity-75 !cursor-not-allowed",
             g
           ),
-          onClick: () => !h && v((A) => !A),
+          onClick: () => !h && v((k) => !k),
           children: [
             /* @__PURE__ */ w("div", { className: "flex min-w-0 items-center gap-2 text-primary", children: re() }),
             /* @__PURE__ */ w(
@@ -47126,7 +47127,7 @@ const fk = function(t, s, o) {
   fileCountError: l,
   getIsFileFormatError: c
 }) => {
-  const d = L(null), u = L(null), [h, g] = k([]), [p, f] = k(!1), m = U(
+  const d = L(null), u = L(null), [h, g] = A([]), [p, f] = A(!1), m = U(
     (E) => {
       const D = E.target.files;
       if (D && D.length > 0) {
@@ -47360,7 +47361,7 @@ const fk = function(t, s, o) {
 };
 var Ha = /* @__PURE__ */ ((e) => (e.MyFiles = "my_files", e.Shared = "shared", e.Organization = "organization", e))(Ha || {});
 const _k = (e) => {
-  const [t, s] = k(
+  const [t, s] = A(
     Ha.MyFiles
   ), o = (n) => {
     s(n);