unifyedx-storybook-new 0.1.84 → 0.1.86

package/dist/unifyedx-storybook-new.es.js

@@ -1,9 +1,9 @@
-import { jsxs as l, jsx as e, Fragment as H } from "react/jsx-runtime";
-import re, { useState as M, useMemo as ne, useId as Qe, Fragment as Q, useEffect as X, useCallback as ae, useRef as ue } from "react";
-import { a as J, U as lt, X as ge, P as _, L as ot, C as Oe, b as Me, f as Be, d as pa, D as ga, F as it, e as ct, h as dt, T as Pe, u as ut, i as mt, I as ht, j as pt, k as gt, l as yt, m as ft, n as bt, S as ya, o as fa, M as vt, p as xt, q as ba, r as Nt, A as kt, s as wt, E as Ct, t as St, v as Dt, w as Ft, x as $t, y as va, z as Tt, B as xa, G as Na, H as At, J as Et, K as Rt, N as Le, O as Xe, Q as Ze, R as It, V as zt, W as ka, Y as Bt, Z as ea, _ as Pt, $ as Lt, a0 as wa, a1 as Ot, a2 as Mt, a3 as Vt, a4 as Ut, a5 as qt, a6 as jt, a7 as Gt, a8 as le, a9 as _t, aa as Yt, ab as Wt, ac as Jt, ad as Qt, ae as Xt, af as Zt, ag as Ht, ah as Kt, ai as er } from "./vendor-DeQQK_I4.js";
-import { Popover as ar, PopoverButton as tr, PopoverPanel as rr, Transition as oe, Dialog as me, TransitionChild as pe, DialogPanel as Ne, DialogTitle as Ve, TabGroup as nr, TabList as sr, Tab as ee, TabPanels as lr, RadioGroup as Te, Listbox as Z, ListboxButton as or, ListboxOptions as ir, ListboxOption as cr, SwitchGroup as dr, Switch as Ye, Menu as ur, MenuButton as mr, Portal as hr, MenuItems as pr, MenuItem as gr, DialogBackdrop as yr } from "@headlessui/react";
+import { jsxs as l, jsx as e, Fragment as K } from "react/jsx-runtime";
+import re, { useState as M, useMemo as ne, useId as Qe, Fragment as J, useEffect as Q, useCallback as ae, useRef as ue } from "react";
+import { a as W, U as lt, X as ge, P as _, L as ot, C as Oe, b as Me, f as Be, d as pa, D as ga, F as it, e as ct, h as dt, T as Pe, u as ut, i as mt, I as ht, j as pt, k as gt, l as yt, m as ft, n as bt, S as ya, o as fa, M as vt, p as xt, q as ba, r as Nt, A as kt, s as wt, E as Ct, t as St, v as Dt, w as Ft, x as $t, y as va, z as Tt, B as xa, G as Na, H as At, J as Et, K as Rt, N as Le, O as Xe, Q as Ze, R as It, V as zt, W as ka, Y as Bt, Z as ea, _ as Pt, $ as Lt, a0 as wa, a1 as Ot, a2 as Mt, a3 as Vt, a4 as Ut, a5 as qt, a6 as jt, a7 as Gt, a8 as le, a9 as _t, aa as Yt, ab as Wt, ac as Jt, ad as Qt, ae as Xt, af as Zt, ag as Ht, ah as Kt, ai as er } from "./vendor-CugE0rJ9.js";
+import { Popover as ar, PopoverButton as tr, PopoverPanel as rr, Transition as oe, Dialog as me, TransitionChild as pe, DialogPanel as ke, DialogTitle as Ve, TabGroup as nr, TabList as sr, Tab as ee, TabPanels as lr, RadioGroup as Te, Listbox as X, ListboxButton as or, ListboxOptions as ir, ListboxOption as cr, SwitchGroup as dr, Switch as Ye, Menu as ur, MenuButton as mr, Portal as hr, MenuItems as pr, MenuItem as gr, DialogBackdrop as yr } from "@headlessui/react";
 import { motion as te, AnimatePresence as fe } from "framer-motion";
-import { d as fr, l as br, _ as We } from "./vendor-lodash-DPU6HQ5N.js";
+import { d as fr, l as br, _ as We } from "./vendor-lodash-BvgZjhaA.js";
 import { useFloating as Ca, offset as Sa, flip as Da, shift as Fa, autoUpdate as $a, useClick as vr, useDismiss as xr, useInteractions as Nr, FloatingPortal as kr } from "@floating-ui/react";
 import { P as wr, S as Cr, F as Sr, G as Dr, a as Fr, E as $r, b as Tr, C as Ar, R as Er, c as Rr, d as Ir, e as zr, f as Br, I as Pr, g as ra } from "./vendor-syncfusion-DGcZfoFG.js";
 const Lr = (t) => {
@@ -26,7 +26,7 @@ const Lr = (t) => {
   className: m,
   ...i
 }) => {
-  const [u, y] = M(!1), f = ne(() => Or(r), []), v = t && !u, a = !v && r, k = !v && !r, d = J(
+  const [u, y] = M(!1), f = ne(() => Or(r), []), v = t && !u, a = !v && r, N = !v && !r, d = W(
     "avatar-container",
     `avatar--size-${s}`,
     m
@@ -45,7 +45,7 @@ const Lr = (t) => {
       }
     ),
     a && /* @__PURE__ */ e("span", { className: "avatar-initials", "aria-label": r, children: Mr(r) }),
-    k && /* @__PURE__ */ e("span", { className: "avatar-icon", children: /* @__PURE__ */ e(lt, {}) })
+    N && /* @__PURE__ */ e("span", { className: "avatar-icon", children: /* @__PURE__ */ e(lt, {}) })
   ] });
 }, Gn = ({ children: t, max: r = 4, truncatedMessage: s = "Members", ...o }) => {
   const n = re.Children.toArray(t), m = n.slice(0, r), i = n.length - r;
@@ -71,7 +71,7 @@ const Lr = (t) => {
   className: u,
   ...y
 }) => {
-  const f = J(
+  const f = W(
     "badge",
     `badge--variant-${r}`,
     `badge--size-${s}`,
@@ -134,7 +134,7 @@ const Ur = {
 }, qr = {
   primary: "btn-primary",
   secondary: "btn-secondary"
-}, W = ({
+}, Z = ({
   dataTestId: t,
   title: r,
   type: s = "button",
@@ -150,10 +150,10 @@ const Ur = {
   label: v,
   children: a,
   // ✅ Add children to the props list
-  onClick: k,
+  onClick: N,
   ...d
 }) => {
-  const p = y || m, T = u && !v, L = J(
+  const p = y || m, T = u && !v, L = W(
     "btn-base",
     Ur[f],
     qr[i],
@@ -170,11 +170,11 @@ const Ur = {
       type: s,
       className: L,
       disabled: p,
-      onClick: k,
+      onClick: N,
       title: r || T && o || (typeof v == "string" ? v : void 0),
       "aria-label": o || T && r || (typeof v == "string" ? v : void 0),
       ...d,
-      children: m ? /* @__PURE__ */ e(ot, { className: "loader-spin", "data-testid": "button-loader" }) : /* @__PURE__ */ l(H, { children: [
+      children: m ? /* @__PURE__ */ e(ot, { className: "loader-spin", "data-testid": "button-loader" }) : /* @__PURE__ */ l(K, { children: [
         u && /* @__PURE__ */ e(u, { size: f === "large" ? 20 : 16 }),
         v,
         a,
@@ -233,7 +233,7 @@ const Ur = {
       /* @__PURE__ */ e(
         "div",
         {
-          className: J("checkbox-box", {
+          className: W("checkbox-box", {
             "checkbox-box--checked": m,
             "checkbox-box--error": !!s
           }),
@@ -259,7 +259,7 @@ const Ur = {
   const f = (v) => {
     v.stopPropagation(), v.preventDefault(), s?.();
   };
-  return /* @__PURE__ */ l("div", { className: J("datepicker-wrapper", u), children: [
+  return /* @__PURE__ */ l("div", { className: W("datepicker-wrapper", u), children: [
     n && /* @__PURE__ */ e("label", { className: "datepicker-label", htmlFor: "datepicker-input", children: n }),
     /* @__PURE__ */ l(Ea, { children: [
       /* @__PURE__ */ e(Ra, { asChild: !0, children: /* @__PURE__ */ l("div", { className: "datepicker-input-container", children: [
@@ -268,7 +268,7 @@ const Ur = {
           {
             id: "datepicker-input",
             type: "button",
-            className: J("datepicker-trigger", {
+            className: W("datepicker-trigger", {
               "datepicker-trigger--error": !!m,
               "datepicker-trigger--disabled": i
             }),
@@ -318,12 +318,12 @@ const Ur = {
 }) => {
   const f = t?.from, v = t?.to, a = (d) => {
     d.stopPropagation(), d.preventDefault(), s?.();
-  }, k = f && v ? /* @__PURE__ */ l(H, { children: [
+  }, N = f && v ? /* @__PURE__ */ l(K, { children: [
     Be(f, "MMM d, y"),
     " - ",
     Be(v, "MMM d, y")
   ] }) : /* @__PURE__ */ e("span", { className: "datepicker-placeholder", children: o });
-  return /* @__PURE__ */ l("div", { className: J("datepicker-wrapper", u), children: [
+  return /* @__PURE__ */ l("div", { className: W("datepicker-wrapper", u), children: [
     n && /* @__PURE__ */ e("label", { className: "datepicker-label", htmlFor: "daterangepicker-input", children: n }),
     /* @__PURE__ */ l(Ea, { children: [
       /* @__PURE__ */ e(Ra, { asChild: !0, children: /* @__PURE__ */ l("div", { className: "datepicker-input-container", children: [
@@ -332,15 +332,15 @@ const Ur = {
           {
             id: "daterangepicker-input",
             type: "button",
-            className: J("datepicker-trigger", {
+            className: W("datepicker-trigger", {
               "datepicker-trigger--error": !!m,
               "datepicker-trigger--disabled": i
             }),
             disabled: i,
-            "aria-label": f && v ? `Selected range is ${k}` : o,
+            "aria-label": f && v ? `Selected range is ${N}` : o,
             children: [
               /* @__PURE__ */ e(pa, { className: "datepicker-icon" }),
-              /* @__PURE__ */ e("span", { className: "datepicker-value", children: k })
+              /* @__PURE__ */ e("span", { className: "datepicker-value", children: N })
             ]
           }
         ),
@@ -572,7 +572,7 @@ const Ur = {
     labelColor: "#FFEDD5",
     labelTextColor: "#7C2D12"
   }
-}, ve = {
+}, xe = {
   USER: "User",
   GROUP: "Group",
   ROLE: "Role"
@@ -627,13 +627,13 @@ const Ur = {
   handleRemoveRejectedFile: f,
   handleSubmit: v,
   isSubmitting: a,
-  formErrors: k,
+  formErrors: N,
   // --- UI Text ---
   title: d = "Upload Files",
   subHeading: p = "Supports PNG, JPG, PDF. Max size: 50MB."
 }) => {
   const T = i.length > 0 || u.length > 0;
-  return /* @__PURE__ */ e(oe, { appear: !0, show: t, as: Q, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ e(oe, { appear: !0, show: t, as: J, children: /* @__PURE__ */ l(
     me,
     {
       as: "div",
@@ -644,7 +644,7 @@ const Ur = {
         /* @__PURE__ */ e(
           pe,
           {
-            as: Q,
+            as: J,
             enter: "ease-out duration-300",
             enterFrom: "opacity-0",
             enterTo: "opacity-100",
@@ -657,7 +657,7 @@ const Ur = {
         /* @__PURE__ */ e("div", { className: "dialog-positioner", children: /* @__PURE__ */ e(
           pe,
           {
-            as: Q,
+            as: J,
             enter: "ease-out duration-300",
             enterFrom: "opacity-0 scale-95",
             enterTo: "opacity-100 scale-100",
@@ -665,7 +665,7 @@ const Ur = {
             leaveFrom: "opacity-100 scale-100",
             leaveTo: "opacity-0 scale-95",
             children: /* @__PURE__ */ l(
-              Ne,
+              ke,
               {
                 className: "dialog-panel",
                 onClick: (L) => L.stopPropagation(),
@@ -707,7 +707,7 @@ const Ur = {
                           ]
                         }
                       ),
-                      k.filesToUpload && /* @__PURE__ */ e("p", { className: "form-error-message", children: k.filesToUpload.message }),
+                      N.filesToUpload && /* @__PURE__ */ e("p", { className: "form-error-message", children: N.filesToUpload.message }),
                       T && /* @__PURE__ */ l("div", { className: "file-list-container", children: [
                         /* @__PURE__ */ e("h3", { children: "Upload Queue" }),
                         /* @__PURE__ */ l("ul", { className: "file-list", children: [
@@ -777,7 +777,7 @@ const Ur = {
                     ] }),
                     /* @__PURE__ */ l("div", { className: "dialog-footer", children: [
                       /* @__PURE__ */ e(
-                        W,
+                        Z,
                         {
                           type: "button",
                           category: "secondary",
@@ -786,7 +786,7 @@ const Ur = {
                         }
                       ),
                       /* @__PURE__ */ e(
-                        W,
+                        Z,
                         {
                           type: "submit",
                           label: a ? "Uploading..." : "Upload Files",
@@ -837,7 +837,7 @@ const Ur = {
       }), r();
     },
     enableReinitialize: !0
-  }), k = ne(() => n.reduce((S, A) => {
+  }), N = ne(() => n.reduce((S, A) => {
     const B = A.key, I = a.values[B];
     let V = !1;
     if (I)
@@ -851,7 +851,7 @@ const Ur = {
           break;
       }
     return S[B] = V, S;
-  }, {}), [n, a.values]), d = Object.values(k).filter(Boolean).length, p = async (S, A) => {
+  }, {}), [n, a.values]), d = Object.values(N).filter(Boolean).length, p = async (S, A) => {
     try {
       v((I) => ({ ...I, [S]: !0 }));
       const B = await i(S, A);
@@ -895,7 +895,7 @@ const Ur = {
                   className: "filter-checkbox-input",
                   checked: A.options.length > 0 && I.length === A.options.length,
                   onChange: (c) => {
-                    const b = c.target.checked ? A.options.map((x) => x.value) : [];
+                    const b = c.target.checked ? A.options.map((k) => k.value) : [];
                     a.setFieldValue(`${S}.values`, b);
                   }
                 }
@@ -918,8 +918,8 @@ const Ur = {
                   className: "filter-checkbox-input",
                   checked: I.includes(c.value),
                   onChange: (b) => {
-                    const x = b.target.checked ? [...I, c.value] : I.filter((D) => D !== c.value);
-                    a.setFieldValue(`${S}.values`, x);
+                    const k = b.target.checked ? [...I, c.value] : I.filter((D) => D !== c.value);
+                    a.setFieldValue(`${S}.values`, k);
                   }
                 }
               ),
@@ -949,7 +949,7 @@ const Ur = {
               }
             )
           ] }),
-          z ? /* @__PURE__ */ e("div", { className: "loading-spinner", children: /* @__PURE__ */ e("div", {}) }) : /* @__PURE__ */ e("div", { className: "filter-checkbox-list", children: V.length > 0 ? /* @__PURE__ */ l(H, { children: [
+          z ? /* @__PURE__ */ e("div", { className: "loading-spinner", children: /* @__PURE__ */ e("div", {}) }) : /* @__PURE__ */ e("div", { className: "filter-checkbox-list", children: V.length > 0 ? /* @__PURE__ */ l(K, { children: [
             /* @__PURE__ */ l("div", { className: "filter-checkbox-item", children: [
               /* @__PURE__ */ e(
                 "input",
@@ -959,7 +959,7 @@ const Ur = {
                   className: "filter-checkbox-input",
                   checked: V.length > 0 && I.length === V.length,
                   onChange: (c) => {
-                    const b = c.target.checked ? V.map((x) => x.email) : [];
+                    const b = c.target.checked ? V.map((k) => k.email) : [];
                     a.setFieldValue(
                       `${S}.values`,
                       b
@@ -985,10 +985,10 @@ const Ur = {
                   className: "filter-checkbox-input",
                   checked: I.includes(c.email),
                   onChange: (b) => {
-                    const x = b.target.checked ? [...I, c.email] : I.filter((D) => D !== c.email);
+                    const k = b.target.checked ? [...I, c.email] : I.filter((D) => D !== c.email);
                     a.setFieldValue(
                       `${S}.values`,
-                      x
+                      k
                     );
                   }
                 }
@@ -1008,7 +1008,7 @@ const Ur = {
           ] }) : /* @__PURE__ */ e("div", { className: "text-center py-4 text-gray-500 text-sm", children: "No users loaded." }) })
         ] });
       case "date":
-        const P = B.values || [], [g, h] = P, N = g && h, w = {
+        const P = B.values || [], [g, h] = P, x = g && h, w = {
           startDate: g instanceof Date ? g : /* @__PURE__ */ new Date(),
           // Fallback to today
           endDate: h instanceof Date ? h : /* @__PURE__ */ new Date(),
@@ -1027,7 +1027,7 @@ const Ur = {
                 children: A.operators.map((c) => /* @__PURE__ */ e("option", { value: c, children: c === "in" ? "Is" : "Is not" }, c))
               }
             ),
-            N && /* @__PURE__ */ e(
+            x && /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
@@ -1047,10 +1047,10 @@ const Ur = {
             {
               ranges: [w],
               onChange: (c) => {
-                const { startDate: b, endDate: x } = c.selection;
+                const { startDate: b, endDate: k } = c.selection;
                 a.setFieldValue(`${S}.values`, [
                   b,
-                  x
+                  k
                 ]);
               },
               showSelectionPreview: !0,
@@ -1065,11 +1065,11 @@ const Ur = {
         return null;
     }
   };
-  return /* @__PURE__ */ e(oe, { appear: !0, show: t, as: Q, children: /* @__PURE__ */ l(me, { as: "div", className: "relative z-50", onClose: r, children: [
+  return /* @__PURE__ */ e(oe, { appear: !0, show: t, as: J, children: /* @__PURE__ */ l(me, { as: "div", className: "relative z-50", onClose: r, children: [
     /* @__PURE__ */ e(
       pe,
       {
-        as: Q,
+        as: J,
         enter: "ease-out duration-300",
         enterFrom: "opacity-0",
         enterTo: "opacity-100",
@@ -1082,14 +1082,14 @@ const Ur = {
     /* @__PURE__ */ e("div", { className: "filter-modal-container", children: /* @__PURE__ */ e("div", { className: "filter-modal-positioner", children: /* @__PURE__ */ e(
       pe,
       {
-        as: Q,
+        as: J,
         enter: "ease-out duration-300",
         enterFrom: "opacity-0 translate-x-full",
         enterTo: "opacity-100 translate-x-0",
         leave: "ease-in duration-200",
         leaveFrom: "opacity-100 translate-x-0",
         leaveTo: "opacity-0 translate-x-full",
-        children: /* @__PURE__ */ l(Ne, { className: "filter-modal-panel", children: [
+        children: /* @__PURE__ */ l(ke, { className: "filter-modal-panel", children: [
           /* @__PURE__ */ l("div", { className: "filter-header", children: [
             /* @__PURE__ */ e(Ve, { as: "h3", className: "filter-title", children: "Filters" }),
             /* @__PURE__ */ e(
@@ -1115,7 +1115,7 @@ const Ur = {
                 children: [
                   /* @__PURE__ */ e(sr, { className: "filter-tabs-list", children: n.map((S) => /* @__PURE__ */ l(ee, { className: "filter-tab-item", children: [
                     S.label,
-                    k[S.key] && /* @__PURE__ */ e(
+                    N[S.key] && /* @__PURE__ */ e(
                       "span",
                       {
                         className: "filter-active-indicator",
@@ -1146,32 +1146,25 @@ const Ur = {
             ) }),
             /* @__PURE__ */ l("div", { className: "filter-footer", children: [
               /* @__PURE__ */ e(
-                W,
+                "button",
                 {
-                  "data-testid": "cancel-button",
-                  label: "Cancel",
-                  loader: !1,
-                  ariaLabel: "Cancel Button",
+                  type: "button",
                   onClick: r,
-                  category: "secondary"
+                  className: "filter-button cancel",
+                  children: "Cancel"
                 }
               ),
-              /* @__PURE__ */ e(
-                W,
+              /* @__PURE__ */ l(
+                "button",
                 {
-                  label: /* @__PURE__ */ l(H, { children: [
+                  type: "submit",
+                  disabled: !a.dirty,
+                  className: "filter-button apply",
+                  children: [
                     "Apply Filters",
                     " ",
                     d > 0 ? `(${d})` : ""
-                  ] }),
-                  loader: !1,
-                  type: "submit",
-                  ariaLabel: "Apply Filter",
-                  className: "p-3 primaryButton !w-[70px]",
-                  "data-testid": "apply-filter",
-                  onClick: () => primaryAction?.onSubmit(),
-                  category: "primary",
-                  disabled: !a.dirty
+                  ]
                 }
               )
             ] })
@@ -1202,7 +1195,7 @@ const Ur = {
           id: y,
           type: s,
           ref: i,
-          className: J("input-field", {
+          className: W("input-field", {
             "input-field--error": !!n,
             "input-field--with-icon": !!o
           }),
@@ -1245,14 +1238,14 @@ const Ur = {
 }) => {
   const f = oa[i] || oa.info, v = f.icon, a = () => {
     r({ primary: !0, secondary: !1 });
-  }, k = () => {
+  }, N = () => {
     r({ primary: !1, secondary: !0 });
   };
-  return /* @__PURE__ */ e(oe, { appear: !0, show: t, as: Q, children: /* @__PURE__ */ l(me, { as: "div", className: "modal-dialog", onClose: () => r({}), children: [
+  return /* @__PURE__ */ e(oe, { appear: !0, show: t, as: J, children: /* @__PURE__ */ l(me, { as: "div", className: "modal-dialog", onClose: () => r({}), children: [
     /* @__PURE__ */ e(
       pe,
       {
-        as: Q,
+        as: J,
         enter: "ease-out duration-300",
         enterFrom: "opacity-0",
         enterTo: "opacity-100",
@@ -1265,14 +1258,14 @@ const Ur = {
     /* @__PURE__ */ e("div", { className: "modal-positioner", children: /* @__PURE__ */ e(
       pe,
       {
-        as: Q,
+        as: J,
         enter: "ease-out duration-300",
         enterFrom: "opacity-0 scale-95",
         enterTo: "opacity-100 scale-100",
         leave: "ease-in duration-200",
         leaveFrom: "opacity-100 scale-100",
         leaveTo: "opacity-0 scale-95",
-        children: /* @__PURE__ */ l(Ne, { className: "modal-panel", children: [
+        children: /* @__PURE__ */ l(ke, { className: "modal-panel", children: [
           /* @__PURE__ */ l("div", { className: "modal-content-wrapper", children: [
             /* @__PURE__ */ e("div", { className: `modal-icon-container ${f.iconClass}`, children: /* @__PURE__ */ e(v, { size: 24, "aria-hidden": "true" }) }),
             /* @__PURE__ */ l("div", { className: "modal-text-content", children: [
@@ -1282,15 +1275,15 @@ const Ur = {
           ] }),
           /* @__PURE__ */ l("div", { className: "modal-footer", children: [
             /* @__PURE__ */ e(
-              W,
+              Z,
               {
-                onClick: k,
+                onClick: N,
                 label: m,
                 category: "secondary"
               }
             ),
             /* @__PURE__ */ e(
-              W,
+              Z,
               {
                 onClick: a,
                 label: n,
@@ -1311,11 +1304,11 @@ const Ur = {
   itemsPerPageOptions: m = [10, 15, 20]
 }) => {
   const i = Math.ceil(r / s), [u, y] = M(t);
-  X(() => {
+  Q(() => {
     y(t);
   }, [t]);
-  const f = Math.min((t - 1) * s + 1, r), v = Math.min(t * s, r), a = (k) => {
-    k.preventDefault();
+  const f = Math.min((t - 1) * s + 1, r), v = Math.min(t * s, r), a = (N) => {
+    N.preventDefault();
     let d = parseInt(u, 10);
     isNaN(d) || d < 1 ? d = 1 : d > i && (d = i), y(d), d !== t && o(d);
   };
@@ -1328,8 +1321,8 @@ const Ur = {
           id: "items-per-page",
           className: "pagination-select",
           value: s,
-          onChange: (k) => n(Number(k.target.value)),
-          children: m.map((k) => /* @__PURE__ */ e("option", { value: k, children: k }, k))
+          onChange: (N) => n(Number(N.target.value)),
+          children: m.map((N) => /* @__PURE__ */ e("option", { value: N, children: N }, N))
         }
       ),
       /* @__PURE__ */ l("span", { className: "pagination-info", children: [
@@ -1368,7 +1361,7 @@ const Ur = {
             type: "number",
             className: "page-input",
             value: u,
-            onChange: (k) => y(k.target.value),
+            onChange: (N) => y(N.target.value),
             onBlur: a,
             "aria-label": `Current page, Page ${t}`
           }
@@ -1419,12 +1412,12 @@ const Ur = {
         Te.Option,
         {
           value: i.value,
-          className: ({ active: u, checked: y }) => J("radiogroup-option", {
+          className: ({ active: u, checked: y }) => W("radiogroup-option", {
             "radiogroup-option--active": u,
             "radiogroup-option--checked": y,
             "radiogroup-option--error": !!n
           }),
-          children: ({ checked: u }) => /* @__PURE__ */ l(H, { children: [
+          children: ({ checked: u }) => /* @__PURE__ */ l(K, { children: [
             /* @__PURE__ */ l("div", { className: "radiogroup-option-content", children: [
               /* @__PURE__ */ e(Te.Label, { as: "p", className: "option-label", children: i.label }),
               i.description && /* @__PURE__ */ e(
@@ -1455,7 +1448,7 @@ const Ur = {
   ...i
 }) => {
   const [u, y] = M(t);
-  X(() => {
+  Q(() => {
     y(t);
   }, [t]);
   const f = ae(
@@ -1464,7 +1457,7 @@ const Ur = {
     }, s),
     [s, r]
   );
-  X(() => (u !== t && f(u), () => {
+  Q(() => (u !== t && f(u), () => {
     f.cancel();
   }), [u, f, t]);
   const v = (a) => {
@@ -1503,18 +1496,18 @@ const Ur = {
 }) => {
   const [f, v] = M(""), a = f === "" ? o : o.filter(
     (d) => d.label.toLowerCase().includes(f.toLowerCase())
-  ), k = o.find((d) => r?.id ? d.id === r.id : d.id === r || d.value === r);
-  return /* @__PURE__ */ e(Z, { value: r, onChange: s, disabled: m, children: /* @__PURE__ */ l("div", { className: "select-wrapper", ref: u, children: [
+  ), N = o.find((d) => r?.id ? d.id === r.id : d.id === r || d.value === r);
+  return /* @__PURE__ */ e(X, { value: r, onChange: s, disabled: m, children: /* @__PURE__ */ l("div", { className: "select-wrapper", ref: u, children: [
     t && /* @__PURE__ */ e("label", { className: "select-label", children: t }),
     /* @__PURE__ */ l("div", { className: "select-button-container", children: [
       /* @__PURE__ */ l(
         or,
         {
-          className: J("select-button", {
+          className: W("select-button", {
             "select-button--error": !!i
           }),
           children: [
-            /* @__PURE__ */ e("span", { className: "select-value-display", children: k ? k.label : /* @__PURE__ */ e("span", { className: "placeholder", children: n }) }),
+            /* @__PURE__ */ e("span", { className: "select-value-display", children: N ? N.label : /* @__PURE__ */ e("span", { className: "placeholder", children: n }) }),
             /* @__PURE__ */ e(fa, { className: "select-chevron", "aria-hidden": "true" })
           ]
         }
@@ -1539,7 +1532,7 @@ const Ur = {
               {
                 className: ({ active: p }) => `select-option ${p ? "active" : ""}`,
                 value: d,
-                children: ({ selected: p }) => /* @__PURE__ */ l(H, { children: [
+                children: ({ selected: p }) => /* @__PURE__ */ l(K, { children: [
                   /* @__PURE__ */ l("div", { className: "option-content", children: [
                     d.icon && /* @__PURE__ */ e(d.icon, { className: "option-icon" }),
                     /* @__PURE__ */ e(
@@ -1569,7 +1562,7 @@ const Ur = {
   ] }) });
 }, Wr = () => {
   const [t, r] = M(window.location.pathname);
-  return X(() => {
+  return Q(() => {
     const s = () => {
       r(window.location.pathname);
     };
@@ -1584,7 +1577,7 @@ const Ur = {
   return null;
 }, Pa = ({ item: t, isCollapsed: r, level: s = 0 }) => {
   const { pathname: o } = Wr(), n = t.href || t.url || t.path, [m, i] = M(!1), u = t.icon;
-  X(() => {
+  Q(() => {
     Ke([t], o) && i(!0);
   }, [t, o]);
   const y = o === n, f = !y && !!Ke([t], o), v = (a) => {
@@ -1593,7 +1586,7 @@ const Ur = {
   return /* @__PURE__ */ l(
     "div",
     {
-      className: J("nav-item-container", {
+      className: W("nav-item-container", {
         "nav-item-container--parent-active": f,
         [`nav-item-container--level-${s}`]: s > 0
       }),
@@ -1604,7 +1597,7 @@ const Ur = {
             href: n,
             target: t.target,
             rel: t.target === "_blank" ? "noopener noreferrer" : void 0,
-            className: J("nav-item", {
+            className: W("nav-item", {
               "nav-item--active": y,
               "nav-item--collapsed": r
             }),
@@ -1622,7 +1615,7 @@ const Ur = {
                   children: /* @__PURE__ */ e(
                     ba,
                     {
-                      className: J("nav-chevron", {
+                      className: W("nav-chevron", {
                         "nav-chevron--open": m
                       })
                     }
@@ -1635,7 +1628,7 @@ const Ur = {
         t.children && /* @__PURE__ */ e(
           "div",
           {
-            className: J("sub-menu", {
+            className: W("sub-menu", {
               "sub-menu--open": m,
               "sub-menu--collapsed": r
             }),
@@ -1663,7 +1656,7 @@ const Ur = {
   logoSmall: m,
   logoLarge: i,
   user: u = { name: "", email: "" }
-}) => /* @__PURE__ */ l(H, { children: [
+}) => /* @__PURE__ */ l(K, { children: [
   o && /* @__PURE__ */ e(
     "div",
     {
@@ -1675,7 +1668,7 @@ const Ur = {
   /* @__PURE__ */ l(
     "aside",
     {
-      className: J("sidebar", {
+      className: W("sidebar", {
         "sidebar--collapsed": r,
         "sidebar--mobile-open": o
       }),
@@ -1733,7 +1726,7 @@ const Ur = {
   className: s,
   ...o
 }) => {
-  const n = J(
+  const n = W(
     "spinner",
     `spinner--size-${t}`,
     `spinner--color-${r}`,
@@ -1777,12 +1770,12 @@ const Ur = {
     u.value?.length || u.defaultValue?.length || 0
   ), a = (d) => {
     v(d.target.value.length), u.onChange && u.onChange(d);
-  }, k = m - f;
+  }, N = m - f;
   return /* @__PURE__ */ l("div", { className: `textarea-wrapper ${o || ""}`, children: [
     /* @__PURE__ */ l("div", { className: "textarea-header", children: [
       t && /* @__PURE__ */ e("label", { htmlFor: y, className: "textarea-label", children: t }),
       i && m && /* @__PURE__ */ l("span", { className: "char-counter", children: [
-        k,
+        N,
         " characters remaining"
       ] })
     ] }),
@@ -1791,7 +1784,7 @@ const Ur = {
       {
         id: y,
         ref: n,
-        className: J("textarea-field", {
+        className: W("textarea-field", {
           "textarea-field--error": !!s
         }),
         maxLength: m,
@@ -1816,7 +1809,7 @@ const Ur = {
       {
         checked: r,
         onChange: s,
-        className: J("switch-element", {
+        className: W("switch-element", {
           // Renamed from switch-wrapper
           "switch-element--error": !!n
         }),
@@ -1841,7 +1834,7 @@ const Ur = {
   ...i
 }) => {
   const u = re.useId();
-  return /* @__PURE__ */ l(H, { children: [
+  return /* @__PURE__ */ l(K, { children: [
     re.cloneElement(t, { "data-tooltip-id": u }),
     /* @__PURE__ */ e(
       Nt,
@@ -1880,8 +1873,8 @@ const Ur = {
   showProgress: y = !0,
   closeOnOverlayClick: f = !0
 }) => {
-  const v = s[o], a = Object.keys(s), k = a.indexOf(o), d = (k + 1) / a.length * 100, p = k > 0 && m.onBack;
-  return /* @__PURE__ */ e(oe, { show: t, as: Q, children: /* @__PURE__ */ l(
+  const v = s[o], a = Object.keys(s), N = a.indexOf(o), d = (N + 1) / a.length * 100, p = N > 0 && m.onBack;
+  return /* @__PURE__ */ e(oe, { show: t, as: J, children: /* @__PURE__ */ l(
     me,
     {
       as: "div",
@@ -1892,7 +1885,7 @@ const Ur = {
         /* @__PURE__ */ e(
           pe,
           {
-            as: Q,
+            as: J,
             enter: "ease-out duration-300",
             enterFrom: "opacity-0",
             enterTo: "opacity-100",
@@ -1905,14 +1898,14 @@ const Ur = {
         /* @__PURE__ */ e("div", { className: "wizard-container", children: /* @__PURE__ */ e("div", { className: "wizard-positioner", children: /* @__PURE__ */ e(
           pe,
           {
-            as: Q,
+            as: J,
             enter: "transform transition ease-in-out duration-500",
             enterFrom: "translate-x-full",
             enterTo: "translate-x-0",
             leave: "transform transition ease-in-out duration-500",
             leaveFrom: "translate-x-0",
             leaveTo: "translate-x-full",
-            children: /* @__PURE__ */ l(Ne, { className: "wizard-panel", children: [
+            children: /* @__PURE__ */ l(ke, { className: "wizard-panel", children: [
               /* @__PURE__ */ l("header", { className: "wizard-header", children: [
                 /* @__PURE__ */ l("div", { className: "wizard-header-content", children: [
                   p && /* @__PURE__ */ e(
@@ -1990,7 +1983,7 @@ const Ur = {
   // A clearer prop name
   ...u
 }) => {
-  const y = J(
+  const y = W(
     "page-layout",
     {
       "page-layout--with-footer": r,
@@ -2002,7 +1995,7 @@ const Ur = {
     /* @__PURE__ */ e("div", { className: "page-layout-content", children: t }),
     r && /* @__PURE__ */ e("footer", { className: "page-layout-footer", children: s || /* @__PURE__ */ l("div", { className: "footer-actions", children: [
       m?.show && /* @__PURE__ */ e(
-        W,
+        Z,
         {
           category: "secondary",
           label: m.label || "Tertiary",
@@ -2010,7 +2003,7 @@ const Ur = {
         }
       ),
       n?.show && /* @__PURE__ */ e(
-        W,
+        Z,
         {
           category: "secondary",
           label: n.label || "Cancel",
@@ -2018,7 +2011,7 @@ const Ur = {
         }
       ),
       o?.show && /* @__PURE__ */ e(
-        W,
+        Z,
         {
           category: "primary",
           label: o.label || "Save",
@@ -2064,7 +2057,7 @@ const Ur = {
     /* @__PURE__ */ e(hr, { children: /* @__PURE__ */ e(
       oe,
       {
-        as: Q,
+        as: J,
         enter: "transition ease-out duration-100",
         enterFrom: "transform opacity-0 scale-95",
         enterTo: "transform opacity-100 scale-100",
@@ -2300,31 +2293,31 @@ function nn({
   );
   function o({ open: f = !1, customHeader: v = {} } = {}) {
     if (f) {
-      const { Authorization: a, ...k } = ia();
+      const { Authorization: a, ...N } = ia();
       return {
-        headers: { ...k, ...r, ...v }
+        headers: { ...N, ...r, ...v }
       };
     }
     return { headers: { ...ia(), ...v } };
   }
-  async function n(f, v, a = !1, k = {}) {
+  async function n(f, v, a = !1, N = {}) {
     return s.get(f, {
       params: v,
-      ...o({ open: a, customHeader: k })
+      ...o({ open: a, customHeader: N })
     });
   }
-  async function m(f, v, a = !1, k = {}) {
-    const d = { ...o({ open: a, customHeader: k }) };
+  async function m(f, v, a = !1, N = {}) {
+    const d = { ...o({ open: a, customHeader: N }) };
     return v !== void 0 && (d.data = v), s.delete(f, d);
   }
-  async function i(f, v = {}, a = !1, k = {}) {
-    return s.post(f, v, o({ open: a, customHeader: k }));
+  async function i(f, v = {}, a = !1, N = {}) {
+    return s.post(f, v, o({ open: a, customHeader: N }));
   }
-  async function u(f, v = {}, a = !1, k = {}) {
-    return s.put(f, v, o({ open: a, customHeader: k }));
+  async function u(f, v = {}, a = !1, N = {}) {
+    return s.put(f, v, o({ open: a, customHeader: N }));
   }
-  async function y(f, v = {}, a = !1, k = {}) {
-    return s.patch(f, v, o({ open: a, customHeader: k }));
+  async function y(f, v = {}, a = !1, N = {}) {
+    return s.patch(f, v, o({ open: a, customHeader: N }));
   }
   return {
     instance: s,
@@ -2336,18 +2329,18 @@ function nn({
     axiosPatch: y
   };
 }
-const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln = ke.axiosPut, rs = ke.axiosPatch, ns = ke.instance, on = async (t, r) => {
+const we = nn(), Fe = we.axiosGet, sn = we.axiosDelete, $e = we.axiosPost, ln = we.axiosPut, rs = we.axiosPatch, ns = we.instance, on = async (t, r) => {
   try {
     switch (t) {
-      case ve.USER: {
+      case xe.USER: {
         const s = {
           q: r
         };
         return Ie.userSearch(s);
       }
-      case ve.GROUP:
+      case xe.GROUP:
         return Ie.getAdGroups(r);
-      case ve.ROLE:
+      case xe.ROLE:
         return Ie.searchRoles(r);
       default:
         break;
@@ -2423,7 +2416,7 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
   }
 }, ta = (t, r) => {
   const [s, o] = M(t);
-  return X(
+  return Q(
     () => {
       const n = br.debounce(() => {
         o(t);
@@ -2475,9 +2468,9 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
     }
   );
 }, da = [
-  { id: 1, name: ve.USER, icon: $t, code: "users" },
-  { id: 2, name: ve.GROUP, icon: va, code: "groups" },
-  { id: 3, name: ve.ROLE, icon: Tt, code: "roles" }
+  { id: 1, name: xe.USER, icon: $t, code: "users" },
+  { id: 2, name: xe.GROUP, icon: va, code: "groups" },
+  { id: 3, name: xe.ROLE, icon: Tt, code: "roles" }
 ], ua = [
   { id: 1, name: na.View, icon: xa },
   { id: 2, name: na.Manage, icon: Na }
@@ -2494,7 +2487,7 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
   },
   isChanged: u = !1
 }) => {
-  const [y, f] = M(da[0]), [v, a] = M(""), k = ta(v, 400), [d, p] = M([]), [T, L] = M(/* @__PURE__ */ new Set()), [R, S] = M(!1), [A, B] = M(ua[0]), {
+  const [y, f] = M(da[0]), [v, a] = M(""), N = ta(v, 400), [d, p] = M([]), [T, L] = M(/* @__PURE__ */ new Set()), [R, S] = M(!1), [A, B] = M(ua[0]), {
     control: I,
     handleSubmit: V,
     watch: z,
@@ -2502,23 +2495,23 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
   } = At({
     defaultValues: { pendingInvites: [] },
     resolver: It(un)
-  }), { fields: h, append: N, remove: w, update: c } = Et({
+  }), { fields: h, append: x, remove: w, update: c } = Et({
     control: I,
     name: "pendingInvites"
   }), b = z("pendingInvites");
-  X(() => {
-    k.length > 1 ? (S(!0), on(y.name, k).then((F) => {
+  Q(() => {
+    N.length > 1 ? (S(!0), on(y.name, N).then((F) => {
       p(F);
     }).catch((F) => console.error("Search failed:", F)).finally(() => S(!1))) : (p([]), L(/* @__PURE__ */ new Set()));
-  }, [k, y]);
-  const x = (F) => {
+  }, [N, y]);
+  const k = (F) => {
     L((C) => {
       const E = new Set(C);
       return E.has(F) ? E.delete(F) : E.add(F), E;
     });
   }, D = () => {
     d.filter((F) => T.has(F.id)).forEach((F) => {
-      h.find((C) => C.id === F.id) || N({ ...F, permission: A.name });
+      h.find((C) => C.id === F.id) || x({ ...F, permission: A.name });
     }), L(/* @__PURE__ */ new Set()), a("");
   }, q = (F) => {
     B(F), h.forEach(
@@ -2609,8 +2602,8 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
         }
       ),
       /* @__PURE__ */ l("div", { className: "relative grid grid-cols-3 gap-2 items-start", children: [
-        /* @__PURE__ */ e("div", { className: "col-span-1", children: /* @__PURE__ */ e(Z, { value: y, onChange: f, children: /* @__PURE__ */ l("div", { className: "relative", children: [
-          /* @__PURE__ */ l(Z.Button, { className: "relative w-full border border-gray-300 rounded-md shadow-sm pl-3 pr-10 py-2 text-left hover:cursor-pointer focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500 sm:text-sm", children: [
+        /* @__PURE__ */ e("div", { className: "col-span-1", children: /* @__PURE__ */ e(X, { value: y, onChange: f, children: /* @__PURE__ */ l("div", { className: "relative", children: [
+          /* @__PURE__ */ l(X.Button, { className: "relative w-full border border-gray-300 rounded-md shadow-sm pl-3 pr-10 py-2 text-left hover:cursor-pointer focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500 sm:text-sm", children: [
             /* @__PURE__ */ l("span", { className: "flex items-center", children: [
               /* @__PURE__ */ e(y.icon, { className: "h-5 w-5 text-gray-400 mr-2" }),
               /* @__PURE__ */ e("span", { className: "truncate", children: y.name })
@@ -2620,16 +2613,16 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
           /* @__PURE__ */ e(
             oe,
             {
-              as: Q,
+              as: J,
               leave: "transition ease-in duration-100",
               leaveFrom: "opacity-100",
               leaveTo: "opacity-0",
-              children: /* @__PURE__ */ e(Z.Options, { className: "absolute z-10 mt-1 w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", children: da.map((F) => /* @__PURE__ */ e(
-                Z.Option,
+              children: /* @__PURE__ */ e(X.Options, { className: "absolute z-10 mt-1 w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", children: da.map((F) => /* @__PURE__ */ e(
+                X.Option,
                 {
                   value: F,
                   className: ({ active: C }) => `${C ? "text-white bg-blue-600" : "text-gray-900"} hover:cursor-pointer select-none relative py-2 pl-10`,
-                  children: ({ selected: C }) => /* @__PURE__ */ l(H, { children: [
+                  children: ({ selected: C }) => /* @__PURE__ */ l(K, { children: [
                     /* @__PURE__ */ l(
                       "span",
                       {
@@ -2669,13 +2662,13 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
             exit: { opacity: 0, y: -10 },
             transition: { duration: 0.2 },
             className: "absolute top-full mt-2 w-full col-span-3 bg-white border border-gray-300 rounded-lg shadow-lg z-10",
-            children: R ? /* @__PURE__ */ e("div", { className: "p-4 text-center text-gray-500", children: "Loading..." }) : /* @__PURE__ */ l(H, { children: [
+            children: R ? /* @__PURE__ */ e("div", { className: "p-4 text-center text-gray-500", children: "Loading..." }) : /* @__PURE__ */ l(K, { children: [
               /* @__PURE__ */ e("div", { className: "max-h-60 overflow-y-auto p-2 space-y-1", children: d.map((F) => {
                 const C = $(F);
                 return /* @__PURE__ */ l(
                   "div",
                   {
-                    onClick: () => C ? null : x(F.id),
+                    onClick: () => C ? null : k(F.id),
                     className: `flex items-center gap-3 p-2 rounded-md hover:bg-blue-50 ${C ? " hover:cursor-not-allowed" : "hover:cursor-pointer"}`,
                     children: [
                       /* @__PURE__ */ e(
@@ -2697,7 +2690,7 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
                         }
                       ),
                       /* @__PURE__ */ e("span", { className: "text-md font-medium text-gray-800 truncate", children: F.name }),
-                      C ? /* @__PURE__ */ l(H, { children: [
+                      C ? /* @__PURE__ */ l(K, { children: [
                         /* @__PURE__ */ e("span", { className: "text-sm px-[12px] py-[2px] border border-dashed rounded-xl bg-teal-100 text-teal-700", children: C }),
                         /* @__PURE__ */ e("span", { className: "text-sm text-gray-400", children: "Already added" })
                       ] }) : ""
@@ -2743,12 +2736,12 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
                 ")"
               ] }),
               n === se.DRIVE && /* @__PURE__ */ e(
-                Z,
+                X,
                 {
                   value: A,
                   onChange: q,
                   children: /* @__PURE__ */ l("div", { className: "relative", children: [
-                    /* @__PURE__ */ l(Z.Button, { className: "relative w-full border border-gray-300 bg-white rounded-md shadow-sm pl-3 pr-10 py-2 text-left hover:cursor-pointer focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500 sm:text-sm", children: [
+                    /* @__PURE__ */ l(X.Button, { className: "relative w-full border border-gray-300 bg-white rounded-md shadow-sm pl-3 pr-10 py-2 text-left hover:cursor-pointer focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500 sm:text-sm", children: [
                       /* @__PURE__ */ l("span", { className: "flex items-center", children: [
                         /* @__PURE__ */ e(A.icon, { className: "h-5 w-5 text-gray-400 mr-2" }),
                         /* @__PURE__ */ l("span", { className: "truncate", children: [
@@ -2761,16 +2754,16 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
                     /* @__PURE__ */ e(
                       oe,
                       {
-                        as: Q,
+                        as: J,
                         leave: "transition ease-in duration-100",
                         leaveFrom: "opacity-100",
                         leaveTo: "opacity-0",
-                        children: /* @__PURE__ */ e(Z.Options, { className: "absolute z-10 mt-1 w-auto min-w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", children: ua.map((F) => /* @__PURE__ */ e(
-                          Z.Option,
+                        children: /* @__PURE__ */ e(X.Options, { className: "absolute z-10 mt-1 w-auto min-w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", children: ua.map((F) => /* @__PURE__ */ e(
+                          X.Option,
                           {
                             value: F,
                             className: ({ active: C }) => `${C ? "text-white bg-blue-600" : "text-gray-900"} hover:cursor-pointer select-none relative py-2 pl-10`,
-                            children: ({ selected: C, active: E }) => /* @__PURE__ */ l(H, { children: [
+                            children: ({ selected: C, active: E }) => /* @__PURE__ */ l(K, { children: [
                               /* @__PURE__ */ l(
                                 "span",
                                 {
@@ -2888,15 +2881,15 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
   }), y = vr(u), f = xr(u), { getReferenceProps: v, getFloatingProps: a } = Nr([
     y,
     f
-  ]), k = Je.find((p) => p.name === t.permission || p.value === t.permission) || Je[0];
+  ]), N = Je.find((p) => p.name === t.permission || p.value === t.permission) || Je[0];
   return (
     // FIX: The <Listbox> component now wraps both the button and the portal.
     // This provides the necessary context for both children.
-    /* @__PURE__ */ l(Z, { value: k, onChange: (p) => {
+    /* @__PURE__ */ l(X, { value: N, onChange: (p) => {
       s(p), n(!1);
     }, children: [
       /* @__PURE__ */ l(
-        Z.Button,
+        X.Button,
         {
           ref: m.setReference,
           ...v(),
@@ -2910,7 +2903,7 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
       /* @__PURE__ */ e(kr, { children: /* @__PURE__ */ e(
         oe,
         {
-          as: Q,
+          as: J,
           show: o,
           enter: "transition ease-out duration-100",
           enterFrom: "transform opacity-0 scale-95",
@@ -2919,7 +2912,7 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
           leaveFrom: "transform opacity-100 scale-100",
           leaveTo: "transform opacity-0 scale-95",
           children: /* @__PURE__ */ e(
-            Z.Options,
+            X.Options,
             {
               ref: m.setFloating,
               style: i,
@@ -2927,7 +2920,7 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
               static: !0,
               className: "z-50 w-48 bg-white shadow-lg rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none sm:text-sm",
               children: Je.filter((p) => r.includes(p.value)).map((p) => /* @__PURE__ */ e(
-                Z.Option,
+                X.Option,
                 {
                   className: ({
                     active: T
@@ -2936,7 +2929,7 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
                                             ${p.isDestructive && T ? "bg-red-100 text-red-900" : ""}
                                             ${p.isDestructive && !T ? "text-red-600" : ""}`,
                   value: p,
-                  children: ({ selected: T }) => /* @__PURE__ */ l(H, { children: [
+                  children: ({ selected: T }) => /* @__PURE__ */ l(K, { children: [
                     /* @__PURE__ */ l(
                       "span",
                       {
@@ -2967,15 +2960,15 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
   existingShares: n,
   allowedPermissions: m
 }) => {
-  const [i, u] = M(n), [y, f] = M(0), [v, a] = M(""), k = ta(v, 300), d = {
+  const [i, u] = M(n), [y, f] = M(0), [v, a] = M(""), N = ta(v, 300), d = {
     users: i.users.filter(
-      (R) => R.name.toLowerCase().includes(k.toLowerCase())
+      (R) => R.name.toLowerCase().includes(N.toLowerCase())
     ),
     groups: i.groups.filter(
-      (R) => R.name.toLowerCase().includes(k.toLowerCase())
+      (R) => R.name.toLowerCase().includes(N.toLowerCase())
     ),
     roles: i.roles.filter(
-      (R) => R.name.toLowerCase().includes(k.toLowerCase())
+      (R) => R.name.toLowerCase().includes(N.toLowerCase())
     )
   }, p = async (R, S, A, B) => {
     const I = S.value;
@@ -3044,7 +3037,7 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
             animate: { y: 0, opacity: 1 },
             exit: { y: -10, opacity: 0 },
             transition: { duration: 0.2 },
-            children: /* @__PURE__ */ e(ee.Panels, { as: Q, children: T.map((R) => /* @__PURE__ */ e(
+            children: /* @__PURE__ */ e(ee.Panels, { as: J, children: T.map((R) => /* @__PURE__ */ e(
               ee.Panel,
               {
                 className: "space-y-3 focus:outline-none",
@@ -3157,7 +3150,7 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
     hidden: { y: 20, opacity: 0 },
     visible: { y: 0, opacity: 1 },
     exit: { opacity: 0, x: -20 }
-  }, k = () => n ? (
+  }, N = () => n ? (
     // Show 5 skeleton items while loading
     /* @__PURE__ */ e("div", { children: Array.from({ length: 5 }).map((d, p) => /* @__PURE__ */ e(gn, {}, p)) })
   ) : f.length === 0 ? /* @__PURE__ */ l(
@@ -3241,7 +3234,7 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
         placeholder: "Search members..."
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: "flex-grow overflow-y-auto", children: k() })
+    /* @__PURE__ */ e("div", { className: "flex-grow overflow-y-auto", children: N() })
   ] });
 }, de = {
   INVITE: "invite",
@@ -3264,31 +3257,31 @@ const ke = nn(), Fe = ke.axiosGet, sn = ke.axiosDelete, $e = ke.axiosPost, ln =
   allowedPermissions: u = [],
   ...y
 }) => {
-  const [f, v] = M(de.INVITE), [a, k] = M(t), [d, p] = M(null), [T, L] = M(!1), [R, S] = M([]), [A, B] = M(de.MANAGE), I = () => {
+  const [f, v] = M(de.INVITE), [a, N] = M(t), [d, p] = M(null), [T, L] = M(!1), [R, S] = M([]), [A, B] = M(de.MANAGE), I = () => {
     v(de.INVITE), p(null), m();
   }, V = () => {
     v(de.MANAGE);
-  }, z = async ({ id: h, name: N, type: w }) => {
-    if (console.log("handleToMembers", { id: h, name: N, type: w }), w === "groups") {
+  }, z = async ({ id: h, name: x, type: w }) => {
+    if (console.log("handleToMembers", { id: h, name: x, type: w }), w === "groups") {
       try {
-        const c = await Fe(`${Ie.getMembersForGroup(N)}`);
+        const c = await Fe(`${Ie.getMembersForGroup(x)}`);
       } catch (c) {
         console.log("Error searching entities:", c);
       }
       S(resp);
     }
-    p({ id: h, type: w, name: N }), B(f), v(de.MEMBERS);
+    p({ id: h, type: w, name: x }), B(f), v(de.MEMBERS);
   }, P = (h) => {
-    console.log("changedExistingShares", h), k(h);
-    const N = !We.isEqual(
+    console.log("changedExistingShares", h), N(h);
+    const x = !We.isEqual(
       We.mapValues(t, (w) => w.map((c) => ({ id: c.id, permission: c.permission }))),
       We.mapValues(h, (w) => w.map((c) => ({ id: c.id, permission: c.permission })))
     );
-    L(N), v(f === de.MEMBERS ? A : de.INVITE);
+    L(x), v(f === de.MEMBERS ? A : de.INVITE);
   };
-  return /* @__PURE__ */ e(oe, { appear: !0, show: r, as: Q, children: /* @__PURE__ */ l(me, { as: "div", className: "relative z-50", onClose: I, children: [
+  return /* @__PURE__ */ e(oe, { appear: !0, show: r, as: J, children: /* @__PURE__ */ l(me, { as: "div", className: "relative z-50", onClose: I, children: [
     /* @__PURE__ */ e("div", { className: "filter-modal-overlay", "aria-hidden": "true" }),
-    /* @__PURE__ */ e("div", { className: "filter-modal-container", children: /* @__PURE__ */ e("div", { className: "filter-modal-positioner", children: /* @__PURE__ */ e(Ne, { className: "filter-modal-panel", style: { background: "white" }, children: (() => {
+    /* @__PURE__ */ e("div", { className: "filter-modal-container", children: /* @__PURE__ */ e("div", { className: "filter-modal-positioner", children: /* @__PURE__ */ e(ke, { className: "filter-modal-panel", style: { background: "white" }, children: (() => {
       switch (f) {
         case de.MANAGE:
           return /* @__PURE__ */ e(
@@ -3389,27 +3382,27 @@ function qe({
   onSearch: v,
   // (query: string) => void (required if searchMode==="server")
   serverLoading: a = !1,
-  minSearchChars: k = 2,
+  minSearchChars: N = 2,
   // NEW: mappers (id/label keys)
   getOptionId: d = (T) => String(T.id),
   getOptionLabel: p = (T) => T.name
 }) {
   const T = Qe(), L = Qe(), [R, S] = M(""), A = ue(""), B = ne(() => {
     const h = /* @__PURE__ */ new Map();
-    for (const N of r) h.set(d(N), N);
+    for (const x of r) h.set(d(x), x);
     return h;
   }, [r, d]), I = ne(() => Array.isArray(s) ? s.map((h) => h && typeof h == "object" ? B.get(d(h)) || null : B.get(String(h))).filter(Boolean) : [], [s, B, d]), V = ne(() => {
     if (!R) return r;
     const h = R.toLowerCase();
-    return r.filter((N) => p(N).toLowerCase().includes(h));
+    return r.filter((x) => p(x).toLowerCase().includes(h));
   }, [r, R, p]);
-  X(() => {
-    f === "server" && R.length >= k && R !== A.current && (A.current = R, v && v(R));
-  }, [R, f, k, v]);
+  Q(() => {
+    f === "server" && R.length >= N && R !== A.current && (A.current = R, v && v(R));
+  }, [R, f, N, v]);
   const z = f === "client" ? V : r, P = () => {
     if (!I.length)
       return /* @__PURE__ */ e("span", { className: "text-gray-500", children: m });
-    const h = I.slice(0, u), N = I.length - u;
+    const h = I.slice(0, u), x = I.length - u;
     return /* @__PURE__ */ l("div", { className: "flex flex-wrap gap-2", children: [
       h.map((w) => /* @__PURE__ */ e(
         "span",
@@ -3419,19 +3412,19 @@ function qe({
         },
         d(w)
       )),
-      N > 0 && /* @__PURE__ */ l("span", { className: "px-2 py-1 text-xs font-medium text-gray-600 bg-gray-200 rounded-full", children: [
+      x > 0 && /* @__PURE__ */ l("span", { className: "px-2 py-1 text-xs font-medium text-gray-600 bg-gray-200 rounded-full", children: [
         "+",
-        N,
+        x,
         " more"
       ] })
     ] });
   };
-  return /* @__PURE__ */ e(Z, { value: I, onChange: (h) => {
-    const N = Array.from(new Set(h.map((w) => d(w))));
-    y !== -1 && N.length > y || o(N);
+  return /* @__PURE__ */ e(X, { value: I, onChange: (h) => {
+    const x = Array.from(new Set(h.map((w) => d(w))));
+    y !== -1 && x.length > y || o(x);
   }, multiple: !0, by: "id", children: ({ open: h }) => /* @__PURE__ */ l("div", { children: [
     /* @__PURE__ */ e(
-      Z.Label,
+      X.Label,
       {
         id: T,
         className: "block text-sm font-medium leading-6 text-gray-900",
@@ -3440,7 +3433,7 @@ function qe({
     ),
     /* @__PURE__ */ l("div", { className: "relative mt-2", children: [
       /* @__PURE__ */ l(
-        Z.Button,
+        X.Button,
         {
           "aria-labelledby": T,
           "aria-invalid": !!i,
@@ -3459,33 +3452,33 @@ function qe({
       /* @__PURE__ */ e(
         oe,
         {
-          as: Q,
+          as: J,
           show: h,
           leave: "transition ease-in duration-100",
           leaveFrom: "opacity-100",
           leaveTo: "opacity-0",
-          children: /* @__PURE__ */ l(Z.Options, { className: "absolute z-10 w-full py-1 mt-1 overflow-auto text-base bg-white rounded-md shadow-lg max-h-60 ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", children: [
+          children: /* @__PURE__ */ l(X.Options, { className: "absolute z-10 w-full py-1 mt-1 overflow-auto text-base bg-white rounded-md shadow-lg max-h-60 ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", children: [
             /* @__PURE__ */ e("div", { className: "p-2 sticky top-0 bg-white z-20 shadow-sm", children: /* @__PURE__ */ e(
               he,
               {
                 value: R,
                 onDebouncedChange: S,
-                placeholder: f === "server" ? `Search (min ${k})…` : "Search options…"
+                placeholder: f === "server" ? `Search (min ${N})…` : "Search options…"
               }
             ) }),
             f === "server" && a && /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: "Loading…" }),
-            z.length === 0 && !a ? /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: f === "server" ? R.length < k ? `Type at least ${k} characters to search.` : "No results." : "No options found." }) : z.map((N) => {
-              const w = d(N), c = p(N), b = I.some((D) => d(D) === w), x = y !== -1 && I.length >= y && !b;
+            z.length === 0 && !a ? /* @__PURE__ */ e("div", { className: "py-2 px-3 text-gray-500", children: f === "server" ? R.length < N ? `Type at least ${N} characters to search.` : "No results." : "No options found." }) : z.map((x) => {
+              const w = d(x), c = p(x), b = I.some((D) => d(D) === w), k = y !== -1 && I.length >= y && !b;
               return /* @__PURE__ */ e(
-                Z.Option,
+                X.Option,
                 {
-                  value: N,
-                  disabled: x,
+                  value: x,
+                  disabled: k,
                   className: ({ active: D }) => Ae(
-                    x ? " text-gray-400  bg-white  cursor-not-allowed" : D ? " bg-gray-200  text-gray-900" : " text-gray-900",
+                    k ? " text-gray-400  bg-white  cursor-not-allowed" : D ? " bg-gray-200  text-gray-900" : " text-gray-900",
                     " relative  cursor-default  select-none  py-2  pl-3  pr-9"
                   ),
-                  children: ({ selected: D, active: q }) => /* @__PURE__ */ l(H, { children: [
+                  children: ({ selected: D, active: q }) => /* @__PURE__ */ l(K, { children: [
                     /* @__PURE__ */ e(
                       "span",
                       {
@@ -3590,7 +3583,7 @@ const ss = ({
           }
         ),
         /* @__PURE__ */ e("div", { className: "fixed inset-0 overflow-y-auto", children: /* @__PURE__ */ e("div", { className: "flex min-h-full items-center justify-center p-4", children: /* @__PURE__ */ l(
-          Ne,
+          ke,
           {
             className: `${u} relative bg-white align-middle w-full lg:w-[36rem] mx-5 lg:mx-0 transform overflow-hidden rounded-2xl text-left shadow-xl lg:min-w-[36rem] md:min-w-96 transition-all`,
             onClick: f,
@@ -3610,7 +3603,7 @@ const ss = ({
               ),
               n?.show && !n?.customFooter && /* @__PURE__ */ l("div", { className: "border-t flex justify-end border-gray-200 p-6 flex-shrink-0", children: [
                 i?.onCancel && /* @__PURE__ */ e(
-                  W,
+                  Z,
                   {
                     "data-testid": "cancel-button",
                     label: i?.label,
@@ -3622,7 +3615,7 @@ const ss = ({
                   }
                 ),
                 m?.onSubmit && /* @__PURE__ */ e(
-                  W,
+                  Z,
                   {
                     label: m?.label,
                     loader: m?.loader,
@@ -3672,7 +3665,7 @@ function vn({
   dropId: v,
   indent: a = 24
 }) {
-  const { setNodeRef: k, isOver: d } = Pt({ id: v }), { attributes: p, listeners: T, setNodeRef: L, transform: R, isDragging: S } = Lt({ id: f }), A = R ? { transform: `translate3d(${Math.round(R.x)}px, ${Math.round(R.y)}px, 0)` } : void 0, [B, I] = M(!1), [V, z] = M(t.name), P = () => {
+  const { setNodeRef: N, isOver: d } = Pt({ id: v }), { attributes: p, listeners: T, setNodeRef: L, transform: R, isDragging: S } = Lt({ id: f }), A = R ? { transform: `translate3d(${Math.round(R.x)}px, ${Math.round(R.y)}px, 0)` } : void 0, [B, I] = M(!1), [V, z] = M(t.name), P = () => {
     const h = V.trim();
     I(!1), h && h !== t.name ? i?.(t, h) : z(t.name);
   }, g = ne(() => /* @__PURE__ */ e(
@@ -3683,15 +3676,15 @@ function vn({
         { action: "rename", label: "Rename" },
         { action: "delete", label: "Delete" }
       ],
-      onSelect: (N) => {
-        N.action === "create" ? m?.(t) : N.action === "rename" ? I(!0) : N.action === "delete" && u?.(t);
+      onSelect: (x) => {
+        x.action === "create" ? m?.(t) : x.action === "rename" ? I(!0) : x.action === "delete" && u?.(t);
       }
     }
   ), [t, m, u]);
   return /* @__PURE__ */ l(
     "div",
     {
-      ref: k,
+      ref: N,
       className: `tv-row ${d ? "tv-drop-over" : ""} ${S ? "dragging" : ""}`,
       style: { ...A, paddingLeft: 8 + r * a },
       onClick: (h) => {
@@ -3756,7 +3749,7 @@ function Sn(t, { rootId: r, getId: s, getName: o }) {
   }
   return { roots: t.map((u) => m(u, null)), byId: n };
 }
-const Se = (t) => t.map((r) => ({ ...r, children: Se(r.children || []) }));
+const De = (t) => t.map((r) => ({ ...r, children: De(r.children || []) }));
 function Dn(t, r) {
   let s = null;
   function o(m) {
@@ -3809,67 +3802,67 @@ function ls({
   onRename: f,
   onDelete: v,
   onMove: a,
-  renderActions: k,
+  renderActions: N,
   disableMoveToRoot: d = !1,
   // ← allow root moves by default now
   indentUnit: p = 24
 }) {
   const { roots: T } = ne(() => wn(t) ? Sn(t, { rootId: r, getId: o, getName: m }) : Cn(
-    t.map((x) => ({ ...x })),
+    t.map((k) => ({ ...k })),
     { rootId: r, getId: o, getParent: n, getName: m }
-  ), [t, r, o, n, m]), [L, R] = M({}), S = ae((x) => {
+  ), [t, r, o, n, m]), [L, R] = M({}), S = ae((k) => {
     const D = {};
     return (function q(G) {
       G.forEach(($) => {
         D[$.id] = !0, $.children?.length && q($.children);
       });
-    })(x), D;
+    })(k), D;
   }, []);
   re.useEffect(() => {
     R(S(T));
   }, [T, S]);
   const A = ae(
-    (x) => R((D) => ({ ...D, [x]: !D[x] })),
+    (k) => R((D) => ({ ...D, [k]: !D[k] })),
     []
-  ), [B, I] = M(() => Se(T));
-  re.useEffect(() => I(Se(T)), [T]);
+  ), [B, I] = M(() => De(T));
+  re.useEffect(() => I(De(T)), [T]);
   const V = Ot(
     Mt(jt, { activationConstraint: { delay: 250, tolerance: 5 } })
-  ), z = ue(null), [P, g] = M(null), h = ue(0), N = () => {
-  }, w = ({ delta: x }) => {
-    h.current = x?.x ?? 0;
+  ), z = ue(null), [P, g] = M(null), h = ue(0), x = () => {
+  }, w = ({ delta: k }) => {
+    h.current = k?.x ?? 0;
   }, c = ae(
-    ({ active: x, over: D }) => {
+    ({ active: k, over: D }) => {
       const q = h.current;
-      if (h.current = 0, g(null), !x || !D) return;
-      const G = String(x.id).replace(/^drag-/, ""), $ = String(D.id).replace(/^drop-/, "");
+      if (h.current = 0, g(null), !k || !D) return;
+      const G = String(k.id).replace(/^drag-/, ""), $ = String(D.id).replace(/^drop-/, "");
       if (!G || !$ || G === $) return;
       let O = $;
       const U = Math.max(0, Math.floor(-q / p));
       if (U > 0) {
-        let K = $;
+        let H = $;
         for (let ie = 0; ie < U; ie++) {
-          const ce = Ja(B, K, null);
+          const ce = Ja(B, H, null);
           if (!ce) break;
           if (!ce.parentId) {
             O = r;
             break;
           }
-          O = ce.parentId, K = ce.parentId;
+          O = ce.parentId, H = ce.parentId;
         }
       }
       if (d && O === r) {
-        I(Se(T));
+        I(De(T));
         return;
       }
-      const F = Se(B), { newRoots: C, removed: E } = Dn(F, G);
+      const F = De(B), { newRoots: C, removed: E } = Dn(F, G);
       if (!E) return;
       const j = Fn(C, O, E);
       I(j), a?.({ sourceId: G, destParentId: O, newTree: j });
     },
     [B, T, r, d, p, a]
   ), b = ae(
-    (x, D = 0) => x.map((q) => /* @__PURE__ */ l(re.Fragment, { children: [
+    (k, D = 0) => k.map((q) => /* @__PURE__ */ l(re.Fragment, { children: [
       /* @__PURE__ */ e(
         vn,
         {
@@ -3881,7 +3874,7 @@ function ls({
           onCreateChild: y,
           onRename: f,
           onDelete: v,
-          renderActions: k,
+          renderActions: N,
           dragId: `drag-${q.id}`,
           dropId: `drop-${q.id}`,
           indent: p
@@ -3889,14 +3882,14 @@ function ls({
       ),
       L[q.id] && q.children?.length > 0 ? b(q.children, D + 1) : null
     ] }, q.id)),
-    [L, p, y, v, f, i, k, A]
+    [L, p, y, v, f, i, N, A]
   );
   return re.useMemo(() => {
     if (!P) return null;
-    const x = String(P).replace(/^drag-/, "");
+    const k = String(P).replace(/^drag-/, "");
     function D(q) {
       for (const G of q) {
-        if (G.id === x) return G;
+        if (G.id === k) return G;
         const $ = G.children?.length ? D(G.children) : null;
         if ($) return $;
       }
@@ -3918,7 +3911,7 @@ function ls({
       {
         collisionDetection: qt,
         sensors: V,
-        onDragStart: N,
+        onDragStart: x,
         onDragMove: w,
         onDragEnd: c,
         modifiers: [Ut],
@@ -3941,19 +3934,19 @@ const os = ({
   ...u
   // Pass remaining props to Tab.Group
 }) => {
-  const y = s === "vertical", f = (k) => ye(
+  const y = s === "vertical", f = (N) => ye(
     "text-left text-sm rounded-md px-2 py-1.5 focus:outline-none",
-    k ? "bg-indigo-50 text-indigo-700" : "text-slate-600 hover:bg-slate-50 hover:text-indigo-700"
-  ), v = (k) => ye(
+    N ? "bg-indigo-50 text-indigo-700" : "text-slate-600 hover:bg-slate-50 hover:text-indigo-700"
+  ), v = (N) => ye(
     "py-2 -mb-px text-sm font-medium focus:outline-none border-b-2",
-    k ? "border-indigo-600 text-indigo-700" : "border-transparent text-slate-600 hover:text-indigo-700"
-  ), a = ({ selected: k }) => i ? typeof i == "function" ? i(k) : i : y ? f(k) : v(k);
+    N ? "border-indigo-600 text-indigo-700" : "border-transparent text-slate-600 hover:text-indigo-700"
+  ), a = ({ selected: N }) => i ? typeof i == "function" ? i(N) : i : y ? f(N) : v(N);
   return /* @__PURE__ */ e(ee.Group, { vertical: y, ...u, children: y ? /* @__PURE__ */ l("div", { className: ye("flex gap-4", o), children: [
-    /* @__PURE__ */ e(ee.List, { className: ye("w-[150px] flex flex-col gap-1 border-r border-gray-300 pr-2", n), children: t.map((k) => /* @__PURE__ */ e(ee, { className: a, children: k.label }, k.key)) }),
-    /* @__PURE__ */ e(ee.Panels, { unmount: !r, className: ye("flex-1", m), children: t.map((k) => /* @__PURE__ */ e(ee.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: k.content }) }, k.key)) })
-  ] }) : /* @__PURE__ */ l(H, { children: [
-    /* @__PURE__ */ e(ee.List, { className: ye("flex gap-6 border-b border-gray-300 mb-3", n), children: t.map((k) => /* @__PURE__ */ e(ee, { className: a, children: k.label }, k.key)) }),
-    /* @__PURE__ */ e(ee.Panels, { unmount: !r, className: ye("mt-2", m), children: t.map((k) => /* @__PURE__ */ e(ee.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: k.content }) }, k.key)) })
+    /* @__PURE__ */ e(ee.List, { className: ye("w-[150px] flex flex-col gap-1 border-r border-gray-300 pr-2", n), children: t.map((N) => /* @__PURE__ */ e(ee, { className: a, children: N.label }, N.key)) }),
+    /* @__PURE__ */ e(ee.Panels, { unmount: !r, className: ye("flex-1", m), children: t.map((N) => /* @__PURE__ */ e(ee.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: N.content }) }, N.key)) })
+  ] }) : /* @__PURE__ */ l(K, { children: [
+    /* @__PURE__ */ e(ee.List, { className: ye("flex gap-6 border-b border-gray-300 mb-3", n), children: t.map((N) => /* @__PURE__ */ e(ee, { className: a, children: N.label }, N.key)) }),
+    /* @__PURE__ */ e(ee.Panels, { unmount: !r, className: ye("mt-2", m), children: t.map((N) => /* @__PURE__ */ e(ee.Panel, { className: "focus:outline-none", children: /* @__PURE__ */ e("div", { className: "[overflow-anchor:none]", children: N.content }) }, N.key)) })
   ] }) });
 };
 function $n({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
@@ -3962,7 +3955,7 @@ function $n({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
     const a = r && r[t.key] || {};
     return console.log("Initial Section data for", t.key, a), a;
   }), y = ue(r);
-  X(() => {
+  Q(() => {
     if (y.current !== r) {
       y.current = r;
       const a = r && r[t.key] || {};
@@ -3970,12 +3963,12 @@ function $n({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
     }
   }, [r, t.key]), console.log("Section data", i);
   const f = ue(i);
-  X(() => {
+  Q(() => {
     f.current !== i && s && typeof s == "function" && (f.current = i, s(n.key, i));
   }, [n.key, i, s]);
   const v = (a) => {
     if (!a.dependsOn) return !0;
-    const { field: k, value: d, operator: p = "equals" } = a.dependsOn, T = i[k];
+    const { field: N, value: d, operator: p = "equals" } = a.dependsOn, T = i[N];
     switch (p) {
       case "equals":
         return T === d;
@@ -4010,7 +4003,7 @@ function $n({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
       }
     ),
     /* @__PURE__ */ e("p", { style: { fontSize: "14px", marginBottom: "10px" }, children: n.description }),
-    /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: n.fields.map((a, k) => v(a) && /* @__PURE__ */ l("div", { style: { marginBottom: "10px" }, children: [
+    /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: n.fields.map((a, N) => v(a) && /* @__PURE__ */ l("div", { style: { marginBottom: "10px" }, children: [
       /* @__PURE__ */ l(
         "label",
         {
@@ -4431,7 +4424,7 @@ function $n({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
           children: a.info
         }
       )
-    ] }, k)) })
+    ] }, N)) })
   ] }) });
 }
 const Tn = ({ children: t }) => /* @__PURE__ */ e("div", { className: "flex -space-x-2", children: t });
@@ -4442,30 +4435,30 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
   const [v, a] = M(() => {
     const g = r && r[n.key] || [], h = g.length > 0 ? g : [{ id: 0 }];
     return console.log(`[DataTableRenderer] ${n.key} - Initial data:`, h), h;
-  }), k = ue(r);
-  X(() => {
-    if (console.log(`[DataTableRenderer] ${n.key} - Checking for initialData changes`), console.log(`[DataTableRenderer] ${n.key} - Previous:`, k.current), console.log(`[DataTableRenderer] ${n.key} - Current:`, r), k.current !== r) {
-      k.current = r;
+  }), N = ue(r);
+  Q(() => {
+    if (console.log(`[DataTableRenderer] ${n.key} - Checking for initialData changes`), console.log(`[DataTableRenderer] ${n.key} - Previous:`, N.current), console.log(`[DataTableRenderer] ${n.key} - Current:`, r), N.current !== r) {
+      N.current = r;
       const g = r && r[n.key] || [], h = g.length > 0 ? g : [{ id: 0 }];
       console.log(`[DataTableRenderer] ${n.key} - Setting new data:`, h), a(h);
     }
   }, [r, n.key]);
   const d = ue(v), p = ue(null);
-  X(() => {
+  Q(() => {
     d.current !== v && s && typeof s == "function" && (d.current = v, p.current && clearTimeout(p.current), p.current = setTimeout(() => {
       s(n.key, v);
     }, 300));
-  }, [n.key, v, s]), X(() => () => {
+  }, [n.key, v, s]), Q(() => () => {
     p.current && clearTimeout(p.current);
   }, []);
   const T = (g) => {
     const h = (c, b) => {
-      console.log("[DataTableRenderer] updateFieldValue called with:", { rowIndex: c, value: b, type: typeof b }), a((x) => {
-        const D = [...x];
+      console.log("[DataTableRenderer] updateFieldValue called with:", { rowIndex: c, value: b, type: typeof b }), a((k) => {
+        const D = [...k];
         return D[c][g.key] = b, D;
       });
-    }, N = (c) => o[n.key]?.[c]?.[g.key], w = (c) => {
-      const b = N(c);
+    }, x = (c) => o[n.key]?.[c]?.[g.key], w = (c) => {
+      const b = x(c);
       return b ? /* @__PURE__ */ e("div", { className: "text-red-500 text-xs mt-1", children: b }) : null;
     };
     switch (g.fieldtype) {
@@ -4475,10 +4468,10 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             Y,
             {
               value: c[g.key] || "",
-              onChange: (x) => h(b, x.target.value),
+              onChange: (k) => h(b, k.target.value),
               placeholder: g.placeholder || `Enter ${g.label}`,
               required: g.required,
-              className: `w-full ${N(b) ? "border-red-500" : ""}`
+              className: `w-full ${x(b) ? "border-red-500" : ""}`
             }
           ),
           w(b)
@@ -4489,10 +4482,10 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             Oa,
             {
               value: c[g.key] || "",
-              onChange: (x) => h(b, x.target.value),
+              onChange: (k) => h(b, k.target.value),
               placeholder: g.placeholder || `Enter ${g.label}`,
               required: g.required,
-              className: `w-full ${N(b) ? "border-red-500" : ""}`,
+              className: `w-full ${x(b) ? "border-red-500" : ""}`,
               rows: 3
             }
           ),
@@ -4505,10 +4498,10 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             {
               type: "number",
               value: c[g.key] || "",
-              onChange: (x) => h(b, x.target.value),
+              onChange: (k) => h(b, k.target.value),
               placeholder: g.placeholder || `Enter ${g.label}`,
               required: g.required,
-              className: `w-full ${N(b) ? "border-red-500" : ""}`
+              className: `w-full ${x(b) ? "border-red-500" : ""}`
             }
           ),
           w(b)
@@ -4520,10 +4513,10 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             {
               type: "email",
               value: c[g.key] || "",
-              onChange: (x) => h(b, x.target.value),
+              onChange: (k) => h(b, k.target.value),
               placeholder: g.placeholder || "Enter email address",
               required: g.required,
-              className: `w-full ${N(b) ? "border-red-500" : ""}`
+              className: `w-full ${x(b) ? "border-red-500" : ""}`
             }
           ),
           w(b)
@@ -4535,10 +4528,10 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             {
               type: "url",
               value: c[g.key] || "",
-              onChange: (x) => h(b, x.target.value),
+              onChange: (k) => h(b, k.target.value),
               placeholder: g.placeholder || "Enter URL",
               required: g.required,
-              className: `w-full ${N(b) ? "border-red-500" : ""}`
+              className: `w-full ${x(b) ? "border-red-500" : ""}`
             }
           ),
           w(b)
@@ -4550,10 +4543,10 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             {
               type: "password",
               value: c[g.key] || "",
-              onChange: (x) => h(b, x.target.value),
+              onChange: (k) => h(b, k.target.value),
               placeholder: g.placeholder || "Enter password",
               required: g.required,
-              className: `w-full ${N(b) ? "border-red-500" : ""}`
+              className: `w-full ${x(b) ? "border-red-500" : ""}`
             }
           ),
           w(b)
@@ -4565,18 +4558,18 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             He,
             {
               value: c[g.key] || "",
-              onChange: (x) => h(b, x),
+              onChange: (k) => h(b, k),
               options: g.options || [],
               placeholder: g.placeholder || `Select ${g.label}`,
               required: g.required,
-              className: `w-full ${N(b) ? "border-red-500" : ""}`
+              className: `w-full ${x(b) ? "border-red-500" : ""}`
             }
           ),
           w(b)
         ] });
       case "selectDynamic":
         return (c, b) => {
-          const x = () => {
+          const k = () => {
             if (g.optionsFrom && r) {
               const { config: D, valueField: q, labelField: G } = g.optionsFrom, $ = r[D] || [];
               if (Array.isArray($))
@@ -4595,10 +4588,10 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
                 index: b,
                 value: c[g.key] || "",
                 onChange: (D) => h(b, D),
-                options: x(),
+                options: k(),
                 placeholder: g.placeholder || `Select ${g.label}`,
                 required: g.required,
-                className: `w-full ${N(b) ? "border-red-500" : ""}`
+                className: `w-full ${x(b) ? "border-red-500" : ""}`
               },
               Math.random()
             ),
@@ -4607,11 +4600,11 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
         };
       case "multiselect":
         return (c, b) => {
-          const x = c[g.key] || [];
+          const k = c[g.key] || [];
           return /* @__PURE__ */ e(
             qe,
             {
-              selectedItems: x,
+              selectedItems: k,
               onSelectionChange: (D) => h(b, D),
               options: g.options || [],
               placeholder: g.placeholder || `Select ${g.label}`,
@@ -4625,7 +4618,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
           Aa,
           {
             checked: !!c[g.key],
-            onChange: (x) => h(b, x),
+            onChange: (k) => h(b, k),
             label: g.placeholder || g.label,
             className: "w-full"
           }
@@ -4636,7 +4629,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
           Ma,
           {
             isOn: !!c[g.key],
-            onToggle: (x) => h(b, x),
+            onToggle: (k) => h(b, k),
             label: g.placeholder || g.label,
             className: "w-full"
           }
@@ -4646,7 +4639,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
           za,
           {
             selectedDate: c[g.key] ? new Date(c[g.key]) : null,
-            onDateChange: (x) => h(b, x ? x.toISOString().split("T")[0] : ""),
+            onDateChange: (k) => h(b, k ? k.toISOString().split("T")[0] : ""),
             placeholder: g.placeholder || "Select date",
             className: "w-full"
           }
@@ -4657,7 +4650,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
           {
             type: "datetime-local",
             value: c[g.key] || "",
-            onChange: (x) => h(b, x.target.value),
+            onChange: (k) => h(b, k.target.value),
             placeholder: g.placeholder || "Select date and time",
             required: g.required,
             className: "w-full"
@@ -4669,7 +4662,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
           {
             type: "time",
             value: c[g.key] || "",
-            onChange: (x) => h(b, x.target.value),
+            onChange: (k) => h(b, k.target.value),
             placeholder: g.placeholder || "Select time",
             required: g.required,
             className: "w-full"
@@ -4680,7 +4673,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
           Ba,
           {
             selectedValue: c[g.key] || "",
-            onValueChange: (x) => h(b, x),
+            onValueChange: (k) => h(b, k),
             options: g.options || [],
             className: "w-full"
           }
@@ -4690,17 +4683,17 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
           he,
           {
             value: c[g.key] || "",
-            onChange: (x) => h(b, x),
+            onChange: (k) => h(b, k),
             placeholder: g.placeholder || `Search ${g.label}`,
             className: "w-full"
           }
         );
       case "audience":
         return (c, b) => {
-          const x = c[g.key] || { users: [], groups: [], roles: [] }, D = [
-            ...x.users || [],
-            ...x.groups || [],
-            ...x.roles || []
+          const k = c[g.key] || { users: [], groups: [], roles: [] }, D = [
+            ...k.users || [],
+            ...k.groups || [],
+            ...k.roles || []
           ];
           return /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ e(Tn, { children: D.length > 0 ? D.slice(0, 3).map((q, G) => /* @__PURE__ */ e(
@@ -4730,7 +4723,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
           {
             type: "color",
             value: c[g.key] || "#000000",
-            onChange: (x) => h(b, x.target.value),
+            onChange: (k) => h(b, k.target.value),
             className: "w-full h-10"
           }
         );
@@ -4741,7 +4734,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             {
               type: "range",
               value: c[g.key] || g.min || 0,
-              onChange: (x) => h(b, x.target.value),
+              onChange: (k) => h(b, k.target.value),
               min: g.min || 0,
               max: g.max || 100,
               step: g.step || 1,
@@ -4755,8 +4748,8 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
           Y,
           {
             type: "file",
-            onChange: (x) => {
-              const D = x.target.files[0];
+            onChange: (k) => {
+              const D = k.target.files[0];
               h(b, D ? D.name : "");
             },
             accept: g.accept,
@@ -4769,7 +4762,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
           {
             type: "hidden",
             value: c[g.key] || "",
-            onChange: (x) => h(b, x.target.value)
+            onChange: (k) => h(b, k.target.value)
           }
         );
       // Default fallback for unknown field types
@@ -4779,10 +4772,10 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
             Y,
             {
               value: c[g.key] || "",
-              onChange: (x) => h(b, x.target.value),
+              onChange: (k) => h(b, k.target.value),
               placeholder: g.placeholder || `Enter ${g.label}`,
               required: g.required,
-              className: `w-full ${N(b) ? "border-red-500" : ""}`
+              className: `w-full ${x(b) ? "border-red-500" : ""}`
             }
           ),
           w(b)
@@ -4798,39 +4791,39 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
       n.fields.forEach((w) => {
         w.fieldtype === "audience" ? h[w.key] = { users: [], groups: [], roles: [] } : h[w.key] = w.default || "";
       }), console.log("[DataTableRenderer] New blank row:", h);
-      const N = [...g, h];
-      return console.log("[DataTableRenderer] Updated data:", N), N;
+      const x = [...g, h];
+      return console.log("[DataTableRenderer] Updated data:", x), x;
     });
   }, [n.fields]), R = ae((g) => {
     a((h) => {
       if (h.length <= 1)
         return h;
-      const N = [...h];
-      return N.splice(g, 1), N;
+      const x = [...h];
+      return x.splice(g, 1), x;
     });
   }, []), [S, A] = M(null), B = ae((g, h) => {
     A(h), g.dataTransfer.effectAllowed = "move", g.dataTransfer.setData("text/html", "");
   }, []), I = ae((g) => {
     g.preventDefault(), g.dataTransfer.dropEffect = "move";
   }, []), V = ae((g, h) => {
-    g.preventDefault(), !(S === null || S === h) && (a((N) => {
-      const w = [...N], c = w[S];
+    g.preventDefault(), !(S === null || S === h) && (a((x) => {
+      const w = [...x], c = w[S];
       return w.splice(S, 1), w.splice(h, 0, c), w;
     }), A(null));
   }, [S]), z = ae(() => {
     A(null);
   }, []), P = ae((g) => {
     console.log("[DataTableRenderer] handleAddAudience called with:", g), a((h) => {
-      const N = [...h];
-      if (i !== null && y && N[i]) {
-        const w = g.pendingInvites || [], c = w.filter((D) => D.type === "User"), b = w.filter((D) => D.type === "Group"), x = w.filter((D) => D.type === "Role");
-        N[i][y] = {
-          users: [...N[i][y]?.users || [], ...c],
-          groups: [...N[i][y]?.groups || [], ...b],
-          roles: [...N[i][y]?.roles || [], ...x]
-        }, console.log("[DataTableRenderer] Updated audience data:", N[i][y]);
+      const x = [...h];
+      if (i !== null && y && x[i]) {
+        const w = g.pendingInvites || [], c = w.filter((D) => D.type === "User"), b = w.filter((D) => D.type === "Group"), k = w.filter((D) => D.type === "Role");
+        x[i][y] = {
+          users: [...x[i][y]?.users || [], ...c],
+          groups: [...x[i][y]?.groups || [], ...b],
+          roles: [...x[i][y]?.roles || [], ...k]
+        }, console.log("[DataTableRenderer] Updated audience data:", x[i][y]);
       }
-      return N;
+      return x;
     }), u(null), f(null);
   }, [i, y]);
   return /* @__PURE__ */ l("div", { children: [
@@ -4866,13 +4859,13 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
         {
           className: `hover:bg-gray-50 ${S === h ? "opacity-50" : ""}`,
           draggable: !0,
-          onDragStart: (N) => B(N, h),
+          onDragStart: (x) => B(x, h),
           onDragOver: I,
-          onDrop: (N) => V(N, h),
+          onDrop: (x) => V(x, h),
           onDragEnd: z,
           children: [
             /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: /* @__PURE__ */ e("div", { className: "cursor-move text-gray-400 hover:text-gray-600", children: /* @__PURE__ */ e(ea, { size: 16 }) }) }),
-            n.fields.map((N, w) => /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: T(N)(g, h) }, w)),
+            n.fields.map((x, w) => /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: T(x)(g, h) }, w)),
             /* @__PURE__ */ e("td", { className: "px-4 py-2 ", children: /* @__PURE__ */ e(
               "button",
               {
@@ -4908,7 +4901,7 @@ function An({ item: t, data: r, updateHandler: s, validationErrors: o = {} }) {
     })()
   ] });
 }
-const Ce = {
+const Se = {
   containerId: "ui-toast",
   position: "bottom-right",
   autoClose: 3500,
@@ -4921,13 +4914,13 @@ const ma = () => {
   typeof document > "u" || (ze += 1, document.body.classList.add("toast-backdrop"));
 }, ha = () => {
   typeof document > "u" || (ze = Math.max(0, ze - 1), ze === 0 && document.body.classList.remove("toast-backdrop"));
-}, De = {
-  success: (t, r) => le.success(t, { ...Ce, ...r }),
-  info: (t, r) => le.info(t, { ...Ce, ...r }),
-  warn: (t, r) => le.warn(t, { ...Ce, ...r }),
+}, ve = {
+  success: (t, r) => le.success(t, { ...Se, ...r }),
+  info: (t, r) => le.info(t, { ...Se, ...r }),
+  warn: (t, r) => le.warn(t, { ...Se, ...r }),
   // Error: no autoClose + modal-like behavior via backdrop
   error: (t, r) => le.error(t, {
-    ...Ce,
+    ...Se,
     autoClose: !1,
     closeOnClick: !1,
     draggable: !1,
@@ -4950,7 +4943,7 @@ const ma = () => {
         onClose: ha
       }
     },
-    { ...Ce, ...s }
+    { ...Se, ...s }
   )
 }, Ee = (t) => {
   try {
@@ -4975,7 +4968,7 @@ const ma = () => {
   initialData: y = null
   // Add prop for initial demo data
 }) => {
-  const [f, v] = M(null), [a, k] = M(""), [d, p] = M(() => Array.isArray(y) ? y : []), [T, L] = M(null), [R, S] = M(null), [A, B] = M(""), I = async () => {
+  const [f, v] = M(null), [a, N] = M(""), [d, p] = M(() => Array.isArray(y) ? y : []), [T, L] = M(null), [R, S] = M(null), [A, B] = M(""), I = async () => {
     try {
       const $ = await Fe(t.collectionList);
       if ($) {
@@ -4989,13 +4982,13 @@ const ma = () => {
       console.log("Error loading collections:", $), typeof window < "u" && !window.location.pathname.includes("iframe.html") && le.error("Failed to load collections");
     }
   };
-  X(() => {
+  Q(() => {
     (!y || y.length === 0) && I();
-  }, [y]), X(() => {
+  }, [y]), Q(() => {
     Array.isArray(y) && p(y);
   }, [y]);
   const V = ($) => {
-    m && (v($.id), k($.categoryName || ""));
+    m && (v($.id), N($.categoryName || ""));
   }, z = () => {
     if (!n || f !== null) return;
     const $ = `temp-${Date.now()}`;
@@ -5008,12 +5001,12 @@ const ma = () => {
         order: (O.at(-1)?.order ?? 0) + 1,
         _temp: !0
       }
-    ]), v($), k("");
+    ]), v($), N("");
   }, P = () => {
     f != null && (p(($) => {
       const O = $.find((F) => F.id === f), U = O && O._temp ? $.filter((F) => F.id !== f) : $;
       return s?.(U), U;
-    }), v(null), k(""));
+    }), v(null), N(""));
   }, g = async () => {
     if (f == null || !a.trim()) return;
     const $ = typeof f == "string" && f.startsWith("temp-");
@@ -5026,7 +5019,7 @@ const ma = () => {
         O && (p((U) => {
           const F = U.map((C) => C.id === f ? O : C);
           return s?.(F), F;
-        }), De.success("Collection created successfully"));
+        }), ve.success("Collection created successfully"));
       } else {
         const O = await ln(
           `${t.collectionUpdate}/${f}?newName=${a.trim()}`
@@ -5038,7 +5031,7 @@ const ma = () => {
           return s?.(F), F;
         }), le.success("Collection updated successfully");
       }
-      v(null), k("");
+      v(null), N("");
     } catch (O) {
       console.log(O), le.error("Failed to save collection");
     }
@@ -5049,12 +5042,12 @@ const ma = () => {
       } catch (O) {
         console.log(O), le.error("Failed to delete collection");
       }
-  }, N = ($, O, U) => {
+  }, x = ($, O, U) => {
     if (!u || !O || !U || O === U) return $;
-    const F = $.findIndex((K) => K.id === O), C = $.findIndex((K) => K.id === U);
+    const F = $.findIndex((H) => H.id === O), C = $.findIndex((H) => H.id === U);
     if (F === -1 || C === -1) return $;
     const E = [...$], [j] = E.splice(F, 1);
-    return E.splice(C, 0, j), E.map((K, ie) => ({ ...K, order: ie + 1 }));
+    return E.splice(C, 0, j), E.map((H, ie) => ({ ...H, order: ie + 1 }));
   }, w = async ($) => {
     const O = $.map((U) => ({
       id: U.id,
@@ -5070,13 +5063,13 @@ const ma = () => {
     u && ($.dataTransfer.effectAllowed = "move", $.dataTransfer.setData("text/plain", String(O)), L(O));
   }, b = ($) => {
     T && $ !== R && S($);
-  }, x = ($) => {
+  }, k = ($) => {
     $.preventDefault();
   }, D = async ($, O) => {
     $.preventDefault();
     const U = $.dataTransfer.getData("text/plain");
     U && (p((F) => {
-      const C = N(F, U, O);
+      const C = x(F, U, O);
       return console.log("Reordered", C), w(C), s?.(C), C;
     }), L(null), S(null));
   }, q = () => {
@@ -5114,7 +5107,7 @@ const ma = () => {
         "div",
         {
           onDragEnter: () => b($.id),
-          onDragOver: x,
+          onDragOver: k,
           onDrop: (E) => D(E, $.id),
           onDragEnd: q,
           className: [
@@ -5123,7 +5116,7 @@ const ma = () => {
             C ? "ring-2 ring-gray-800/20" : "",
             F ? "opacity-60" : ""
           ].join(" "),
-          children: O ? /* @__PURE__ */ l(H, { children: [
+          children: O ? /* @__PURE__ */ l(K, { children: [
             /* @__PURE__ */ e("div", { className: "flex items-center gap-2 flex-1", children: /* @__PURE__ */ e(
               "input",
               {
@@ -5131,7 +5124,7 @@ const ma = () => {
                 className: "flex-1 h-10 px-3 max-w-[200px] border border-gray-300 rounded-2xl outline-none focus:ring-2 focus:ring-gray-800/20",
                 value: a,
                 placeholder: $._temp ? "New collection name" : "Edit collection name",
-                onChange: (E) => k(E.target.value),
+                onChange: (E) => N(E.target.value),
                 onKeyDown: (E) => {
                   E.key === "Enter" && g(), E.key === "Escape" && P();
                 },
@@ -5163,7 +5156,7 @@ const ma = () => {
                 }
               )
             ] })
-          ] }) : /* @__PURE__ */ l(H, { children: [
+          ] }) : /* @__PURE__ */ l(K, { children: [
             /* @__PURE__ */ l("div", { className: "flex gap-2 items-center", children: [
               u && /* @__PURE__ */ e(
                 "span",
@@ -5216,7 +5209,7 @@ const ma = () => {
     allowEdit: f = !0,
     allowDelete: v = !0,
     allowReorder: a = !0,
-    className: k = ""
+    className: N = ""
   } = t, d = r?.[t.key] || i || [], p = Array.isArray(d) ? d : [];
   return /* @__PURE__ */ l("div", { className: "dynamic-config-manage-collection-list", children: [
     (o || n) && /* @__PURE__ */ l("div", { className: "mb-4", children: [
@@ -5228,7 +5221,7 @@ const ma = () => {
       {
         endpoints: m,
         initialData: p,
-        className: k,
+        className: N,
         onCollectionChange: (L) => {
           s && s(t.key, L);
         },
@@ -5244,17 +5237,17 @@ const ma = () => {
   "Unknown type:",
   " ",
   /* @__PURE__ */ e("span", { className: "font-mono", children: String(t?.type ?? "N/A") })
-] }), xe = /* @__PURE__ */ Object.create(null);
-xe.section = $n;
-xe.datatable = An;
-xe.managecollectionlist = Xa;
-xe["manage-collection-list"] = Xa;
+] }), Ne = /* @__PURE__ */ Object.create(null);
+Ne.section = $n;
+Ne.datatable = An;
+Ne.managecollectionlist = Xa;
+Ne["manage-collection-list"] = Xa;
 function In(t) {
   return typeof t == "string" ? t.trim() : t && typeof t == "object" ? String(t.type || "").trim() : "";
 }
 function zn(t) {
   const r = In(t);
-  return xe[r] || xe[r.toLowerCase?.()] || Rn;
+  return Ne[r] || Ne[r.toLowerCase?.()] || Rn;
 }
 function Bn({
   appid: t,
@@ -5262,13 +5255,13 @@ function Bn({
   disableApi: s = !1,
   onCancel: o
 }) {
-  const [n, m] = re.useState(r), [i, u] = re.useState(null), [y, f] = M(!1), [v, a] = M(!1), [k, d] = M({}), p = `${be()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, T = p, [L, R] = M(1), S = (h) => {
+  const [n, m] = re.useState(r), [i, u] = re.useState(null), [y, f] = M(!1), [v, a] = M(!1), [N, d] = M({}), p = `${be()}/unifyedxappmodulemanagement/api/v1/appmanager/${t}/configuration`, T = p, [L, R] = M(1), S = (h) => {
     if (!r || !r.configuration)
       return h;
-    const N = {}, w = h?.configuration || {};
+    const x = {}, w = h?.configuration || {};
     return r.configuration.forEach((c) => {
       if (c.key && c.type === "datatable" && c.key === "newsFeeds") {
-        const x = (w.newsFeeds || []).map((D, q) => {
+        const k = (w.newsFeeds || []).map((D, q) => {
           let G = { users: [], groups: [], roles: [] };
           return D.audience && (Array.isArray(D.audience) ? G = { users: [], groups: [], roles: [] } : typeof D.audience == "object" && (G = {
             users: D.audience.users || [],
@@ -5282,36 +5275,36 @@ function Bn({
             audience: G
           };
         });
-        if (x.length === 0) {
+        if (k.length === 0) {
           const D = { id: 0 };
           c.fields && c.fields.forEach((q) => {
             q.fieldtype === "audience" ? D[q.key] = { users: [], groups: [], roles: [] } : D[q.key] = q.default || "";
-          }), x.push(D);
+          }), k.push(D);
         }
-        N[c.key] = x;
-      } else c.key && (N[c.key] = w[c.key] || {});
-    }), N;
+        x[c.key] = k;
+      } else c.key && (x[c.key] = w[c.key] || {});
+    }), x;
   }, A = () => {
     if (r && r.configuration) {
       const h = {};
-      r.configuration.forEach((N) => {
-        if (N.key)
-          if (N.type === "datatable") {
+      r.configuration.forEach((x) => {
+        if (x.key)
+          if (x.type === "datatable") {
             const w = { id: 0 };
-            N.fields && N.fields.forEach((c) => {
+            x.fields && x.fields.forEach((c) => {
               c.fieldtype === "audience" ? w[c.key] = { users: [], groups: [], roles: [] } : w[c.key] = c.default || "";
-            }), h[N.key] = [w];
-          } else if (N.type === "section") {
+            }), h[x.key] = [w];
+          } else if (x.type === "section") {
             const w = {};
-            N.fields && Array.isArray(N.fields) && N.fields.forEach((c) => {
+            x.fields && Array.isArray(x.fields) && x.fields.forEach((c) => {
               c.key && (w[c.key] = c.default || "");
-            }), h[N.key] = w;
+            }), h[x.key] = w;
           } else
-            h[N.key] = {};
+            h[x.key] = {};
       }), u(h);
     }
   };
-  X(() => {
+  Q(() => {
     if (s) {
       f(!1);
       return;
@@ -5319,51 +5312,51 @@ function Bn({
     const h = async () => {
       try {
         f(!0);
-        let N = await Fe(p);
-        if (N) {
-          const w = S(N);
+        let x = await Fe(p);
+        if (x) {
+          const w = S(x);
           u(w);
         } else
           A();
-      } catch (N) {
-        console.error("Error fetching configuration:", N);
+      } catch (x) {
+        console.error("Error fetching configuration:", x);
         let w = "Failed to load configuration";
-        if (N.response) {
-          const c = N.response.status, b = N.response.data?.message || N.response.data?.error;
+        if (x.response) {
+          const c = x.response.status, b = x.response.data?.message || x.response.data?.error;
           c === 400 ? w = b || "Invalid request. Please check the application ID." : c === 401 ? w = "You are not authorized to access this configuration." : c === 403 ? w = "Access denied. You don't have permission to view this configuration." : c === 404 ? w = "Configuration not found. It may not exist yet or the application ID is incorrect." : c >= 500 ? w = b || "Server error. Please try again later." : w = b || `Failed to load configuration (Error ${c})`;
-        } else N.request ? w = "Network error. Please check your connection and try again." : w = N.message || "An unexpected error occurred while loading configuration.";
-        De.error(w), A();
+        } else x.request ? w = "Network error. Please check your connection and try again." : w = x.message || "An unexpected error occurred while loading configuration.";
+        ve.error(w), A();
       } finally {
         f(!1);
       }
     };
     r && (m(r), t ? h() : A());
   }, [r, L, t, s]);
-  const B = (h, N) => {
+  const B = (h, x) => {
     u((w) => ({
       ...w,
-      [h]: N
+      [h]: x
     })), d((w) => {
       const c = { ...w };
       return c[h] && delete c[h], c;
     });
   }, I = () => {
     const h = {};
-    return !n || !i || n.configuration.forEach((N) => {
-      if (N.type === "section")
-        N.fields.forEach((w) => {
+    return !n || !i || n.configuration.forEach((x) => {
+      if (x.type === "section")
+        x.fields.forEach((w) => {
           if (w.required) {
-            const c = i[N.key]?.[w.key];
-            (!c || typeof c == "string" && c.trim() === "") && (h[N.key] || (h[N.key] = {}), h[N.key][w.key] = `${w.label} is required`);
+            const c = i[x.key]?.[w.key];
+            (!c || typeof c == "string" && c.trim() === "") && (h[x.key] || (h[x.key] = {}), h[x.key][w.key] = `${w.label} is required`);
           }
         });
-      else if (N.type === "datatable") {
-        const w = i[N.key];
+      else if (x.type === "datatable") {
+        const w = i[x.key];
         Array.isArray(w) && w.forEach((c, b) => {
-          N.fields.forEach((x) => {
-            if (x.required) {
-              const D = c[x.key];
-              (!D || typeof D == "string" && D.trim() === "") && (h[N.key] || (h[N.key] = {}), h[N.key][b] || (h[N.key][b] = {}), h[N.key][b][x.key] = `${x.label} is required`);
+          x.fields.forEach((k) => {
+            if (k.required) {
+              const D = c[k.key];
+              (!D || typeof D == "string" && D.trim() === "") && (h[x.key] || (h[x.key] = {}), h[x.key][b] || (h[x.key][b] = {}), h[x.key][b][k.key] = `${k.label} is required`);
             }
           });
         });
@@ -5375,8 +5368,8 @@ function Bn({
       let w = [];
       Object.keys(h).forEach((c) => {
         typeof h[c] == "object" && Object.keys(h[c]).forEach((b) => {
-          typeof h[c][b] == "object" ? Object.keys(h[c][b]).forEach((x) => {
-            w.push(`${c} row ${parseInt(b) + 1}: ${h[c][b][x]}`);
+          typeof h[c][b] == "object" ? Object.keys(h[c][b]).forEach((k) => {
+            w.push(`${c} row ${parseInt(b) + 1}: ${h[c][b][k]}`);
           }) : w.push(`${c}: ${h[c][b]}`);
         });
       });
@@ -5387,35 +5380,30 @@ function Bn({
         a(!0);
         const w = {};
         i && Object.keys(i).forEach((b) => {
-          b === "newsFeeds" && Array.isArray(i[b]) ? w[b] = i[b].map((x) => {
+          b === "newsFeeds" && Array.isArray(i[b]) ? w[b] = i[b].map((k) => {
             let D = { users: [], groups: [], roles: [] };
-            return x.audience && typeof x.audience == "object" && !Array.isArray(x.audience) && (D = {
-              users: x.audience.users || [],
-              groups: x.audience.groups || [],
-              roles: x.audience.roles || []
+            return k.audience && typeof k.audience == "object" && !Array.isArray(k.audience) && (D = {
+              users: k.audience.users || [],
+              groups: k.audience.groups || [],
+              roles: k.audience.roles || []
             }), {
-              id: x.id || 0,
-              category: x.category || "",
-              url: x.url || "",
+              id: k.id || 0,
+              category: k.category || "",
+              url: k.url || "",
               // Keep as 'url' to match API and config
               audience: D
             };
           }) : w[b] = i[b];
         });
         let c = await $e(T, w);
-        if (c && c.data?.status != "fail") {
+        if (console.log(), c && c.status != "fail") {
           d({});
           const b = c.message || "Configuration has been saved successfully";
-          De.success(b);
+          ve.success(b);
         } else
-          throw new Error("No response received from server");
+          throw ve.error(c?.message || "Failed to save configuration"), new Error("No response received from server");
       } catch (w) {
-        let c = "Failed to save configuration";
-        if (w.response) {
-          const b = w.response.status, x = w.response.data?.message || w.response.data?.error;
-          b === 400 ? c = x || "Invalid configuration data. Please check your inputs." : b === 401 ? c = "You are not authorized to save this configuration." : b === 403 ? c = "Access denied. You don't have permission to save this configuration." : b === 404 ? c = "Configuration endpoint not found. Please contact support." : b >= 500 ? c = x || "Server error. Please try again later." : c = x || `Failed to save configuration (Error ${b})`;
-        } else w.request ? c = "Network error. Please check your connection and try again." : c = w.message || "An unexpected error occurred while saving.";
-        De.error(c);
+        console.error("Error saving configuration:", w), ve.error(w?.message || "Failed to save configuration");
       } finally {
         a(!1);
       }
@@ -5425,14 +5413,14 @@ function Bn({
       o();
       return;
     }
-    k && Object.keys(k).length > 0 && !window.confirm(
+    N && Object.keys(N).length > 0 && !window.confirm(
       "You have validation errors that will be lost. Are you sure you want to cancel?"
-    ) || (d({}), u(null), R((N) => N + 1), De.info("Configuration changes cancelled"));
+    ) || (d({}), u(null), R((x) => x + 1), ve.info("Configuration changes cancelled"));
   };
   if (!n?.configuration && !r?.configuration)
     return /* @__PURE__ */ e("div", { className: "min-h-screen flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "text-gray-500", children: "No configuration available" }) });
   const g = r?.configuration || n?.configuration;
-  return X(() => {
+  return Q(() => {
     s && r ? (!i || Object.keys(i).length === 0) && A() : s && !r && A();
   }, [s, r]), /* @__PURE__ */ l("div", { children: [
     /* @__PURE__ */ l(
@@ -5442,7 +5430,7 @@ function Bn({
         style: { padding: "0px 20px 0px 0px" },
         children: [
           y && /* @__PURE__ */ e("div", { className: "flex justify-center items-center h-64", children: /* @__PURE__ */ e(La, { size: "large" }) }),
-          !y && g?.map((h, N) => {
+          !y && g?.map((h, x) => {
             const w = zn(h.type);
             if (w && w !== "UnknownType")
               return /* @__PURE__ */ e(
@@ -5451,9 +5439,9 @@ function Bn({
                   item: h,
                   data: i,
                   updateHandler: B,
-                  validationErrors: k
+                  validationErrors: N
                 },
-                N
+                x
               );
           })
         ]
@@ -5461,7 +5449,7 @@ function Bn({
     ),
     /* @__PURE__ */ l("div", { className: "w-full gap-5 bg-white flex justify-end py-3 px-7 rounded-t-md rounded-b-2xl border border-gray-300", style: { boxShadow: "0 -2px 10px 0 rgba(0, 0, 0, 0.20)", marginTop: "20px" }, children: [
       /* @__PURE__ */ e(
-        W,
+        Z,
         {
           category: "secondary",
           onClick: P,
@@ -5470,7 +5458,7 @@ function Bn({
         }
       ),
       /* @__PURE__ */ e(
-        W,
+        Z,
         {
           category: "primary",
           onClick: z,
@@ -5493,7 +5481,7 @@ const is = ({
     breadcrumb: f = [],
     overview: v = {},
     configuration: a = []
-  } = t, k = a.map((z) => {
+  } = t, N = a.map((z) => {
     if (z.type === "section" && z.fields) {
       const P = [...z.fields], g = P.findIndex((h) => h.key === "appkey");
       if (g !== -1) {
@@ -5545,7 +5533,7 @@ const is = ({
     i(!1), z.primary ? (console.log("User confirmed cancel - navigating back"), window.history.back()) : console.log("User cancelled the cancel action - modal closed, data preserved");
   }, []), S = {
     heading: (() => {
-      for (const z of k)
+      for (const z of N)
         if (z.type === "section" && z.fields) {
           const P = z.fields.find((g) => g.key === "displayname");
           if (P)
@@ -5576,7 +5564,7 @@ const is = ({
     ...v
   }, B = [
     { label: "Overview", content: V(A) },
-    { label: "Configuration", content: /* @__PURE__ */ e(Bn, { appid: r, configdata: { configuration: k }, disableApi: s, onCancel: T }) }
+    { label: "Configuration", content: /* @__PURE__ */ e(Bn, { appid: r, configdata: { configuration: N }, disableApi: s, onCancel: T }) }
   ];
   function I(z) {
     return z ? z.includes("<svg") ? /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: z } }) : z : "📱";
@@ -5676,7 +5664,7 @@ const is = ({
   ] });
 };
 function cs({ children: t }) {
-  return /* @__PURE__ */ l(H, { children: [
+  return /* @__PURE__ */ l(K, { children: [
     t,
     /* @__PURE__ */ e(
       Yt,
@@ -5717,7 +5705,7 @@ const ds = ({
   showColumnChooser: f = !0,
   showFilter: v = !1,
   showPrint: a = !1,
-  showExcel: k = !1,
+  showExcel: N = !1,
   showPdf: d = !1,
   showRefresh: p = !1,
   showAdd: T = !1,
@@ -5731,19 +5719,19 @@ const ds = ({
   excelFileName: A,
   pdfFileName: B
 }) => {
-  const I = () => n?.current || o?.current, [V, z] = re.useState(""), P = (t || "export").toString().trim() || "export", g = `${A || P}.xlsx`, h = `${B || P}.pdf`, N = (b, x, D) => Math.max(x, Math.min(b, D)), w = ae(
+  const I = () => n?.current || o?.current, [V, z] = re.useState(""), P = (t || "export").toString().trim() || "export", g = `${A || P}.xlsx`, h = `${B || P}.pdf`, x = (b, k, D) => Math.max(k, Math.min(b, D)), w = ae(
     (b) => {
-      const x = I();
-      if (console.log("openColumnChooserNear", x), !!x?.openColumnChooser) {
+      const k = I();
+      if (console.log("openColumnChooserNear", k), !!k?.openColumnChooser) {
         if (typeof window > "u" || !b?.currentTarget) {
-          x.openColumnChooser();
+          k.openColumnChooser();
           return;
         }
         try {
           const D = b.currentTarget.getBoundingClientRect(), q = D.left + window.scrollX, G = D.bottom + window.scrollY;
           let $ = q - 120, O = G - 120;
           const U = window.innerWidth, F = window.innerHeight;
-          $ = N($, window.scrollX + 8, window.scrollX + U - 340), O = N(O, window.scrollY, window.scrollY + F - 120), console.log("openColumnChooserNear", $, O), x.openColumnChooser($, O);
+          $ = x($, window.scrollX + 8, window.scrollX + U - 340), O = x(O, window.scrollY, window.scrollY + F - 120), console.log("openColumnChooserNear", $, O), k.openColumnChooser($, O);
         } catch (D) {
           console.log("coloumn choose error", D);
         }
@@ -5752,18 +5740,18 @@ const ds = ({
     []
     // no external deps; reads ref at call time
   ), c = ae(
-    (b, x) => {
+    (b, k) => {
       const D = I();
       if (D)
         switch (b) {
           case "ColumnChooser":
-            f && (console.log("openColumnChooser", x), x ? w(x) : D.openColumnChooser?.()), console.log("openColumnChooser out", x);
+            f && (console.log("openColumnChooser", k), k ? w(k) : D.openColumnChooser?.()), console.log("openColumnChooser out", k);
             break;
           case "Print":
             a && D.print?.();
             break;
           case "Excel":
-            k && D.excelExport?.({ fileName: g });
+            N && D.excelExport?.({ fileName: g });
             break;
           case "Pdf":
             d && D.pdfExport?.({ fileName: h });
@@ -5773,7 +5761,7 @@ const ds = ({
             break;
         }
     },
-    [f, a, k, d, p, g, h, R, w]
+    [f, a, N, d, p, g, h, R, w]
   );
   return /* @__PURE__ */ l("div", { className: "flex items-center flex-wrap justify-between w-full px-4 py-2 bg-white border border-gray-200 rounded-t-2xl mb-0", children: [
     /* @__PURE__ */ l("div", { className: "flex flex-col", children: [
@@ -5798,7 +5786,7 @@ const ds = ({
       /* @__PURE__ */ l("div", { className: "flex gap-3", children: [
         /* @__PURE__ */ l("div", { className: "flex items-center gap-1.5", children: [
           f && /* @__PURE__ */ e(
-            W,
+            Z,
             {
               icon: Jt,
               onClick: (b) => c("ColumnChooser", b),
@@ -5809,7 +5797,7 @@ const ds = ({
             }
           ),
           v && /* @__PURE__ */ e(
-            W,
+            Z,
             {
               icon: Qt,
               onClick: i,
@@ -5820,7 +5808,7 @@ const ds = ({
             }
           ),
           a && /* @__PURE__ */ e(
-            W,
+            Z,
             {
               icon: Xt,
               onClick: () => c("Print"),
@@ -5830,8 +5818,8 @@ const ds = ({
               title: "Print Grid"
             }
           ),
-          k && /* @__PURE__ */ e(
-            W,
+          N && /* @__PURE__ */ e(
+            Z,
             {
               icon: Zt,
               onClick: () => c("Excel"),
@@ -5842,7 +5830,7 @@ const ds = ({
             }
           ),
           d && /* @__PURE__ */ e(
-            W,
+            Z,
             {
               icon: Ht,
               onClick: () => c("Pdf"),
@@ -5853,7 +5841,7 @@ const ds = ({
             }
           ),
           p && /* @__PURE__ */ e(
-            W,
+            Z,
             {
               icon: Kt,
               onClick: () => c("Refresh"),
@@ -5865,7 +5853,7 @@ const ds = ({
           )
         ] }),
         T && m && /* @__PURE__ */ e(
-          W,
+          Z,
           {
             label: u,
             icon: er,
@@ -5893,7 +5881,7 @@ function us(t) {
     allowGrouping: f = !1,
     allowReordering: v = !0,
     allowResizing: a = !0,
-    allowExcelExport: k = !1,
+    allowExcelExport: N = !1,
     allowPdfExport: d = !1,
     showColumnChooser: p = !1,
     enableSearchApi: T = !1,
@@ -5908,15 +5896,15 @@ function us(t) {
     apiRef: P,
     gridProps: g = {}
   } = t, h = ue(null), {
-    pageSettings: N,
+    pageSettings: x,
     sortSettings: w,
     ...c
   } = g || {}, b = ne(() => {
     const C = [wr];
-    return u && C.push(Cr), y && C.push(Sr), f && C.push(Dr), T && C.push(Fr), k && C.push($r), d && C.push(Tr), p && C.push(Ar), a && C.push(Er), v && C.push(Rr), C.push(Ir), C;
-  }, [u, y, f, T, k, d, p, a, v]), x = ne(() => {
-    const C = () => h.current, E = (j, K) => {
-      !K && process.env.NODE_ENV !== "production" && console.warn(`[CustomDataGrid] ${j} requested but related service/feature is disabled.`);
+    return u && C.push(Cr), y && C.push(Sr), f && C.push(Dr), T && C.push(Fr), N && C.push($r), d && C.push(Tr), p && C.push(Ar), a && C.push(Er), v && C.push(Rr), C.push(Ir), C;
+  }, [u, y, f, T, N, d, p, a, v]), k = ne(() => {
+    const C = () => h.current, E = (j, H) => {
+      !H && process.env.NODE_ENV !== "production" && console.warn(`[CustomDataGrid] ${j} requested but related service/feature is disabled.`);
     };
     return {
       getInstance: () => C(),
@@ -5930,19 +5918,19 @@ function us(t) {
       },
       print: () => C()?.print?.(),
       excelExport: (j) => {
-        E("excelExport()", k), C()?.excelExport?.(j);
+        E("excelExport()", N), C()?.excelExport?.(j);
       },
       pdfExport: (j) => {
         E("pdfExport()", d), C()?.pdfExport?.(j);
       },
-      openColumnChooser: (j, K) => {
-        E("openColumnChooser()", p), C()?.columnChooserModule?.openColumnChooser?.(j, K);
+      openColumnChooser: (j, H) => {
+        E("openColumnChooser()", p), C()?.columnChooserModule?.openColumnChooser?.(j, H);
       }
     };
   }, []);
-  X(() => {
-    P && (P.current = x);
-  }, [P, x]), X(() => () => {
+  Q(() => {
+    P && (P.current = k);
+  }, [P, k]), Q(() => () => {
     P && (P.current = null);
   }, []);
   const D = (C) => {
@@ -5953,8 +5941,8 @@ function us(t) {
     currentPage: n,
     totalRecordsCount: s,
     pageSizes: !0,
-    ...N || {}
-  }), [n, m, s, N]), G = ne(() => {
+    ...x || {}
+  }), [n, m, s, x]), G = ne(() => {
     if (!u || !w) return;
     const C = (w.columns || []).map((E) => ({
       ...E,
@@ -5962,12 +5950,12 @@ function us(t) {
     }));
     return { allowUnsort: !0, ...w, columns: C };
   }, [w, u]), $ = (C) => {
-    const E = h.current, j = C?.requestType, K = j === "paging" ? "paging" : j === "sorting" ? "sorting" : j === "searching" ? "searching" : j === "filtering" ? "filtering" : j === "grouping" ? "grouping" : j === "reorder" ? "reorder" : j === "columnstate" ? "columnstate" : "other", ie = C?.pageSize ?? E?.pageSettings?.pageSize ?? m, ce = C?.currentPage ?? E?.pageSettings?.currentPage ?? n, je = C?.columnName && C?.direction ? [{ field: C.columnName, dir: D(C.direction) }] : (E?.sortSettings?.columns || []).map((we) => ({
-      field: we.field,
-      dir: D(we.direction ?? we.dir)
+    const E = h.current, j = C?.requestType, H = j === "paging" ? "paging" : j === "sorting" ? "sorting" : j === "searching" ? "searching" : j === "filtering" ? "filtering" : j === "grouping" ? "grouping" : j === "reorder" ? "reorder" : j === "columnstate" ? "columnstate" : "other", ie = C?.pageSize ?? E?.pageSettings?.pageSize ?? m, ce = C?.currentPage ?? E?.pageSettings?.currentPage ?? n, je = C?.columnName && C?.direction ? [{ field: C.columnName, dir: D(C.direction) }] : (E?.sortSettings?.columns || []).map((Ce) => ({
+      field: Ce.field,
+      dir: D(Ce.direction ?? Ce.dir)
     })), Ge = C?.searchString ?? "", _e = C?.columns ?? E?.filterSettings?.columns ?? [];
     return {
-      reason: K,
+      reason: H,
       page: { index: ce, size: ie, skip: (ce - 1) * ie, take: ie },
       sort: je,
       // [{ field, dir: 'Ascending'|'Descending' }]
@@ -6010,13 +5998,13 @@ function us(t) {
           const C = [];
           return S && C.push(/* @__PURE__ */ e(ra, { type: "checkbox", width: "50" }, "__checkbox__")), A.forEach((E, j) => {
             const {
-              field: K,
+              field: H,
               headerText: ie,
               width: ce,
               textAlign: je = "Left",
               template: Ge,
               isPrimaryKey: _e,
-              showInColumnChooser: we = !0,
+              showInColumnChooser: Ce = !0,
               allowFiltering: Za = !0,
               allowSorting: Ha = !0,
               type: Ka,
@@ -6031,13 +6019,13 @@ function us(t) {
               /* @__PURE__ */ e(
                 ra,
                 {
-                  field: K,
+                  field: H,
                   headerText: ie,
                   width: ce,
                   textAlign: je,
                   template: Ge,
                   isPrimaryKey: _e,
-                  showInColumnChooser: we,
+                  showInColumnChooser: Ce,
                   allowFiltering: Za,
                   allowSorting: Ha,
                   type: Ka,
@@ -6048,7 +6036,7 @@ function us(t) {
                   customAttributes: nt,
                   ...st
                 },
-                K || `col-${j}`
+                H || `col-${j}`
               )
             );
           }), C;
@@ -6095,7 +6083,7 @@ export {
   Ma as ToggleSwitch,
   Zn as Tooltip,
   ls as TreeView,
-  W as UnifyedCoreButton,
+  Z as UnifyedCoreButton,
   Hn as WizardModal,
   Ga as adGroupsListSearchApi,
   sn as axiosDelete,
@@ -6114,7 +6102,7 @@ export {
   ns as http,
   Kr as localStore,
   aa as myDriveGatewayBaseV2,
-  De as notify,
+  ve as notify,
   _a as provisioningBase,
   Ya as rbacBase,
   Wa as searchRolesApi,